@import url(animate.css);
@import url(../layui/css/layui.css);
@import url(../fontawesome/css/all.min.css);
@import url(../fontawesome/css/v4-shims.min.css);
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot') format('embedded-opentype'),
         url('../fonts/Poppins-Regular.woff2') format('woff2'),
         url('../fonts/Poppins-Regular.woff') format('woff'),
         url('../fonts/Poppins-Regular.ttf') format('truetype'),
         url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot') format('embedded-opentype'),
         url('../fonts/Poppins-Bold.woff2') format('woff2'),
         url('../fonts/Poppins-Bold.woff') format('woff'),
         url('../fonts/Poppins-Bold.ttf') format('truetype'),
         url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
}
@font-face {
    font-family: 'gilroy-bold';
    src: url('../fonts/gilroy-bold.eot');
    src: url('../fonts/gilroy-bold.eot') format('embedded-opentype'),
         url('../fonts/gilroy-bold.woff2') format('woff2'),
         url('../fonts/gilroy-bold.woff') format('woff'),
         url('../fonts/gilroy-bold.ttf') format('truetype'),
         url('../fonts/gilroy-bold.svg#gilroy-bold') format('svg');
}
/*animation*/
@keyframes fadeInUps {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 50px, 0);

        transform: translate3d(0, 50px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}
@keyframes fadeInLefts {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(50px, 0px, 0);

        transform: translate3d(50px, 0px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}
@keyframes fadeInRights {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-150px, 0px, 0);

        transform: translate3d(-150px, 0px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}
.fadeInUp{

    animation-name: fadeInUps;

    animation-delay: .1s;

}
.fadeInLeft{

    animation-name: fadeInLefts;

    animation-delay: .1s;

}
.fadeInRight{

    animation-name: fadeInRights;

    animation-delay: .1s;

}
/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
html {
  font-size: 62.5%; /* 这相当于 16px * 0.625 = 10px */
}
body{
	font-size:16px;
	overflow-x:hidden;
	font-family:'Poppins-Regular',Arial,Helvetica,sans-serif,"宋体";
	-webkit-font-smoothing: subpixel-antialiased;
	color:#000;
}
table {
    border-collapse: collapse;
    width: 100%;
}
td, th {
    border: none;
}
img{
	border:none;
    transition:0.6s;
}
img.auto{
	max-width: 100%;
	height: auto;
	display: block;
}
a{
	text-decoration:none;
	color: #000;
}
a:hover{
	text-decoration:none;
	color: #033C99;
}
ul{
	list-style:none;
}
hr{
	border:none;
	border-bottom:1px solid #c8c8c8;
	display:block;
	margin-top:10px;
}
.yuanjiao45{
	-moz-border-radius: 45px;      /* Gecko browsers */
    -webkit-border-radius: 45px;   /* Webkit browsers */
    border-radius:45px;            /* W3C syntax */
}
.yuanjiao25{
	-moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
}
.yuanjiao5{
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}
.yuanjiao10{
	-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
.yuanjiao15{
	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
}
.yuanjiao{
	-moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
}
.clear{
	width:100%;
	clear:both;
}
.mt20{
	margin-top:2rem;
}
.mt40{
	margin-top:4rem;
}
.mt60{
	margin-top:6rem;
}
.mt80{
	margin-top:8rem;
}
.mt100{
	margin-top:10rem;
}
.mt120{
	margin-top:12rem;
}
.mt140{
    margin-top: 14rem;
}
.mt160{
    margin-top: 18rem;
}
.mt180{
    margin-top: 18rem;
}
.pt40{
	padding-top: 4rem;
}
.pb40{
	padding-bottom: 4rem;
}

.zone{
	width: 100%;
	overflow: hidden;
}
.main{
	max-width:1600px;
	overflow:visible;
	margin-left: auto;
    margin-right: auto;
}
.content{
	line-height:1.7;
}
.content img{
	max-width:100%;
	height:auto;
}
/* 分页样式 */
.pages{
    text-align: center;
}

.pagination{
    font-family: 'Allerta Stencil', sans-serif;
    display: inline-flex;
    position: relative;
}
.pagination li a,
.pagination li span{
    color: #fff;
    background: transparent;
    font-size: 21px;
    line-height: 35px;
    height: 38px;
    width: 38px;
    padding: 0;
    margin: 0 8px;
    border: none;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease 0s;
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.pagination li.active a,
.pagination li a:hover,
.pagination li.active a:hover,
.pagination li.active span,
.pagination li span:hover,
.pagination li.active span:hover{
    color: #fff;
    background-color: transparent;
}
.pagination li a:before,
.pagination li a:after,
.pagination li span:before,
.pagination li span:after{
    content:'';
    background: linear-gradient(225deg,#2687BA,#E89B27);
    height: 100%;
    width: 100%;
    border: 3px solid #fff;
    box-shadow: 0 0 3px #666;
    border-radius: 50%;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transition: all 0.3s ease-in;
}
.pagination li.disabled span:before,
.pagination li.disabled span:after{
    background: #ddd;
}
.pagination li a:hover:before,
.pagination li.active a:before,
.pagination li span:hover:before,
.pagination li.active span:before{
    border-radius: 50% 0 50% 50%;
}
.pagination li a:after,
.pagination li span:after{
    background: #fff;
    height: 5px;
    width: 5px;
    border: none;
    box-shadow: 0 0 0 transparent;
    opacity: 0;
    transform: translateX(-50%) translateY(0) rotate(0);
    top: auto;
    bottom: 0;
}
.pagination li a:hover:after,
.pagination li.active a:after,
.pagination li span:hover:after,
.pagination li.active span:after{
    opacity: 1;
    bottom: 85%;
}
.pagination li:first-child a:before,
.pagination li:first-child span:before{
    transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
.pagination li:first-child a:hover:before,
.pagination li:first-child span:hover:before{ border-radius: 50% 0 50% 50%; }
.pagination li:first-child a:after,
.pagination li:first-child span:after{
    transform: translateX(0) translateY(-50%);
    top: 50%;
    bottom:auto;
    left: auto;
    right: 0;
    }
.pagination li:first-child a:hover:after,
.pagination li:first-child span:hover:after{ right: 80%; }
.pagination li:last-child a:before,
.pagination li:last-child span:before{
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.pagination li:last-child a:hover:before,
.pagination li:last-child span:hover:before{ border-radius: 50% 0 50% 50%; }
.pagination li:last-child a:after,
.pagination li:last-child span:after{
    transform: translateX(0) translateY(-50%);
    bottom:auto;
    top: 50%;
    left: 0;
}
.pagination li:last-child a:hover:after,
.pagination li:last-child span:hover:after{ left: 80%; }
@media only screen and (max-width: 480px){
    .pagination{ display: block; }
    
    .pagination li{
        margin-bottom: 10px;
        display: inline-block;
    }
}
/* banner */
.index-banner .swiper-slide img{
    width: 100%;
    height: auto;
    display: block;
}
.index-banner-pagination{
	width: 100%!important;
	height: 40px;
	position: absolute;
	left:0;
	bottom:10px;
	z-index: 10;
    text-align: center;
}
.index-banner-pagination .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background:#fff;
	opacity: 0.7;
}

.header_zone{
	background-color: #fff;
    overflow: visible;
    position: relative;
}
/* 统一定义头部高度 */
.header_zone,
.logo,
.nav > li > h3{
	height: 90px;

}
/* 统一定义头部高度end */
.header{
	width: 100%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.nav{
	flex-shrink: 0;
	display: flex;
    margin-left: auto;
    margin-right: auto;
}
.nav > li{
	flex-shrink: 0;
    z-index: 999;
    margin-left: 6%;
    margin-right: 6%;
    position: relative;
}
.nav > li > h3{
    display: flex;
    align-items: center;
    font-weight: normal;
}
.nav > li > h3 > a{
	font-size: clamp(14px, 0.9375vw, 18px);
	display: block;
    flex-shrink: 0;
}
.nav > li > h3 i{
    display: none;
}
.nav li.on h3 a{
	color: #033C99;
}

.nav .sub{ 
	display:none; 
	white-space: nowrap; 
	left:50%;
    transform: translateX(-50%); 
	top:100%;  
	position:absolute; 
	background: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.nav .sub > li > a{
    line-height: 45px;
    text-align: center;
    display: block;
    transition: 0.6s;
    padding-left: 15px;
    padding-right: 15px;
}
.nav .sub > li:hover > a{
    background-color: #033C99;
    color: #fff;
}

.language{
	flex-shrink: 0;
	position: relative;
    z-index: 999;
    transition: 0.6s;
    height: 40px;
    margin-left: 5%;
}
.language li{
    height: 40px;
    background-color: #033C99;
    transition: 0.6s;
}
.language li a{
	font-size: 14px;
	display: block;
	line-height: 40px;
	width: 100%;
	text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.language li:first-child .fa-globe{
	margin-right: 10px;
}
.language li:first-child .fa-angle-down{
	margin-left: 10px;
}
.language li:nth-child(2){
	width: 100%;
	position: absolute;
	left:0;
	top:100%;
	display: none;
	transition: 0.6s;
}
.language:hover li:nth-child(2) a{
    text-align: center;
    justify-content: center;
}
.language:hover li:nth-child(2){
	display: block;
}
.language li:hover{
    background-color: #0454D9;
}
.language li:hover a{
    color: #fff;
}
#search-btn{
    width: 45px;
    height: 45px;
    background-color: #DC1627;
    cursor: pointer;
    transition: 0.6s;
    line-height: 45px;
    text-align: center;
}
#search-btn .iconfont{
    font-size: 22px;
    color: #fff;
}

.search-zone{
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    background: #fff;
    position: absolute;
    left:0;
    top:100%;
    z-index: 10;
    border-top: 1px solid #033C99;
    display: block;
    display: none;
}
.search-form{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    align-items: center;
}
.search-form .stext{
    flex-grow: 1;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    background: none;
    border: none;
    outline: none;
}
.search-form .sbtn{
    padding-left: 20px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.search-form .sbtn .iconfont{
    font-size: 36px;
}

.dingzhi-zone{
    background: url(../images/mask.png) top center no-repeat;
    min-height: 409px;
    position: relative;
    z-index: 1;
    margin-top: -9.5rem;
}
.dingzhi{
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 7rem;
    padding-bottom: 7rem;
    margin-top: -9.5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 280px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.33);
    box-shadow: 0px 45px 73.4px  rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(30.9px);
}
.dingzhi .item{
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.dingzhi .item .icon{
    width: 105px;
    height: 105px;
    border: 1px solid #033C99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition:0.8s;
}
.dingzhi .item:hover .icon{
    transform: rotate(360deg);
}
.dingzhi .item h3{
    font-size: clamp(14px, 1.1458vw, 22px);
    margin-top: 2.5rem;
}
.dingzhi .item .num{
    font-size: 19.2rem;
    position: absolute;
    z-index: -1;
    left:50%;
    transform: translateX(-50%);
    top:50%;
    color: transparent; /* 文字设置为透明 */
    -webkit-text-stroke: 1px black; /* 添加文字描边的宽度和颜色 */
    font-family: 'Poppins-Bold';
    opacity: 0.05;
}
.common-title{
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.common-title h2{
    font-size: clamp(16px, 2.5vw, 48px);
}

.common-title .txt{
    color: rgba(55, 65, 81, 1);
    font-size: clamp(14px, 1.041vw, 20px);
    line-height: 1.7;
}
.common-title.bai-title h2,
.common-title.bai-title .txt{
    color: #fff;
}
.index-product{
    padding-bottom: 10rem!important;
    position: relative;
}
.index-product-prev,
.index-product-next{
    width: 5.5rem;
    height: 5.5rem;
    border: 1px solid #ccc;
    position: absolute;
    bottom: 0;
    text-align: center;
    line-height: 5.5rem;
    transition: 0.6s;
    cursor:pointer;
}

.index-product-prev{
    left:50%;
    margin-left: -10rem;
}
.index-product-next{
    right:50%;
    margin-right: -10rem;
}

.index-product-prev i,
.index-product-next i{
    font-size: clamp(14px, 1.0416vw, 20px);
    color: #666;
}

.index-product-prev:hover,
.index-product-next:hover{
    background-color: #033C99;
    border-color: #033C99;
    color: #fff;
}
.index-product-prev:hover i,
.index-product-next:hover i{
    color: #fff;
}

.index-product .swiper-slide {
    transform: scale(0.95)!important;
    margin-top: 3rem;
}
.index-product .swiper-slide a{
    display: flex;
    flex-direction: column;
    border-radius: 2.8rem;
    border: 1px solid rgba(226, 226, 226, 1);
    overflow: hidden;
    justify-content: center;
    align-items: center;
    
}
.index-product .swiper-slide .pic{
    overflow: hidden;
}
.index-product .swiper-slide:hover .pic img{
    transform: scale(1.1);
}
.index-product .swiper-slide a h3{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 2.5rem;
    font-weight: 600;
    font-size: clamp(14px, 1.0416vw, 20px);
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
    text-align: center;
}
.index-product .swiper-slide a .more{
    font-size: clamp(14px, 0.9375vw, 18px);
    margin-top: 15px;
}
.index-product .swiper-slide a .arrow{
    margin-top: 25px;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.3);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.index-product .swiper-slide-active,
.index-product .swiper-slide-duplicate-active{
    transform: scale(1)!important;
    margin-top: 0;
}
.index-product .swiper-slide .zhezhao{
    padding-bottom: 5rem;
    padding-top: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: -8rem;
    z-index: 2;
    width: 100%;
}
.index-product .swiper-slide-active .zhezhao,
.index-product .swiper-slide-duplicate-active .zhezhao,
.index-product .swiper-slide:hover .zhezhao{
    background: linear-gradient(180deg, rgba(3, 60, 153, 0) 4.66%, rgba(3, 60, 153, 0.27) 18.61%, rgba(3, 60, 153, 1) 100%);
    color: #fff;
}
.index-product .swiper-slide-active a .arrow,
.index-product .swiper-slide-duplicate-active a .arrow{
    display: flex;
}
.zone1{
    background: url(../images/zone1.jpg) top center no-repeat;
    padding-bottom: 10rem;
    padding-top: 20rem;
}
.common-title2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.common-title2 .title{
    flex-grow: 1;
    padding-right: 15%;
    display: flex;
    flex-direction: column;
}
.common-title2 .title h2{
    font-size: clamp(16px, 2.5vw, 48px);
}

.common-title2 .title .txt{
    color: rgba(55, 65, 81, 1);
    font-size: clamp(14px, 1.041vw, 20px);
    line-height: 1.7;
}
.common-title2 .bai-title h2,
.common-title2 .bai-title .txt{
    color: #fff;
}
.common-btn{
    background-color: #033C99;
    padding: 15px 40px;
    transition: 0.6s;
    color: #fff;
    text-align: center;
    font-size: 16px;
    flex-shrink: 0;
}
.common-btn:hover{
    background-color: #0454D9;
    color: #fff;
}
.catelist{
    display: flex;
    justify-content: space-between;
}
.catelist .item{
    width: 23.75%;
    background-color: #fff;
    overflow: hidden;
}
.catelist .item a{
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.catelist .item .pic{
    overflow: hidden;
}
.catelist .item:hover .pic img{
    transform: scale(1.1);
}
.catelist .item .info{
    padding: 4rem 3rem;
    display: flex;
    flex-direction: column;
}
.catelist .item .info h3{
    font-weight: 600;
    font-size: clamp(16px, 1.041vw, 20px);
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.catelist .item .info p{
    margin-top: 10px;
    color: #666;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.catelist .item .info .more{
    font-size: 14px;
    margin-top: 15px;
    color: rgba(3, 60, 153, 1);
}
.index-application .swiper-slide{
    -moz-border-radius: 20px;      /* Gecko browsers */
    -webkit-border-radius: 20px;   /* Webkit browsers */
    border-radius:20px;            /* W3C syntax */
    overflow: hidden;
    position: relative;
}
.index-application .swiper-slide:hover img{
    transform: scale(1.1);
}
.index-application .title{
    width: 100%;
    position: absolute;
    left:0;
    bottom:0;
    z-index: 10;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(4, 13, 48, 0) 0%, rgba(4, 13, 48, 0.76) 100%);
    padding-top: 80px;
    padding-bottom: 40px;
    text-align: center;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    visibility: hidden;
}
.index-application .swiper-slide-active .title{
    visibility: visible;
}
.index-application .title h3{
    font-weight: 600;
    font-size: clamp(16px, 1.3541vw, 26px);
}
.index-application .title p{
    display: block;
    margin-top: 10px;
    font-size: clamp(14px, 0.9375vw, 18px);
}
.index-application-pagination{
    margin-top: 8rem;
    text-align: center;
}
.index-application-pagination .swiper-pagination-bullet{
    width: 25px!important;
    height: 4px!important;
    background: #ddd!important;
    border-radius: 2px!important;
    opacity: 1!important;
}
.index-application-pagination .swiper-pagination-bullet-active{
    background-color: #033C99!important;
}
.core-title{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.core-title .txt{
    max-width: 970px;
    margin-left: auto;
    margin-right:auto;
}

.core-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.core-list .item{
    width: 22.5%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 57.7px  rgba(0, 0, 0, 0.06);
    padding-top: 7rem;
    padding-bottom: 6rem;
    padding-left: 3rem;
    padding-right: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 0.6s;
}
.core-list .item:hover{
    box-shadow: 0px 0px 57.7px  rgba(0, 0, 0, 0.2);
}
.core-list .item h3{
    margin-top: 5.5rem;
    font-weight: 600;
    font-size: clamp(14px, 1.14vw, 22px);
}
.core-list .item .txt{
    line-height: 2;
    color: #666;
    margin-top: 3rem;
    text-align: center;
}
.about-zone{
    position: relative;
    background: url(../images/about-zone2.jpg) bottom center no-repeat;
}
.about-main{
    position: relative;
}
.about-title{
    max-width: 980px;
    text-align: left;
}
.about-box{
    width: 45%;
    max-width: 720px;
    display: flex;
    flex-direction: column;
    margin-top: 9rem;
    align-items: flex-start;
}
.about-box h3{
    font-weight: 600;
    font-size: clamp(16px, 1.3541vw, 26px);
}
.about-box .about-txt{
    line-height: 2;
    color: #666;
    margin-top: 2.5rem;
}
.about-box .about-detail{
    margin-top: 7rem;
    transition: 0.6s;
}
.about-box .about-detail:hover{
    transform: rotate(35deg);
}
.about-pic{
    position: absolute;
    right:0;
    bottom:0;
    width: 58%;

}
.about-pic img{
    max-width: 100%;
    height: auto;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.about-pic .small-pic{
    position: absolute;
    z-index: 2;
    right:48px;
    top:-84px;
    animation: spin 6s linear infinite;
}
.shuzi-zone{
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.shuzi-main{
    display: flex;
    justify-content: space-between;
}
.shuzi-main .item{
    display: flex;
    flex-direction: column;
}
.shuzi-main .item .shang{
    font-family: 'Poppins-Bold';
    font-size: clamp(16px, 3.6458vw, 70px);
    display: flex;
    align-items: center;
}
.shuzi-main .item .xia{
    font-size: clamp(14px, 0.9375vw, 18px);
}
.index-partner .hd{
    display: none;
}
.index-partner .bd ul{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.index-partner .bd ul li{
    width: 215px;
    margin-left: 12.5px;
    margin-right: 12.5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 25.8px  rgba(97, 103, 140, 0.09);
}
.index-news{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-news .bd{
    width: 40%;
    overflow: hidden;
    flex-shrink: 0;
}
.index-news .hd{
    flex-grow: 1;
    padding-left: 5rem;
}
.index-news .hd ul li{
    transition: 0.6s;
    padding-top: 5rem;
    padding-bottom: 5rem;
    border-bottom: 1px solid #eee;

}
.index-news .hd ul li:first-child{
    border-top: 1px solid #eee;
}
.index-news .hd ul li h3{
    font-weight: 500;
    font-size: clamp(16px, 1.1458vw, 22px);
}
.index-news .hd ul li .txt{
    font-size: clamp(14px, 0.9375vw, 18px);
    margin-top: 10px;
    line-height: 1.7;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index-news .hd ul li .more{
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #033C99;
}
.index-news .hd ul li:hover{
    -moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
    background-color:#033C99 ;
    padding-left: 15px;
    padding-right: 15px;
}
.index-news .hd ul li:hover h3,
.index-news .hd ul li:hover .txt,
.index-news .hd ul li:hover .more{
    color: #fff;
}
.index-pinglun{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pinglun-box{
    width: 40.25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.pinglun-swiper{
    border-radius: 30px;
    background: rgba(244, 247, 253, 1);
    overflow: hidden;
    width: 100%;
    margin-top: 12rem;
}
.pinglun-swiper .swiper-slide{
    padding: 5rem 3rem 12rem 3rem!important;
}
.pinglun-swiper .ren-box{
    display: flex;
    align-items: center;

}
.pinglun-swiper .ren-box .zhaopian{
    width: 8.7rem;
    height: 8.7rem;
    overflow: hidden;
    margin-right: 3rem;
}
.pinglun-swiper .ren-box .info{
    display: flex;
    flex-direction: column;
}
.pinglun-swiper .ren-box .info .name{
    font-weight: 600;
    font-size: clamp(16px, 1.04vw, 20px);
}
.pinglun-swiper .ren-box .info .place{
    color: #666;
}
.pinglun-swiper .pinglun-content{
    line-height: 1.7;
    color: #666;
    margin-top: 5rem;
    font-size: clamp(16px, 1.04vw, 20px);
}
.pinglun-prev,
.pinglun-next{
    width: 4.5rem;
    height: 4.5rem;
    border: 1px solid #ccc;
    position: absolute;
    bottom: 3.5rem;
    text-align: center;
    line-height: 4.5rem;
    transition: 0.6s;
    cursor:pointer;
    z-index: 10;
}

.pinglun-prev{
    left:3rem;
}
.pinglun-next{
    left:10rem;
}

.pinglun-prev i,
.pinglun-next i{
    font-size: clamp(14px, 1.0416vw, 20px);
    color: #666;
}

.pinglun-prev:hover,
.pinglun-next:hover{
    background-color: #033C99;
    border-color: #033C99;
    color: #fff;
}
.pinglun-prev:hover i,
.pinglun-next:hover i{
    color: #fff;
}
.pinglun-box .common-title{
    text-align: left;
    max-width: 595px;
}
.pinglun-box .common-title .txt{
    margin-top: 2.5rem;
}
.feedback-box{
    width: 54%;
    background: url(../images/feedback.png) center center no-repeat;
    background-size: cover;
    padding: 8.5rem 6rem 7rem 6rem;
    border-radius: 30px;
    overflow: hidden;
}
.feedback-title h2{
    color: #fff;
    font-weight: 600;
    font-size: clamp(16px, 1.875vw, 36px);
}
.feedback-title .txt{
    color: #fff;
    font-size: clamp(14px, 1.041vw, 20px);
    line-height: 1.7;
    margin-top: 1rem;
}

.feedback{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6rem;
}
.feedback .item-half{
    width: 49.5%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.feedback .itext,
.feedback .iselect{
    flex-grow: 1;
    height: 5.5rem;
    line-height: 5.5rem;
    padding-left: 10px;
    padding-right: 10px;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
}
.feedback .iselect{
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:url(../images/arrow.png) 95% 50%  no-repeat scroll rgba(255, 255, 255, 0.3);
}
.feedback .iselect::-ms-expand { display: none; }
.feedback .iselect option{
    color: #666;
}
.feedback .icontent{
    width: 100%;
    height: 19rem;
    line-height: 1.7;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    outline: none;
    padding: 10px;
    color: #fff;
    font-size: 14px;
}
.feedback input::-webkit-input-placeholder,
.feedback select::-webkit-input-placeholder,
.feedback textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #fff;
  font-size: 14px;
}
.feedback input:-moz-placeholder,
.feedback select:-moz-placeholder,
.feedback textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  color: #fff;
  font-size: 14px;
}
.feedback input::-moz-placeholder,
.feedback select::-moz-placeholder,
.feedback textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  font-size: 14px;
}
.feedback input:-ms-input-placeholder,
.feedback select:-ms-input-placeholder,
.feedback textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  font-size: 14px;
}
.feedback .item-full{
    width: 100%;
}
.feedback .item-agree{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.feedback .item-agree .layui-form-checked[lay-skin=primary]>i{
    border-color: #033C99!important;
    background-color: #033C99!important;
}
.feedback .item-btn{
    margin-top: 4.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
}
.feedback .ibtn{
    width: 180px;
    height: 55px;
    text-align: center;
    background: #033C99;
    cursor: pointer;
    border: none;
    transition: 0.6s;
    color: #fff;
}
.feedback .ibtn:hover{
    background: #000;
}
.footer-zone{
    background: #033C99;
    margin-top: 11rem;
    padding-top: 8rem;
}
.footer{
    display: flex;
    justify-content: space-between;
    color: rgba(208, 213, 221, 1);
}
.footer a{
    color: rgba(208, 213, 221, 1);
}
.footer a:hover{
    color: #fff;
}
.footer-left{
    max-width: 26rem;
    flex-shrink: 0;
}
.footer-lxxx{
    margin-top: 5rem;
}
.footer-lxxx .item{
    margin-bottom: 2.5rem;
}
.footer-lxxx .item .title{
    display: flex;
    align-items: center;
    color: #fff;
}
.footer-lxxx .item .title i{
    width: 30px;
}
.footer-lxxx .item .txt{
    padding-left: 30px;
    line-height: 1.5;
    font-size: 14px;
}



.footer a{
    transition: 0.6s;
}

.footer-nav dl{
    display: flex;
    flex-direction: column;
}
.footer-nav dl dt{
    margin-bottom: 10px;
    font-weight: 600;

}
.footer-nav dl dt a{
    color: #fff;
    font-size: clamp(16px, 1.1458vw, 22px);
}
.footer-nav dl dd{
    line-height: 40px;
}
.footer-right{
    width: 28.75%;
}
.footer-right .title{
    font-weight: 600;
    color: #fff;
    font-size: clamp(16px, 1.3541vw, 26px);
    margin-bottom: 2rem;
}
.footer-right .txt{
    line-height: 1.7;

}
.footer-form{
    margin-top: 5rem;
    margin-bottom: 5rem;
    background: rgba(255, 255, 255,0.2);
    width: 100%;
    position: relative;
}
.ftext{
    width: 100%;
    height: 6rem;
    line-height: 6rem;
    padding-left: 10px;
    padding-right: 11rem;
    color: #fff;
    background:none;
    border: none;
    outline: none;
}
.ftext::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
  color: #fff;
}
.ftext:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.ftext::-moz-placeholder{ /* Mozilla Firefox 19+ */
  color: #fff;
}
.ftext:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #fff;
}
.fbtn{
    width: 11rem;
    background-color: #fff;
    height: 5.5rem;
    line-height: 5.5rem;
    text-align: center;
    cursor: pointer;
    border: none;
    outline: none;
    cursor: pointer;
    color: #033C99;
    position: absolute;
    z-index: 10;
    right:0.25rem;
    top:0.25rem;
}

.footer-follow .title{
    font-size: clamp(16px, 1.0416vw, 20px);
}
.footer-follow a{
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    transition: 0.6s;
    float: left;
}
.footer-follow a:last-child{
    margin-right: 0;
}
.footer-follow a:hover{
    background:#0454D9;
}


.copyright-zone{
    margin-top: 9rem;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.copyright{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.copyright a{
    color: #fff;
}



/* 内页 */
.page-banner-zone{
    position: relative;
    overflow: visible;
}
.lmmc{
    padding-left: 15rem;
    padding-right: 10rem;
    background-color: #033C99;
    line-height: 14rem;
    position: absolute;
    left:0;
    bottom:0;
    margin-bottom: -7rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-size: clamp(18px, 3.33333vw, 64px);
    z-index: 10;
    border-radius: 0px 20px 20px 0px;
}
.about-zone1{
    background: url(../images/about-zone1.jpg) bottom center no-repeat;
    padding-bottom: 20rem;
}
.about-box1{
    display: flex;
    justify-content: space-between;
}
.about-box1 .left{
    margin-top: 27rem;
    font-weight: 600;
    font-size: clamp(18px, 2.5vw, 48px);
    width: 28.75%;
}
.about-box1 .right{
    margin-top: 16.5rem;
    width: 58.125%;
}
.about-box1 .right h3{
    font-weight: 600;
    font-size: clamp(16px, 1.3541vw, 26px);
}
.about-box1 .right .txt{
    margin-top: 3rem;
    line-height: 2;
    color: #666;
}
.about-zone2{
    background: url(../images/about-zone2.jpg) bottom center no-repeat;
    overflow: visible;
}
.about-main2{
    position: relative;
    overflow: visible;
}
.about-main2 .small-pic{
    position: absolute;
    z-index: 2;
    right:48px;
    top:-84px;
    animation: spin 6s linear infinite;
}
.about-main2 .big-pic{
    
}
.about-zone2 .shuzi-main{
    margin-top: 11rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.about-main3{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-main3 .left{
    width: 48%;
}
.about-main3 .left .title{
    font-weight: 600;
    font-size: clamp(18px, 2.5vw, 48px);
    max-width: 35.5rem;
}
.about-main3 .left .pic{
    margin-top: 8rem;
}

.about-main3 .right{
    width: 48%;

}
.history-swiper{
    height: 1100px;
    background:url(../images/line.png) 7px top no-repeat;
}
.history-swiper .swiper-slide{
    padding-left: 5.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.history-swiper .swiper-slide .date{
    font-family: 'Poppins-Bold';
    font-size: clamp(16px, 1.875vw, 36px);
    position: relative;
}
.history-swiper .swiper-slide .date::before{
    content: "";
    width: 11px;
    height: 11px;
    opacity: 1;
    background: rgba(153, 153, 153, 1);
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
    left:-5.5rem;
    border: 2px solid transparent;
}
.history-swiper .swiper-slide:hover .date::before{
    background: rgba(255, 255, 255, 1);
    border-color:#033C99;
}
.history-swiper .swiper-slide .txt{
    color: #666;
    line-height: 1.7;
    margin-top: 1.5rem;
}

.culture-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.culture-main .left{
    width: 46%;
}
.culture-main .right{
    width: 50%;
}
.culture-main .title{
    font-size: clamp(18px, 2.5vw, 48px);
    font-weight: 600;
    margin-bottom: 4rem;
}
.culture-main .txt{
    font-size: clamp(14px, 1.0416vw, 20px);
    line-height: 1.7;

}

.culture-main2{
    flex-direction: row-reverse;
    margin-top: 9rem;
}
.network-title .txt{
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
}


.detail-zone1{
    background-color: #F4F7FD;
    padding-top: 25px;
    padding-bottom: 8rem;
}
.position{
    color: rgba(102, 102, 102, 1);
    padding-left: 30px;
    background: url(../images/position.png) left center no-repeat;
}
.position a{
    color: rgba(102, 102, 102, 1);
}
.detail-main1{
    display: flex;
    justify-content: space-between;
}
.detail-main1 .left{
    width: 45%;
}
.detail-main1 .catename{
    color: #033C99;
    font-size: clamp(14px, 1.0416vw, 20px);
}
.detail-main1 .detail-title{
    font-weight: 600;
    font-size: clamp(18px, 2.5vw, 48px);
    padding-top: 3rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #ccc;
}
.detail-main1 .detail-description{
    padding-top: 4rem;
    padding-bottom: 8rem;
    color: #666;
    line-height: 1.7;
    font-size: clamp(14px, 0.9375vw, 18px);
}
.detail-main1 .detail-links{
    display: flex;
    align-items: center;
}
.detail-main1 .detail-links a{
    padding-left: 4rem;
    padding-right: 4rem;
    height: 50px;
    line-height: 50px;
    font-size: clamp(14px, 0.9375vw, 18px);
    transition: 0.6s;
}
.detail-main1 .tel-btn{
    background: #033C99;
    color: #fff;
    margin-right: 30px;
    border: 1px solid #033C99;
}
.detail-main1 .tel-btn:hover{
    background: #fff;
    color: #033C99;
}
.detail-main1 .tel-btn i{
    margin-right: 10px;
}
.detail-main1 .kefu-btn{
    border: 1px solid #000;
}
.detail-main1 .kefu-btn .iconfont{
    margin-right: 10px;
    font-size: 20px;
}
.detail-main1 .kefu-btn:hover{
    background: #033C99;
    border-color: #033C99;
    color: #fff;
}
.detail-main1 .right{
    width: 51%;
}
.detail-main2{
    display: flex;
    justify-content: space-between;
}
.detail-main2 .left-wrap{
    width: 64%;
}
#parameters table tr td{
    padding-top: 15px;
    padding-bottom:15px;
    padding-left: 15px;
    padding-right: 15px;
}
/* 奇数行背景颜色 */
#parameters table tr:nth-child(odd) {
    background-color: #F4F7FD;
    border-top: 1px solid rgba(217, 232, 255, 1);
}
/* 偶数行背景颜色 */
#parameters table tr:nth-child(even) {
    background-color: #FDFEFF;
}
.detail-main2 .right-wrap{
    width: 28%;
    margin-top: 9.5rem;
}
.detail-main2 .left-wrap .item{
    margin-top: 9rem;
    padding-bottom: 10rem;
    border-bottom: 1px solid #ccc;
}
.detail-main2 .left-wrap .item .title{
    font-size: clamp(18px, 1.875vw, 36px);
    color: rgba(4, 13, 48, 1);
    font-weight: 600;
}
.detail-main2 .left-wrap .item .content{
    margin-top: 5rem;
    font-size: clamp(14px, 0.9375vw, 18px);
    color: #333;
    line-height: 2;
}
.detail-main2 .left-wrap .item:last-child{
    padding-bottom: 0;
    border: none;
}

.detail-app-list{
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
}
.detail-app-list .app-item{
    margin-bottom: 20px;
}
.detail-app-list .app-item a{
    background-color: #F4F7FD;
    padding: 10px;
    overflow: hidden;
    transition: 0.6s;
    display: flex;
    align-items: center;
}
.detail-app-list .app-item a:hover{
    background:#033C99;
    color: #fff;
}
.detail-app-list .app-item a:hover h3,
.detail-app-list .app-item a:hover .info .txt{
    color: #fff;
}
.detail-app-list .app-item .pic{
    width: 28%;
    overflow: hidden;
    flex-shrink: 0;
}
.detail-app-list .app-item:hover .pic img{
    transform: scale(1.1);
}
.detail-app-list .app-item .info{
    padding-left: 3rem;
    padding-right: 3rem;
    display: flex;
    flex-direction: column;
}
.detail-app-list .app-item .info h3{
    font-weight: 600;
    color: rgba(4, 13, 48, 1);
    font-size: clamp(16px, 1.0416vw, 20px);
}
.detail-app-list .app-item .info .txt{
    color: rgba(55, 65, 81, 1);
    margin-top: 1rem;
}
#detail-nav{
    display: flex;
    flex-direction: column;
    background: #fff;
}
#detail-nav a{
    display: block;
    width: 100%;
    height: 9.6rem;
    line-height: 9.6rem;
    border-radius: 20px;
    background: rgba(244, 247, 253, 1);
    font-size: clamp(16px, 1.1458vw, 22px);
    text-align: center;
    transition: 0.6s;
    color: rgba(4, 13, 48, 1);
    margin-top: 3rem;
}
#detail-nav a.cur{
    background: #033C99;
    color: #fff;
}

#detail-nav a:hover{
    background: #0454D9;
    color: #fff;
}
.service-box{
    border-radius: 20px;
    background: rgba(244, 247, 253, 1);
    display: flex;
    flex-direction: column;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 4rem;
    margin-top: 3rem;
}
.service-box .title{
    font-size: clamp(16px, 1.3541vw, 26px);
    font-weight: 600;
    margin-top: 5rem;
}
.service-box .content{
    margin-top: 1rem;
    font-size: clamp(14px, 0.9375vw, 18px);
}
.service-box .contact-item{
    display: flex;
    align-items: center;
    font-size: clamp(14px, 1.0416vw, 20px);
}
.service-box .contact-item i{
    color: #033C99;
    margin-right: 10px;
}
.service-box .contact-item1{
    margin-top: 6rem;
}
.service-box .contact-item2{
    margin-top: 3rem;
}
.service-box .contact-btn{
    margin-top: 5rem;
    border-radius: 20px;
    background: rgba(3, 60, 153, 1);
    height: 6.5rem;
    line-height: 6.5rem;
    text-align: center;
    transition: 0.6s;
    font-size: clamp(14px, 1.0416vw, 20px);
    color: #fff;
}
.service-box .contact-btn:hover{
    background: #0454D9;
    color: #fff;
}

.related-zone{
    background-color: #F4F7FD;
    padding-top: 12rem;
    padding-bottom: 18rem;
}
.related-title .txt{
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
}

.related-list{
    display: flex;
    justify-content: space-between;
    
}
.related-list .item{
    background-color: #fff;
    overflow: hidden;
    width: 23.75%;
}
.related-list .item a{
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.related-list .item .info{
    padding: 4rem 3rem;
    display: flex;
    flex-direction: column;
}
.related-list .item .info h3{
    font-weight: 600;
    font-size: clamp(16px, 1.041vw, 20px);
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.related-list .item .info p{
    margin-top: 10px;
    color: #666;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.related-list .item .info .more{
    font-size: 14px;
    margin-top: 15px;
    color: rgba(3, 60, 153, 1);
}
.message-main{
    margin-top: 7rem;
}
.message-title{
    padding-bottom: 4rem;
    border-bottom: 1px solid #ccc;
    font-size: clamp(16px, 1.66666vw, 32px);
}
.message{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.message .item{
    width: 24%;
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
}
.message .item label em{
    color: #ff0000;
    font-style: normal;
}
.message .itext,
.message .iselect{
    flex-grow: 1;
    height: 9rem;
    line-height: 9rem;
    padding-left: 10px;
    padding-right: 10px;
    background: rgba(244, 247, 253, 1);
    border: none;
    outline: none;
    font-size: 14px;
    margin-top: 2rem;
}
.message .iselect{
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:url(../images/arrow.png) 95% 50%  no-repeat scroll rgba(244, 247, 253, 1);
}
.message .iselect::-ms-expand { display: none; }
.message .item-full{
    width: 100%;
}
.message .icontent{
    width: 100%;
    height: 33rem;
    line-height: 1.7;
    background: rgba(244, 247, 253, 1);
    border: none;
    outline: none;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    margin-top: 2rem;
}
.message .ibtn{
    width: 23rem;
    height: 6rem;
    line-height: 6rem;
    opacity: 1;
    border-radius: 70px;
    background: rgba(3, 60, 153, 1);
    border: none;
    outline: none;
    color: #fff;
    font-size: clamp(14px, 0.9375vw, 18px);
    margin-top: 7rem;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.sub-category-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub-category-box li{
    flex-grow: 1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #EAEAEA;
    transition: 0.6s;
}
.sub-category-box li a{
    font-size: clamp(14px, 0.9375vw, 18px);
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    transition: 0.6s;
}
.sub-category-box li:first-child{
    border-left: none;
}
.sub-category-box li:last-child{
    border-right: none;
}
.sub-category-box li.active{
    background: #033C99;
}
.sub-category-box li.active a{
    color: #fff;
}
.sub-category-box li:hover{
    background: #033C99;
}
.sub-category-box li:hover a{
    color: #fff;
}

.application-list{
    display: flex;
    flex-direction: column;
}
.application-list .item{
    padding-top: 55px;
    padding-bottom: 55px;
    border-bottom: 1px solid #ccc;
}
.application-list .item:last-child{
    border: none;
    padding-bottom: 0;
}
.application-list .item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.application-list .item .pic{
    width: 30%;
    overflow: hidden;
    flex-shrink: 0;
}
.application-list .item:hover .pic img{
    transform: scale(1.1);
}
.application-list .item .info{
    flex-grow: 1;
    padding-left: 6%;
    display: flex;
    flex-direction: column;
}
.application-list .item .info h3{
    font-weight: normal;
    font-size: clamp(16px, 1.5625vw, 30px);
}
.application-list .item .info .line{
    margin-top: 15px;
    width: 40px;
    height: 3px;
    background-color: #000;
    display: block;
}
.application-list .item .info .description{
    line-height: 1.7;
    color: #333;
    margin-top: 20px;
    font-size: clamp(14px, 0.9375vw, 18px);
}


/* contact */
.contact-information-zone{
    background-color: #F4F7FD;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.contact-information-zone .main{
    overflow: visible;
}
.contact-information{
    display: flex;
    justify-content: space-between;
}
.contact-information .item{
    width: 31%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 55px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0px 0px 15px #ddd;
    transition: 1s;
}
.contact-information .item:hover{
    box-shadow: 0px 0px 15px #999;
}
.contact-information .item .icon{
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 10;
    left:50%;
    top:0;
    margin-left: -50px;
    margin-top: -50px;
    box-shadow: 0px 0px 15px #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #666;
    transition: 0.6s;
}
.contact-information .item:hover .icon{
    animation: spin 3s linear infinite;
    box-shadow: 0px 0px 15px #999;
}
.contact-information .item .icon i{
    font-size: clamp(20px, 1.875vw, 36px);
}
.contact-information .info{
    padding-left: 15px;
    padding-right: 15px;
    font-size: clamp(14px, 1.0416vw, 20px);
    text-align: center;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.prolist{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3rem;
}
.prolist .item{
    width: 24%;
    background-color: #F4F7FD;
    overflow: hidden;
    box-shadow: 0px 0px 15px #ddd;
    margin-top: 5rem;
    transition: 0.6s;
}
.prolist .item:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}
.prolist .item:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}
.prolist .item:hover{
    box-shadow: 0px 0px 15px #aaa;
}
.prolist .item a{
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.prolist .item .pic{
    overflow: hidden;
}
.prolist .item:hover .pic img{
    transform: scale(1.1);
}
.prolist .item .info{
    padding: 4rem 3rem;
    display: flex;
    flex-direction: column;
}
.prolist .item .info h3{
    font-weight: 600;
    font-size: clamp(16px, 1.041vw, 20px);
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.prolist .item .info p{
    margin-top: 10px;
    color: #666;
    display: inline-block;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.prolist .item .info .more{
    font-size: 14px;
    margin-top: 15px;
    color: rgba(3, 60, 153, 1);
}
.toutiao-zone{
    background-color: #F4F7FD;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.toutiao a{
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
}
.toutiao .pic{
    overflow: hidden;
}
.toutiao .swiper-slide:hover .pic img{
    transform: scale(1.1);
}
.toutiao h3{
    font-family: 'gilroy-bold';
    font-weight: normal;
    font-size: clamp(14px, 1.25vw, 24px);
    margin-top: 20px;
    line-height: 1.2;
}
.toutiao .date{
    font-family: 'gilroy-bold';
    font-size: 14px;
    margin-top: 15px;
}
.toutiao .description{
    line-height: 1.6;
    color: #333;
    margin-top: 15px;
    font-size: clamp(14px, 0.9375vw, 18px);
}
.toutiao .detail{
    margin-top: 20px;
    padding: 5px 10px;
    border: 1px solid #666;
    transition: 0.6s;
    display: block;
    width: 140px;
    text-align: center;
}
.toutiao .swiper-slide:hover .detail{
    background: #033C99;
    border-color: #033C99;
    color: #fff;
}
.toutiao-pagination{
    margin-top: 30px;
    text-align: center;
}
.toutiao-pagination .swiper-pagination-bullet-active{
    background: #dc1525!important;
}

.newslist{
    margin-top: 85px;
}
.newslist .item{
    margin-top: 55px;
}
.newslist .item:first-child{
    margin-top: 0;
}

.newslist a{
    display: flex;
    align-items: center;
}
.newslist .pic{
    overflow: hidden;
    width: 31%;
    flex-shrink: 0;
}
.newslist .info{
    flex-grow: 1;
    padding-left: 3.5%;
    display: flex;
    flex-direction: column;
}
.newslist .item:hover .pic img{
    transform: scale(1.1);
}
.newslist h3{
    font-family: 'gilroy-bold';
    font-weight: normal;
    font-size: clamp(14px, 1.25vw, 24px);
    line-height: 1.2;
}
.newslist .date{
    font-family: 'gilroy-bold';
    font-size: 14px;
    margin-top: 15px;
}
.newslist .description{
    line-height: 1.6;
    color: #333;
    margin-top: 20px;
    font-size: clamp(14px, 0.9375vw, 18px);
}
.newslist .detail{
    margin-top: 30px;
    padding: 5px 10px;
    border: 1px solid #666;
    transition: 0.6s;
    display: block;
    width: 140px;
    text-align: center;
}
.newslist .item:hover .detail{
    background: #033C99;
    border-color: #033C99;
    color: #fff;
}
.article-title{
    font-size: clamp(16px, 1.5625vw, 30px);
    text-align: center;
    font-weight: normal;
    font-family: 'gilroy-bold';
}
.article-info{
    display: flex;
    justify-content: center;
    color: #666;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.article-info .item i{
    margin-right: 10px;
}
.article-content{
    font-size: clamp(14px, 0.9375vw, 18px);
    line-height: 1.7;
}
.shangxiapian{
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.shangxiapian .item{
    padding-top: 10px;
    display: flex;
    align-items: center;
    font-size: clamp(14px, 0.9375vw, 18px);
}
.shangxiapian .item i{
    margin-right: 5px;
}
/* 下载 */
.download-list .item{
    border-bottom: 2px solid #fff;
    background-color: #F6F6F6;
    transition: 0.6s;
}
.download-list .item a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
}
.download-list .item .info{
    flex-grow: 1;
    padding-right: 1%;
    display: flex;
    flex-direction: column;
}
.download-list .item .info h3{
    font-weight: normal;
    font-size: clamp(16px, 0.9375vw, 18px); 
    font-family: 'gilroy-bold';
}
.download-list .item .info .xia{
    color: #666;

}
.download-list .item .detail{
    padding: 5px 15px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.6s;

}
.download-list .item .detail .iconfont{
    font-size: 22px;
    margin-left: 15px;
}
.download-list .item:hover{
    background-color: #000;
}
.download-list .item:hover .info h3,
.download-list .item:hover .info .xia,
.download-list .item:hover .detail{
    color: #fff;
}
.download-list .item:hover .detail{
    background-color: #033C99;
    border-color: #033C99;
}
.switch-tab .hd2{
    display: flex;
    justify-content: center;
    align-items: center;
}
.switch-tab .hd2 ul{
    border-bottom: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}
.switch-tab .hd2 ul li{
    height: 40px;
    font-size: clamp(16px, 0.9375vw, 18px); 
    margin-right: 60px;
    position: relative;
    cursor: pointer;
}
.switch-tab .hd2 ul li:last-child{
    margin-right: 0;
}
.switch-tab .hd2 ul li.on:after{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left:0;
    top:100%;
    background-color: #000;
    z-index: 10;
}
.switch-tab .bd2{
    margin-top: 55px;
}
.box-c{
    display: flex;
    justify-content: space-between;
    
}
.box-c .item{
    width: 31%;
    border: 1px solid #ccc;
}
.box-c .item a{
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: 0.6s;
    height: 100%;
}
.box-c .item:hover{
    border-color: #033C99;
}
.box-c .item h3{
    font-weight: normal;
    font-size: clamp(16px, 1.25vw, 24px); 
    font-family: 'gilroy-bold';
}
.box-c .item .brief{
    margin-top: 10px;
    line-height: 1.7;
    font-size: clamp(16px, 0.9375vw, 18px); 
    flex-grow: 1;
}
.box-c .item .detail{
    padding: 3px 20px;
    border: 1px solid #000;
    font-size: clamp(16px, 0.9375vw, 18px); 
    transition: 0.6s;
    margin-top: 20px;
}
.box-c .item:hover .detail{
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.detail-position-zone{
    border-bottom: none;
    border-top: 1px solid #ccc;
}
.detail-title{
    font-weight: normal;
    font-size: clamp(18px, 2.5vw, 48px); 
}
.detail-swiper-box{
    margin-top: 10px;
    position: relative;
}
.detail-pagination{
    width: 100%;
    position: absolute;
    left:0;
    bottom:20px;
    z-index: 10;
    text-align: center;
}
.detail-pagination .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
}
.detail-pagination .swiper-pagination-bullet-active{
    background-color: #000;
}
.detail-next,
.detail-prev{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    outline: none;
}
.detail-prev .iconfont,
.detail-next .iconfont{
    font-size: 60px;
    color: #666;
}
.detail-prev:hover .iconfont,
.detail-next:hover .iconfont{
    color: #000;
}
.detail-prev{
    left:2%;
}
.detail-next{
    right:2%;
}
.box-d .title{
    font-size: clamp(16px, 1.145vw, 22px); 
    font-family: 'gilroy-bold';
}
.box-d .content{
    margin-top: 10px;
    line-height: 1.7;
    font-size: clamp(16px, 0.9375vw, 18px);
}
.detail-content{
    padding-top: 30px;
}


.related-products{
    display: flex;
    justify-content: space-between;
}
.related-products .item{
    width: 30%;
    border: 1px solid #ccc;
    overflow: hidden;
}
.related-products .item .pic{
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.related-products .item:hover .pic img{
    transform: scale(1.1);
}
.related-products .item .info{
    padding: 35px 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.related-products .item h3{
    font-weight: normal;
    font-size: clamp(16px, 1.25vw, 24px);
    font-family: 'gilroy-bold';
    line-height: 1;
}
.related-products .item .brief{
    margin-top: 10px;
    line-height: 1.5;
    font-size: clamp(14px, 0.9375vw, 18px);
    color: #333;
}
.related-products .item .detail{
    border: 1px solid #999;
    margin-top: 45px;
    padding: 8px 15px;
    transition: 0.6s;
    max-width: 160px;
    text-align: center;
}
.related-products .item:hover .detail{
    background: #033C99;
    color: #fff;
    border-color: #033C99;
}
.related-products .item:hover,
.related-products .item:hover .pic{
    border-color: #033C99;
}
.box-e .title{
    font-size: clamp(18px, 2.5vw, 48px);
}
.box-e .content{
    font-size: clamp(16px, 1.145vw, 22px); 
    color: #333;
}
.service-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service-list .item{
    margin-top: 35px;
    display: flex;
    width: 27.34%;
    flex-direction: column;
}
.service-list .item .pic{
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.service-list .item .info{
    padding-left: 25px;
    font-size: clamp(14px, 1.041vw, 20px);
    line-height: 1.7;
    padding-top: 10px;
}
.box-f{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box-f .pic{
    width: 44%;
    flex-shrink: 0;
}
.box-f .info{
    flex-grow: 1;
    padding-left: 5%;
    font-size: clamp(14px, 1.041vw, 20px); 
    line-height: 1.7;
}
#service-download-btn{
    padding: 8px 15px;
    background-color: #000;
    color: #fff;
    text-align: center;
    float: left;
    display: block;
    transition: 0.6s;
    margin-top: 20px;
    margin-bottom: 20px;
}
#service-download-btn:hover{
    background-color: #033C99;
}

.service-download-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service-download-list .item{
    width: 31%;
    border: 1px solid #ccc;
    overflow: hidden;
    margin-top: 50px;
}
.service-download-list .item .pic{
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.service-download-list .item:hover .pic img{
    transform: scale(1.1);
}
.service-download-list .item .info{
    padding: 35px 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.service-download-list .item h4{
    font-weight: normal;
    font-size: clamp(14px, 1.5625vw, 30px); 
}
.service-download-list .item h3{
    font-weight: normal;
    font-size: clamp(16px, 1.25vw, 24px);
    font-family: 'gilroy-bold';
    line-height: 1;
}
.service-download-list .item .links{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.service-download-list .item .links a{
    line-height: 2;
    font-size: clamp(14px, 0.9375vw, 18px);
    color: #333;
}
.service-download-list .item .detail{
    border: 1px solid #999;
    margin-top: 45px;
    padding: 10px 15px;
    transition: 0.6s;
    max-width: 180px;
    text-align: center;
}
.service-download-list .item .links a:hover{
    color: #033C99;
}
.service-download-list .item .detail:hover{
    background-color: #000;
    color: #fff;
    border-color: #000;
}



/*客服*/
.kefu{
  position: fixed;
  right: 15px;
  bottom: 96px;
  z-index: 9;
}
.kefu ul{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kefu li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 56px;
  background: #2687BA;
  font-size: 26px;
  color: #fff;
  ttransition: 0.6s;
}
.kefu li a i{
    font-size: 30px;
}
.kefu li:hover a{
  background-color: #06b4e1!important;
}
.kefu li.whatsapp a{
  background: #25d366;
}
.kefu li.whatsapp:hover a{
  background-color: #06b4e1;
}
.kefu li.gotop a{
  background: #E89B27;
}
.kefu li.weixin a{
  background: #2aae67;
}
.kefu li.weixin:hover a{
  background-color: #06b4e1;
}
.kefu li.weixin{
  position: relative;
}
.kefu li.weixin .qrcode{
  display: none;
  position: absolute;
  right: 60px;
  top: 50%;
  transform:translateY(-50%);
  z-index: 8;
  width: 120px;
  height: 120px;
  box-shadow: 0px 0px 5px #ccc;
}
.kefu li.weixin:hover .qrcode{
  display: block;
}
.kefu li.weixin .qrcode img{
  display: block;
  width: 100%;
}



/* 细节调整 */
#menu-btn{
    display: none;
}
.pro-sub{
    display: none;
}
@media (max-width:1630px) {
    .header,
    .index-txt1,
    .index-txt2,
    .index-category-list,
    .advantage-list,
    .index-txt3,
    .other-category,
    .footer,
    .copyright,
    .pro-sub-main,
    .position,
    .sub-category-box,
    .application-list,
    .page-banner-zhezhao,
    .feedback-title,
    .feedback,
    .contact-info-zone,
    .detail-title,
    .detail-swiper-box,
    .box-d,
    .slide,
    .related-products,
    .download-list,
    .newslist,
    .box-a,
    .level1,
    .level2-name,
    .box-b,
    .box-c,
    .box-e,
    .service-list,
    .box-f,
    .service-download-list,
    .zone1 .main,
    .shuzi-main,
    .common-title2,
    .index-news,
    .index-pinglun,
    .about-box1,
    .about-main2,
    .about-main3,
    .culture-main,
    .network-pic,
    .prolist,
    .article-title,
    .article-content,
    .article-info,
    .shangxiapian,
    .contact-information,
    .message-main,
    .detail-main1,
    .detail-main2,
    .related-list
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .toutiao{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .about-box{
        padding-left: 15px;
    }
    .about-pic{
        padding-right:15px;
    }
    .position{
        padding-left: 40px;
        background-position: 15px center;
        padding-right: 15px;
    }
}



@media (max-width:768px) {
    
    body{
        font-size: 14px;
    }
    .header_zone, 
    .logo, 
    .nav > li > h3{
        height: 50px;
    }
    .logo img{
        height: 40px;
    }
    .nav{
        width: 100%;
        position: absolute;
        left:0;
        top:100%;
        z-index: 99;
        background-color: #fff;
        border-top: 1px solid #033C99;
        flex-direction: column;
        display:none;
    }
    .nav > li{
        margin-left: 0;
        margin-right: 0;
    }
    .nav > li > h3 > a{
        font-size: 14px;
        flex-grow: 1;
    }
    .nav > li > h3{
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav > li > h3 > i{
        display: block;
    }
    .nav > li:hover > .sub{
        display: none;
    }
    .nav .sub{
        position: static;
        background-color: #f7f7f7;
        display:none;
        transform: translateX(0);
        border-bottom: 1px solid #ddd;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .nav .sub > li > a{
        text-align: left;
        padding-left: 30px;
        line-height: 45px;
        display: block;
        padding-right: 15px;
    }
    .language{
        height: auto;
        display: flex;
        align-items: center;
        position: static;
        margin-left: auto;
        margin-right: 30px;
    }
    .language li:first-child i{
        display: none;
    }
    .language li{
        height: 40px;
    }
    .language li a{
        line-height: 40px;
        font-size: 14px;
    }
    .language li:nth-child(2){
        position: static;
        display: block;
        margin-left: 15px;
    }
    .language li.active{
        background-color: #033C99;
        border-color: #033C99;
    }
    .language li.active a{
        color: #fff;
    }
    #search-btn{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    #menu-btn{
        display: block;
        font-size: 26px;
        margin-left: 15px;
    }
    
    .index-category-list .item{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .advantage-zone{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .advantage-list{
        margin-top: 0;
    }
    .footer-follow a{
        margin-right: 15px;
    }
    .search-zone{
        padding-left: 15px;
        padding-right: 15px;
    }
    .search-form .stext{
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
    .search-form .sbtn i{
        font-size: 26px;
    }
    .newslist{
        margin-top: 40px;
    }
    .dingzhi{
        margin-top: 0;
        flex-wrap: wrap;
        border-radius: 0;
        padding-top: 0;
    }
    .dingzhi .item{
        width:50%;
        margin-top: 7rem;
    }
    .dingzhi .item .num{
        display: none;
    }
    .index-product .swiper-slide,
    .index-product .swiper-slide-active,
    .index-product .swiper-slide-duplicate-active{
        transform: scale(1)!important;
         margin-top: 0;
    }

    .index-product .swiper-slide a .arrow{
        display: none;
    }
    .index-product .swiper-slide-active .zhezhao,
    .index-product .swiper-slide-duplicate-active .zhezhao{
        background: none;
        color: #000;
    }
    .catelist{
        flex-wrap: wrap;
    }
    .catelist .item{
        width:48%;
    }
    .catelist .item:nth-child(3),
    .catelist .item:nth-child(4){
        margin-top: 20px;
    }
    html{
        font-size: 28%;
    }
    .common-title .txt,
    .common-title2 .title .txt{
        margin-top: 15px;
    }
    .core-list{
        flex-wrap: wrap;
    }
    .core-list .item{
        width: 48%;
    }
    .core-list .item:nth-child(3),
    .core-list .item:nth-child(4){
        margin-top: 5rem;
    }
    .about-main{
        display: flex;
        flex-direction: column;
    }
    .about-box{
        width: 100%;
    }
    .about-pic,
    .about-box .about-detail{
        display: none;
    }
    .shuzi-zone{
        padding-top: 0;
    }
    .index-news .bd{
        display: none;
    }
    .index-news .hd{
        padding-left: 0;
    }
    .index-news .hd ul li:hover{
        -moz-border-radius: 0;      /* Gecko browsers */
        -webkit-border-radius: 0;   /* Webkit browsers */
        border-radius:0;            /* W3C syntax */
        background-color:transparent;
        padding-left: 0;
        padding-right: 0;
    }
    .index-news .hd ul li:hover h3,
    .index-news .hd ul li:hover .txt,
    .index-news .hd ul li:hover .more{
        color: #000;
    }
    
    .index-pinglun{
        flex-direction: column;
        margin-top: 8rem;
    }
    .pinglun-box{
        width: 100%;
    }
    .feedback-box{
        width: 100%;
        margin-top: 5rem;
    }
    .feedback .itext, .feedback .iselect{
        height: 40px;
        line-height: 40px;
    }
    .kefu{
        display: none;
    }
    .footer-nav{
        display: none;
    }
    .footer-left{
        width: 48%;
        max-width: 100%;
    }
    .footer-right{
        width:48%;
        max-width: 100%;
    }
    .copy-links{
        display: none;
    }
    .copy{
        width:100%;
        text-align: center;
    }
    .about-main2 .small-pic{
        width: 20rem;
        height: auto;
        top:-10rem;
    }
    .about-zone2 .shuzi-main{
        margin-top: 5rem;
    }
    .about-zone2{
        background-size:cover;
    }
    .prolist .item{
        width:48%;
    }
    .contact-information{
        flex-direction: column;
    }
    .contact-information .item{
        width:100%;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .message .item{
        width:48%;
    }
    .message .item-full{
        width: 100%;
    }
}


@media (max-width:600px) {
    html{
        font-size: 20%;
    }
    .about-zone{
        background: none;
    }
    .about-zone .shuzi-main{
        background: #F4F7FE;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .language{
        margin-right: auto;
    }
    .zone1{
        padding-top: 10rem;
        padding-bottom: 10rem;
        background-size: cover;
    }
    .common-title2{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .zone1 .common-title2{
        padding-left: 0;
        padding-right: 0;
    }
    .common-title2 .title{
        padding-right: 0;
        margin-bottom: 6rem;
    }
    .catelist .item{
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    #index-application-title h2{
        color: #000;
    }
    #index-application-title .txt{
        color: #666;
    }
    .core-list .item{
        width:100%;
        margin-top: 20px;
    }
    .about-title{
        text-align: center;
    }
    .index-product{
        padding-left: 15px;
        padding-right: 15px;
    }
    .shuzi-main{
        flex-wrap: wrap;
    }
    .shuzi-main .item{
        width:50%;
        text-align: center;
        
    }
    .shuzi-main .item:nth-child(3),
    .shuzi-main .item:nth-child(4){
        margin-top: 30px;
    }
    .shuzi-main .item .shang{
        justify-content: center;
    }
    .common-btn{
        padding: 8px 20px;
    }
    .footer{
        flex-direction: column;
    }
    .footer-left,
    .footer-right{
        width:100%;
    }
    .footer-right{
        margin-top: 40px;
    }
    .ftext{
        height: 45px;
        line-height: 45px;
    }
    .fbtn{
        width:100px;
        height: 40px;
        line-height: 40px;
        top:2.5px;
        right:2.5px;
    }
    .footer-zone{
        padding-bottom: 0;
    }
    .index-category-list .item{
        flex-direction: column;
        padding-top: 0;
    }
    .index-category-list .item .pic{
        width: 100%;
    }
    .index-category-list .item .box{
        width: 100%;
    }
    .advantage-list .item{
        width: 100%;
        margin-top: 30px;
    }
    .other-category .item{
        width: 100%;
    }
    .other-category{
        flex-direction: column;
    }
    .other-category .item:last-child{
        margin-top: 10px;
    }
    .footer-left{
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer-nav{
        display: none;
    }
    .copyright{
        flex-direction: column;
        height: auto;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .feedback-box{
        border-radius: 10px;
    }
    .about-box1{
        flex-direction: column;
    }
    .about-box1 .left{
        width:100%;
        padding: 0;
        margin-top: 50px;
    }
    .about-zone2 .shuzi-main{
        background: #F4F7FE;
    }
    .about-main3{
        flex-direction: column;
    }
    .about-main3 .left{
        width:100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .about-main3 .left .title{
        max-width: 100%;
        text-align: center;
    }
    .about-main3 .right{
        width:100%;
    }
    .history-swiper{
        height: 800px;
    }
    .culture-main{
        margin-top: 30px;
        flex-direction: column;
    }
    .culture-main .left{
        width:100%;
    }
    .culture-main .right{
        width:100%;
        margin-top: 20px;
    }
    .prolist .item{
        width:100%;
        margin-top: 30px;
        margin-right: 0;
        margin-left:0;
    }
    .prolist .item:last-child:nth-child(4n - 1){
        margin-right:0;
    }
    .detail-main1{
        flex-direction: column;
    }
    .detail-main1 .left{
        width:100%;
    }
    .detail-main1 .right{
        width:100%;
        margin-top: 30px;
    }
    .detail-main1 .detail-links a{
        height:40px;
        line-height: 40px;
    }
    .detail-main1 .detail-title{
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .detail-main2{
        flex-direction: column;
    }
    .detail-main2 .left-wrap{
        width:100%;
    }
    .detail-main2 .right-wrap{
        width:100%;
    }
    .detail-main2 .content strong{
        font-size: 14px!important;
    }
    #parameters table tr td{
        width:100%!important;
    }
    .app-item a{
        flex-direction: column;
    }
    .detail-app-list .app-item .pic{
        width:100%;
    }
    .app-item .info{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #detail-nav{
        display: none;
    }
    .detail-main2 .right-wrap{
        margin-top: 0;
    }
    .service-box .contact-btn{
        height: 45px;
        line-height: 45px;
    }
    .about-box1 .right{
        width:100%;
        padding: 0;
        margin-top: 30px;
    }
    .related-list{
        flex-direction: column;
        margin-top: 0;
    }
    .message .item{
        width:100%;
    }
    .message .itext, .message .iselect,.message .ibtn{
        height: 45px;
        line-height: 45px;
    }
    .message .icontent{
        height: 200px;
    }
    .feedback{
        padding-left: 0;
        padding-right: 0;
    }
    .contact-information-zone{
        padding-top: 0;
    }
    .contact-information .item{
        padding-top: 50px;
    }
    .contact-information .item{
        margin-top: 80px;
    }
    .related-list .item{
        width:100%;
        margin-top: 30px;
        text-align: center;
    }
    .sub-category-box{
        flex-wrap: wrap;
    }
    .sub-category-box li{
        width: 50%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .sub-category-box li:first-child{
        border-left: 1px solid #fff;
    }
    .application-list .item{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .application-list .item a{
        flex-direction: column;
    }
    .application-list .item .pic{
        width: 100%;
        margin-bottom: 20px;
    }
    .application-list .item .info{
        padding-left: 0;
    }
    .feedback{
        flex-direction: column;
        margin-top: 30px;
    }
    .feedback .item-half{
        width: 100%;
    }
    .feedback .item-content .zhong, .feedback .item-content .xia, .feedback .item-btn{
        padding-left: 0;
    }
    .feedback .ibtn{
        width: 100%;
    }
    .contact-info-zone{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .detail-prev .iconfont, .detail-next .iconfont{
        font-size: 30px;
    }
    .related-products{
        flex-direction: column;
    }
    .related-products .item{
        width: 100%;
        margin-top: 20px;
    }
    .related-products .item:first-child{
        margin-top: 0;
    }
    .newslist{
        margin-top: 30px;
    }
    .newslist .item a{
        flex-direction: column;
    }
    .newslist .pic{
        width: 100%;
        margin-bottom: 20px;
    }
    .newslist .info{
        padding-left: 0;
    }
    .box-a{
        flex-direction: column;
    }
    .box-a .zuo{
        padding-right: 0;
    }
    .box-a .you{
        width: 100%;
        margin-top: 20px;
    }
    .level1{
        padding-top: 10px;
        flex-direction: column;
    }
    .level1 .item{
        margin-top: 20px;
        width: 100%;
    }
    .box-b{
        flex-direction: column;
    }
    .box-b .info{
        padding-right: 0;
    }
    .box-b .pic{
        width: 100%;
        margin-top: 20px;
    }
    .switch-tab .bd2{
        margin-top: 30px;
    }
    .detail-content{
        padding-top: 10px;
    }
    .box-c{
        flex-direction: column;
    }
    .box-c .item{
        width: 100%;
        margin-top: 20px;
    }
    .box-c .item:first-child{
        margin-top: 0;
    }
    .service-list .item{
        width: 48%;
    }
    .box-f{
        flex-direction: column;
    }
    .box-f .pic{
        width: 100%;
        margin-bottom: 20px;
    }
    .box-f .info{
        padding-left: 0;
    }
    .service-download-list .item{
        width: 48%;
    }
}

.cx-prolidt{margin-top: 5rem;}
.cx-prolidt::-webkit-scrollbar{height:5px}
.cx-prolidt::-webkit-scrollbar-thumb{background:#888;border-radius:10px}
.cx-prolidt table{border-collapse:collapse;width:100%;overflow:auto}
.cx-prolidt table td,.cx-prolidt table th{font-size:1.5rem;text-align:center;white-space:nowrap}
.cx-prolidt table thead tr{background-color:#033C99}
.cx-prolidt table tbody tr:nth-child(2n){background-color:#f7f7f7}
.cx-prolidt table th{font-weight:500;color:#fff;padding:2.1rem .7rem 1.6rem}
.cx-prolidt table td{padding:.7rem 1rem .1rem}
.cx-prolidt table td img{width:4.7rem;height:4.7rem}
.cx-prolidt table td a[download]{width:2.1rem;height:2.1rem;display:inline-block;content:'';background:url(../images/icon-download2.svg) no-repeat center/contain;transition:all .3s;overflow:hidden;text-indent:-999px}
.cx-prolidt table td a[download]:hover{transform:scale(1.1)}
.cx-prolidt nav.navigation{margin-top:4rem}
.page_applications{padding-top:5.1rem}
.cx-prolidt table tr{position:relative}
.cx-prolidt table tr::before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;transition:all .3s;box-sizing:border-box;border:2px solid #033C99;pointer-events:none;opacity:0}
.cx-prolidt table tbody tr:hover::before{opacity:1}
.cx-prolidt table a[pd]{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden}
.cx-prolidt table td{cursor:pointer}
.cx-prolidt table td[pdf]{cursor:default}

/* Product Description Section */
.cx-product-description{
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 8rem;
    overflow: visible;
}
.cx-product-description-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6rem;
    position: relative;
}
.cx-product-image{
    width: 38%;
    flex-shrink: 0;
    position: relative;
    align-self: center;
}
.cx-product-display{
    position: relative;
    width: 100%;
    padding-top: 75%;
}
.cx-display-screen{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    overflow: hidden;
    z-index: 2;
}
.cx-display-screen::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 8px solid #fff;
    border-radius: 15px;
    box-sizing: border-box;
    z-index: 1;
}
.cx-screen-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cx-back-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}
.cx-product-content{
    flex-grow: 1;
    width: 58%;
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
}
.cx-product-label{
    font-size: clamp(12px, 0.833vw, 16px);
    color: #666;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 2rem;
}
.cx-product-label::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1px;
    background: #666;
    border-top: 1px dashed #666;
}
.cx-product-title{
    font-size: clamp(24px, 2.5vw, 48px);
    font-weight: 600;
    color: #333;
    margin-bottom: 3rem;
    line-height: 1.3;
    font-family: 'Poppins-Bold', Arial, sans-serif;
}
.cx-product-text{
    flex-grow: 1;
}
.cx-product-text p{
    font-size: clamp(14px, 1.041vw, 20px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 2rem;
}
.cx-product-text p:last-child{
    margin-bottom: 0;
}
.cx-product-inquiry{
    margin-top: 4rem;
    text-align: left;
}
.cx-inquiry-btn{
    display: inline-block;
    background-color: #033C99;
    color: #fff;
    padding: 1.5rem 4rem;
    border-radius: 8px;
    font-size: clamp(14px, 1.041vw, 18px);
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    padding-right: 5rem;
}
.cx-inquiry-btn::after{
    content: '';
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #2aae67;
    border-radius: 50%;
}
.cx-inquiry-btn:hover{
    background-color: #0454D9;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(3, 60, 153, 0.3);
    color: #fff;
}

@media (max-width: 1630px) {
    .cx-product-description-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .cx-product-description{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .cx-product-description-wrapper{
        flex-direction: column;
        gap: 3rem;
    }
    .cx-product-image{
        width: 100%;
    }
    .cx-product-content{
        width: 100%;
    }

}

@media (max-width: 600px) {
    .cx-product-description{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .cx-display-screen{
        transform: none;
    }

    .cx-inquiry-btn{
        width: 100%;
        padding: 1.2rem 2rem;
        padding-right: 3rem;
    }
}