@charset "utf-8";
/*中文版*/

/*-------------------------
公共样式表
包括了头部、底部、菜单、广告、在线客服、边栏等功能
编辑：20230318，黄灿平
--------------------------*/

/* CSS Document */
*{ margin:0; padding:0;}
body{ font:normal 14px/20px "微软雅黑";}
img { vertical-align:middle; border:none; display:inline-block; }
ul, ol ,ul, li,dl,dt,dd{ list-style:none; }
a {text-decoration:none; color:#454545; vertical-align:baseline; transition:all 0.3s linear;}
a:hover { text-decoration:none; color:#000; }
/*chrome滚动条*/
::-webkit-scrollbar-track-piece{-webkit-border-radius:0; background:none;}
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px; outline-offset:-2px; height:50px; background-color:rgba(31,29,29,0.6);}
::-webkit-scrollbar-thumb:hover{-webkit-border-radius:4px; height:50px; background-color:rgba(31,29,29,1);}
.clear::after{ content:""; display:block; clear:both; overflow:hidden; width:0; height:0;}

/*-------------------------
头部
编辑：20250707，黄灿平
--------------------------*/
#header{ position:relative; padding:0 72px; height:88px; border-bottom:1px solid #f0f0f0; background:#fff;}
/*-----从上往下导航栏动画-----*/
#header.active{
position:fixed;
top:0;
left:0;
 z-index:99;
 width:100%;
box-sizing: border-box;
  opacity: 0; /* 初始完全透明 */
  transform: translateY(-60px); /* 初始位置：向上偏移30px */
  animation: fadeInDown 0.4s ease-out forwards; /* 动画名称、时长、缓动函数、保持最终状态 */
}
/* 关键帧动画 */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#header .logo{ display:block; float:left; width:385px; padding:20px 0;}
#header .logo img{ width:52%; height:auto;}
#header:after{clear:both; content:""; display:table;}
/*-------------------------
菜单导航
编辑：20250707，黄灿平
--------------------------*/
/* 导航栏样式 */
.navbar { display:block; float:right; padding-top:20px; max-width: 1200px;}
.main-menu {
    display: flex;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.menu-item {
    position: relative;
}
.menu-item > a {
    display: block;
    color: #2c3e50;
    text-decoration: none;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
}
.menu-item > a:hover {
    color: #e72118;
}
.menu-item.hover > a,
.menu-item.active > a,
.menu-item.active > a:hover {
    color: #e72118;
}
/* 二级菜单样式 */
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    list-style: none;
    width: 210px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    font-weight:500;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 100;
    margin: 0;
    padding: 0;
}
.menu-item.active .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.submenu-item {
    position: relative;
    overflow: hidden;
}
.submenu-item a {
    display: block;
    padding: 12px 20px;
    color: #2c3e50;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    position: relative;
}
.submenu-item a:hover {
    background-color: #f8f9fa;
    color: #e74c3c;
}
/* 动画线条效果 */
.submenu-item a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #e74c3c;
    transition: width 0.3s ease;
}
.submenu-item a:hover::after {
    width: 100%;
}

/* 子菜单动画效果 */
.submenu.submenu-fade-in {
    opacity: 1;
    transform: translateY(0);
}
/*-------------------------
多版本语言切换
编辑：20250708，黄灿平
--------------------------*/
.language-switcher {
    position: absolute; right:96px; top:0;
    font-family: Arial, sans-serif;
}
.current-language {
    padding: 2px 15px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius:0 0 4px 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background 0.3s;
}
.current-language:hover {
    background: #e9e9e9;
}
.dropdown-arrow {
    margin-left: 10px;
    font-size: 10px;
    transition: transform 0.3s;
}
.language-switcher.active .dropdown-arrow {
    transform: rotate(180deg);
}
.language-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    list-style: none;
    padding: 0;
    /*margin: 5px 0 0 0;*/
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    display: none;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}
.language-list li {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s;
}
.language-list li:hover {
    background: #f5f5f5;
}
.language-list li.active {
    background: #e9e9e9;
    font-weight: bold;
}
/*各国旗帜*/
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}
.flag-icon {
    margin-right: 8px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
.flag-icon:before {
    content: '\00a0'
}
.flag-icon.flag-icon-squared {
    width: 1em
}
.flag-icon-cn { background-image: url(../img/public/flag/cn.svg);}/*中文版*/
.flag-icon-us { background-image: url(../img/public/flag/us.svg);}/*英文版*/
.flag-icon-ru { background-image: url(../img/public/flag/ru.svg);}/*俄文版*/
.flag-icon-vn { background-image: url(../img/public/flag/vn.svg);}/*越文版*/

/*-------------------------
底部内容
编辑：20250724，黄灿平
--------------------------*/
.footer{
    width:100%;
    padding:50px 100px 60px 100px;
    box-sizing: border-box;
    background:url(../img/index/map_transparent_white.png) center #27261f no-repeat; background-size:contain;
    /* Flex布局设置 */
    display: flex;
    justify-content: space-between; /* 两端对齐，中间均匀分布 */
    /*gap: 5px;     */
}
.footer>div, .footer>dl{ 
    width: calc(100% / 3); /* 严格三等分 */
}
/*-----关于张力-----*/
.fText{ text-align:left; color:#fff;}
.fText:before{ content:""; display:block; width:100px; height:100px; background:url(../img/public/logo3.png) center top no-repeat; background-size:contain; opacity:0.5;}
.fText h3{ display:block; padding:20px 0; font-size:26px;}
.fText p span{ display:block; line-height:30px; font-size:16px; color:#f8f8f8;}
/*-----全球业务覆盖-----*/
.fMap{}
.fMap dt{ margin-bottom:30px; color:#fff; font-size:24px; font-weight:700; text-align:center;}
.fMap dt:after{ content:""; display:block; width:50px; height:2px; margin:10px auto 15px auto; background:#fff;}
.fMap dd{ height:180px; background:url(../img/public/Rajratna-Map-1-300x180.png) center center no-repeat; background-size:contain;}
/*-----栏目导航-----*/
.fMenu{ padding-left:20%; box-sizing: border-box;}
.fMenu dt{ margin-bottom:30px; color:#fff; font-size:24px; font-weight:700;}
.fMenu dt:after{ content:""; display:block; width:50px; height:2px; margin-top:10px; margin-bottom:15px; margin-left:20px; background:#fff;}
.fMenu dd{ padding:10px 0; color:#bdbdbd; font-size:18px; font-weight:500;}
.fMenu dd a{ color:#bdbdbd; transition: all 0.3s linear;}
.fMenu dd a:hover{ color:#ffffff;}

/*-------------------------
其它
编辑：20250730，黄灿平
--------------------------*/
/*-----返回顶部-----*/
.toTop{ display:block; width:48px; height:48px; line-height:48px; background:#fff; cursor:pointer;
    position:fixed; z-index:99; bottom:24px; right:24px;
    transition: all 300ms ease-out;
    box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08);
}
.toTop:before{display:block; width:24px; height:30px; margin:9px auto 0 auto; content:""; background-image:url(../img/public/toTop.svg); background-size:contain;}
.toTop:hover{ background:#333333;}
.toTop:hover::before{ background-image:url(../img/public/toTop2.svg);}