*{padding: 0; margin: 0; font-family:"微软雅黑"; text-decoration: none; list-style-type: none;}

.app{
    min-width: 1480px;
}
a{color: rgba(128, 128, 128, 1);}
a:hover{ color: #044494;}
.head{width: 100%; background-color: #fff; padding: 10px 0;}
.head_m{width: 100%; background-color: #fff; padding: 5px 0;}

.warp{width: 1480px; margin: 0 auto;}
.warp_1280{width: 1280px; margin: 0 auto;}
.flex{ display: flex;}
.logo{width: 180px;}
.logo img{width: 100%;}
.logo_m {width: 120px;}
.logo_m img{width: 100%;}

.lang{margin-top: 32px; margin-left: 30px;font-weight: 540;}

.menu {padding: 0 10px; margin:0 auto; margin-top: 30px; display: inline-block; }
.menu a{text-decoration: none; padding:0 5px 20px 5px; width: auto; margin:0 10px; float: left; text-align: center;font-weight: 540}
.menu a:hover{ border-bottom: 3px solid  #044494; color: #044494;}
.menu .active{border-bottom: 3px solid  #044494; color: #044494;}

.menus-item {
    font-size: 17px;
    text-align: center;
}

.search{margin-top: 32px; border: 1px solid #ccc; height: 25px; border-radius: 20px; overflow: hidden; padding: 0 10px;}
.input{border: 0; height: 25px;}

.footer{width: 100%; background-color: #002063; padding-top: 70px; font-size: 14px; color:#fff;}

.footer a{color: #fff;}
.footer .link{width: 100%; border-bottom: 1px solid  rgba(43, 160, 232, 1); padding-bottom: 20px;}

.footer_left{width: 20%; margin-top: 20px;}
.footer_left_link{max-width: 1000px; margin-top: 20px;}
.footer_right{ width:15%; float:right;}
.footer_logo{width:30%;}
.footer_logo img{width:100%;}
.contact{ padding-left:30px; vertical-align: top;}

.about_link{margin-left:50px;display: inline-block;vertical-align: top}
.about_link_en{margin-left:20px;display: inline-block;vertical-align: top}

.about_link_title{font-size: 16px; font-weight: bold; border-bottom:1px solid #fff; padding-bottom:10px;display: inline-block}
.about_link ul{list-style-type: none; margin-top: 10px;}
.about_link_en ul{list-style-type: none; margin-top: 10px;}
.about_link ul li{line-height: 25px;}
.about_link_en ul li{line-height: 25px;}

.copyright{width: 100%; line-height: 55px; margin-top: 100px;}

.base_width{width: 100%;}
.title{width: 33.3%; margin: 0 auto; text-align: center; padding-bottom: 20px; position: relative;}
.title_dot{width: 10px; height: 10px; position: absolute; left:48.8%; background-color: rgba(43, 160, 232, 1); bottom:-6px;}
.title h3{width: 100%; text-align: center;}
.title span{width: 100%; text-align: center; margin-top: 10px; color: #ccc;}

.product_category{margin: 0 auto; margin-top: 30px; display: inline-block;}
.product_category a{width: 240px;  border: 1px solid #004098; color:#004098; padding: 90px 0px; margin: 0 10px; text-align: center; float: left;}

.about{width: 100%; height: 800px; margin-top: 60px; position:relative;}
.about_detail{width: 210px;  height: 380px; position:absolute; right:10%; top: 30px;}
.about_text{ width: 100%; right:20px; color: #fff; margin-top: 70px;}

.news{margin-top: 40px; width: 100%; display: inline-block;}
.news li{ width: 18%; background-color: #fff; margin-top: 5px; margin-right:32px; float: left; height:400px; overflow:hidden;}
.news li:last-child{margin-right:0;}
.news_img{width: 100%; height: 200px;}
.news_right{padding:10px 15px;margin: 10px auto;}
.news li img{width: 100%; height: 200px;}

.product_list{margin-top: 30px; width: 100%; display: inline-block;}
.product_list li{width: 30%; padding: 10px; margin: 5px; float: left; height: 500px;}
.product_list .product_img{height: 300px; overflow: hidden;}
.product_list li img{width: 100%; height: 100%;}

.activities{height: 560px; position: relative;}
.activities_text{width: 400px; background-color: #1148a2; height: 440px; position: relative; top: 130px; opacity: .7; z-index: 999; padding: 20px; color: #fff;}
.more{text-align: center; margin-top: 40px;}
.more_icon{
    display: inline-block;
    background-color: #727171;
    color: white;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.more_text{
    position: relative; top: -4px;font-size: 18px;
}

.title_span_en{
    font-size: 19px;
    color: black;
    font-weight: 600;
    height: 42px;display: inline-block;width: auto;margin-top: 0px;vertical-align: middle;
}

.title_span_zh{
    font-size: 29px;color: black;font-weight: 600
}

.activities_slide{position: absolute; top: 30px; left: 300px;}
.activities_slide_main{height: 400px; width: 80%; overflow: hidden;}
.activities_slide_main img{width: 100%;}
.activities_slide_list{margin-top: 20px;  margin-left: 120px;}
.activities_slide_list ul{display: flex;;}
.activities_slide_list ul li{width: 33%; margin-right: 1%; height: 120px; overflow: hidden;}
.activities_slide_list ul li img{width: 100%;}

.vertical-text {
    writing-mode: vertical-rl; /* 文字从上到下，从右到左 */
    transform: rotate(180deg); /* 修正文字方向，确保从上到下顺序 */
    color: #ccc;
    font-size: 36px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.activities_slide_arrow{position: absolute; right: 0; top: 395px;}
.activities_slide_arrow ul{ display: flex;}
.activities_slide_arrow ul li{width: 80px; text-align: center; border: 1px solid #ccc; line-height: 35px; margin-right: 10px; background-color: #fff; cursor: pointer;}
.activities_slide_arrow ul li:hover{background-color: #1148a2; color: #fff;}

.banner{height: 450px; overflow: hidden;}

.left_menu{width: 25%; float: left;}
.right_main{width: 70%; float: left; margin-left: 20px;}

.indexes{width: 100%;}
.indexes li{ width:32px; height:32px; line-height:36px; text-align:center; margin-right:10px; cursor:pointer; border-radius:50%;}
.indexes li:hover img {
    transform: scale(1.2); /* 放大 1.2 倍 */
}
.index_active img {
    transform: scale(1.2); /* 放大 1.2 倍 */
}

:focus-visible {
    outline: none;
}

.pagination{

}
.pagination li{padding: 5px;}

.pagination {
    margin-top: 20px;
    text-align: center;
    display:flex;
    width:auto !important;
    justify-content: center;

}

.pagination a, .pagination span {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    color: #cc6698;
}

.pagination a:hover {
    background-color:  #cc6698;
    color: #ddd;
}

.pagination .active span{
    background-color:  #cc6698;
    color: #ddd;
}