﻿
/*初始化网页元素（外、内边距）*/
*{margin: 0;padding: 0;box-sizing: border-box;}

/*去掉超链接下划线css*/
.text-decoration-none{}
.text-decoration-none a{text-decoration: none !important;}
.text-decoration-none a:hover{text-decoration:underline}

/****************************************/
.body_p {top: 0px;left:0px;}

/*top nav*/
.main-menu {position: fixed;/* 设置导航栏位置固定 */left:0;top:0;background-color:#033052;height:60px;width:100%; text-align: center; z-index:1000}
.menu-mi {height:60px; top:0px; display:flex; justify-content:center;/* 在主轴上居中对齐子项目 */ }
.menu-list {cursor: pointer; position:absolute; margin-top:17px;}
.navBgcolor {position: fixed; background:linear-gradient(to left, #71a8e4, #033052 ); text-align: center;  /* 从左到右的水平渐变 #0080FF , #8fc3fb*/}

/******语言切换 CSS*****************/
/*小屏*/
.s-menu {position: fixed;/* 设置导航栏位置固定 */left:0;top:0;background-color:#033052;height:60px;width:100%; text-align: center; z-index:1000;
         height:60px; top:0px; display:flex; justify-content:center;/* 在主轴上居中对齐子项目 */ background:linear-gradient(to left, #71a8e4, #033052 ); }
.s-logoBox {cursor:pointer; position:absolute; width: 120px; left:20px; top:13px;} /*img box*/
.s-logoBox img {width:90px;height:35px;}

.s-langBox {cursor:pointer; position:absolute; right:70px; width:120px; top:17px;  display:flex;justify-content:center; /* 在主轴上居中对齐子项目 */ }
.s-langIcon {cursor:pointer; position:relative;left:0; width:25px;}
.s-langIcon img {cursor:pointer; position:absolute; width:23px; height:23px; margin:3px auto auto 0;}
.s-langText {cursor:pointer; position:relative; left:10px;font-size:14px; margin:auto auto auto 0;}

/*PC屏*/
.logoBox {cursor:pointer; position:absolute; width: 55px; left:5%; top:13px;}
.logoBox img {width:90px;height:35px;}

.langBox {cursor:pointer; position:absolute; right:5%; width:120px; top:17px;  display:flex; justify-content: center; /* 在主轴上居中对齐子项目 */ }
.langIcon {cursor: pointer;position: relative;left:0; width:25px;}
.langIcon img {cursor:pointer; position:absolute; width:23px; height:23px; margin:3px auto auto 0;}
.langText {cursor:pointer; position:relative; left:10px;font-size:14px; margin:auto auto auto 0;}

/*PC,min public*/
.selects {width:82px;border-radius: 4px; color:#0555a5;margin:3px;}
.selects-option {color:#a11cf9;}
.lang-dorpdown {}
.lang-dorpdown-select {display: none;position: absolute;background-color: white;height:auto;width:81px;
                       box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2);-moz-border-radius:0px 0px 4px 4px;border-radius:0px 0px 3px 3px;
                       text-align:left;margin:auto auto auto 3.5px;margin-top:-2px;padding:5px 0 5px 0;}
.lang-dorpdown-select button {background-color:transparent;border:none;color:#b472fe}
.lang-dorpdown-select button:hover{color:#c86831;}
#langSel:hover {display: block; /* 当鼠标悬停时显示 */}
.lang-dorpdown-select ul {list-style-type: none; /* Remove dots */}
.lang-dorpdown-select a {color:#c86831;}
.lang-dorpdown-select a:hover {color:#a11cf9;text-decoration: none; /*去下划线*/}
.lang-dorpdown:hover .lang-dorpdown-select {display:block;position: fixed; font-size:14px;line-height:1.5;}
/******语言切换 CSS*****************/

.menu-arrow {
}

/************************************************************************/
/*导航分类*/
.dropdown { position: relative;display: inline-block;top: 0px;height:auto;margin:3px;}
.dropdown a:hover {color:#e9eaee; }
.dropbtn { color:white;font-size:16px;font-family:'Arial Rounded MT';font-weight:bolder;border:none;cursor:pointer; width:auto; margin:auto 15px auto 15px;background-color:transparent; transition: background-color 0.5s;}
.dropbtn a {text-decoration: none;/* 取消下划线 */color: inherit;/* 保持原有字体颜色 */ border-bottom: 2px solid transparent; /* 透明底标边框 */transition: border-color 0.3s; /* 边框颜色过渡效果 */padding:0 0 13px 0;}
.dropdown:hover .dropbtn a {/*导航栏分类鼠标悬停状态*/border-color: #bfc6fe;}   /*超链接样式*/
/*导航下拉菜单*/
.dropdown-content {display:none; position:fixed;padding-top:10px;padding-bottom:10px;text-align:center;left:0;margin:-5px auto auto auto;border-top: 2px solid #b1b2b4;width:0%;background-color:transparent; transition-property:none;transition-duration: 1s;}
.dropdown-content a { color:#033052;font-weight:bold; font-size:17px;font-family: Arial;padding:0px 0px;text-decoration:none;display:block;text-align:center;clear:both;} /*下拉菜单字体、内容*/
.dropdown-content a:hover { background-color: RGBA(255, 255, 255, 0);color:#0080FF;font-size:17px; font-family:Arial; font-weight:bold; } /*导航下拉菜单鼠标悬停状态*/
.dropdown:hover .dropdown-content {display:flex; width:100%;height:auto;background-color:#f1f2f5;  } /*悬停时显示下拉选项*/
.dropdownList-div {width:1200px; height:auto;margin:auto auto auto 28%; padding-left:0px;text-align:center;background-color:transparent;}
.dropdownList-div ul{padding-left:5%;list-style-type: none; /* Remove dots */}
.dropdownList-div a{text-align: left;line-height:2.5;}
/************************************************************************/

/*顶部导航菜单小箭头****************/
.level_one { cursor: pointer; /*当鼠标进入时,光标为手型*/ }/*一级菜单*/
.level_one a{float: left;} /*向左浮动*/
.right_blank { padding:0 10px 0 0}  /*右占位*/
.level_one img { display:block; /*将行内元素转换为块级元素*/ width: 7px; margin-top: 9.5px; margin-left: 7px; float: left; /*向左浮动*/}/*箭头图标*/
.level_one:hover img {transition: 0.1s; transform: scaleY(-1);/*旋转180如果是正的则代表逆时针旋转负的代表顺时针旋转*/ /*垂直翻转*/ /*transform:rotate(-180deg);逆时针转*/ }/*当鼠标移入一级菜单时,箭头的样式*/

@media screen and (max-width: 1400px) {
    .dropbtn { background-color:transparent;color:white;font-size:16px;font-family:'Arial Rounded MT';font-weight:bolder;border:none;cursor:pointer; width:auto; margin:auto 8px auto 8px; }
    .dropbtn-en { background-color:transparent;color:white;font-size:16px;font-family:'Arial Rounded MT';font-weight:bolder;border:none;cursor:pointer;width:auto; margin:auto 0px auto 0px;}
}

/******Banner CSS*****************/
.bar {position:absolute; width:100%; height:300px; top:55px; left:0; transform:translate(0，0); max-width:100%;}
.img { width:100%; height:300px;}
.content { background-color:#fbf1e4; width:100%; margin:auto;}

/*页脚内容DIV*/
.footer {height: 70px;width: 100%;background-color: #4cc971;margin: auto; }

/* 返回顶部按钮css */
.gotop { display:none; position: fixed;right: 0; bottom: 6rem; width: 40px; height: 40px; background-color: rgba(63, 63, 64, 0.90); z-index: 1000;cursor: pointer;
            background-repeat: no-repeat; /* 不重复平铺背景图片 */
            background-size: cover; /* 调整背景图片大小以完全覆盖容器 */
            background-position: center center; /* 将背景图片水平和垂直居中显示 */
            background-size:24px;
         border-radius:50% 50% 50% 50%;}
.gotop img { width:30px; height: 30px; display:block; margin:3px auto auto auto; }
.gotop:hover #topImg{ display:none;  }
.gotop:hover #txt {display:block;}
.gotop::after #topImg {display:block; }
.gotop::after #txt {display:none;}
.show-txt {display:none;text-align:center center;color:rgba(243, 243, 245, 0.8); font-size:12px;line-height:13px; padding:7px 0 0 8px;}





