@import url("/case-assets/41/c4efc16419e44a4e8070.css");



.plr160 {

    padding: 0 160px;

    box-sizing: border-box;

}

.text-center {
        margin:25px 0;
    text-align: center
}

/*home*/
@keyframes line {
    0% {
        width: 0
    }

    100% {
        width: 40px;
    }
}

@-webkit-keyframes line {
    0% {
        width: 0
    }

    100% {
        width: 40px;
    }
}

@-moz-keyframes line {
    0% {
        width: 0
    }

    100% {
        width: 40px;
    }
}

@-o-keyframes line {
    0% {
        width: 0
    }

    100% {
        width: 40px;
    }
}

.banner-pagination .banner-prev,
.banner-pagination .banner-next {
    width: 30px !important;
    height: 30px !important;
    border: solid 1px var(--FEY-color-white);
    border-radius: 13px;
    display: inline-block;
    margin-right: 15px;
    color: var(--FEY-color-white);
    text-align: center;
    line-height: 28px;
}

.banner-pagination .swiper-pagination span.swiper-pagination-bullet-active:before {
    /* background: rgba(255, 255, 255, .6); */
    background: #fff;
    opacity: .8;
    width: 40px;
}

.banner-pagination .swiper-pagination span {
    width: auto;
    height: auto;
    margin-left: -2%;
    font-size: var(--FEY-font-size-16);
    color: var(--FEY-color-white);
    background: transparent;
    border-radius: 0;
    position: relative;
    padding: 0 6px;
    opacity: 1;
}

.banner-pagination .swiper-pagination span:after,
.banner-pagination .swiper-pagination span:before {
    position: absolute;
    top: 50%;
    height: 1px;
    content: '';
    left: 100%;
    width: 0;
}

.banner-pagination .swiper-pagination span.swiper-pagination-bullet-active:after {
    animation: line 5.1s;
    -webkit-animation: line 5.1s;
    -moz-animation: line 5.1s;
    z-index: 2;
    background: #fff;
}

.swiper-banner .swiper-pagination-bullet-active {
    margin-right: 40px !important;
}





.home-serve-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    color: #fff;

}



.banner-swiper .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.banner-swiper .swiper-pagination {

    bottom: 30px !important;

}



.banner-swiper .home-banner-custom {

    width: 20%;

    left: 48%;

    top: -39px;

    position: relative;

}



.banner-swiper .home-banner-custom .swiper-button-prev {

    top: 0;

    left: 35%;

}



.banner-swiper .home-banner-custom .swiper-button-next {

    top: 0;

    left: 50%;

}



.banner-swiper .home-banner-custom .swiper-button-next:after,

.banner-swiper .home-banner-custom .swiper-button-prev:after {

    color: #fff;

    padding: 10px 16px;

    border-radius: 13px;

    border: 1px #fff solid;

    font-size: 14px;
    display: none;
}

.banner-swiper .home-banner-custom .swiper-button-next img,

.banner-swiper .home-banner-custom .swiper-button-prev img {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #fff;
    padding: 6px;
    border-radius: 40%;
}

.banner-swiper .home-banner-custom .swiper-button-prev img {
    transform: rotate(180deg);
}

.banner-swiper .home-banner-custom .swiper-button-prev img:hover {
    background: rgba(255, 255, 255, 0.2) !important
}

.banner-swiper .home-banner-custom .swiper-button-next img:hover {
    background: rgba(255, 255, 255, 0.2) !important
}

.banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet-active {

    margin-right: 40px !important;

    background: transparent;

}



#mask-nav {

    display: none;

    width: calc(100vw - 80px);

    height: 100vh;

    background: #005EAECC;

    justify-content: space-around;

    writing-mode: initial;

    top: 0;

    left: 80px;

    cursor: auto;

    position: absolute;

    z-index: 999;
}



.mask-list-box {

    width: 100%;

    height: 50%;

    transform: translateY(50%);

    justify-content: center;

   /* background: url('/cases/41/proxy?p=L2ltYWdlcy9tYXNrLW5hdi1iZy5wbmc') no-repeat left bottom/contain;*/
    pointer-events: none;
}



.mask-list {

    width: calc(90% / 7);



}



.mask-list-title a {

    font-size: 20px;

    font-weight: 700;

    color: #fff;

}



.mask-sec-list {

    margin-top: 20px;

    font-size: 16px;

    color: #FFFFFF99;

}



.mask-sec-item {

    margin-top: 30px;



}



.mask-sec-item a {

    font-size: 16px;

    color: #FFFFFF99;

}



.home-banner {

    height: 100vh;

}



.pc-slide {

    width: 80px;

    height: inherit;

}



.pc-slide-list {

    width: 80px;

    height: inherit;

    position: absolute;

    z-index: 30;

}







.click-nav i {

    cursor: pointer;

}



.pc-slide-item:nth-child(1) {

    height: 15%;

    background: #e8e1d9;

}



.home-banner-phone {

    color: #005EAE;

    background: #fff;

}



.home-banner-company {

    background: #1D76DB;

}



.home-banner-serve {

    background: #005EAE;

    position: relative;

}



.home-banner-cultural {

    background: #EA4807;

}



.pc-slide-item {

    width: 80px;

    height: calc(85% / 4);

    writing-mode: vertical-lr;

    display: flex;

    justify-content: space-evenly;

    align-items: center;

    cursor: pointer;

    position: relative;

}



.pc-slide-item:hover .home-banner-box {

    pointer-events: none;

    display: flex;

}



.home-banner-box {

    width: 42vw;

    height: 100%;

    left: 80px;

    top: 0;

    display: none;

    justify-content: end;

    position: absolute;

    z-index: 2;

    transition: ease-in-out .3s;

}


/*
.home-banner-box::after {

    content: '';

    background: #a6a6a6;

    width: 42vw;

    height: 100%;

    left: 0;

    top: 0;

    opacity: .5;

    position: absolute;



}

*/

.home-banner-phone-box {

    background: #fff;
    opacity: .8;
}



.home-banner-company-box {

    background: #1D76DB;
    opacity: .8;
}



.home-banner-serve-box {

    background: #005EAE;
    opacity: .8;
}



.home-banner-cultural-box {

    background: #EA4807;
    opacity: .8;
}



.home-banner-list .home-banner-list-title {
    left: 55px;
    top: -110px;
    line-height: 55px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    z-index: 5;
    font-weight: 600;
}



.home-banner-phone-list p {

    color: #005EAE !important;

}



.home-company-number {

    width: 100%;

    justify-content: space-between;
    padding-left: 30px;
    z-index: 5;

}



.home-company-number-top {

    display: flex;

    justify-content: center;

    font-size: 60px;

    color: #fff;

}

.home-company-number-top span:nth-child(2) {
    font-size: 35px;
    margin-top: 8px;
}

.pc-slide-item .home-banner-list .home-banner-phone-number {
    line-height: 50px;
}

.home-company-number-bottom,

.home-company-number-bottom,

.home-company-number-bottom {

    color: #fff;

}



.home-about-number .home-banner-phone-list p {}



.home-banner-phone-list p {}



.home-banner-phone-list p {}



.home-banner-list {

    width: 100%;
    height: 50%;
    margin: 0 auto 24px;
    flex-wrap: wrap;
    align-items: end;
    writing-mode: initial;
    position: relative;
    z-index: 1;
    padding: 0 25px;
    box-sizing: border-box;
}



.home-banner-phone-text {
    font-size: 16px;
    margin-right: 20px;
    padding-left: 30px;

}

.home-banner-phone-text .home-banner-phone-number {
    line-height: 58px;
}


.home-banner-list li {

    width: 33%;

}



.home-banner-list li a {

    display: block;

    color: #fff;

}



.home-banner-list li i {

    margin-right: 5px;
    padding: 60px 0;
}



.home-about {
    padding: 60px 0;
    justify-content: space-around;

    position: relative;

}



.home-about::before {

    content: '';

    width: calc(35% + (30% / 8));

    height: 11px;

    top: 0;

    left: 0;

    background: #005EAE;

    position: absolute;



}



.home-about-left {

    width: 35%;
    height: 100%
}



.home-about-left p {

    margin: 90px 0 50px;
    font-size: 48px;

    color: #333333;

}



.home-about-left a {

    width: 150px;

    height: 50px;

    margin-bottom: 65px;

    background: #005EAE;

    border-radius: 20px 0px 20px 0px;

    display: flex;

    justify-content: center;

    align-items: center;
    border: 1px solid #005EAE;

    font-size: 16px;

    color: #fff;
    transition: ease-in-out .3s;
}

.home-about-left a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #005EAE;
}


.home-about-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-about-right {

    width: 50%;
    flex-direction: column;
    justify-content: space-evenly;
    box-sizing: border-box;
}
.home-about-right p{
line-height:2;
}
.home-about-info {
    padding: 40px 0;
    box-sizing: border-box;
    border-top: solid 1px #F0F0F0;
    border-bottom: solid 1px #F0F0F0;
    font-size: 16px;
    color: #666;

}

.toPrank {
    width: 100%;
    height: 100%;
    top: -30px;
    left: 0;
    color: #F7FCFF;
    font-size: 140px;
    font-weight: 1000;
    letter-spacing: 0px;
    position: absolute;
    letter-spacing: .2em;
    z-index: -2;
    -webkit-text-stroke: 1px rgba(217, 237, 255, 1);
}

.home-about-number {
    position: relative;
    justify-content: space-between;

}



.home-about-number-top {
    display: flex;
    align-items: self-start;
    font-size: 100px;

    color: #005EAE;
    position: relative;
}

.home-about-number-top .rlicon {
    font-size: 59px;
    margin-top: 15px;
}

.home-about-number {

    font-size: 18px;

    color: #666;

}



.home-service .home-serve-content {

    text-align: center;

    position: relative;

}



.home-service .text-box {

    padding-top: 60px;

}



.home-service .serve-title {

    padding: 30px 0;

    font-size: 22px;

    color: #005EAE
}



.home-service .serve-content {
    padding: 30px;
    font-size: 16px;
    line-height: 1.6;
    color: #999;
    box-sizing: border-box;
}



.home-service .serve-iconfont {

    margin-top: -50px;

    font-size: 48px;

    color: #333;

}



.home-service .serve-number {

    width: 70px;

    height: 70px;

    display: flex;

    justify-content: center;

    align-items: center;

    bottom: -20px;

    left: 50%;

    transform: translateX(-50%);

    font-size: 60px;

    color: #005EAE;

    position: absolute;

}


.home-service .add {

    width: 70px;

    height: 70px;

    display: none;

    justify-content: center;

    align-items: center;

    bottom: 25px;

    left: 50%;

    transform: translateX(-50%);

    font-size: 60px;

    color: #005EAE;

    position: absolute;

}

.home-serve-swiper .swiper-slide:hover img {
    display: block;
}


.home-serve-swiper .swiper-slide {

    height: 500px;

    overflow: hidden;

    background-position: top center;

    background-size: cover;

    transition: ease-in-out .5s;

    /* 过渡效果应用于所有可过渡的属性 */

    display: flex;

    transform: scale(.8) !important;

    flex-direction: column;

    justify-content: center;

    border-radius: 20px;

    position: relative;

}



.home-serve-swiper .swiper-slide::before {

    content: '';

    width: 101%;

    height: 101%;

    top: 0px;

    left: -1px;

    border-radius: 20px;

    background: #f5f5f5;

    transition: ease-in-out .5s;

    position: absolute;

    z-index: -1;

}

.home-serve-swiper .swiper-slide-active::after {
    content: '';
    width: 100%;

    height: 100%;
    top: 0px;

    left: -1px;
    background: #005EAE4C;
    position: absolute;
    z-index: -1;

}


.home-serve-swiper .swiper-slide:hover::before {

    background: rgba(0, 94, 174, 0.3);

}



.home-serve-swiper .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1) !important;
    /* 缩放至原始大小 */

}

.home-serve-swiper .swiper-slide-active i,
.home-serve-swiper .swiper-slide-active .serve-title,
.home-serve-swiper .swiper-slide-active .serve-content {
    color: #fff;
}

.home-serve-content img {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}


.home-serve-swiper .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1) !important;

    /* 缩放至原始大小 */

}

.home-serve-swiper .swiper-slide-active img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.home-serve-swiper .swiper-slide:hover .serve-number {

    display: none;

}



.home-serve-swiper .swiper-slide:hover .add {

    display: flex;

}



.home-serve-swiper .swiper-slide:hover .serve-content {

    position: relative;

}



.home-serve-swiper .swiper-slide:hover i,

.home-serve-swiper .swiper-slide:hover .serve-title,

.home-serve-swiper .swiper-slide:hover .serve-content {

    color: #fff;

}


.channel-content .container{
width:1600px;
}
.container {

    width: 1600px;
    margin: 0 auto;

}



/*header*/

#header {

    width: 100%;

    color: #fff;

    height: 90px;

    transition: ease-in-out .3s;

    -webkit-transition: ease-in-out .3s;

    -ms-transition: ease-in-out .3s;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 20;

}



.header-button {

    display: none;

    position: relative;

    margin-top: 0;

    margin-right: 2%;

    width: 30px;

    height: 50px;

    cursor: pointer;

}



.header-button span {

    position: absolute;

    top: 50%;

    left: 0;

    display: block;

    margin-top: -1px;

    width: 100%;

    height: 2px;

    border-radius: 2px;

    background: #fff;

    -webkit-transition: ease .5s;

    -moz-transition: ease .5s;

    -o-transition: ease .5s;

    transition: ease .5s;

}

.header-container .active span {
    transform: rotate(45deg);
    top: 30px;
}

.header-container .active:after {
    top: 29px;
    transform: rotate(-45deg);
}

.header-container .active:before {
    display: none
}

.header-button:after,

.header-button:before {

    position: absolute;

    left: 0;

    width: 100%;

    height: 2px;

    background: #fff;

    content: "";

    -webkit-transition: ease .5s;

    -moz-transition: ease .5s;

    -o-transition: ease .5s;

    transition: ease .5s;
    top: 36px;
}



.header-button:before {

    top: 13px;

}



.header-container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 100%
}

.header-container i {

    font-size: 22px;

    cursor: pointer;

}

#header .container:before,

#header .container:after {

    display: none
}



.header-logo {

    margin-left: 100px;

    background: url(/cases/41/proxy?p=L3NraW4vZGVmYXVsdC9pbWFnZXMvbG9nby5wbmc) no-repeat left center;

    background-size: contain;

    height: 70px;

    width: 15vw;

    max-width: 170px;

    transition: ease-in-out .3s;

    -webkit-transition: ease-in-out .3s;

    -ms-transition: ease-in-out .3s;

}



.header-logo a {

    display: block;

    width: 100%;

    height: 100%;

    opacity: 0
}



.header-right {

    margin-right: 4%;

    height: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center
}



.header-nav {

    width: 100%;

    display: flex;

    justify-content: space-between;

    height: 100%;

}



.header-nav-item {

    margin-right: 3.125vw;

    font-size: var(--FEY-font-size-18);

    height: 100%;

    display: flex;

    align-items: center;

}



.header-nav-item a {

    color: var(--FEY-color-333);

    white-space: nowrap;

    height: 100%;

    display: flex;

    align-items: center;

}



.header-nav-item:hover a,

.header-nav-item.active a {

    color: #257cc9;

    font-weight: bold
}



.header-contact {

    display: flex;

    align-items: center;

    justify-content: flex-start
}



.header-contact i {

    font-size: var(--FEY-font-size-36);

    color: var(--FEY-color-00b89f);

    transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    margin-right: 10px;

}



.header-contact p {

    font-size: var(--FEY-font-size-14);

    color: var(--FEY-color-333);

    line-height: 1.2
}



.header-contact p b {

    display: block;

    font-size: var(--FEY-font-size-20);

}



#header.scroll .header-logo {

    height: 60px
}

.search-header {

    width: 100%;

    height: 100%;

    display: block;

    margin: 0 auto;

    top: 0;

    left: 0;

    position: fixed;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: ease-in-out .5s;
}
.search-header.active{
    opacity: 1;
    visibility: inherit;

}
.search-header .search-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}
.serch-box {
    width: 60%;
    height: 50%;
    font-size: 25px;
    display: flex;
    background: #fff;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.serch-box form {

    width: 60%;
    display: flex;

    position: relative;
}


.serch-box input {

    width: 100%;

    border: none;

    background: none;



    color: #999;

    font-size: 20px;

}

.serch-box .search-btn {
    border: none;
    width: 50px !important;
    height: 100%;
    cursor: pointer;
    background: transparent;
}

.serch-box i {
    width: 20px;
    height: 20px;
    bottom: 8px;
    right: 15px;
    position: absolute;
    pointer-events: none;
    font-size: 25px;
}

.serch-box input:first-child {

    height: 45px;
    border: none;
    outline: none;
    border-bottom: 2px solid #666;

}

#m-nav {

    display: none;

    width: 100%;

    height: 100vh;

    top: 60px;

    left: 0;

    background: #005EAE;

    position: fixed;

    z-index: 5;

}

.menu {

    width: 100%;

    margin-top: 60px;

    font-size: 34px;

    font-weight: 600;

    color: #fff;

    text-align: center;

}

.m-nav-list {

    padding: 50px 0;

    border-bottom: 2px solid #1869af;

}

.m-nav-list .m-nav-title {

    width: 100%;

    padding: 0 40px;

    font-size: 16px;

    color: #fff;



    box-sizing: border-box;

}

.m-nav-list .m-nav-title p {

    line-height: 55px;

    border-bottom: 1px solid #fff;

    position: relative;
    width: 100%;
}

.m-nav-list .m-nav-title p a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.m-nav-list .m-nav-title:first-child p::before {
    content: '';
}

/*.m-nav-list .m-nav-title:nth-child(2) p::before,*/
.m-nav-list .m-nav-title:nth-child(5) p::before,
.m-nav-list .m-nav-title:nth-child(7) p::before {
    content: '';
}

.m-nav-list .m-nav-title p::before {

    font-family: iconfont;

    content: '\e603';

    width: 20px;

    height: 100%;

    top: 0;

    right: 0;

    transform: rotate(-90deg);

    position: absolute;

}

.m-nav-list .active p::before {

    content: '\e603';

    transform: rotate(90deg);



}

.m-nav-list {

    width: 100%;

    flex-direction: column;

}

.m-sec-list {

    display: none;

    padding-left: 40px;

}

.m-sec-item {

    padding: 10px 0;

    line-height: 30px;

}

.m-sec-item a {
    color: #fff;
}

.m-contact {

    text-align: center;

}

.m-contact-title {

    padding: 20px;

    font-size: 24px;

    color: #fff;
    ;

}

.m-contact-phone {

    color: #fff;
    ;

    font-size: 40px;

}



.swiper {

    width: 100%;

    height: 100%;

}





.swiper-slide {

    width: 100%;

    height: 100%;

}


#baguetteBox-overlay .full-image img{
        max-height:80%!important;
}
.honor-swiper .swiper-wrapper .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.home-banner-content {

    position: absolute;

    z-index: 99;

    top: 20%;

    right: 50%;

    transform: translateX(50%);

}



.home-banner-content .home-banner-title {
    -webkit-text-stroke: 3px #fff;
    color: #005EAE;
    font-weight: 600;
    font-size: 65px;
    text-align: center;


}

.home-banner-content .home-banner-ftitle {

    margin: 50px 0 70px;

    padding: 12px 0;

    font-size: 35px;

    color: #fff;

    text-align: center;
    background: linear-gradient(to right, rgba(0, 94, 174, 1), rgba(0, 94, 174, 0));

}


.banner-swiper .swiper-slide:first-child .home-banner-title {
    -webkit-text-stroke: 1px #fff;
    color: #fff;

}

.banner-swiper .swiper-slide:first-child .home-banner-ftitle {
    background: #005EAE;
}

.home-banner-content .change-color {

    color: #005EAE;

    font-weight: 700;

    -webkit-text-stroke: 3px #fff;

}






.home-banner-img-box {

    padding: 12px 0;

    padding-right: 12px;

    background: #fff;
    margin-left: -1px;
}



.change-none-img .home-banner-img-box {

    background: transparent;

}



.home-banner-img-box:nth-child(1) {

    padding-left: 12px;

}



.home-banner-img {

    width: 100%;

    margin: 0 auto;

}



.home-banner-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}







/*nav*/

#nav {

    position: fixed;

    right: -150%;

    top: 0;

    left: auto;

    width: 100%;

    height: 100%;

    z-index: 1034;

    overflow-y: auto;

    padding-top: 50px;

    transition: ease-in-out .3s;

    -webkit-transition: ease-in-out .3s;

    -o-transition: ease-in-out .3s;

}



#nav .header-button {

    position: absolute;

    right: 1.5vw;

    top: 1.5vw
}



#nav .header-logo {

    margin: auto auto 20px;

    height: 50px;

    width: 70%;

}



.nav-item-title {

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: var(--FEY-font-size-18);

    color: var(--FEY-color-black);

    position: relative
}



#nav .nav-list .nav-item {

    padding: 10px 15px
}



.nav-item-title a {

    color: var(--FEY-color-black);

    font-size: var(--FEY-font-size-16) !important;

    line-height: 30px;

}



.nav-item-title i {

    width: 30px;

    height: 30px;

    text-align: center;

    font-size: var(--FEY-font-size-16);

    cursor: pointer;

    position: absolute;

    right: 0;

    top: 50%;

    z-index: 2;

    line-height: 30px;

    margin-top: -15px;

    transition: ease-in-out .3s;

    -webkit-transition: ease-in-out .3s;

    -o-transition: ease-in-out .3s;

    color: var(--FEY-color-999)
}



.nav-item-title i.active {

    transform: rotate(180deg);

}



.nav-menu {

    padding-left: 30px;

    margin-top: 5px;

    display: none
}



.nav-menu a {

    font-size: var(--FEY-font-size-14);

    line-height: 2.2;

    color: var(--FEY-color-999)
}



.nav-menu a:hover {

    color: var(--FEY-color-00b89f);

    font-weight: bold
}



.nav-contact {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: var(--FEY-color-00b89f);

    padding: 10px;

}



.nav-contact-item {

    display: flex;

    align-items: center;

}



.nav-contact-item i {

    font-size: var(--FEY-font-size-30);

    color: var(--FEY-color-white);

    margin-right: 10px;

    line-height: 1
}



.nav-contact-item p {

    font-size: var(--FEY-font-size-16);

    color: var(--FEY-color-white)
}



#nav.active {

    right: 0;

    top: 0
}


.home-success {
    margin-top: 20px;
    margin-bottom: 20px
}
.home-service {

    width: 100%;
    height: 100%;
    background: url('/cases/41/proxy?p=L3NraW4vZGVmYXVsdC9pbWFnZXMvaG9tZS1zZXJ2ZXItYmcuanBn') no-repeat center center;

    background-size: 100% 100%;

    margin-bottom: 65px;

}



.home-title,

.home-title-cn,

.home-title-adv {

    text-align: center;

}



.home-title {

    color: #fff;

    font-size: 60px;

    -webkit-text-stroke: 1px #005EAE;
    font-weight: 600;
}



.home-title-bg {

    color: #005EAE;

}



.home-title-cn {

    padding: 10px 0;

    font-size: 22px;

    color: #333;

}



.home-title-adv {

    font-size: 36px;

    color: #333;

    margin-bottom: 70px;

}



.main-box {

    width: 100%;

    overflow: hidden;

}



.case-list {

    display: flex;

    justify-content: start;

    align-items: center;

    flex-wrap: wrap;

}



.case-item {

    width: calc(25% - 30px);

    margin-right: 30px;

    margin-top: 70px;

    overflow: hidden;



}



.case-item .case-img {

    width: 100%;

    height: 100%;

    transition: ease-in-out .3s;

    overflow: hidden;

    display: block;

}



.case-item:hover img {

    transform: scale(1.1);

}

.case-item:hover .case-community {
    color: #005EAE;
    border-bottom: 10px #D4E9FC solid;
}



.case-item .case-img img {

    width: 100%;

    height: 300px;

    object-fit: cover;

    transition: ease-in-out .3s;

    overflow: hidden;



}



.case-item:nth-child(4n) {

    margin-right: 0;

}



.case-item .case-province {

    font-size: 16px;

    color: #666;

}



.case-item .case-community {
    border-bottom: 10px #EFEFEF solid;
    margin: 20px 0 30px;
    width: fit-content;
    font-size: 22px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 34px;
}



.case-item .case-hometype {

    margin-bottom: 20px;

    font-size: 16px;

    color: #999;

}



.home-news-content {

    width: 100%;

    height: 600px;
    background: #F2F9FFFF;

    padding: 35px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: ease-in-out .3s
}



.home-news-content:hover .home-news-spec span {
    border: 1px solid #fff;
}


.home-news-item {

    position: relative;

}

.home-news-item:hover .home-news-content {
    background: rgba(0, 94, 174, 0.6)
}

.home-news-content:hover::before {

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;
/*
    background: url('/cases/41/proxy?p=L3NraW4vZGVmYXVsdC9pbWFnZXMvbmV3cy1iZy1ibHVlLnBuZw') no-repeat center center/cover;
*/
    opacity: .9;

    position: absolute;

}





.home-news-content:hover .home-news-type,

.home-news-content:hover .home-news-title,

.home-news-content:hover .home-news-spec span,

.home-news-content:hover .home-news-title,

.home-news-content:hover .content-bottom-number,

.home-news-content:hover .content-bottom-time,

.home-news-content:hover .content-bottom-time::before {

    color: #fff;

}



.home-news-content:hover .home-news-spec span {

    background: #FFFFFF33;

}



.home-news-type {

    font-size: 18px;

    color: #999;

}



.home-news-title {

    font-size: 24px;

    color: #333;
    height: 64px;
    margin: 20px 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}



.home-news-spec span {

    color: #666;

    background: #fff;

    border: 1px #999 solid;

    border-radius: 16px;

    padding: 7px 20px;

    margin-right: 12px;

}



.new-content-top {

    z-index: 2;

}

.home-news-item:hover .home-news-img {
    display: block
}

.home-news-item .home-news-img {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}

.home-news-item .home-news-img img {

    width: 100%;
    height: 100%;
    object-fit: cover;
}


.news-content-bottom {

    width: 100%;

    height: 150px;

    border-top: #E5E5E57F 1px solid;

    display: flex;

    justify-content: space-between;

    align-items: start;

    z-index: 2;

}



.content-bottom-number {

    padding-top: 25px;

    font-size: 72px;

    color: #005EAE;

    ;

    box-sizing: border-box;

}



.content-bottom-time {

    padding-top: 42px;

    font-size: 16px;

    height: 100%;

    color: #666;

    ;

    box-sizing: border-box;

    position: relative;

}



.content-bottom-time::before {

    font-family: iconfont;

    content: '\e641';

    bottom: 0;

    right: 0;

    color: #C4C4C4;

    font-size: 30px;

    position: absolute;

}



.home-reason {

    margin-top: 90px;

    margin-bottom: 120px;

    background: url('/cases/41/proxy?p=L3NraW4vZGVmYXVsdC9pbWFnZXMvY2hvb3NlLXJlYXNvbi1iZy5wbmc') top center/cover;

    position: relative;

}

.home-reason::after {

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #000;

    opacity: .5;

    position: absolute;

}



.home-reason-title {

    width: 100%;

    text-align: center;

    z-index: 3;

    top: 80px;

    left: 50%;

    transform: translateX(-50%);

    pointer-events: none;

    position: absolute;

}



.en-home-reason-title {

    width: 100%;

    top: -50px;

    left: 0;

    font-size: 70px;

    color: #6C6B69;

    position: absolute;

    z-index: -1;

}



.cn-home-reason-title {

    font-size: 50px;

    color: #fff;

}



.reason-content-box {

    width: calc(100% / 6);

    height: 70vh;

    display: flex;

    align-items: end;

    border-right: 1px solid rgba(255, 255, 255, 0.4);

    z-index: 3;

    position: inherit;
    cursor: help;
}



.reason-content {

    width: 100%;
    height: 55%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    display: block;
    color: #fff;
    text-align: center;
    transition: ease-in-out .3s;
    position: absolute;
    top: 200px;
}

.m-reason-content {
    display: flex;
    height: 60px;
    justify-content: space-between;
    align-items: center;
}

.reason-content-box:hover .reason-content {

    height: 70%;

    background: #005EAE;

}



.reason-content-box:hover .reason-content-line {

    transition: ease-in-out .3s;

    transform: rotate(90deg);

}

.reason-content-box:hover .reason-content-info {
    height: initial;
    overflow: initial;
    -webkit-line-clamp: initial;
}

.reason-content-box:hover .reason-content-number,

.reason-content-box:hover .reason-content-more,

.reason-content-box:hover .reason-content i {

    opacity: 0;

}



.reason-content-box:hover .reason-content-bottom {

    display: block;

}



.reason-content-title {

    font-size: 30px;

    height: 60px;

}

.m-reason-content-title {

    font-size: 30px;

}



.reason-content-info {

    width: 100%;
    height: 70px;
    font-size: 16px;
    padding: 20px 20px 0;
    margin-top:15px;
    box-sizing: border-box;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}



.reason-content-line {

    width: 2px;

    height: 35px;

    margin: 20px auto;

    background-color: #fff;

    opacity: .6;

}



.reason-content-number {

    font-size: 24px;

}



.reason-content-more {

    margin: 14px auto 15px;

    font-size: 14px;

}



.reason-content i {

    font-size: 20px;

}



.reason-content-bottom {

    display: none;

    font-size: 80px;

    color: #fff;

    opacity: .2;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    position: absolute
}



.home-news {

    margin-bottom: 70px;
    height: min-content;
}



footer {

    padding: 100px 90px 80px;

    background: #000;

    box-sizing: border-box;

}

#toTop {
    display: none;
    cursor: pointer;
    bottom: 10%;
    right: 1%;
    position: fixed;
    z-index: 999;
}

#toTop i {
    padding: 10px;
    font-size: 30px;
    background: #005EAE;
    opacity: .8;
}

.footer-right,

.footer-left {

    width: 40%;

}



.footer-law-right,

.footer-law-left {

    width: auto;

}

.footer-law-left .footer-copy {
    font-size: 12px;
    display: flex;
}

.footer-copy a {
    display: flex;
}

.footer-private,

.footer-nav,

.footer-law {

    justify-content: space-between;

}


.footer-private-right p {

    height: 30px;

    margin-bottom: 20px;

}



.footer-private-right input {

    text-indent: 50px;

    color: #fff;

    border: none;

}


.footer-private-right form {
    position: relative;
}

.footer-private-right form::before {

    font-size: 25px;

    font-family: iconfont;

    content: '\e908';

    top: 50%;
    transform: translateY(-50%);
    left: 25px;

    width: 20px;

    height: auto;

    position: absolute;

}



.sub-btn {

    content: '';

    top: 50%;
    transform: translateY(-50%);

    right: 15px;

    width: 10%;

    height: auto;

    font-size: 16px;

    color: #1662B7;

    font-weight: 700;

    position: absolute;

    background: transparent;

    border: none;

    cursor: pointer;

}

.sub-input {

    width: 100%;

    height: 50px;

    border-radius: 30px;

    background: #000;

    border: 1px solid #5A5757 !important;

}

.sub-input::-webkit-input-placeholder {

    position: absolute;

    left: 25px !important;
    ;

}

.footer-subscribe {

    font-size: 50px;

}



.en-footer-subscribe {

    font-size: 30px;

}



.footer-nav {

    margin: 80px 0;

}



.footer-nav-list {

    flex-wrap: wrap;

}



.footer-nav-right {

    flex-direction: column;

    justify-content: center;

}



.phone-title,

.email-title {

    width: 60px;

}



.footer-nav-right p {
    text-align: left;
    margin-left: 10%;

}



.footer-nav-phone,

.footer-nav-E-mail {

    display: flex;

    align-items: center;
    width: 100%;
    height: 100%;

}
.footer-nav-phone .phone-title,.footer-nav-E-mail .email-title{margin-left:0}



.footer-nav-item {
    width: calc(100% / 3);

}



.footer-nav-item a {
    width: fit-content;
    height: 100%;

    display: flex;

    align-items: center;

    margin-bottom: 25px;

    color: #fff;

}



.footer-law a {

    color: #fff;
}

.footer-law a img {
    height: 15px
}

.footer-law-left {

    display: flex;

    align-items: center;

}



.law-partner {

    color: #000;

}



.law-partner-item {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 50px;

    height: 50px;

    margin-right: 16px;

    background: #fff;

    border-radius: 50px;

}



.law-partner-item i {

    font-size: 20px;

}



/*about*/
#about .about-info-box {
    height: 100%;
}

#about .about-info-about {
    height: 100%;
    align-items: center;
}

.about-banner {
    width: 100%;
    height: 100%;
    position: relative;
}


.about-banner-text {

    left: 15%;

    bottom: 80px;

    position: absolute;
z-index:1;
}



.en-page-titel {

    line-height: 50px;

    font-size: 36px;

    color: #fff;

    font-weight: 700;

    position: relative;

}



.en-page-titel::after {

    content: '';

    width: 50px;

    height: 4px;

    left: 0;

    top: -30px;

    background: #fff;

    position: absolute;

}



.cn-page-titel {

    line-height: 30px;

    font-size: 24px;

    color: #fff;

}



.about-banner::after {

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    background-image: linear-gradient(to bottom, rgba(0, 94, 174, .4), rgba(0, 94, 174, 0));

}



.about-banner img {

    width: 100%;

    height: auto;

    object-fit: cover;

}



.about-title {

    padding-top: 85px;

    margin-bottom: 11px;

    text-align: center;

    font-size: 40px;

    color: #333;

}



.about-ftitle {

    text-align: center;

    font-size: 24px;

    color: #666;

}



#about-info {

    justify-content: space-between;

    flex-wrap: wrap;

}



.about-info-box {
    width: 100%;
    height: 100%;
    margin-top: 40px;
    margin-right: 70px;
    display: flex;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.about-info-about:nth-child(even) {
    direction: rtl;
}

.about-info-about:nth-child(even) .about-info-box {
    direction: initial;
}


.about-info-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.about-info-title {

    font-size: 36px;

    color: #333;

}



.about-info-text {

    font-size: 16px;

    color: #666;
    line-height: 2;
}



#about-cultural {}



.about-cultural-box {

    justify-content: center;

}



.about-cultural-box .cultural-img {

    width: 25%;

    height: 100%;

    margin-top: 100px;
transition:ease-in-out .4s;
    position: relative;

}

.about-cultural-box .cultural-img:hover{
    box-shadow: 0px 1px 10px 0px #333;
    transform: translateY(10px);
}
.about-cultural-box .cultural-img img {

    width: 100%;
display:block;
    height: 550px;

    object-fit: cover;

    max-height: 600px;

}



.cultural-img-text {

    background: url('/cases/41/proxy?p=L3NraW4vZGVmYXVsdC9pbWFnZXMvY3VsdHVyYWwtdGV4dC5wbmc');

    width: 100%;

    height: 35%;

    bottom: 0;

    left: 0;

    padding-left: 30px;

    box-sizing: border-box;

    position: absolute;

}



.cultural-img-text span {

    margin-top: 50px;

    display: inline-block;

    color: #005EAE;

}



.cultural-img-text span:nth-child(1) {

    font-size: 26px;

}



.cultural-img-text span:nth-child(2) {

    font-size: 16px;

}



.cultural-img-text .cn-cultural-content {

    font-size: 20px;

    color: #333;

}



.cultural-img-text .en-cultural-content {

    font-size: 12px;

    color: #999;

}



.about-cultural-box .cultural-img:nth-child(even) {

    margin-top: 200px;

}



#about-honor {

    background: url('/cases/41/proxy?p=L3NraW4vZGVmYXVsdC9pbWFnZXMvYWJvdXQtaG9ub3ItYmcucG5n')no-repeat center top/cover;

}



#about-honor .swiper {

    margin: 110px auto 0;

    position: relative;

}



.honor-swiper::before {

    content: '';

    width: 100%;

    height: 80px;

    bottom: 150px;

    left: 0;

    background: #f00;

    background: linear-gradient(180deg, rgba(220, 220, 220, 1) 0%, rgba(255, 255, 255, 1) 100%);

    position: absolute;



}



.honor-swiper-bottom {

    width: 100%;

    height: 150px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #f0f0f0;

    position: relative;

}



.honor-swiper-bottom p {

    text-align: center;

    font-size: 24px;

    color: #666;

}



.honor-swiper .swiper-wrapper {

    align-items: flex-end;
    height: 400px;
    position: relative;

}

.honor-swiper .swiper-slide {
    transform: scale(.8) !important
}

.honor-swiper .swiper-slide-active {
    transform: scale(1) !important
}

.honor-swiper .swiper-button-next {

    right: unset;

    left: 11%;

    color: #666;

}



.honor-swiper .swiper-button-prev {

    left: 8%;

    color: #666;

}



.honor-swiper .swiper-button-next:after,

.honor-swiper .swiper-button-prev:after {

    font-size: 25px;

}
@media(max-width: 1400px){
.container{
   width: 100%;
}

}

@media(max-width: 1400px) {
    .home-about-number-top .rlicon {
        font-size: 20px;
        margin-top: 10px;
    }

    .banner-pagination .swiper-pagination span {
        margin-left: -5%;
    }

    .home-about-number-top::after {
        right: -37px;
        width: 50px;
        top: 9px;
        font-size: 24px;
    }

    .toPrank {
        font-size: 100px
    }

    /*home*/

    .banner-swiper .home-banner-custom .swiper-button-next:after,

    .banner-swiper .home-banner-custom .swiper-button-prev:after {

        padding: 6px 11px;

        border-radius: 10px;

    }



    .home-banner {

        height: 60vh;

    }



    .home-banner-content .home-banner-title {
        -webkit-text-stroke: 1px #fff;
        font-size: 30px;

    }



    .home-banner-content .change-color {

        -webkit-text-stroke: 2px #fff;

    }



    .home-banner-content .home-banner-ftitle {

        font-size: 16px;

        margin: 20px 0 30px;

    }



    .home-banner-title {

        font-size: 40px;

    }

    /*

    .home-about-right p {

        font-size: 14px;

    }
*/


    .home-about-number-top {

        font-size: 50px !important;

    }



    .home-banner-ftitle {

        font-size: 20px;

    }



    .home-about-left p {

        font-size: 24px;

    }



    .home-service .text-box {

        padding-top: 30px;

    }



    .home-title {

        font-size: 45px;

    }



    .home-title-cn {

        font-size: 20px;

    }



    .home-title-adv {

        font-size: 24px;

        margin-bottom: 40px;

    }



    .case-list {

        justify-content: space-between;

    }



    .case-item .case-community {

        margin: 15px 0;

    }



    .case-item {

        width: calc(50% - 2%);

        margin-right: 20px;

        margin-top: 50px;

    }



    .home-reason {

        margin-bottom: 90px;

    }



    .home-news-title {

        font-size: 14px;

    }



    .home-news-content {
        height: 450px;

    }



    .news-content-bottom {

        height: 100px;

    }



    .home-news-spec span {

        padding: 5px 15px;

    }



    .content-bottom-number {

        font-size: 40px;

    }



    .content-bottom-time {

        font-size: 12px;

    }



    .case-item:nth-child(4n) {

        margin-right: 30px;

    }



    .case-item:nth-child(2n) {

        margin-right: 0;

    }







    .en-home-reason-title {

        margin-top: 15px;

        font-size: 50px;

    }



    .cn-home-reason-title {

        font-size: 30px;

    }



    .footer-subscribe {

        font-size: 30px;

    }



    .en-footer-subscribe {

        font-size: 20px;

    }



    .reason-content-title {

        font-size: 20px;

    }

    .m-reason-content-title {

        font-size: 16px;
        width: 20%;
    }



    .reason-content-info {

        font-size: 14px;

    }



    footer {

        padding: 60px 40px 50px
    }



    .footer-nav {

        margin: 80px 0;

    }



    .footer-law-left {

        font-size: 14px;

    }



    .law-partner-item {

        width: 35px;

        height: 35px;

    }



    /*about*/

    #about .plr160 {

        padding: 0 40px;

    }



    .about-info-box {

        width: calc(50% - 20px);

        margin-right: 20px;

    }



    .about-info-box {

        height: 450px;

    }



    .cultural-img-text span:nth-child(1) {

        font-size: 24px;

    }



    .cultural-img-text span:nth-child(2) {

        font-size: 14px;

    }



    .cultural-img-text .cn-cultural-content {

        font-size: 16px;

    }



    #about-honor .swiper {

        margin: 50px auto 0;

    }



    #about-honor .plr160 {

        padding-top: 45px;

    }

}

@media(min-width: 1100px) and (max-width: 1200px) {
    .footer-law-left .footer-copy {
        font-size: 11px;
    }
}

@media(min-width: 1024px) and (max-width: 1600px) {
    .about-info-text {
        font-size: 12px
    }

    .banner-pagination .swiper-pagination span:first-child {
        margin-left: -5% !important
    }

    .banner-swiper .home-banner-custom .swiper-button-next {
        left: 56% !important
    }
}

@media(max-width: 1024px) {
    .home-about-number-top .rlicon {
        font-size: 15px;
        margin-top: 4px;
    }
.en-page-titel{font-size:24px}
.cn-page-titel{    font-size: 20px;}
.en-page-titel::after{
    top: -10px
}
    .channel-content {
        position: relative;
        height: 90px
    }

    .page-channel {
        bottom: 0 !important;
    }

    .banner-swiper .home-banner-custom .swiper-button-prev,
    .banner-swiper .home-banner-custom .swiper-button-next {
        display: none !important
    }

    .home-banner-img-box:nth-child(1) {
        padding-left: 4px;
    }

    .home-banner-img-box {
        padding: 4px 0;
        padding-right: 4px;
    }

    .footer-nav-item {
        display: flex;
        justify-content: center;
    }

    .toPrank {
        display: none
    }

    .home-about-number-top::after {
        right: -17px;
        top: -3px;
    }

    .home-about-number-top-17::after {
        right: -9px;
        top: 2px;
    }

    .mt60 {
        margin-top: 60px
    }

    /*home*/

    .header-button {

        display: block !important;

    }

    #header {
        height: 60px !important;
    }

    /*
    #banner {
        height: 400px !important
    }
*/
    .m-bg {

        background: #005EAE !important;

    }



    .header-container {

        justify-content: space-between;

        padding: 0 20px;

    }



    .header-logo {

        margin-left: 0;

    }



    .header-right {

        display: none;

    }



    .banner-swiper .home-banner-custom .swiper-button-prev {

        left: 60%;

    }



    .banner-swiper .home-banner-custom .swiper-button-next {

        left: 85%;

    }



    .banner-swiper .home-banner-custom .swiper-button-next:after,

    .banner-swiper .home-banner-custom .swiper-button-prev:after {

        padding: 6px 11px;

        border-radius: 10px;

    }



    .pc-slide {

        display: none;

    }



    .home-banner-content {

        top: 30%;

    }



    .home-banner-content .home-banner-title {

        font-size: 20px;

    }



    .home-banner-content .change-color {

        -webkit-text-stroke: 1px #fff;

    }



    .home-banner-content .home-banner-ftitle {

        font-size: 11px;

        margin: 10px 0;

    }



    .plr160 {

        padding: 0 40px;

    }



    .home-banner {

        height: 50vh;

    }



    .home-banner-title {

        font-size: 16px;

    }



    .home-about-left a {

        width: 100px;

        height: 40px;

        font-size: 15px;

    }

    /*

    .home-about-right p {

        font-size: 12px;

    }

*/

    .home-about-number-top {

        font-size: 30px !important;

    }



    .home-banner-ftitle {

        font-size: 20px;

    }



    .home-about-left p {

        font-size: 24px;

    }



    .case-list {

        justify-content: space-between;

    }



    .home-news-content {

        height: 500px;

        padding: 20px;

    }



    .home-reason {

        margin-top: 60px;

        margin-bottom: 60px;

    }



    .en-home-reason-title {

        top: -30px;

        margin-top: 15px;

        font-size: 25px;

    }



    .cn-home-reason-title {

        font-size: 18px;

    }



    .footer-subscribe {

        font-size: 30px;

    }



    .en-footer-subscribe {

        font-size: 20px;

    }



    .reason-content-title {

        font-size: 16px;

        height: 40px;

    }



    .reason-content-info {

        padding: 10px 12px 0;

        font-size: 12px;

    }



    .footer-law {

        display: block !important;

    }



    /*about*/
    #about-info .about-info-about {
        display: block;
    }


    .about-info-box {

        width: 100%;

        height: auto;

    }



    .about-info-box .about-info-text {

        padding: 20px 0;

    }



    .about-info-box:nth-child(even) {

        margin-top: 0;

    }



    .about-title {

        padding-top: 50px;

    }



    .about-info-title {

        text-align: center;

    }



    .cultural-img-text {

        height: 40%;

    }



    .cultural-img-text span {

        margin-top: 30px;

    }



    .cultural-img-text span:nth-child(1) {

        font-size: 20px;

    }



    .cultural-img-text span:nth-child(2) {

        font-size: 12px;

    }



    .cultural-img-text .cn-cultural-content {

        font-size: 14px;

    }

    .footer-private,

    .footer-nav,

    .footer-law {

        text-align: center;

        display: block !important;

    }

    .footer-right,

    .footer-left {

        width: 100% !important;
        justify-content: center;
    }

    .footer-nav-item a {
        justify-content: center
    }

    .law-partner-list {
        justify-content: center;
        margin-top: 20px;
    }

    .footer-nav {
        margin: 30px 0;
        font-size: 14px
    }

    .footer-nav-right p {
        margin-left: 0;
    }

    .footer-nav-phone,
    .footer-nav-E-mail {
        justify-content: center;
    }
    .footer-nav-phone p:nth-child(2){
    padding-right: 35px;
}
    .m-home-reason {
        display: block !important
    }

    .home-reason {
        display: none !important
    }
}



@media(max-width: 767px) {
.about-banner-text{left:10%}
.case-item{  margin-top: 20px;}
.plr160{padding:0 15px}
.topic-quality-container{margin-top:30px!important}
.fabric-quality{padding:30px 15px!important}
    .m-cn-home-reason-title {
        font-size: 20px
    }

    .m-reason-content-title {
        font-size: 12px
    }

    .m-reason-content .m-reason-content-info {
        font-size: 12px
    }

    .m-reason-content .m-reason-content-number {
        font-size: 12px
    }

    .home-service {
        height: revert;
    }


    .home-about {
        display: block !important;
        padding: 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .home-about-left,
    .home-about-right {
        width: 100%;
    }

    .home-about-left {
        padding-top: 15px;
                text-align: center;
        height: unset;
    }

    .home-about-left a {
        margin: 20px auto;
    }


    .home-about-img {
        height: max-content;
    }

    .home-service .serve-iconfont {
        font-size: 35px
    }

    .home-service .serve-title {
        font-size: 14px
    }

    .serve-content {
        font-size: 12px !important;
    }

    .home-service .serve-title {
        padding: 20px 0;
    }

    .home-service .serve-content {
        padding: 0 30px;
    }

    .home-service .serve-number {
        font-size: 30px;
    }

    .home-serve-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        font-size: 10px
    }

    .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet-active {
        font-size: 14px
    }

    .home-serve-swiper .swiper-slide-active .home-service .serve-number {
        bottom: 0px;
    }

    .home-about-number-top::after {
        right: -17px;
        font-size: 18px;
        top: 7px;
    }

    .page-info span {
        display: block;
        padding: 0 !important;
    }

    .home-about-number-top-17::after {
        top: 14px;
    }

    .about-banner-text {
        bottom: 20px
    }

    .en-page-titel {
        font-size: 20px;
    }

    .cn-page-titel {
        font-size: 16px
    }

    .page-channel-list {
        flex-wrap: wrap;
        height: 100%;
        justify-content: center;
    }

    .page-channel-item a {
        padding: .2rem
    }

    /*
    #banner {
        height: 300px !important
    }
*/
    /*home*/

    .home-banner-custom {

        display: none;

    }



    #header {

        height: 60px;

    }



    #about .plr160 {

        padding: 0 15px;

    }



    .header-logo {

        width: 70%;

        height: 35px;

    }



    .home-banner {

        height: 40vh;

    }



    .home-banner-title {

        font-size: 14px;

    }



 
     .home-about-left p {
                font-size: 18px;
        margin: 0;
        font-weight: 600;   
 }





    .home-about-left a {

        width: 100px;

        height: 40px;

        font-size: 15px;

    }



    .home-about-right p {

        padding: 10px 0;

    }



    .home-about-number-top {

        font-size: 30px !important;

    }



    .home-banner-ftitle {

        font-size: 20px;

    }



    .home-reason {
        height: 65%;
        margin-top: 30px;

        margin-bottom: 30px;

    }



    .home-service .text-box {

        padding-top: 30px;

    }



    .home-title {

        font-size: 25px;

    }



    .home-title-cn {

        font-size: 18px;

    }



    .home-title-adv {

        font-size: 16px;

        margin-bottom: 15px;

    }



    .home-news-content {
        height: 350px;

    }

    .home-news {
        height: 500px
    }


    .case-list {

        display: block;

    }



    .case-item {

        width: 100%;

    }



    /*about*/


    .about-cultural-box {

        display: block !important;

    }



    .about-cultural-box .cultural-img {

        width: 100%;

    }



    .about-info-box {

        margin: 0;

        margin-top: 20px;

    }



    .about-info-title,

    .about-title {

        font-size: 18px;

    }



    .about-title {

        padding-top: 20px;

    }



    .about-ftitle {

        font-size: 14px;

    }



    .cultural-img-text span {

        margin-top: 60px;

    }



    .cultural-img-text span:nth-child(1) {

        font-size: 30px;

    }



    .cultural-img-text span:nth-child(2) {

        font-size: 20px;

    }



    .cultural-img-text .cn-cultural-content {

        padding: 15px 0;

        font-size: 16px;

    }



    .cultural-img-text .en-cultural-content {

        font-size: 16px;

    }



    .about-cultural-box .cultural-img {

        max-height: 600px;

        margin-top: 20px;

    }



    .about-cultural-box .cultural-img:nth-child(even) {

        margin-top: 20px;

    }







    #about-honor .plr160 {

        padding-top: 20px;

    }



    #about-honor .swiper {

        margin: 0 auto;

    }



    .honor-swiper-bottom {

        height: 60px;

    }



    .honor-swiper-bottom p {

        font-size: 12px;

    }



    .honor-swiper .swiper-button-next {

        left: 18%;

    }



    .honor-swiper .swiper-button-next:after,

    .honor-swiper .swiper-button-prev:after {

        font-size: 12px;

    }



    footer {

        padding: 30px 15px 0;

    }



    .footer-nav {

        margin: 20px 0;

    }


    .footer-nav-right p {

        margin-left: 0;

    }



    .footer-nav-right {

        align-items: center;

    }



    .law-partner-list {

        padding: 20px 0;

        justify-content: center;

    }

    /*newadd*/
    .main-box {
        height: max-content;
        padding: 20px 0;
    }

    .home-news {
        height: max-content;
    }

    .footer-right,
    .footer-left {
        justify-content: center;
    }

    .footer-law-left .footer-copy {
        width: 100%;
        display: block
    }


    .footer-copy a {
        display: inline-block !important;
        justify-content: center;
        align-items: flex-start;
        display: flex;
        padding: 10px;
    }

    .law-partner-list {
        margin-top: 0;
    }




}

.home-news-spec {
    margin-top: 50px;
}

.mask-list-title,
.mask-list-title a,
.mask-list .mask-sec-item {
    pointer-events: auto;
}

.mask-sec-item a:hover {
    color: #52affd;
}

.pc-slide-item .home-banner-list {
    align-items: end;
}

.pc-slide-item .home-banner-list li {
    width: 40%;
    padding-left: 30px;
}

.pc-slide .home-banner-cultural-list {
    align-items: baseline;
}

.pc-slide .home-banner-cultural-list li a {
    text-align: left
}

.law-partner-item {

    width: 35px;

    height: 35px;
    position: relative;
}

.law-partner-item .partner-img {
    width: 100px;
    height: 100px;
    top: -110px;
    position: absolute;
    display: none;
}

.law-partner-item:hover .partner-img {
    object-fit: cover;
    display: block;
}

.law-partner-item:hover .partner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*search*/
.page-search-info {
    width: 90%;
    margin: 30px auto;
    background: #005EAE;
    padding: 10px;
    font-size: 20px;
    color: #fff;
}

.search-main {
    width: 90%;
    margin: 0 auto;

}

.page-search-info span {
    margin: auto 5px;
    color: red;
    font-weight: bold;
}

.page-search-item {
    transition: ease-in-out.4s;
    margin-bottom: 20px;
    border-bottom: solid 1px #F2F2F2;
    padding-bottom: 20px;

}

.page-search-item-block {
    display: flex;
}

.page-search-img {
    flex: 1;
    max-width: 200px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.page-search-text {
    flex: 1;
    max-width: calc(100% - 200px);
    padding-left: 30px;
display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.page-search-title {
    font-size: 16px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 24px;
    color: #333;
}

.page-search-time {
    font-size: 14px;
    color: #999;
}

.page-search-item:hover .page-search-title {
    color: #005EAE
}

.page-search-item:hover {
    background: #005eae29;

}

.page a:first-child {
    display: none;
}

.search-main .container .text-center {
    text-align: center
}

.search-main .page-mian-bg {
    padding: 20px 5%;
    box-sizing: border-box;
}

.m-home-reason {
    display: none;
    color: #fff;
    background: url(/cases/41/proxy?p=L3NraW4vZGVmYXVsdC9pbWFnZXMvY2hvb3NlLXJlYXNvbi1iZy5wbmc) top center / cover;
    position: relative;
    padding: 15px 0;
    margin: 15px 0;
}

.m-home-reason::after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .5;
    position: absolute;
}

.m-home-reason-title {
    text-align: center;
    position: relative;
    z-index: 2;
}

.m-en-home-reason-title {
    width: 100%;
    font-size: 26px;
    color: rgba(108, 107, 105, 1);
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.m-cn-home-reason-title {
    font-size: 24px;
    color: #fff;
}

.channel-content {
    position: relative;
}

.m-home-reason ul {
    z-index: 2;
    position: inherit;
}
.m-home-reason ul li{
padding:0 30px;
}
.m-home-reason ul li .m-reason-content-number{
position:relative;
}
.m-home-reason ul li .m-reason-content-number::before{
content:'';
width:15px;
height:2px;
background:#2c7dc2;
bottom:-4px;
left:0;
position:absolute;
}
.m-home-reason ul li:hover {
    background: #005EAE;
    transition: ease-in-out .3s;
}

.m-reason-content .m-reason-content-info {
    width: 50%;
    text-align: left;
}

.cases-main .case-item .case-community,
.cases-main .case-community {
    height: 40px
}

.search-input-box {
    width: 100%
}

.search-input-box .btnSubmit {
    display: flex;
}

@media (max-width: 500px) {
.en-page-titel{font-size:16px;    line-height: 30px;}
.cn-page-titel{    font-size: 14px;}
.en-page-titel::after{
    top: -10px
}

.home-about-number {

    font-size: 12px;
}

    .home-serve-swiper .swiper-slide {
        height: 350px
    }

    .channel-content:heigth:70px
}
.pc-slide-item .home-banner-serve-list li{
	width:calc((100% - 60px) / 3);

}
.pc-slide-item .home-banner-serve-list li:nth-child(3n){
padding-left:0;
}
.home-serve-swiper .swiper-slide-active a{
width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}