@charset "utf-8";
/* CSS Document */
/**
 * 通用标签初始化
 */
html {margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section {
	margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {color:#3e3a39;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
img {border:0;vertical-align:bottom; -ms-interpolation-mode:bicubic;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#ccc;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*-webkit-box-shadow:0 4px 40px rgba(0,0,0,0.5);-moz-box-shadow:0 4px 40px rgba(0,0,0,0.5);box-shadow:0 4px 40px rgba(0,0,0,0.5);-webkit-border-radius:4px;*/
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}
textarea {overflow:auto;}
input:focus,textarea:focus,button:focus,select:focus {outline:none;}
input::-ms-clear {display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden],template {display:none;}
a {background:transparent; text-decoration:none; outline:none;}
a:active,a:hover {outline:0;}
a:focus {outline:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
mark {color:#000;background:#ff0;}
small {/*font-size:80%;*/}
sub,sup {position:relative;/*font-size:75%;*/line-height:0;vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre {overflow:auto;}
code,kbd,pre,samp {font-family:monospace, monospace;/*font-size:1em;*/}
button,input,optgroup,select,textarea {margin:0;font:inherit;}
button {overflow:visible;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}
input {line-height:normal;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend {padding:0;border:0;}
optgroup {font-weight:bold;}
table {border-spacing:0;border-collapse:collapse;}
td,th {padding:0;}
hr {clear:both;float:none;width:100%;height:1px;margin:10px 0;border:none;-moz-box-sizing:content-box;box-sizing:content-box;margin:0;}
blockquote {border:solid 1px #ddd;border-left-width:6px;padding:20px;border-radius:4px;}
blockquote strong {display:block;margin-bottom:10px;}
blockquote p:last-child {margin:0;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {filter:alpha(opacity=60); opacity:.6;}
q {quotes:none;}
q:before,q:after {content:'';content:none;}
ul,li {list-style:none;}
body{ background-color: #fff;}
a{color: inherit;}
.fl{ float:left;}
.fr{ float:right;}
.over{ overflow:hidden;}
.clear{ clear:both;}
.c{ clear:both;}
.full-width {width: 100%; margin: 0 auto;}
.width-1200 {width: 100%; margin:0 auto;}
.width-1200:after {content:""; display: block; width: 0;height: 0;clear: both;}
.width-1500 {max-width: 1330px;width: 95%; margin:0 auto;}
.width-1500:after {content:""; display: block; width: 0;height: 0;clear: both;}
.width-1400 {max-width: 1400px;width:94%; margin:0 auto;}
.width-1400:after {content:""; display: block; width: 0;height: 0;clear: both;}
.w1200{
    max-width: 1600px;
    width: 95%;
    margin: 0 auto;
}
.flexbox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexwidth{
	max-width: 1200px;
	width:94%;
	margin: 0 auto;
}


.menu_nav{height:35px;line-height:35px; text-align:center;float:left;padding-top: 20px;
   
    list-style: none; /* 移除默认列表样式 */
    }
.menu_nav li{height:35px;line-height:35px;  float:left; }
.menu_nav a{height:35px;line-height:35px;margin-left:35px; margin-right:35px; display:inline-table;font-weight: 200; font-size:14px;
    position: relative;
  display: inline-block;
  color: black;
  text-decoration: none; /* 确保没有默认下划线 */
}
.menu_nav a::after {
  content: '';
  position: absolute;
  width: 0; /* 初始宽度为0 */
  height: 2px; /* 下划线的高度 */
  background-color: #e03e52; /* 下划线的颜色 */
  left: 0;
  bottom: -2px; /* 根据需要调整位置 */
  transition: width 0.5s ease-out; /* 动画效果：宽度变化持续0.5秒，缓动效果 */
}
.menu_nav a:hover{color:#333;}
.menu_nav a:hover::after {
  width: 100%; /* 鼠标经过时宽度变为100% */
}


header{
	height: 80px;
	width: 100%; 

}
.header{
	margin: 0 auto;
	
	width: 100%;
}
.width-auto{
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.en_box{
	padding-top: 30px; float:right
}
.en_box img{height:15px; margin-right:30px;}


.header h1{
	padding-top: 20px; float:left; margin-right:100px; 
}
.header h1 img{height:35px}

.yy{ margin-left:20px; float:right}




.footerbb{
    margin: 0 auto;
	width: 100%;
	background-color: #e03e52;
	padding-top: 25px;
	padding-bottom: 20px;color:#fff
}

.link{
    
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	font-weight: 100;
	color: #19110b;
	font-size: 14px;padding-bottom: 0px;
border-top: 1px solid #eae8e4;line-height:30px;	
}
.olpad{height:auto;font-size: 12px;font-weight: 100;
	color: #19110b; margin-bottom:30px;}
.olpad img{margin-top:50px;}

.linkr{
	 max-width:1330px;
	width: 95%;
	margin: 0 auto;
	padding-top: 30px;
	font-weight: 100;
	color: #19110b;
	font-size: 12px;
	padding-bottom: 20px;
}
.linkr a{ margin-right:10px;}
.linkr a:hover{color:#000}



.footer{ max-width: 1000px;width: 95%; margin:0 auto;padding-top:20px; margin-bottom:20px}
.footer_logo{ text-align:center; margin-bottom:20px;}
.footer_logo img{height:40px;}
.foot_left{ }
.foot_left li{margin-bottom:0px; font-size:16px;list-style:none;width:17%; float:left; margin:0px 4% 0% 4%}
.foot_left li h2{ font-size:16px; display:block;line-height:45px; font-weight:bold}
.foot_left li a{ font-size:14px;color:#333;line-height:32px; display:block; font-weight:400}
.foot_left li a:hover{color:#e03e52}
.foot_right{ float:right;line-height:30px;}
.foot_right h2{ font-size:14px; display:block;line-height:40px; font-weight:400; padding-bottom:5px;}
.foot_right span{ font-size:24px; display:block; margin-bottom:20px;font-weight:550;}
.foot_right img{ display:block}
.foot_wx{height:238px;line-height:39px; padding-left:40px;background:url(../images/foot_wx_bg.png?100) no-repeat left top;}
.foot_wx li{
	
	font-size: 12px;
	line-height: 39px;
	font-weight: 200;
}
@media (max-width: 479px) {.foot_left {display:none}}







.bgers {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  overflow: hidden;

}

.bgers img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  position: relative;

  -webkit-animation: bgers 20s linear infinite;

          animation: bgers 20s linear infinite;

}
 
 @keyframes bgers {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }
 


 
<style type="text/css">
 @keyframes fade-in {  
  from { opacity: 0;transform: scale(1.1); }  
  to { opacity: 1; transform: scale(1); }  
   
}  
.ikmmsimg {  
  animation-name: fade-in;  
  animation-timeline: view();  
  animation-range: entry 0% cover 40%;  
  animation-fill-mode: both;  
}  
  
  
  .footerbb .foot_lm{height:60px;line-height:40px; text-align:center;color:#ffffff; font-size:16px}
   .footerbb .foot_lm a{color:#ffffff; font-size:16px; padding-left:25px; padding-right:25px;}
  
   .foot_lmtp{height:80px;line-height:60px; text-align:center;color:#fff; font-size:16px}
   .foot_lmtp a{color:#fff; font-size:16px; padding-left:25px; padding-right:25px;}
  .foot_con{width:94%;height:auto;margin: 0 auto;line-height:30px; text-align:center;color:#fff; font-size:14px}
  
  
  
  
  

/* 一级下拉菜单样式 */
.submenu {
  display: none; /* 默认隐藏 */
  position: absolute;
left:2.5%;
  background-color: #fff;
  border-top: 1px solid #eee;
  
  width: 95%;
  z-index: 999; /* 确保菜单在其他内容上层 */
  
}
.submenu li {
  margin: 0; /* 重置li默认边距 */height:55px;
  line-height: 55px; /* 调整菜单项行高，让点击区域舒适 */ clear: both;width: 100%;
}
.submenu a {
height:55px;
  line-height: 55px; /* 调整菜单项行高，让点击区域舒适 */
  padding: 0 0px; display:inherit;font-weight: 200; font-size:14px; text-align:left;margin-left:0px; margin-right:0px;
}

/* 二级下拉菜单（大型电器里的子菜单） */
.deep-submenu {

  left: 35%; /* 相对于父菜单右侧展开 */ 
display: none; /* 默认隐藏 */
  position: absolute;
top:0;
  background-color: #fff;

  min-width: 125px;
  z-index: 999000; /* 确保菜单在其他内容上层 */
  width:60%; padding-top:20px;
}

/* 鼠标悬浮触发下拉 */
.has-submenu:hover > .submenu {
  display: block;
}
.has-submenu:hover > .deep-submenu {
  display: block;
}
.pro01{width:35%; line-height: 50px; float:left;border-right: 1px solid #eee;}
.pro01 img{ margin-right:5px;vertical-align:middle;height:30px }
.pro01 a{border-right: 2px solid #fff;color:#000; padding-left:20%}
.pro01 a:hover{border-right: 2px solid #e03e52;color:#000;color:#333;border-bottom: 1px solid #e0e9f6;}
.pro01 a:hover::after {
  width: 0%; /* 鼠标经过时宽度变为100% */
}

.hover-underline {
  position: relative;
  display: inline-block;
  color: black;
  text-decoration: none; /* 确保没有默认下划线 */
}
 
.hover-underline::after {
  content: '';
  position: absolute;
  width: 0; /* 初始宽度为0 */
  height: 2px; /* 下划线的高度 */
  background-color: #333333; /* 下划线的颜色 */
  left: 0;
  bottom: 10px; /* 根据需要调整位置 */
  transition: width 0.5s ease-out; /* 动画效果：宽度变化持续0.5秒，缓动效果 */
}
 
.pro01 a:hover .hover-underline::after {
  width: 100%; /* 鼠标经过时宽度变为100% */
}



.has-submenu:hover .ojin{color:#333;border-bottom: 2px solid #e03e52;}
.deep-submenu_left{width:45%; float:left; padding-left:50px; padding-top:40px;}
.deep-submenu_left a{width:100px;height:30px;line-height:30px;padding: 0 0px; display:inherit; font-size:14px; text-align:left;margin-left:0px; margin-right:0px;color: #4c4c4c; /* 初始颜色 */
  font-weight: normal; /* 初始不加粗 */
  transition: color 0.3s, font-weight 0.3s; /* 平滑过渡效果 */ }
.deep-submenu_left a:hover{ color: #000; /* 鼠标悬停时变黑 */
  font-weight: bold; /* 鼠标悬停时加粗 */
   }
.deep-submenu_left a:hover::after {
  width: 0%; /* 鼠标经过时宽度变为100% */
}
.deep-submenu:hover .pro01 a{background-color: #e0e9f6;border-right: 2px solid #e03e52;color:#000;color:#333;border-bottom: 1px solid #e0e9f6;}
.deep-submenu_right{width:55%; float:right}
  
  
  
  
  /* 世界网站 */

			.worldwide{width: 95%;margin: 0 auto;}

			.worldwide .world_box{position: relative;}

			.worldwide .rt_part{position: absolute;top:50%;right: 3%;width: 296px;height: 90%;z-index: 2;transform: translateY(-50%);}

			.worldwide .rt_part .tit{display: none;}

			.worldwide .rt_part .country{margin-top: 10%;}

			.worldwide .rt_part .country .box{color: #fff;text-align: center;}

			.worldwide .rt_part .country .box .en{font-size: 27px;font-weight: bold;text-transform: uppercase;}

			.worldwide .rt_part .country .box .name{font-size: 27px;}

			.worldwide .rt_part .country .box p{line-height: 30px;}

			.worldwide .rt_part .country .box span{display: inline-block;font-size: 12px;margin-top: 7%;padding:0 14px;background: #ca0f1f;border-radius: 30px;padding: 8px 15px;width: 80px;}

			{}

			

			.worldwide .rt_part .country .swiper-pagination{position: absolute;left: 50%;bottom: 10px;transform: translateX(-50%);}

			.worldwide .rt_part .country .swiper-pagination-bullet{width: 27px;height: 4px;margin: 0 5px;background: #fff;opacity: 1;border-radius: 0;}

			.worldwide .rt_part .country .swiper-pagination-bullet-active{background:#ca0f1f;}

			.worldwide .rt_part .country .swiper-button-prev{background: url(../images/icon_05.png)no-repeat center;width: 15px;height: 27px;left:0;}

			.worldwide .rt_part .country .swiper-button-next{background: url(../images/icon_06.png)no-repeat center;width: 15px;height: 27px;right:0;}

			@media only screen and (max-width:1500px){
				.worldwide .world_box > img{min-height: 186px;}

			}

			@media only screen and (max-width:768px){
				.worldwide .world_box{height: 350px;background: url(../images/bg05.jpg)no-repeat center;background-size: cover;}

				.worldwide .world_box > img{display: none;}

				.worldwide .rt_part{right: 50%;transform: translate(50%,-50%);}

				.worldwide .rt_part .tit{display: block;font-size: 26px;color: #fff;text-align: center;}
				.worldwide .rt_part .country .box .name{margin: 14% 0;}
				.worldwide .rt_part .country .box span{margin-top: 4%;}
				.worldwide .rt_part .country .swiper-pagination{bottom: 0;}

			}

			@media only screen and (max-width:480px){

				.worldwide .world_box{height: 300px;}

				.worldwide .rt_part{width: 94%;height: 80%;}

				.worldwide .rt_part .country .box .en{font-size: 20px;}

				.worldwide .rt_part .country .box .name{margin: 4% 0;font-size: 24px;}

			}
  
  .btols{width:26px;height:25px;background: url(../images/search_bg.png)no-repeat center;}
  
  #pc{ display:block}
#mob{ display:none}
@media (max-width: 479px) {
#pc{ display:none}
#mob{ display:block}
}