@font-face {
    font-family: 'Inter-VariableFont';
    src: url('../fonts/Inter-VariableFont_opsz,wght.ttf');
}

/*-----------------[初始化]--------------*/
*{margin: 0px;padding: 0px;}
body{color: #131313;font-size: 14px;font-family:"Microsoft YaHei","微软雅黑";margin: 0;padding: 0;}
ul {margin-bottom: 0px;}
li {list-style: none;}
a{ color:#333333;text-decoration: none;}
.top{ height:120px; background: #083C75;}
.wp{ width:1200px; margin:0 auto;}
.header .top .wp .logo{ width:287.72px; padding-top:37px; float:left;}
.header .top .wp .logo img{ width:100%;}
.toplink{ float:right; padding-top:20px;}
.toplink a{ color:#FFFFFF; margin-right:12px;}
.toplink a:hover{ color:#E7E7E7}
.toplink span::before{content: "";display: inline-block; width:1px; height:10px;background-color:#FFFFFF;vertical-align: middle;}
.toplink .en::before{content: '';display: inline-block;width: 12px;height: 12px;background-repeat: no-repeat;background-position: center center;background-size: contain;background-image: url("../images/international.svg"); vertical-align: middle;margin-right: 10px; margin-left:10px;}
.toplink .email::before{content: '';display: inline-block;width: 12px;height: 12px;background-repeat: no-repeat;background-position: center center;background-size: contain;background-image: url("../images/email.svg"); vertical-align: middle;margin-right: 12px; }

.header .nav{ background:#063262; position:relative;}
/*导航*/		
.dropdownmenu ul, .dropdownmenu li {
	margin: 0;
	padding: 0;
}
.dropdownmenu ul {
	background: gray;
	list-style: none;
	width: 100%;
}
.dropdownmenu li {
	float: left;
	position: relative;
	width:auto;
}

.dropdownmenu a { 
	font-size:18px; 
	color:#FFFFFF;
	letter-spacing: 0;
	font-weight: 700;
	display: block;
	padding: 25px 20px;
	
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.dropdownmenu>ul>li>a.on::after{
  content: ''; /* 必须设置content属性 */
  position: absolute;
  left: 50%;
  margin-left:-60px;
  bottom: 0; /* 定位到底部 */
  width: 120px; /* 与容器宽度相同 */
  height: 4px; /* 横线的高度 */
  background-color: #D6001C; /* 横线的颜色 */
 }
.dropdownmenu>ul>li:hover >a::after {
  content: ''; /* 必须设置content属性 */
  position: absolute;
  left: 50%;
  margin-left:-60px;
  bottom: 0; /* 定位到底部 */
  width: 120px; /* 与容器宽度相同 */
  height: 4px; /* 横线的高度 */
  background-color: #D6001C; /* 横线的颜色 */
}

.dropdownmenu a.a1{ padding-left:48px; padding-right:48px;}
.dropdownmenu a.a2{ padding-left:22px; padding-right:21px;}
.dropdownmenu a.a3{ padding-left:16px; padding-right:16px;}

.dropdownmenu li:hover a {
	
}
#submenu {
	width:120px;
	opacity: 0;
	position: absolute;
	top: 74px;
	visibility: hidden;
	z-index: 99; left:50%; margin-left:-60px;
}

li:hover ul#submenu {
	opacity: 1;
	top: 74px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	 
}
#submenu li {
	float: none;
	width: 100%;
}
#submenu a:hover {
	background: #063262; color:#fff;
}
#submenu a {
	background-color:#fff; 
	font-size:14px;
	color: #4C4C52; 
	padding:0;
	letter-spacing: 0;
	font-weight: 400; 
	text-align:left; 
	height:38px; line-height:38px; padding-left:10px;
	
}		
.ri-arrow-drop-down-line{ width:10px; height:6px;display: inline-block;background-image: url("../images/arrow-drop-down.png"); margin-left:10px;vertical-align: middle;}

.clear{ clear:both;}

.mt70{ padding-top:70px;}
.mt40{ margin-top:40px;}
.btit{ text-align:center;font-size: 46px;color: #333333;letter-spacing: 0;font-weight: 400;}
.stit{text-align:center; padding-top:16px; font-size: 18px;color:#64646D;letter-spacing: 0;line-height: 32px;font-weight: 400;}
.white{ color:#FFFFFF;}
.bule{color: #083C75;}

/*内页banner*/
.ibanner{ position:relative; height:500px;}	
.ibanner .btm{ position:absolute; left:0; right:0;bottom:0;height:315px;background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(0,0,0,0.30) 41%, #000000 100%);}
.banner-tit{font-size: 46px;color: #FFFFFF;letter-spacing: 0;line-height: 46px;text-shadow: 0 2px 4px rgba(0,0,0,0.20);		font-weight: 400;}
.location{font-size: 14px;color: #FFFFFF; margin-top:12px;}		
.location a{font-family: MicrosoftYaHei;font-size: 14px;color: #FFFFFF;letter-spacing: 0;font-weight: 400;}
.location a:hover{ color:#D6001C;}
.ibanner .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 6000mslinear;
    -moz-transition: all 6000ms linear;
    -ms-transition: all 6000ms linear;
    -o-transition: all 6000ms linear;
    transition: all 6000mslinear;
}	
/*内页导航*/
.inner-nav{background: #FFFFFF;box-shadow: 0px 6px 4px 0px rgba(238,238,238,0.3);}
.sub-nav{display: -webkit-flex; /* Safari */ display: flex;}
.sub-nav li a{ display:block; padding:23px 32px 22px 32px; font-size: 14px;color: #4C4C52;letter-spacing: 0;font-weight: 400;}
.sub-nav li a:hover{ color:#083C75 }
.sub-nav li a.on{ color:#FFF; background: #083C75;}



/*底部*/
.footer-wrap{ position:relative; background:#083C75;}
.footer-wrap .f1 ul{ margin-bottom:82px;}
.footer-wrap .f1 ul li{ width:400px; float:left; margin-top:82px;}
.footer-wrap .topline{ border-top:rgba(255,255,255,0.20) solid 1px;}
.footer-wrap .copyright{ line-height:77px;text-align:center;font-size: 14px;color: #FFFFFF;letter-spacing: 0;font-weight: 400;}
.footer-logo{ margin-left:73px;}
.footer-logo img{ width:222px; height:64px;}
.footer-wrap .f1 .finfo1{font-size: 12px;color: #FFFFFF;letter-spacing: 0;line-height: 20px;font-weight: 400;}
.finter{ font-family: Inter-VariableFont;}
.fmy{font-family: Arial,"Microsoft YaHei"; margin-left:50px;}
.footer-wrap .f1 .fc1{ width:350px;}
.footer-wrap .f1 .fc2{ width:410px;}