.structure-layout .h1,
.structure-layout .h2,
.structure-layout .h3,
.structure-layout .h4,
.structure-layout .h5,
.structure-layout .h6 {
    color: #000;
    font-weight: 700;
    font-family: 'Arial';
    font-size: 1.75rem;
}

.structure-layout .product-structure .structure-table {
    padding-top: 20px;
    padding-bottom: 20px;
    border-collapse: collapse;
}

.structure-layout .product-structure .structure-table .structure-row {
    display: table-row;
    margin: 10px 0;
}

.structure-layout .product-structure .structure-table .structure-row .col-left {
    width: 40%;
    background-color: #fafafa;
}

.structure-layout .product-structure .structure-table .structure-row .col-right {
    width: 60%;
    background-color: #fff;
    display: table-cell;
}

.structure-layout .product-structure .structure-table .structure-row .col-left,
.structure-layout .product-structure .structure-table .structure-row .col-right {
    padding: 12px;
    display: table-cell;
    border: 1px solid #f4f4f4;
    font-size: 14px;
    color: #222;
    line-height: 20px;
}

table.has-title {
    margin-bottom: 10px;
}

@media (min-width: 990px) {
    .poorder {
        position: absolute;
        right: 20px;
        top: -27px;
    }
}

.poorder .tab-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.poorder .tab-list dd {
    cursor: pointer;
}




.poorder #ert {
    width: 21px;
    height: 22px;
    float: left;
    background-image: url(../images/p-he.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.poorder #uioi {
    width: 21px;
    height: 22px;
    float: left;
    background-image: url(../images/p-su.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.poorder .tab-list .list .current {
    background-image: url(../images/p-he-1.jpg) !important;
}

.poorder .tab-list .list1 .current {
    background-image: url(../images/p-su-1.jpg) !important;
}


* {font-family:"Roboto-Regular",}



body {
  overflow-x: hidden;
  font-family: "Roboto-Regular";
  margin: 0;
  padding: 0;
}



@font-face {
    font-family: Roboto-Bold; 
    src: url('../fonts/Roboto-Bold-3.ttf');
}

@font-face {
    font-family: Roboto-Medium; 
    src: url('../fonts/Roboto-Medium-12.ttf');
}


@font-face {
    font-family:Roboto-Regular; 
    src: url('../fonts/Roboto-Regular-14.ttf');
}



.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}


.ys_cc .dropdown-toggle::after{display: none;}




/*  */

@media (min-width: 990px) {
    .page-wrap-left {
        display: none;
    }
}

.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.xypg-left-box {
    margin-bottom: 20px;
}

.xypg-left-title {
    background: var(--main-theme-color);
    padding: 10px 20px;
    position: relative;
}

.xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    text-transform: capitalize;
    z-index: 9;
}

.xypg-left-con {
    border: 1px solid #d2d2d2;
    border-top: none;
}


/*  */

.page-mob-tool {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 999;
}

.page-mob-tool li.xymob-page-navbtn span {
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 0;
    background: url(../images/menux.png) no-repeat center;
    font-family: "Arial";
    width: 40px;
    height: 40px;
    display: block;
}

.page-mob-tool li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.page-mob-tool li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--main-theme-color);
    opacity: .7;
}

.page-mob-tool li i {
    display: block;
    width: 100%;
    height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
    background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
    background-position: -30px -60px;
}

@media (min-width: 992px) {
    .page-mob-tool {
        display: none;
    }
}


/* 手机站 左侧导航弹出特效 */

.xymob-left-close-btn {
    display: none;
}

@media (max-width: 990px) {
    /* 弹出框之后 body 上增加一个禁止滚动的类*/
    body.no-scroll,
    html.no-scroll {
        height: 100vh;
        overflow: hidden;
    }
    .xymob-menu-click {
        position: fixed;
        width: 100vw;
        overflow-y: scroll;
        top: 0;
        left: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 999999;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
    }
    .xymob-menu-click .xypg-left-news,
    .xymob-menu-click .xypg-left-keys,
    .xymob-menu-click .xypg-left-contact,
    .xymob-menu-click .page-message-img {
        display: none;
    }
    .xymob-menu-click .xymob-left-close-btn {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        border: 1px solid #fff;
        text-align: center;
        background: black;
    }
    .xymob-menu-click .xymob-left-close-btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }
    .xymob-menu-click .xymob-left-close-btn .icon-font:after {
        background-position: -30px -300px;
    }
    .xymob-menu-click .xypg-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 90vh;
        padding: 5vh 0;
    }
    .xymob-menu-click .xypg-left .xypg-left-menu {
        width: 90%;
        background: #fff;
    }
    .xymob-menu-click.click {
        left: 0;
    }
}


/* 内页左侧导航栏样式 */

.xypg-left-nav {
    margin: 0 -1px;
}

.xypg-left-nav>li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav>li:last-child {
    border-bottom: none;
}

.xypg-left-nav>li>a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 15px 18px;
}

.xypg-left-nav>li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav>li .first-nav-btn.clicked {
    background-position: 0 -270px;
}

.xypg-left-nav>li:hover>a,
.xypg-left-nav>li.clicked>a {
    color: var(--main-theme-color);
}

.xypg-left-nav>li:hover .first-nav-btn,
.xypg-left-nav>li.clicked .first-nav-btn {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav>li {
    border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav>li>a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav>li>a:hover {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-subnav>li.clicked>a {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-threenav>li>a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

.xypg-left-nav .xypg-left-threenav>li>a:before {
    content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav>li>a:hover {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-threenav>li.clicked>a {
    color: var(--main-theme-color);
}

@media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block;
    }
}



/*  */

body {
    overflow-x: hidden;
}

.com-img {
    display: block;
    overflow: hidden;
}

.com-img img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.com-img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.com-img2 {
    display: block;
    overflow: hidden;
}

.com-img2 img {
    transition: transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
}

.com-img2:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.relative {
    position: relative;
}

.flex2 {
    display: flex;
    display: -webkit-flex;
}

.wrap {
    flex-wrap: wrap
}

.j-space-between {
    justify-content: space-between
}

.j-flex-start {
    justify-content: flex-start
}

.j-flex-end {
    justify-content: flex-end
}

.j-center {
    justify-content: center
}

.a-j-center {
    align-items: center;
    justify-content: center
}

.a-center {
    align-items: center
}

.a-flex-start {
    align-items: flex-start
}

.a-flex-end {
    align-items: flex-end
}

.clamp1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.max1600 {
    max-width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.max1460 {
    max-width: 1490px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.max1500 {
    width: 90.625%;
    margin: 0 auto;
    max-width: 1500px;
}



/*样式*/

.wh {
    max-width: 1140px;width: 96%;
    margin: 0 auto;
    
}
.row{padding:0px!important;}




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

.flex_b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex_c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

p {
    margin: 0px!important;
}




.head_33{position: absolute;width: 100%;top:43px;left:0px;z-index: 222;}
.more_a{width: 155px;height: 41px;
    line-height: 41px;
    text-align: center;
    background: url(//wm.cdn.cn86.cn/longffx/2026/04/37a71c35b5ezgjdd.png) no-repeat 50%;
    background-size: 100% 100%;font-size: 18px;}
.more_a a{font-size: 18px;color:#fff}
.more_a a:hover{color:#fff!important}

.head_33 .wh{
    	max-width: 1080px;margin: 0 auto;;
	height: 71px;
	background-color: #ffffff;
	border-radius: 36px;padding: 0 10px;
}









/* 导航样式 */
.x-menu{width:46%;}
.x-menu > li {
    margin: 0;
    text-align: center;
    float: none;
        line-height: 71px;position: relative;
}

.x-menu > li:last-child{display: none;}
.x-menu > li:nth-child(4){background:url(//wm.cdn.cn86.cn/longffx/2026/04/24e9c0339actkte5.png) no-repeat right 50%;}
.x-menu > li:nth-child(5){background:url(//wm.cdn.cn86.cn/longffx/2026/04/24e9c0339actkte5.png) no-repeat right 50%;}

.x-menu > li > a {
    font-size: 18px;padding: 0 11px;
    color: #2a2a2d;font-weight: 600;
    display: block;text-transform: capitalize;position: relative;
}
.x-menu > li:hover > a {
    color: #fa8a01!important;
}

.x-menu > li::after {
        /* content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        width: 0;
        height: 2px;
        margin: 0 auto; background: #BC204B;
        transition: all ease .5s */
    }


.x-menu > li:hover::after {
        /* width: 48px */
    }

.x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
}
.x-sub-menu {
    position: absolute;
    z-index: 999;
    min-width: 200%;
    left: 50%;
    top: 71px;
    background: #fff;
    padding: 20px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px) translateX(-50%);
    transform: translateY(20px) translateX(-50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
      box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09);

}


.x-sub-menu li{line-height: 30px;}
.x-sub-menu li a{color:#333;font-size: 14px; white-space: nowrap;}




.head_a{background-color: #284c63;height: 73px;}
.home_lx{margin-top: 11px;}
.home_lx li{margin: 0 15px;height: 24px;line-height: 24px;overflow: hidden;}
.home_lx li img{width: 15px;}
.home_lx li span{	color: #ffffff;	font-size: 12px;height: 24px;line-height: 24px;}

.head_b{width: 100%;position: relative;}
.head_b .wh{position: relative;z-index: 11;padding-top: 110px;padding-bottom: 85px;}
.head_b::after{position: absolute;content:"";width: 21.875%;height: 746px;right:0px;top:0px;z-index: 1;background:#507c7d;}
.head_b::before{position: absolute;content:"";width: 78.125%;height: 746px;left:0px;top:0px;z-index: 1;background:#fefbea;}

.longt1{	font-size: 59px;
	font-weight: 600;
	line-height: 58px;
	letter-spacing: 0px;
	color: #284c63;}

.longt2{	font-size: 74px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #507c7d;	line-height: 58px;margin-top: 20px;}

.longt3{	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #747474;margin-top: 20px;}


.longt4 {
    width: 183px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    background: url(//wm.cdn.cn86.cn/longffx/2026/04/5aea0a2b04w43rxl.png) no-repeat 50%;
    background-size: 100% 100%;
    color: #ffffff;
    font-size: 18px;
    margin-top: 70px;
    float: left;
    /* 新增：过渡动画，让放大更丝滑 */
    transition: all 0.3s ease;
    /* 修复放大时可能被遮挡问题 */
    position: relative;
    z-index: 1;
}

.longt4 img {
    padding-right: 11px;
}

.longt4 a{ color: #ffffff;}


/* 鼠标悬停放大效果 */
.longt4:hover {
    /* 放大1.1倍，可自己改数值 */
    transform: scale(1.1);
    /* 提高层级避免被挡住 */
    z-index: 10;
}

.longt4:hover a{color: #fff!important;}



.head_b_right{background:url(//wm.cdn.cn86.cn/longffx/2026/04/3189cb9240wksf9v.png) no-repeat 50% 65%;}
.head_b_right img{width: 100%;}



/*视频按钮的扩散*/
.longt5{margin-top: 46px;float: left;margin-left: 30px;}
  .circle dl {
    width: 100px;
    height: 100px;
    position: relative;
}

.circle dd {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0%;
    left: 0%;
    transform: scale(0);
    border-radius: 50%;
    background-color: #fa8a01;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
}

.circle dd:nth-of-type(2) {
    animation-delay: 1s;
}

.circle dd:nth-of-type(3) {
    animation-delay: 2s;
}

.circle dd:nth-of-type(4) {
    animation-delay: 3s;
}

.circle dt {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    background: url(//wm.cdn.cn86.cn/longffx/2026/04/c01c624175vi8hwk.png) no-repeat center left 23px #fa8a01;
    border-radius: 50%;
}




/*按钮持续扩散*/
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}




/* About US */
.box_about{	background-color: #284c63;
	border-radius: 40px;overflow: hidden;margin-top: -35px;position: relative;z-index: 22;padding-top: 65px;padding-bottom: 25px;}
.about_a{width: 50%;}
.abt1{	font-size: 56px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;float: left;line-height: 50px;}

.abt2{	font-size: 22px;
	font-weight: 600;
	color: #ffffff;margin: 20px 0px;}


.abt3{	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;}

.longt44{margin: 0px;margin-left: 40px!important;float: left;}



.xx_a{width: 100%;height:4px;
background:url(//wm.cdn.cn86.cn/longffx/2026/04/1750b764ea1b7ys2.png) repeat-x;margin: 10px 0;}

/* 龙-合作伙伴 */
.hz_tta{	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;}

.xx_b{	width: 2px;
	height: 67px;
	background-color: #507c7d;margin: 0 15px;}

.hz_ttb{width: calc(100% - 116px);}
.hz_ttb img{width: 100%;}

.abt4{	font-size: 25px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 20px;}




.about_b{width: 46.66666666666667%;	border-radius: 28px;overflow: hidden;}
.about_b img{width: 100%;}




/* 公司数据 */
.box_shu{margin-top: 50px;}
.shu_ll{margin-bottom: 20px;}
.shu_ll li{width: 31%;}
.img_sz{width: 80px;overflow: hidden;
    /* 新增：过渡动画，让放大更丝滑 */
    transition: all 0.3s ease;
    /* 修复放大时可能被遮挡问题 */
    position: relative;
    z-index: 1;}
.shu_ll li:hover .img_sz{    /* 放大1.1倍，可自己改数值 */
    transform: scale(1.1);
    /* 提高层级避免被挡住 */
    z-index: 10;}

.img_sz img{width: 100%;}
.text11{width: calc(100% - 90px);}
.text11 .sbt{	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #1c4d6d;}
.text11 .sbt span{	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #1c4d6d;}

.clamp_b{	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #000000;line-height: 25px;height: 25px;overflow: hidden;}




.wh1115{width: 96%;margin:0 auto;max-width: 1115px;}
.head_11.scroll{position: fixed;width: 100%;left:0px;top:0px;background:rgba(0, 0, 0, 0.3);}




/* Industries We Serve */
.box_pro{margin-top: 60px;}
.long_pro{text-align: center;}
.long_pro dt{	font-size: 56px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #284c63;margin:0px;}

.long_pro dd{	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #284c63;margin-bottom: 0px;margin-top: 20px;}


.list_pp{margin-top: 24px;}
.pp_list{font-size: 0px;}

.pp_list {
    display: grid;
    /* 3列等宽布局 */
    grid-template-columns: repeat(3, 1fr);
    /* 核心间距控制：第一个值是行间距，第二个是列间距 */
    gap: 20px; /* 你可以根据设计稿调整，比如 16px/20px/24px */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 可选：卡片内部样式，避免内容溢出 */
.pp_list li {
   border-radius: 28px;
    overflow: hidden!important;position: relative;
}
.pp_list li::after{width: 100%;height: 100%;background: rgba(23,51,70,.79);position: absolute;left:0px;top:0px;content: "";opacity: 0;z-index: 9;}
.pp_list li:hover::after{opacity: 1;}

.img_pp img {
    width: 100%;
    display: block;
}

.p_title{position: absolute;top:50%;transform: translateY(-50%);width: 100%;text-align: center;z-index: 99;opacity: 0;}
.pp_list li:hover .p_title{opacity: 1;}

.pp_tt1{	font-size: 32px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;}

.pp_tt2{	font-size: 14px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 1vw;}


.pp_learn{display: block;text-align: center;margin: 0 auto;margin-top: 20px;}
.pp_learn img{display: block;margin: 0 auto;color: #fa8a01;font-size: 24px;font-weight: 600;margin-bottom: 5px;}
.pp_learn a{color: #fa8a01;font-size: 24px;font-weight: 600;}




/* Honors and Qualifications */
.box_Honors{margin-top: 20px;background:url(//wm.cdn.cn86.cn/longffx/2026/04/a72d01033bbenjdo.png) no-repeat top;background-size: cover;padding-top: 40px;padding-bottom: 80px;}
.honortt1{	font-size: 56px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;}

.longt45{margin-top: 30px;}

.honnr_img{margin-top: 30px;margin-left: 30px;max-width: 1036px;}
.honnr_img img{width: 100%;}




/* Why Choose Us */
.box_Why{margin-top: 75px;background-color: #ffffff;
	border-radius: 40px;overflow: hidden;position: relative;z-index: 99;}

.box_Why .wh{position: relative;padding-bottom: 250px;}
.longt7{	font-size: 56px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0px;
	color: #284c63;text-align: center;}


.long7_img{position: absolute;bottom: 30px;left:50%;width: 564px;margin-left: -282px;}
.long7_img img{width: 100%;}


.Why_aa{width: 35%;}
.Why_aa li{	background-color: #284c63;
	box-shadow: 0px 3px 16px 0px 
		rgba(13, 66, 145, 0.2);
	border-radius: 44px;padding: 10px;width: 100%;}
.Why_aa li + li{margin-top: 32px;}

.Why_aa li .Why_img{width: 56px;border-radius: 50%;float: left;}
.Why_aa li .Why_img img{width: 100%;}
.Why_aa li .text_Why{width: calc(100% - 76px);float: left;margin-left: 10px;}
.Why_aa li .text_Why .why_t1{	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;height: 28px;overflow: hidden;}

.Why_aa li .text_Why .why_t2{font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ffffff;overflow: hidden;height: 44px;}


.Why_aa li:nth-child(2){background-color: #3c6e71;	box-shadow: 0px 3px 16px 0px 
		rgba(13, 66, 145, 0.2);}
        
.Why_aa li:nth-child(3){background-color: #fefbea;	box-shadow: 0px 3px 16px 0px 
		rgba(13, 66, 145, 0.2);}


.Why_aa li:nth-child(3) .why_t1{color: #284c63;}
.Why_aa li:nth-child(3) .why_t2{color: #284c63;}


.fl{float: left;}
.fr{float: right;}

.Why_bb{float: right;}

.longt46{display: block;margin: 0 auto;float: none;margin-top: 35px;}




/* Excellence In Printing */
.box_Excellence{background:url(//wm.cdn.cn86.cn/longffx/2026/04/2e26c9f625x4grrk.png) no-repeat 50%;background-size: cover;margin-top: -35px;
padding-top: 85px;padding-bottom: 65px;	border-radius: 0px 0px 40px 40px;}
.longt7_a{	font-size: 18px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;margin-top: 15px;}



.cellence{margin-top: 55px;}
.cellence li{	background-color: #fefbea;border-radius: 28px;width: 19%;overflow: hidden;padding: 20px;}
.cellence li:nth-child(2){	background: #3c6e71;} 
.cellence li:nth-child(3){	background: #173346;} 
.cellence li:nth-child(4){	background: #3c6e71;}
.cellence li .why_t1{	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #173346;line-height:25px;height: 50px;overflow: hidden;margin-top: 10px;max-width: 140px;}
.cellence li .why_t2{	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #173346;line-height: 20px;height:120px;overflow: hidden;margin-top: 10px;}


.cellence_img{width: 80px;}
.cellence_img img{width: 100%;}

.cellence li:nth-child(2) .why_t1{color:#fff}
.cellence li:nth-child(3) .why_t1{color:#fff}
.cellence li:nth-child(4) .why_t1{color:#fff}

.cellence li:nth-child(2) .why_t2{color:#fff}
.cellence li:nth-child(3) .why_t2{color:#fff}
.cellence li:nth-child(4) .why_t2{color:#fff}




/* box_Satisfied */
.box_Satisfied{	background-color: #477170;
	border-radius: 40px;margin-top: 40px;padding-top: 55px;padding-bottom: 85px;}
.longt7_bb{line-height: 58px;color:#fff}


.Satisfied{margin-top: 45px;}
.Satisfied li{width: 32%;background-color: #fefbea;
	border-radius: 28px;padding: 25px 45px;position: relative;}
.Satisfied li .dh_img{width: 41px;text-align: center;margin: 0 auto;}
.Satisfied li .dh_img img{max-width: 100%;}
.Satisfied li .Satisfied_t1{	font-size: 14px;
	font-weight: normal;

	letter-spacing: 0px;
	color: #747474;line-height: 20px;height: 100px;overflow: hidden;margin-top: 10px;text-align: center;}

.Satisfied li .Sat2_img{text-align: center;margin-top: 10px;margin-bottom: 15px;}
.Satisfied li .Sat2_img img{max-width: 100%;}

.Sat1_img{position: absolute;left:50%;margin-left: -28px;bottom: -28px;width: 56px; z-index: 999;}
.Sat1_img img{max-width: 100%;}




/* box_Custom */
.box_Custom{background:url(//wm.cdn.cn86.cn/longffx/2026/04/160d2adda76nkd3g.png) repeat-x top #fff;margin-top: -35px;position: relative;z-index: 9;padding-top: 100px;}
.box_Custom .wh{position: relative;z-index: 999;}

.cust_img{width:59.3859649122807%;
position: absolute;left:0px;bottom: 0px;z-index: 9;}
.cust_img img{width: 100%;}

.Custom_cc{position: relative;z-index: 99;}
.longt7_cc{line-height: 58px;text-align: right;}

.Custom_aa{width: 50%;position: relative;z-index: 99;}


.Custom_ll{width: 80%;margin: 0 auto;margin-top: 2.5vw;}
.Custom_ll li{width: 100%;position: relative;}

.Custom_ll li:nth-child(1)::after{	background-color: #3c6e71;
	box-shadow: 0px 3px 16px 0px 
		rgba(13, 66, 145, 0.2);
	border-radius: 39px;width: 100%;height: 78px;top:50%;
    transform: translateY(-50%);content: "";position: absolute;z-index: 11;}

.Custom_ll li a{position: relative;z-index: 22;padding:10px 25px;}

.Custom_ll li:nth-child(2)::after{		background-color: #284c63;
	box-shadow: 0px 3px 16px 0px 
		rgba(13, 66, 145, 0.2);
	border-radius: 39px;width: 100%;height: 78px;top:50%;
    transform: translateY(-50%);content: "";position: absolute;z-index: 11;}



.tt_Customaa{	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;text-align: left;width: calc(100% - 135px);}

.ttdd{	font-size: 14px;
	font-weight: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #ffffff;}

.ttdd img{padding-right: 10px;}

.img_Custom{width: 123px;}
.img_Custom img{width: 100%;}


.longt47{margin-top: 30px;}
.longt48{margin-top: 30px;background: none!important;color: #fa8a01;}
.longt48 a{color: #fa8a01;}
.longt48 a:hover{color: #fa8a01!important;}

.Work_cc{	background-color: #477170;
	border-radius: 24px;padding: 55px 25px;margin-top: 5.5vw;}

.wk_tt{	font-size: 50px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;}

.Work_bb{width: 325px;}
.Work_ll{width: calc(100% - 345px);}
.Work_ll li{text-align: center;max-width: 110px;}
.Work_ll li .img_Work{width: 80px;margin: 0 auto;}
.Work_ll li .img_Work img{width: 100%;}
.Work_ll li .text_Work{	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;line-height: 25px;height: 50px;overflow: hidden;}











/* bb_swiper */
.bb_banner{position: relative;}
.bb_swiper{overflow: hidden;position: relative;}
.bb_swiper li .img{width: 100%;overflow: hidden;}
.bb_swiper li .img img{width: 100%;}

.piao_fu{position: absolute;width: 100px;height: 32px;z-index: 999;color:#ffffff;
left:50%;margin-left:-50px;bottom: 60px; -webkit-animation: myfirst 1.5s infinite; animation: myfirst 1.5s infinite;}




.bb_swiper .swiper-pagination{text-align: center;bottom: 20px!important;}


.bb_swiper .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 100%;
  	background-color: #ffffff;
	border: solid 1px #BC204B;
    opacity:1;width: 14px;height:14px
}


.bb_swiper .swiper-pagination-bullet-active {
    opacity: 1;
 	background-color: #BC204B;
	border: solid 1px #ffffff;
}




.bb_banner{position: relative;}
.vv_video{position: absolute;bottom: 60px!important;left:7.9%!important;z-index: 999;}
.abgg_c{width: 72px;height:72px;}
.abgg_c img{max-width: 100%;}

.fx_ll{width: 185px;float: right;margin-bottom: 15px;}





/* section5重要的 */
.section5{margin-top:55px;}
.xw_ll{margin-top: 2vw;position: relative;overflow: hidden;}
.xw_ll li{position: relative;margin-bottom: 18px;;overflow: hidden;
	background-color: #284c63;
	border-radius: 16px;padding: 15px;}
.xw_ll li .news_con .xw_nr1{	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;height: 30px;overflow: hidden;}

.xw_ll li .news_con .xw_nr2{
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ffffff;height: 44px;overflow: hidden;margin-top: 15px;}


.xw_ll li .news_img{position: relative;	width:100%;border-radius: 16px;margin-bottom: 15px;}
.xw_ll li .news_img img{width: 100%;}
.longt49{margin-top: 15px;}




/* footer */

.dff {
    background:#173346;background-size: cover;
    margin-top: 65px;
    padding-bottom: 10px;
    	border-radius: 40px 40px 0px 0px;overflow: hidden;
}


.long_logo{background:#284c63;line-height: 105px;}
.long_logo img{max-width: 100%;}



.df_left{max-width: 460px;margin-top: 25px;}

.df_ta11{	font-size: 20px;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0px;
	color: #ffffff;}

.eoem_list{margin-top:22px;}
.eoem_list li + li{margin-left: 8px;}
.eoem_list li a{	height: 32px;
	background-color: #fa8a01;
	border-radius: 8px;line-height: 32px;padding: 0 20px;display: block;
    	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;
	color: #ffffff;}


.df_ta22{	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 10px;}



.df_right{width: 43%;}
.nav_ll{margin-top: 35px;}
.nav_ll li{width: 33%;background:url(//wm.cdn.cn86.cn/longffx/2026/04/3ed4170a5czsuwrf.png) no-repeat left 100%;line-height: 45px;}
.nav_ll li a{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;line-height: 45px;}


.df_lxx {margin-top: 25px;margin-bottom: 30px;}
.df_lxx li{line-height: 40px;}
.df_lxx li a{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;line-height: 40px;}
.df_lxx li a img{max-width: 100%;max-width: 40px;margin-right: 10px;}


.seo_aa {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
   text-align: center;
      color: rgba(255, 255, 255, 0.7);
}

.seo_aa a {
    color: rgba(255, 255, 255, 0.7);
}





@media (max-width: 1440px) {
.longt1{font-size: 49px;}
.longt2{font-size: 64px;}

.abt1{font-size: 46px;}


.long_pro dt{font-size: 46px;}

.honortt1{font-size: 46px;}

.cellence li .why_t1{font-size: 20px;}

.longt7{font-size: 46px;}

.wk_tt{font-size: 40px;}

.Work_ll li .text_Work{font-size: 15px;}


.xw_ll li .news_con .xw_nr1{font-size: 20px;}


.head_b_right{background-size: 100% 100%;}
}



@media (max-width: 1000px) {
.longt1{font-size: 30px;}
.longt2{font-size: 44px;}

.abt1{font-size: 26px;}


.long_pro dt{font-size: 26px;}

.honortt1{font-size: 26px;}

.cellence li .why_t1{font-size: 16px;}

.longt7{font-size: 26px;}

.wk_tt{font-size: 30px;}


.xw_ll li .news_con .xw_nr1{font-size: 16px;}

.pp_tt1{font-size: 18px;}

.tt_Customaa{font-size: 20px;}

.Work_bb{width: 231px;}
.Work_ll{width: calc(100% - 245px);}


.cust_img{width: 47.385965%;position: absolute;left:0px;bottom: 0px;z-index: 9;}
}



@media (max-width: 992px) {
.head_b_left {width: 100%;}
.head_b_right {width: 100%;}

.head_b::after{position: absolute;content:"";width: 0%;height: 746px;right:0px;top:0px;z-index: 1;background:#507c7d;}
.head_b::before{position: absolute;content:"";width: 100%;height: 746px;left:0px;top:0px;z-index: 1;background:#fefbea;}


.about_a{width: 100%;}
.about_b{width: 100%;	border-radius: 18px;overflow: hidden;}

.shu_ll li{width: 100%;margin-bottom: 10px;}
.img_sz{width: 60px;overflow: hidden;
    /* 新增：过渡动画，让放大更丝滑 */
    transition: all 0.3s ease;
    /* 修复放大时可能被遮挡问题 */
    position: relative;
    z-index: 1;}


.text11{width: calc(100% - 70px);}
.text11 .sbt{	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #1c4d6d;}
.text11 .sbt span{	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #1c4d6d;}

.pp_list {
    display: grid;
    /* 3列等宽布局 */
    grid-template-columns: repeat(2, 1fr);
    /* 核心间距控制：第一个值是行间距，第二个是列间距 */
    gap: 10px; /* 你可以根据设计稿调整，比如 16px/20px/24px */
    list-style: none;
    padding: 0;
    margin: 0;
}

.honnr_img{margin-top: 30px;margin-left: 0px;max-width: 1036px;}


.Why_aa{width: 100%;margin-top: 20px;}
.box_Why .wh{position: relative;padding-bottom: 30px;}
.long7_img{position: relative;bottom: auto;left:0%;width: 60%;margin-left: 0px;margin: 0 auto;margin-top: 10px;}


.cellence{margin-top: 35px;}
.cellence li{background-color: #fefbea;border-radius: 18px;width: 100%;overflow: hidden;padding: 10px;margin-bottom: 10px;}


.Satisfied li{width: 100%;background-color: #fefbea;
	border-radius: 18px;padding:20px;position: relative;margin-bottom: 10px;}


    .Custom_aa{width: 100%;position: relative;z-index: 99;}


.Custom_ll{width: 90%;margin: 0 auto;margin-top: 2.5vw;}

.cust_img{width: 100%;position: relative;left:auto;bottom: auto;z-index: 9;}

.df_right{width: 100%;}


.eoem_list li + li{margin-left: 5px;}
.eoem_list li a{	height: 32px;
	background-color: #fa8a01;
	border-radius: 8px;line-height: 32px;padding: 0 5px;display: block;
    	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;
	color: #ffffff;}


.Work_ll{width: calc(100% - 0px);margin-top: 15px;}

.dff{margin-bottom: 49px;}
}



@media (max-width: 768px) {
.longt1{font-size: 25px;}
.longt2{font-size: 34px;margin-top: 10px;}

.longt4{margin-top: 30px;}
.longt5{margin-top: 0px;float: left;margin-left: 30px;}

.abt2{
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	margin: 20px 0px;
	}


    .abt4{	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 20px;margin-bottom: 20px;}

    /*.hz_ttb{width: calc(100% - 0px);}*/
    .xx_b{display: none;}

    .box_Why{margin-top: 25px;background-color: #ffffff;
	border-radius: 10px;overflow: hidden;position: relative;z-index: 99;}
    .honortt1{font-size: 20px;}


    .long7_img{position: relative;bottom: auto;left:0%;width: 96%;margin-left: 0px;margin: 0 auto;margin-top: 30px;}


    .cellence li .why_t2{	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #173346;line-height: 20px;height:auto;overflow: hidden;margin-top: 10px;}

.longt7{font-size: 26px;line-height: 40px;}


.img_Custom{width: 63px;}

.tt_Customaa{	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;text-align: left;width: calc(100% - 75px);}



.longt4 {
    width: 164px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    background: url(//wm.cdn.cn86.cn/longffx/2026/04/5aea0a2b04w43rxl.png) no-repeat 50%;
    background-size: 100% 100%;
}




.Custom_ll li:nth-child(1)::after{	background-color: #3c6e71;
	box-shadow: 0px 3px 16px 0px 
		rgba(13, 66, 145, 0.2);
	border-radius: 29px;width: 100%;height: 58px;top:50%;
    transform: translateY(-50%);content: "";position: absolute;z-index: 11;}

.Custom_ll li a{position: relative;z-index: 22;padding:10px 25px;}

.Custom_ll li:nth-child(2)::after{		background-color: #284c63;
	box-shadow: 0px 3px 16px 0px 
		rgba(13, 66, 145, 0.2);
	border-radius: 29px;width: 100%;height: 58px;top:50%;
    transform: translateY(-50%);content: "";position: absolute;z-index: 11;}

.Work_ll{margin-top: 30px;}

}



.pp_swiper{margin-top:0px;overflow: hidden;}
.pp_89 li{position: relative;}
.pp_89 li .img{width: 100%;overflow: hidden;}
.pp_89 li .img img{width: 100%;}








/* 关于我们 */
.flex2 {
    display: flex;
    display: -webkit-flex;
}

.wrap {
    flex-wrap: wrap
}


.page-banner {
	position: relative;
}

.page-banner>img {
	display: block;
	width: 100%;
}

.about-section1{
	position: relative;
	background: #fff;
	padding: 70px 0;
}

.about_title1{
	position: relative;
	padding-bottom: 50px;
}
.about_title1 .the_tit{
	font-size: 42px;
	color: #222222;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}
.about_title1 .the_txt{
	font-size: 16px;
	color: #777777;
	line-height: 2;
}
.about_title1 .the_txt img{
	max-width: 100%!important;
	width: auto!important;
	height: auto!important;
	max-height: 100%!important;
}

.about1_swiper{
	overflow: hidden;
	position: relative;
}
.about1_swiper a{
	display: block;
}
.about1_swiper img{
	display: block;
	width: 100%;
}

/* about-section2 */
.about-section2{
	position: relative;
	background: #f7f7f7;
	padding: 4.6875vw 0;
}

.about_title2{
	margin-bottom: 40px;
}
.about_title2 h3{
	font-size: 42px;
	color: #252525;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}
.about_title2 p{
	font-size: 15px;
	color: #666666;
	line-height: 1.7;
}

.about2-con{
	position: relative;
	padding-left: 70px;
	padding-right: 70px;
}

.about2_swiper{
	overflow: hidden;
}
.about2_swiper .swiper-slide{
	position: relative;
}
.about2_swiper .swiper-slide a{
	display: block;
}
.about2_swiper .swiper-slide img{
	display: block;
	width: 100%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 0;
}

.about2-con .swiper-button-next2,
.about2-con .swiper-button-prev2 {
    position: absolute;
    width: 47px;
    height: 47px;
    top: 50%;
    margin-top: -23.5px;
    font-size: 0;
    outline: none;
    border: none;
    background: none;
    z-index: 99;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.about2-con .swiper-button-prev2 {
    left: 0;
    background: url(//wm.cdn.cn86.cn/xinjiuyang/2025/06/6e38c3b7f5esyobb.png) no-repeat center #afafaf;
}

.about2-con .swiper-button-next2 {
    right: 0;
    background: url(//wm.cdn.cn86.cn/xinjiuyang/2025/06/cf9ba08e30xu7rnw.png) no-repeat center #afafaf;
}

.about2-con .swiper-button-prev2:hover {
    background-color: var(--main-theme-color);
}

.about2-con .swiper-button-next2:hover {
    background-color: var(--main-theme-color);
}

.about-view a{
	display: inline-block;
	width: 360px;
	line-height: 58px;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	background-color: #fa8a01;
}

/* about-section3 */
.about-section3{
	position: relative;
	padding-top: 4.6875vw;
	padding-bottom: 3.64583vw;
}
.about_title3{
	margin-bottom: 40px;
}
.about_title3 h3{
	font-size: 42px;
	color: #252525;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}

.about3-con{
	padding-bottom: 4.166vw;
}

.about3_swiper{
	position: relative;
	overflow: hidden;
}
.about3_swiper .swiper-slide{
	position: relative;
}
.about3_swiper .swiper-slide a{
	display: block;
}
.about3_swiper .swiper-slide .img{
	border-radius: 10px;
}
.about3_swiper .swiper-slide img{
	display: block;
	width: 100%;
}

.about3-con .qiee{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.about3-con .qiee .swiper-button-next3,
.about3-con .qiee .swiper-button-prev3 {
    position: relative;
    width: 47px;
    height: 47px;
    top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0 15px;
    font-size: 0;
    outline: none;
    border: none;
    background: none;
    z-index: 99;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.about3-con .qiee .swiper-button-prev3 {
    background: url(//wm.cdn.cn86.cn/xinjiuyang/2025/06/6e38c3b7f5esyobb.png) no-repeat center #fa8a01;
}
.about3-con .qiee .swiper-button-next3 {
    background: url(//wm.cdn.cn86.cn/xinjiuyang/2025/06/cf9ba08e30xu7rnw.png) no-repeat center #fa8a01;
}



.about32_list li{
	flex: 0 0 33.33%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.about32_list li a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}
.about32_list li .img{
	border-radius: 0px;
}
.about32_list li img{
	display: block;
	max-width: 100%;
	max-height: 60px;
}


/* about-section4 */
.about-section4{
	position: relative;
	padding-top: 20px;
	padding-bottom: 80px;
}

.n-photo-list3 {
	max-width: 1120px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.n-photo-list3 li {
    position: relative;
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 25px 25px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.n-photo-list3 li .tip-tit {
    padding: 10px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.n-photo-list3 li .tip-tit span {
    font-size: 20px;
    color: #222222;
	font-weight: bold;
}

.n-photo-list3 li .tip-tit span.clicked{
	color: #fa8a01;
}

.n-photo-list3 li .tip-cont {
    color: #666666;
    font-size: 16px;
    display: none;
}

.circle-chevron {
    width: 18px;
    height: 10px;
    background: url(//wm.cdn.cn86.cn/simeiscale/2025/06/98cef59b4410ut2k.png) no-repeat center;
    flex-shrink: 0;
    place-items: center;
    transition: all .2s ease-in-out;
    display: grid
}

.circle-chevron.clicked {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	background-image: url(//wm.cdn.cn86.cn/simeiscale/2025/06/d41ea8c4587ld0ao.png);
}


@media (max-width: 1280px){
	.about-section1{
		padding: 50px 0;
	}
	.about-view a{
		width: 260px;
	}
	.about_title1 .the_tit,.about_title2 h3,.about_title3 h3{
		font-size: 36px;
	}

}


@media (max-width: 992px){
	.about_title1 .the_tit, .about_title2 h3, .about_title3 h3{
		font-size: 32px;
	}
}



@media (max-width: 768px){
	.about_title1 .the_tit, .about_title2 h3, .about_title3 h3{
		font-size: 24px;
	}
	.about_title1{
		padding-bottom: 30px;
	}
	.about_title2{
		margin-bottom: 20px;
	}
	.about_title3{
		margin-bottom: 20px;
	}
	.about-section1,
	.about-section2,
	.about-section3{
		padding: 40px 0;
	}
	.about-section4{
		padding: 30px 0;
	}

	.about32_list li{
		flex: 0 0 50%;
	}
	.about32_list li img{
		max-height: 40px;
	}
	.n-photo-list3 li .tip-tit span{
		font-size: 18px;
	}
}


@media (max-width: 500px){
	.about_title1 .the_txt{
		font-size: 15px;
		line-height: 1.7;
	}
	.about-view a{
		width: 200px;
		font-size: 16px;
		line-height: 45px;
	}
}
.about-section2 {
    padding-top: 30px;
}








@charset "utf-8"; /* CSS Document */
.QETscrollsidebar_window {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 9999999;
    /*padding: 40px 10px 40px 13px; border-radius: 50px; background: linear-gradient(to right bottom,#eaf3fd,#eef5fe ,#e3f6fd);  */
}

.QETscrollsidebar_openbox h4 {
    font-size: 16px;
    margin-top: -6px;
    padding-bottom: 5px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.QETscrollsidebar_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 3px 3px 15px rgba(0,0,0,0.2);
    margin-bottom: 15px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.QETscrollsidebar_window li .QETscrollsidebar_window_imga,.QETscrollsidebar_window li .QETscrollsidebar_window_imgb {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.QETscrollsidebar_window_imgb {
    display: none;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.QETscrollsidebar_window li:hover .QETscrollsidebar_window_imgb {
    display: block;
}

.QETscrollsidebar_window li:hover .QETscrollsidebar_window_imga {
    display: none;
}

.QETscrollsidebar_window li:hover .QETscrollsidebar_btn {
    background-color: #000;
}

.QETscrollsidebar_window li {
    position: relative;
    list-style: none
}

.QETscrollsidebar_openbox {
    background: linear-gradient(to right bottom,#eaf3fd,#eef5fe ,#e3f6fd);
    position: absolute;
    top: 0;
    right: -800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 3px 3px 15px rgba(0,0,0,0.15);
    padding: 30px 20px;
    border-radius: 10px;
    white-space: nowrap;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.QETscrollsidebar_openbox .QETscrollsidebar_openboximg {
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.QETscrollsidebar_openbox a {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.QETscrollsidebar_window li:hover .QETscrollsidebar_openbox {
    right: 60px;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}

.QETscrollsidebar_openbox .qeterweima {
    width: 120px;
    height: 120px;
    text-align: center;
    display: block;
}

.QETscrollsidebar_openbox_ma {
    width: 200px;
}

@media (max-width: 576px) {
    .QETscrollsidebar_window {
        display: none;
    }
}

@media (min-width: 577px) and (max-width:768px) {
    .QETscrollsidebar_window {
        display: none;
    }
}

@media (min-width: 769px) and (max-width:992px) {
    .QETscrollsidebar_window {
        display: none;
    }
}

@media (min-width: 993px) and (max-width:1200px) {
    .QETscrollsidebar_window {
        display: none;
    }
}

#scrollsidebar {
    display: none !important
}