@charset "utf-8";
/* top */
.top {
    width: 100%;
    height: 64px;
    /*height: 100px;*/
    /*position: fixed;*/
    /*top: 0px;*/
    /*left: 0px;*/
    z-index: 999;
}
.top1 {
    width: 100%;
    height: 64px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.topitem {
    width: 100%;
    height: auto;
    position: relative;
    background: #FFFFFF;
    /*background: #04657B;*/
}
.topitem1 {
    width: 100%;
    height: auto;
    position: relative;
}
.head {
    width: 100%;
}
.head1 {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.head1 a{
    font-size: 40px;
    font-weight: bold;
    line-height: 2;
    /*letter-spacing:2px;*/
}
.head1 h2{
    font-family: NotoSansHans-Bold;
    font-size: 40px!important;
    line-height: 2;
    /*letter-spacing:2px;*/
}
.logo {
    /*width: 240px;*/
    height: 64px;
    /*height: 100px;*/
    /*background-color: rgba(0, 46, 125, 0.8);*/
}
.logo a {
    width: 100%;
    height: 100%;
    /*justify-content: center;*/
}
.head_r {
    /*width: 950px;*/
    height: 100%;
}
.nav>ul{
    display: flex;
    justify-content: center;
}
.nav>ul>li>a {
	font-size: 16px;
	color: #ffffff;
    line-height: 64px;
    /*line-height: 100px;*/
    padding: 0 30px;
    /*padding: 0px 20px;*/
    display: block;
}
/* .nav>ul>li.active {
    background-color: rgba(0, 46, 125, 0.8);
} */
.nav>ul>li.active>a {
    color: #fff;
    /*color: #066681;*/
    font-size: 16px;
    /*font-weight: bold;*/
}
.ernav {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 46, 125, 0.8);
    z-index: 99;
    display: none;
}
.ernavitem {
    width: 100%;
    height: 360px;
}
.ernav_l {
    text-align: left;
}
.ernav_l h3 {
    font-size: 42px;
    font-family: Poppins-SemiBold;
    color: #ffffff;
    text-transform: uppercase;
}
.ernav_l h3 i {
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-family: Poppins-Medium;
    color: #ffffff;
    font-style:normal;
    padding:  0px 15px;
}
.ernav_l h3 span {
    font-size: 18px;
    font-family: Poppins-Medium;
    color: #ffffff;
}
.ernav_l p {
    line-height: 28px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    color: #ffffff;
    opacity: .7;
}
.ernav_l ul {
    justify-content: flex-start;
    margin-top: 45px;
}
.ernav_l ul li a {
    padding: 10px 28px;
    display: block;
    background-color: #189bf0;
    color: #ffffff;
    margin-right: 10px;
}
.ernav_r {
    width: 400px;
    text-align: center;
}
.ernav_r img {
    height: 228px;
    width: 100%;
    object-fit: cover;
}
.ernav_r p {
    font-size: 16px;
    font-family: PingFangSC-Regular;
    color: #ffffff;
    margin-top: 20px;
}
.ernav a {
    font-size: 14px;
	color: #333333;
    line-height: 30px;
    display: block;
}
.nav>ul>li:hover .ernav {
    display: block;
}
.nav>ul>li .ernav a:hover {
    color: #0146ad;
    background-color: #ffffff;
}

.s-title{
    margin: 32px 0;
}
.s-title h2{
    /*color:#066681;*/
    margin-bottom:0;
    /*font-size:36px;*/
    /*letter-spacing:3px;*/
    /*font-weight: bold;*/
    font-family: NotoSansHans-Bold!important;
    /*font-family: Source Han Sans SC, Source Han Sans SC;*/
    font-weight: 500;
    font-size: 28px;
    color: #1E1E1E;
    line-height: 42px;
}
.s-title h4{
    margin-top: 6px;
    /*color: #999;*/
    margin-bottom:0;
    /*font-size:20px;*/
    /*letter-spacing:3px;*/

    font-family: NotoSansHans-Medium!important;
    /*font-family: Source Han Sans SC, Source Han Sans SC;*/
    font-weight: 400;
    font-size: 20px;
    color: #999999;
    line-height: 30px;
}
.span_list{
    display: flex;
    justify-content: space-between;
}
.span_item{
    width: calc((100% / 4) - 30px);
    /*padding: 14px;*/
    /*background: #fff;*/
    /*border: 1px solid #066681;*/
    /*box-shadow: 5px 5px 8px rgba(0, 0, 0, .5);*/
    border-radius: 4px;
}
.span_item:hover{
    display: block;
}

.span_content{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    height: 340px;
    background-color: rgba(0,0,0,0.4);
}
.span_content h3{
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
}
.span_content p{
    padding-top: 20px;

    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}
.span_item_b{
    /*padding: 10px;*/
    height: 100%;
    /*background: #FFFDF6;*/
    /*border-radius: 4px;*/
    position: relative;
}
.span_item_b:hover .span_content{
    display: block;
}
.span_item_b img{
    width: 100%;
    height: 340px;
    object-fit: cover;
    /*border-radius: 4px 4px 0 0 ;*/
}
.span-info{
    /*padding: 20px;*/
}
.span-title{
    margin: 20px 0;
    /*color: #066681;*/
    /*font-size: 25px;*/
    /*font-weight: bold;*/
    /*letter-spacing:2px;*/

    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 400;
    font-size: 20px;
    color: #1E1E1E;
    line-height: 30px;
}
.span-content{
    font-size: 15px;
    line-height: 2;
    letter-spacing:2px;
    word-wrap:break-word;
    text-align:justify;
}

.card_list{
    display: flex;
}
.card-l{
    width: 60%;
}
.card-l p{
    padding-right: 40px;
    margin: 32px 0;
    font-size: 16px;
    line-height: 2;
    letter-spacing:2px;
    word-wrap:break-word;
    text-align:justify;
}
.card-r{
    width: 40%;
}
.card-r img{
    width: 100%;
}

.card-r1{
    width: 40%;
    display: flex;
    align-items: center;
}
.card-r1 img{
    width: 100%;
}
.card-l1{
    width: 60%;
    padding-left: 60px;
}
.card-l1 p{
    padding-right: 40px;
    margin: 32px 0;
    font-size: 16px;
    line-height: 2;
    letter-spacing:2px;
    word-wrap:break-word;
    text-align:justify;
}
.card-l1 p:last-child{
    margin-bottom: 0;
}

.card-r1-bg{
    padding: 50px;
    margin-right: 40px;
    width: calc(50% - 40px);
    height: 440px;
    background-color: rgba(255,255,255,.8);
}
.card-r1-bg h3{
    font-family: NotoSansHans-Bold;
    font-size:28px;
    letter-spacing:1px;
    line-height: 40px;
    font-weight: bold
}
.card-l1-qr{
    width: calc(50% - 40px);
    margin-left: 40px;
    display: none;
}
.qr-content{
    width: 300px;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    display: none;
    align-items: center;
    justify-items: center;
}
.qr-content1{
    width: 300px;
    height: 80% !important;
    /*height: 100%;*/
    background-color: unset!important;
    display: block;
    text-align: center;
    /*align-items: center;*/
    /*justify-items: center;*/
}
.qr-content img{
    /*margin: 20px 0;*/
    padding: 20px;
    width: 200px;
    height: 200px;
}
.qr-content h2{
    font-family: NotoSansHans-Regular!important;
    padding: 20px 0;
    font-size: 20px;
}
.qr-content h3{
    font-family: NotoSansHans-Regular!important;
    padding-top: 60px;
    font-size: 20px;
    color: #244A94;
}
.card-btn{
    margin-top: 100px;
    width: 120px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #244A94;
    color: #FFFFFF;
    font-family: NotoSansHans-Light;
}
.qr-content-active{
    display: inline-grid;
}

.s-title1{
    margin: 32px 0;
    margin-top: 0;
}
.s-title1 h2{
    /*color:#066681;*/
    margin-bottom:0;
    /*font-size:36px;*/
    /*letter-spacing:3px;*/
    /*font-weight: bold;*/

    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 500;
    font-size: 36px;
    color: #1E1E1E;
    line-height: 54px;
}

.s-title1 h4{
    margin-top: 20px;
    color: #999999;
    margin-bottom:0;
    font-size:20px;
    /*letter-spacing:3px;*/

    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 400;
    line-height: 30px;
}
.s-title1 img{
    margin-top: 10px;
    width: 140px!important;
}


.case_item{
    width: calc((100% / 3) - 20px);
    height: 400px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.case_item img{
    margin: auto;
    margin-top: 32px;
    width: 221px;
}
.case_text h2{
    color: #FFFFFF;
    font-size:22px;
    font-weight: bold;
    line-height: 2;
    letter-spacing:2px;
}
.case_text{
    width: 100%;
    height: 100px;
    display: flow;
    align-content: center;
}
.qrcode_box{
    width: 100%;
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.box_title{
    padding: 10px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between; /* 使中间的元素居中 */
    /*align-items: center;     !* 垂直居中 *!*/
}
.q_none{
    width: 18px;
    height: 18px;
}
.box_title h4{
    font-size: 16px;
    font-weight: bold;
    color: #066681;
    flex: 1;
}
.box_title img{
    /*padding: 0 6px;*/
    margin: unset;
    width: 18px;
    /*margin-left: auto;*/
}

.arrow{
    display: flex;
    align-items: center;
}
.arrow img{
    width: 100px;
    margin-top: 200px;
}

.banner{
    width: 100%;
    height: auto;
    position: relative;
}
.banner3{
    width: 100%;
    position: relative;
}

.banner-list{
    width: 100%;
    flex-grow: 1;
    display: flex;
    /*justify-content: space-between;*/
}
.banner-list img{
    flex-grow: 1;
    /*width: calc((100% / 4) - 15px);*/
}

.fullscreen-img{
    width: 100vw;  /* 视口宽度 */
    height: 90vh;
    /*height: 100vh; !* 视口高度 *!*/
    object-fit: cover; /* 保持图片宽高比，多余的图片会被裁剪 */
}
.fullscreen-img2{
    width: 100vw;  /* 视口宽度 */
    height: 86vh;
    /*height: 100vh; !* 视口高度 *!*/
    object-fit: cover; /* 保持图片宽高比，多余的图片会被裁剪 */
}
.banner-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    text-align: center;
    display: inline-grid;
    /*display: flow;*/
    justify-items: center;
    align-content: center;
    align-items: center;
}
.banner-content img{
    margin: 40px 0;
    width: 200px;
    height: auto;
}
.banner-content h2{
    /*font-size: 48px;*/
    /*line-height: 2;*/
    /*letter-spacing:2px;*/

    font-family: PanLong;
    /*font-weight: bold;*/
    font-size: 66px;
    color: #FFFFFF;
    line-height: 72px;
    letter-spacing: 6px;
}
.banner-content h3{
    font-size: 32px;
    /*line-height: 2;*/
    /*letter-spacing:2px;*/

    font-family: NotoSansHans-Bold, NotoSansHans-Bold;
    font-weight: 400;
    /*font-size: 18px;*/
    /*font-size: 32px;*/
    color: #FFFFFF;
    line-height: 48px;
    letter-spacing: 4px;
}
.banner-content h4{
    /*font-size: 32px;*/
    /*line-height: 2;*/
    /*letter-spacing:2px;*/

    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 400;
    font-size: 20px;
    /*font-size: 32px;*/
    color: #FFFFFF;
    line-height: 48px;
    letter-spacing: 3px;
}
.banner-content h5{
    font-size: 32px;
    /*line-height: 2;*/
    /*letter-spacing:2px;*/

    font-family: NotoSansHans-Light;
    font-weight: 400;
    /*font-size: 18px;*/
    /*font-size: 32px;*/
    color: #FFFFFF;
    line-height: 48px;
    letter-spacing: 1px;
}


.foot_list{
    z-index: 3;
    display: flex;
    justify-content: space-between;
}
.foot_item{
    width: calc((100% / 4) - 30px);
    color: #fff;
}

.foot_item:first-child{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.foot_item h3{
    margin-bottom: 22px;
    font-size: 16px;
}
.foot_item h4{
    font-size: 23px;
    font-weight: bold;
    letter-spacing:1px;
}
.foot_item h6{
    margin-top: 20px;
    font-size: 13px;
}
.foot_item h5{
    margin-bottom: 22px;
    font-size: 14px;
}
.foot_item div{
    margin-bottom: 12px;
}
.foot_item div a{
    font-size: 14px;
    color: #fff;
}

.foot_list1{
    z-index: 3;
    display: flex;
    /*justify-content: space-between;*/
}
.foot_item1{
    width: calc((100% / 4));
    color: #fff;
}
.foot_item2{
    width: calc(100% - (100% / 4));
    z-index: 3;
    display: flex;
    justify-content: space-between;
}
.foot_item3{

    color: #fff;

}

.foot_item1:first-child{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.foot_item1 h4{
    font-size: 23px;
    font-weight: bold;
    letter-spacing:1px;
    font-family: NotoSansHans-Bold;
}
.foot_item1 h6{
    margin-top: 20px;
    font-size: 13px;
    font-family: NotoSansHans-Medium;
}
.foot_item3 h3{
    margin-bottom: 22px;
    font-size: 16px;
    font-family: NotoSansHans-Light;
}
.foot_item3 h5{
    margin-bottom: 22px;
    font-size: 14px;
    font-family: NotoSansHans-Light;
}
.foot_item3 div{
    margin-bottom: 12px;
}
.foot_item3 div a{
    font-size: 14px;
    color: #fff;
    font-family: NotoSansHans-Light;
}

.video-bg{
    position: relative;
}
.video-background{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintain aspect ratio */
}

.v-content {
    position: relative;
    z-index: 3;
}

.banner-bg{
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    height: 480px;
    padding: 1em;
    position: relative;
}
.banner-bg img{
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.banner-cont{
    z-index: 3;
    text-align: center;
    color: #fff;
}
.banner-cont h2{
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 10px;
}
.banner-cont h5{
    margin-top: 30px;
    font-size: 30px;
    font-weight: bold;
}
.banner-bg span{
    z-index: 2;
    opacity:.3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fffdf6;
    background-color: #3c2323;
}

.block_list{
    display: flex;
}
.block-l{
    width: 50%;
    padding: 40px;
}
.block-l p{
    padding-right: 40px;
    margin: 12px 0;
    font-size: 16px;
    line-height: 2;
    letter-spacing:2px;
    word-wrap:break-word;
    text-align:justify;
}
.block-r{
    width: 50%;
    padding: 40px;
}
.block-r img{
    width: 100%;
    height: 380px;
    object-fit: cover;
}
.block-title{
    margin: 32px 0;
}
.block-title h2{
    color:#066681;
    margin-bottom:0;
    font-size:36px;
    letter-spacing:3px;
    font-weight: bold
}

.more_item{
    width: calc((100% / 3) - 20px);
    height: 480px;
    text-align: center;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    position: relative;
}
.more_item img{
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    border-radius: 12px;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.more_item h2{
    font-size:23px;
    font-weight: bold;
    line-height: 2;
    letter-spacing:2px;
    z-index: 3;
}

.more_item a{
    padding: 4px 20px;
    margin-top: 40px;
    background: #0069B4;
    border-radius: 12px;
    color: #fff;
    font-size:20px;
    font-weight: bold;
    line-height: 2;
    letter-spacing:2px;
    z-index: 3;
}

.more_item span{
    z-index: 2;
    opacity:.3;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background-color: #3c2323;
}

.font-white{
    color: #FFFFFF!important;
}
.font-black{
    color: #262626!important;
}
.font-444{
    color: #444444!important;
}
.font-244{
    color: #244A94!important;
}
.font-282{
    color: #282828!important;
}
.font-32{
    font-size: 32px!important;
}



.idx_hzitem {
    padding-bottom: 100px;
}
.idx_hezuo {
    position: relative;
}
.idxhz_swiper ul li a {
    width: 100%;
    height: 300px;
    overflow: hidden;
    display: block;
    position: relative;
}
.idxhz_swiper ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.idxhz_title {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 30px;
    left: 0px;
    text-align: center;
}
.idxhz_title h3 {
    font-size: 18px;
	color: #ffffff;
}
.idxhz_swiper ul li:hover img {
    /*transform: scale(1.05);*/
}
.idx_hezuo .swiper-button-next, .idx_hezuo .swiper-button-prev {
    width: 50px;
	height: 50px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
}
.idx_hezuo .swiper-button-next {
    right: -60px;
}
.idx_hezuo .swiper-button-prev {
    left: -60px;
}
.idx_hezuo .swiper-button-next:after,.idx_hezuo .swiper-button-prev:after {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.idx_hezuo .swiper-button-next:hover , .idx_hezuo .swiper-button-prev:hover {
    background: #004eb1;
}
.idx_hezuo .swiper-button-next:hover:after , .idx_hezuo .swiper-button-prev:hover:after {
    color: #ffffff;
}

/*.idx_rxitem .swiper-button-next, .idx_rxitem .swiper-button-prev {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    font-size:20px!important;*/
/*    border-radius: 50%;*/
/*    color: #999;*/
/*    border: 1px solid #999;*/
/*}*/

/*.idx_rxitem .swiper-button-next:after , .idx_rxitem .swiper-button-prev:after {*/
/*    font-size:20px!important;*/
/*    font-weight: bold;*/
/*}*/
.idx_rxitem .swiper-button-next, .idx_rxitem .swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
}
/*.idx_rxitem .swiper-button-next {*/
/*    right: -60px;*/
/*}*/
/*.idx_rxitem .swiper-button-prev {*/
/*    left: -60px;*/
/*}*/
.idx_rxitem .swiper-button-next:after,.idx_rxitem .swiper-button-prev:after {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.idx_rxitem .swiper-button-next:hover , .idx_rxitem .swiper-button-prev:hover {
    background: #004eb1;
}
.idx_rxitem .swiper-button-next:hover:after , .idx_rxitem .swiper-button-prev:hover:after {
    color: #ffffff;
}

.new-slide{
    display: flow!important;
}


/* 合作客户 */
.idx_kehu {
    padding-bottom: 130px;
}
.idxkehu_item {
    width: 100%;
    height: 440px;
    background: #294A8D;
    position: relative;
}
.idxkehu_item .swiper-slide {
    /*height: calc((100% - 30px) / 2);*/
}
.idxkh_simg {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.idxkh_simg img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}
.idxkh_simg:hover {
    border: 1px solid #dedede;
}
.idxkh_spagination {
    width: 100%;
    text-align: center;
    bottom: 20px!important;
}
.idxkh_spagination .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 0px;
    margin: 0 6px !important;
    /*background-color: #94A5C7;*/
}
.idxkh_spagination .swiper-pagination-bullet-active {
    /*background-color: #ffb900;*/
    background-color: #FFFFFF;
}
.idx_footmess {
    padding: 100px 0px;
    background-color: #1d1d1d;
}
.idx_ftitles {
    text-align: center;
}
.idx_ftitles h3 {
    font-size: 48px;
    color: #ffffff;
}
.idx_ftitles p {
    font-size: 20px;
    color: #999999;
    margin: 40px 0px 80px;
}


.vo-content{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vo-content p{
    width: 800px;
    color: #fff;
    font-size: 18px;
    line-height: 2;
    letter-spacing:2px;
}



.PostcooperateGun{
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
}

.Postcooperate2{
    width: 2000px;
    /*height: 360px;*/
    /*background: darkgray;*/
    /*animation:changeGun 10s linear 0s infinite normal;*/
}
.Postcooperate2:hover{
    animation-play-state: paused;
}
.Postcooperate2 .coo-item{
    width: 100%;
    height: 240px;
    /*height: 100px;*/
    display: flex;
    margin-bottom: 20px;
}
.Postcooperate2 .coo-item:nth-child(2){
    margin-left: -100px;
}
.Postcooperate2 .coo-item img{
    /*width: 260px;*/
    /*width: 200px;*/
    /*height: 100px;*/
    /*padding: 0 20px;*/
}
@keyframes changeGun{
    from{margin-left: 0;}
    to{margin-left:-400px ;}
    /*to{margin-left:-1200px ;}*/
}


/* 底部 */
.foot {
    width: 100%;
    /*padding: 80px 0px;*/
  /*padding: 80px 0px 100px;*/
  /*background-color: #004eb1;  */

    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    /*display: flex;*/
    justify-content: center;
    position: relative;
}

.foot-item h3{
    padding: 40px 0;
    color: #FFFFFF;
    text-align: center;
    font-family: NotoSansHans-Light;
}
.foot-icon{
    display: flex;
    justify-content: center;
    position: relative;
}
.f-icon-item{
    margin: 0 15px;
}
.f-icon-item img{
    width: 40px;
    height: 40px;
}
.show-img{
    width: 150px!important;
    height: 150px!important;
}

.fewmimg{
    position: absolute;
    width: 150px;
    height: auto;
    background-color: #ffffff;
    margin-left: -57px;
    bottom: 45px;
    /*left: 50%;*/
    display: none;
}
.fewmimg1 {
    position: absolute;
    /*width: 150px;*/
    height: auto;
    background-color: #ffffff;
    margin-left: -57px;
    bottom: 45px;
    /*left: 50%;*/
    display: none;
}
.fewmimg p,.fewmimg1 p {
    text-align: center;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}
#renbook:hover .fewmimg {
    display: block;
}

#weixin1:hover .fewmimg1 {
    display: flex;
}

.beian{
    margin-top: 40px;
    border-top: 1px solid #303033;
}
.beian h3{
    padding: 20px 0;
}


/*.foot img{*/
/*    border: none;*/
/*    bottom: 0;*/
/*    box-shadow: none;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    margin: 0;*/
/*    max-height: none;*/
/*    max-width: none;*/
/*    object-fit: cover;*/
/*    outline: none;*/
/*    padding: 0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*}*/

.foot span{
    z-index: 2;
    opacity:.5;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background-color: #3c2323;
}


.xuanfu {
    position: fixed;
    top: 60%;
    right:0px;
    z-index: 99;
    padding: 0px 20px;
    display: none;
}
.xuanfu ul li {
    width: 56px;
	height: 56px;
	background-color: #0146ad;
    border-radius: 50%;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}
.xfimg {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.xfimg img {
    filter:brightness(1000%) invert(1);
}
.xfwx {
    position: absolute;
    top: 0px;
    width: 150px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    z-index: -1; left: -160px;
    transition: all .5s;
    display: none;
}
.xftel {
    width: 180px;
    background-color: #0146ad;
    top: -20px; left: -190px;
    transition: all .5s;
}
.xuanfu ul li:last-child {
    background-color: #ffffff;
}
.xfimg p {
    font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.xuanfu ul li.xfwxitem:hover .xfwx {
   display: block;
}
.xuanfu ul li.xftelitem:hover .xftel {
    display: block;
}
.xfwx p.xfwxdesc {
    font-size: 16px;
    padding: 5px 0px 10px;
    font-weight: bold;
	color: #333333;
}
.xftel p {
    line-height: 50px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
.xfwx span.xfteldesc {
    line-height: 50px;
    font-size: 16px;
    color: #0146ad;
    font-weight: bold;
    display: block;
    background-color: #ffffff;
}


.waptop.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
}
.waptop_item {
    width: 100%;
    height: 60px;
    /*height: 80px;*/
    background-color: #FFFFFF;
    /*background-color: #FFFDF6;*/
}
.waptop_l {
    width: 30%;
}
.waptop_l a {
    width: 100%;
    height: 60px;
    /*height: 80px;*/
    padding: 0px 10px;
    justify-content: center;
}
.waptop_lang {
    position: relative;
}
.waptop_lang p {
    font-size: 18px;
    color: #ffffff;
    display: block;
    margin-left: 10px;
    margin-top: 3px;
}
.waptop_rs {
    margin-left: 20px;
}
.waptop_rs img {
    filter: grayscale(1000%) brightness(1000%);
    width: 17px;
}
.waptop_rnav {
    margin-left: 20px;
}
.waptop_rnav img {
    width: 20px;
}
.wapsearch {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background-color: rgba(0,0,0,0.8);
    display: none;
}
.wapsea_item {
    width: 100%;
    height: 100%;
    justify-content: center;
}
.wapsea_item form {
    width: 90%;
    height: 50px;
    background-color: #fff;
    border-radius: 25px;
    padding: 0px 20px;
    position: relative;
}
.wapsea_item form input {
    width: 80%;
    height: 100%;
    color: #222222;
}
.wapsea_item form button {
    background: none;
    border: 0px;
    width:19%;
    text-align: right;
}
.wapsea_close {
    position: absolute;
    top: -30px;
    right: 0px;
}
.wapsea_close img {
    width: 18px;
    filter: grayscale(1000%) brightness(1000%) invert(10);
}
.wapnav {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 46, 125, 0.8);
    z-index: 999;
    display: none;
}
.wapnavitem {
    width: 100%;
    height: auto;
    background-color: #0146ad;
}
.wapnavt_l {
    width: 30%;
}
.wapnavt_l a {
    width: 100%;
    height: 50px;
    padding: 0px 10px;
    justify-content: center;
}
.wapnavt_r img {
    width: 20px;
    filter: invert(10);
}
.wapnavbot {
    padding: 10px 0px 20px;
}
.wapnavbot ul li {
    padding: 15px 10px;
    border-bottom: 1px solid #006ee3;
}
.wapnavbot>ul>li>a {
    color: #ffffff;
    font-size: 18px;
}
.wapnav_ico {
    filter: brightness(1000%) grayscale(1000%) ;
}
.wapernav {
    padding: 10px 0px 0px 10px;
    width: 100%;
    display: none;
}
.wapernav>a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 34px;
}
.wapnav_ico.active {
    transform: rotate(90deg);
}
.idx_titles {
    padding-bottom: 80px;
}

.neimain {
    overflow: hidden;
}

.s-qyweixin .qyweixin{
    position: relative;
}
.s-qyweixin .qyweixin .qy-info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.s-qyweixin .qyweixin .qy-info .head{
    padding: 30px 40px;
}
.s-qyweixin .qyweixin .qy-info .head .close{
    width: 100%;
    text-align: right;
    color: #FFF;
    font-size: 12px;
}
.s-qyweixin .qyweixin .qy-info .head .user-info{
    width: 100%;
    display: flex;
    align-items: center;
}
.s-qyweixin .qyweixin .qy-info .head .user-info img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.s-qyweixin .qyweixin{ visibility: hidden; opacity: 0; position:fixed;background:#fff;z-index:999; line-height:0; border-radius:10px; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.5);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.s-qyweixin .qyweixin .qy-info .img{ width: 260px; height: 260px; margin: auto}
.s-qyweixin .qyweixin .qy-info img{ width: 100%; height: 100%}
.s-qyweixin .qyweixin .qy-info p{ color: #333; font-size: 14px; margin-top: 5px}
.s-qyweixin .qyweixin.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);}

.s-qyweixin .qyweixin .qy-info .head .user-info .user-text{
    width: 100%;
    height: 50px;
    margin-left: 14px;
    color: #FFF;
    line-height: normal;
}
.s-qyweixin .qyweixin .qy-info .head .user-info .user-text .user-name{
    /*height: 30px;*/
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    /*margin-top: 18px;*/
    margin-bottom: 5px;
}
.s-qyweixin .qyweixin .qy-info .tips{
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
}
.s-qyweixin .qyweixin .qy-info .tips img{
    width: 26px;
    margin-right: 10px;
}
.s-qyweixin .qyweixin .qy-info .phone-tips{
    width: 100%;
    padding: 48px 0 14px;
    text-align: center;
    color: #C1C1C1;
}
.s-qyweixin .qyweixin .qy-info .phone{
    width: 100%;
    /*padding: 40px 20px 0;*/
    padding: 40px 0 0;
    display: flex;
    justify-content: center;
    font-size: 16.56px;
    font-weight: 400;
}
.s-qyweixin .qyweixin .qy-info .phone div{
    padding: 0 20px;
}
.s-qyweixin .qyweixin .qy-info .phone div span{
    color: #3853a4;
    font-size: 16.56px;
    font-weight: 900;;
}

.page-bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:890; display:none;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 40px;
    top: 60%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 40px;
    top: 60%;
}
.idx_rxitem .swiper-button-next:after, .idx_rxitem .swiper-button-prev:after{
    color: #FFFFFF;
}

.c-title{
    margin: 32px 0;
    display: flex;
    align-items: center;
}
.c-title h2{
    font-size:36px;
    letter-spacing:3px;
    font-weight: bold
}
.c-title h4{
    margin-left: 20px;
    color: #999;
    font-size:20px;
    letter-spacing:3px;
}

.span_item1{
    width: calc((100% / 3) - 30px);
    border-radius: 4px;
}
.span_item1:hover{
    display: block;
}
.span_item_b1{
    height: 100%;
    position: relative;
}
.span_item_b1:hover .span_content1{
    display: block;
}
.span_item_b1 img{
    width: 100%;
    height: 560px;
    object-fit: cover;
}
.span-title1{
    margin: 12px 0;
    /*font-size: 25px;*/
    /*font-weight: bold;*/
    /*letter-spacing:2px;*/
    text-align: center;

    font-family: NotoSansHans-Bold;
    font-weight: 500;
    font-size: 20px;
    color: #1E1E1E;
    line-height: 32px;
}
.span_content1{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    height: 560px;
    background-color: rgba(151,8,8,0.8);
}
.span_content1 h3{
    font-size: 18px;
    color: #FFFFFF;
    /*border-bottom: 1px solid #fff;*/
}
.span_content1 h4{
    padding: 20px 0;
    color: #ffffff;
    font-size: 18px;
    font-family: NotoSansHans-Bold;
}
.c-item{
    padding: 5px 0;
    display: flex;
    align-content: center;
}
.c-item img{
    width: 20px;
    height: 20px;
}
.c-item p{
    margin-left: 10px;
    color: #FFFFFF;
    font-family: NotoSansHans-Light;
}

.card-info{
    padding: 40px;
    background: #fff;
}
.card-info h3,.center-t h3,.c-r-item h3,.c-r-item1 h3{
    /*font-size:20px;*/
    letter-spacing:3px;
    /*font-weight: bold;*/
    font-family: NotoSansHans-Bold, NotoSansHans-Bold;
    /*font-family: Source Han Sans SC, Source Han Sans SC;*/
    font-weight: 500;
    font-size: 24px;
    color: #1E1E1E;
    line-height: 46px;
}
.card-info h3:first-child,.center-t h3:first-child{
    /*margin-bottom: 10px;*/
}
.card-info p{
    margin-top: 28px;
    /*font-size: 18px;*/
    letter-spacing:3px;
    line-height: 1.6;

    font-family: NotoSansHans-Light;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    /*line-height: 26px;*/
}

.dis_flex{
    display: flex;
}
.card-l1 img{
    width: calc(50% - 20px);
    object-fit: cover;
}
.card-l1 img:first-child{
    margin-right: 40px;
}

.card-content p{
    padding-right: 0;
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 400;
    font-size: 17px;
    color: #1E1E1E;
    line-height: 26px;
}

.center_list{
    z-index: 2;
    display: flex;
}
.center-l{
    width: calc(50% - 160px);
}
.center-r{
    padding: 10px 40px;
    width: calc(50% + 40px);
    background: #970808;
}
.center-l{
    margin: 40px 60px;
    padding: 40px;
    background: #FFFFFF;
}
.center-title{
    display: flex;
    align-items: center;
}
.center-title img{
    margin-left: 20px;
    width: 50px;
    height: 50px;
}
.center-t h2{
    margin-bottom:20px;
    /*font-size:32px;*/
    /*letter-spacing:3px;*/
    /*font-weight: bold;*/

    font-family: NotoSansHans-Bold;
    font-weight: 500;
    font-size: 30px;
    color: #262626;
    line-height: 48px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.center-p{
    padding: 28px 0;
    border-bottom: 2px dashed #999;
}
.center-b{
    padding-top: 20px;
}
.center-l p{
    font-size: 18px;
    letter-spacing:3px;
    line-height: 1.6;
    font-family: NotoSansHans-Light;
}

.c-r-item{
    margin: 20px 10px;
    padding: 20px;
    width: calc(100% - 20px);
    height: calc((100%/3) - 20px);
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
}
.c-r-item:first-child{
    margin-top: 10px;
}
.c-r-item:last-child{
    margin-bottom: 0;
}
.c-r-item p{
    margin-top: 20px;
    font-size: 18px;
    letter-spacing:2px;
    line-height: 1.6;
    font-family: NotoSansHans-Light;
    /*font-size: 17px;*/
    /*letter-spacing:1px;*/
    /*line-height: 1.2;*/
}


.c-l,.c-r{
    width: 50%;
}
.c-l{
    margin-right: 20px;
}
.c-r{
    padding: 40px;
    margin-left: 20px;
    display: flow;
    align-content: center;
}
.c-l img{
    width: 100%;
}
.c-r p{
    padding: 40px 0;
    font-size: 18px;
    letter-spacing:3px;
    line-height: 1.6;
    font-family: NotoSansHans-Light;
}

.q_list{
    display: flex;
    justify-content: center;
}
.q_item{
    margin: 80px 100px;
    text-align: center;
}
.q_item img{
    width: 240px;
    height: 240px;
    margin-bottom: 20px;
}
.q_item h4{
    font-size: 18px;
    letter-spacing:2px;
    line-height: 1.6;
    font-family: NotoSansHans-Light;
}

.banner-content1{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 99;
    text-align: center;
    display: flow;
    justify-items: center;
    align-content: center;
}
.banner-content1 img{
    margin: 40px 0;
    width: 200px;
    height: auto;
}
.banner-content1 h4{
    font-size: 20px;
    line-height: 2;
    letter-spacing:2px;
}

.banner-content2{
    padding: 40px 100px;
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: flow;
    /*justify-items: center;*/
    align-content: center;
}

.banner-content2 h2{
    /*text-align: center;*/
    font-family: NotoSansHans-Bold;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing:2px;
}
.banner-content2 h4{
    font-family: Source Han Sans SC, Source Han Sans SC;
    margin-top: 60px;
    font-weight: 500;
    font-size: 32px;
    color: #FFFFFF;
    line-height: 2;
    letter-spacing:2px;
}
.banner-content2 p{
    font-family: NotoSansHans-Light;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 24px;
    letter-spacing:2px;

    font-weight: 500;
    color: #FFFFFF;
    line-height: 38px;
    font-style: normal;
}
.banner-content2 a{
    font-family: Source Han Sans SC, Source Han Sans SC;
    padding: 14px 24px;
    font-weight: 500;
    font-size: 18px;
    color: #00B3B0;
    line-height: 30px;
    background: #FFFFFF;
}

.nav-list a{
    padding: 0 30px!important;
    color: #333!important;
}


.c-l1{
    width: calc(44% - 20px);
    margin-right: 20px;
}
.c-r1{
    width: calc(56% - 60px);
    padding: 40px;
    margin-left: 20px;
    display: flow;
    align-content: center;
}
.c-l1 img{
    width: 100%;
}
.c-r1 p{
    padding: 40px 0;
    font-size: 18px;
    letter-spacing:2px;
    line-height: 34px
}

.c-l-item{
    padding: 10px 0;
    display: flex;

}
.c-l-item div{
    margin-top: 11px;
    margin-right: 8px;
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #ED9A24;
}
.c-l-item p{
    padding: 0;
    font-size: 18px;
    letter-spacing:2px;
    line-height: 34px;
    font-family: NotoSansHans-Light;
}

.service-l{
    padding: 40px;
    margin: 40px;
    background: #FFFFFF;
    box-shadow:18px 18px 2px rgba(243, 186, 35);
}

.c-r-item1{
    padding: 20px;
    width: calc(100% - 20px);
    /*height: calc((100%/3) - 20px);*/
    background: #F3BA23;
    color: #262626;
    text-align: center;
}
.c-r-item1 p{
    padding: 10px 0;
    margin-top: 20px;
    font-size: 18px;
    letter-spacing:2px;
    line-height: 1.2;
    font-family: NotoSansHans-Light;
}

.c-r-img{
    width: calc(100% - 20px);
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c-r-img img{
    height: 14px;
}

.c-t-p40{
    padding: 40px 0;
    margin-top: 20px;
}

.service-b{
    padding: 40px 0;
    border-top: 2px dashed #303030;
}
.service-b p{
    font-size: 18px;
    letter-spacing:3px;
    line-height: 1.6;
    font-family: NotoSansHans-Light;
}


.c-l2{
    width: calc(52% - 20px);
    /*margin-right: 20px;*/
}
.c-r2{
    width: calc(48% - 80px);
    padding: 40px;
    /*margin-left: 20px;*/
    display: flow;
    align-content: center;
}
.c-l2 img{
    width: 100%;
}
.c-r2 p{
    padding: 40px 0;
    /*font-size: 18px;*/
    letter-spacing:2px;
    line-height: 34px;
    font-family: NotoSansHans-Light;
}

.c-l5{
    width: calc(44% - 40px);
    margin-right: 20px;
}
.c-r5{
    width: calc(56% - 60px);
    padding: 0 40px;
    /*padding: 40px;*/
    margin-left: 20px;
    display: flow;
    align-content: center;
}
.c-l5 img{
    width: 100%;
    height: 340px;
    object-fit: cover;
}
.c-r5 p{
    /*padding: 40px 0;*/
    /*font-size: 18px;*/
    /*letter-spacing:2px;*/
    /*line-height: 34px;*/

    padding: 40px 0;
    font-size: 18px;
    letter-spacing:3px;
    line-height: 1.6;
    font-family: NotoSansHans-Light;
}


.c-l-m20{
    margin-left: 20px;
}
.c-r-m20{
    margin-right: 20px;
}

.c-r-m40{
    margin-right: 40px;
}

.span_item2{
    width: calc((100% / 5) - 20px);
    border-radius: 4px;
}
.span_item2:hover{
    display: block;
}
.span_item_b2{
    /*height: 100%;*/
    position: relative;
}
.span_item_b2:hover .span_content2{
    display: flex;
}
.span_item_b2 img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    /*height: 560px;*/
}
.span-title2{
    margin: 12px 0;
    text-align: center;
    /*font-size: 16px;*/
    /*font-weight: bold;*/
    letter-spacing:2px;

    font-family: NotoSansHans-Light;
    font-weight: 400;
    font-size: 16px;
    color: #1E1E1E;
    line-height: 26px;
    font-style: normal;
}
.span_content2{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}
.span_content2 a{
    padding: 10px 20px;
    border-radius: 4px;
    color: #FFFFFF;
    background: #01B3B0;
    /*border-bottom: 1px solid #fff;*/
}
.span_content2 h4{
    padding: 20px 0;
    color: #ffffff;
    font-size: 18px;
}

.c-l3,.c-r3{
    width: calc(50% - 80px);
}
.c-l3 img,.c-r3 img{
    width: 100%;
}

.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text-l{
    text-align: left;
}
.text-r{
    text-align: right;
}

.c-l4{
    width: calc(50% - 40px);
    margin-right: 40px;
}
.c-r4{
    width: calc(50% - 20px);
    margin-left: 20px;
    align-content: center;
    position: relative;
}
.c-l4-item{
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    /*background: #28B16D;*/
    /*padding-bottom: 60px;*/
}
.c-l4-item-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 160px);
    height: 100%;
    background: #28B16D;
}
.c-l4-item img{
    position: relative;
    z-index: 2;
    padding: 40px 48px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-l4-qr{
    z-index: 3;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: #2B75A1;
}
.c-l4-qr img{
    width: 200px;
    height: 200px;
    margin-bottom: 0!important;
}
.c-r4-qr{
    display: none;
    margin: auto;
    margin-top: 20px;
}
.c-l4 img{
    width: 100%;
}
.c-l4 img:first-child{
    margin-bottom: 20px;
}
.c-r4 img{
    width: 100%;
    height: 100%;
}
.c-r4 p{
    padding: 40px 0;
    font-size: 18px;
    letter-spacing:2px;
    line-height: 34px;
    font-family: NotoSansHans-Light;
}
.c-r4-content{
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    height: 100%;
    background-color: rgba(40,177,109,0.92);
    text-align: center;
    display: flow;
    /*align-items: center;*/
    align-content: center;
    justify-content: center;
}
.c-r4-content img{
    width: 160px;
    height: 160px;
}

.c-r4-t{
    margin-top: 20px;
}
.c-r4-t h2{
    margin-bottom:20px;
    font-size:30px;
    letter-spacing:3px;
    font-weight: bold;
    font-family: NotoSansHans-Bold;
}

.bg-green{
    background: #28B16D;
}
.bg-green1{
    background: #00B3B0;
}
.bg-black{
    background: #333333;
}
.bg-bd-green{
    background: rgba(40,177,109,0.06);
    /*border: 1px solid #28B16D;*/
}

.b-b-w{
    border-top: 2px dashed #FFFFFF;
}

.sw-list{
    display: flex;
}
.sw-l{
    width: 24%;
    display: inline;
    align-content: center;
}
.sw-r{
    width: 76%;
}
.sw-sb{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    width: 100%;
    background-color: rgba(40,40,40,0.8);
    /*background-color: rgba(0,0,0,0.8);*/
    color: #FFFFFF;
    font-family: NotoSansHans-Regular;
}

.sw-l h2{
    font-weight: 500;
    font-size: 30px;
    color: #262626;
    line-height: 48px;
    letter-spacing: 1px;
    font-family: NotoSansHans-Bold;
}
.sw-l p{
    padding: 40px 40px 0 0;
    /*font-weight: 500;*/
    color: #262626;
    /*line-height: 28px;*/
    /*letter-spacing: 1px;*/
    /*font-family: NotoSansHans-Light;*/
    

    font-size: 18px;
    letter-spacing:3px;
    line-height: 1.6;
    font-family: NotoSansHans-Light;
}
.sw-b{
    margin-top: 20px;
    margin-bottom: 50px;
    width: 50px;
    height: 2px;
    background: #333;
    font-family: NotoSansHans-Light;
}
.sw-l a{
    padding: 10px 20px;
    color: #FFFFFF;
    background: #28B16D;
}

.f-list{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.f-list1{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.f-item1{
    padding: 10px 0;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f-item2{
    padding: 10px 0;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f-item2:first-child{
    width: 300px;
}
.f-item2:first-child .f-border{
    display: block;
}
.f-item{
    padding: 10px 0;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f-item:first-child,.f-item:nth-child(3n),.f-item:nth-child(3n + 1){
    width: calc((100% / 2) - 90px);
}
.f-item:first-child,.f-item:nth-child(3n + 1){
    justify-content: right;
}
.f-item:nth-child(3n){
    justify-content: left;
}
.f-info{
    width: 180px;
    height: 72px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: #DFF3E9;*/
    color: #28B16D;
    font-size: 20px;
    text-align: center;
    /*border: 1px solid #28B16D;*/
    position: relative;
}
.f-border,.f-border1{
    margin: 0 40px;
    display: none;
    width: 120px;
    height: 2px;
    /*border-bottom: 2px dashed #28B16D;*/
}

.f-item:nth-child(3n + 1) .f-border{
    display: block;
}
.f-item:nth-child(3n) .f-border1{
    display: block;
}
.f-item:last-child .f-border{
    opacity: 0;
}


.f-info .f-info-text{
    position: absolute;
}
/*.f-info:hover .span_content3{*/
/*    display: block;*/
/*}*/
.span_content3{
    display: none;
    position: absolute;
    top: -60px;
    left: 180px;
    /*left: 220px;*/
    padding: 20px;
    width: 280px;
    max-height: 80vh;
    overflow-y: auto;
    background-color: rgba(40,177,109,0.9);
    box-shadow: 5px 5px 8px rgba(0, 0, 0, .5);
    border-radius: 8px;
    z-index: 99;
}
.f-item:nth-child(3n) .span_content3{
    right: 180px;
    /*right: 220px;*/
    left: unset;
}
/*.span_content3{*/
/*    display: block;*/
/*}*/
.span_content3 h3{
    font-size: 20px;
    font-family: NotoSansHans-Bold;
    color: #FFFFFF;
    padding: 10px 0;
    /*border-bottom: 1px solid #fff;*/
}
.span_content3 h4{
    padding: 20px 0;
    color: #ffffff;
    font-size: 18px;
    font-family: NotoSansHans-Bold;
}
.c-item1 p, h1, h2, h3, h4, h5, img, button, dl, dt, dd, span,font{
    /*color: #FFFFFF!important;*/
    margin-left: unset!important;
    text-indent: unset!important;
}



.f-btn{
    padding: 40px 0;
    width: 100%;
    display: flex;
    align-items: center;
}
.f-btn a{
    margin: auto;
    padding: 16px 40px;
    font-size: 18px;
    color: #FFFFFF;
    background: #28B16D;
}

.cgal,.khsy{
    background: #FFFFFF;
    padding: 10px;
}
.cgal img{
    height: 400px;
}

.pb-80{
    padding-bottom: 80px;
}

.khsy img{
    height: 680px;
}

.bor-r-l-b{
    box-shadow:-18px 18px 2px rgba(243, 186, 35);
    border-radius: 20px;
}
.bor-r-r-b{
    box-shadow:18px 18px 2px rgba(243, 186, 35);
    border-radius: 20px;
}
.bor-r-r-b2{
    box-shadow:18px 18px 2px rgba(69, 183, 175);
    border-radius: 20px;
}

.img-list{
    display: flex;
}
.img-item{
    width: 60%;
}
.img-item:last-child{
    margin-top: 40px;
    margin-left: -80px;
}

.cases-bg{
    margin: 0 auto;
    position: absolute;
    top: 0;
    /*left: 0;*/
    left: 50%;
    transform: translate(-50%, 0%);
}
.cases-bg img{
    width: 100%;
}
.die-qr{
    position: absolute;
    left: 260px;
    /*right: 20%;*/
    bottom: 10%;
}
.die-bg{
    position: relative;
}
.die-bg-span{
    z-index: 1;
    opacity:0.94;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #244A94;
}
.die-bg-span1{
    z-index: 1;
    opacity:0.8;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #C2AC8C;
}
.die-bg-span2{
    z-index: 1;
    /*opacity:0.8;*/
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: rgba(192,174,140,0.4);
}
.die-bg-span3{
    z-index: 1;
    opacity:0.5;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #C2AC8C;
}
.die-bg-span4{
    z-index: 1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: rgba(243,186,35,0.7);
}
.die-bg-span5{
    z-index: 1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: rgba(180,225,222,0.9);
}
.die-bg-span6{
    z-index: 1;
    opacity: 0.4;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #333333;
}
.die-bg-span7{
    z-index: 1;
    opacity: 0.92;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #28B16D;
}
.die-bg-span8{
    z-index: 1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: rgba(77,138,108,0.8);
}
.die-bg-span9{
    z-index: 1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: rgba(69,183,175,0.7);
}
.die-bg-span10{
    z-index: 1;
    opacity: 0.3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #333333;
}
.die-bg-span11{
    z-index: 1;
    opacity: 0.3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #FFFFFF;
}

.die-bg-span12{
    z-index: 1;
    opacity: 0.9;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #DEEFE7;
}

.die-bg-img{
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.po-img{
    position: absolute;
    top: 50%;
    /*left: 0;*/
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.po-img img{
    width: 220px;
    height: 220px;
}

.box-sha-none{
    box-shadow: none;
}

.transform-20{
    transform: translate(-17%, 0%);
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mt-60{
    margin-top: 60px;
}
.mr-80{
    margin-right: 80px;
}
.mg-80{
    margin: 80px 0
}
.pd-40{
    padding: 40px 0;
}
.pd-80{
    padding: 80px 0;
}
.pd-t-40{
    padding-top: 40px;
}
.pd-lr-40{
    padding: 0 40px;
}
.img-100{
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.text-l{
    text-align: left;
}

.md-img{
    height: 40px;
}

.act-a{
    letter-spacing: 2px;
}

.fontsize20{
    font-size: 20px!important;
}

.newswiper{
    width: auto!important;
    bottom: unset!important;
    left: 50%!important;
}

::-webkit-scrollbar {
  width: 4px; /* 滚动条宽度 */
}

.font-family-Black{
    font-family: NotoSansHans-Black!important;
}
.font-family-Bold{
    font-family: NotoSansHans-Bold!important;
}
.font-family-DemiLight{
    font-family: NotoSansHans-DemiLight!important;
}
.font-family-Light{
    font-family: NotoSansHans-Light!important;
}
.font-family-Medium{
    font-family: NotoSansHans-Medium!important;
}
.font-family-Regular{
    font-family: NotoSansHans-Regular!important;
}
.font-family-Thin{
    font-family: NotoSansHans-Thin!important;
}