@charset "utf-8";
.body:before { background: rgba(0,0,0,0.5); content: ''; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
 .menu-box { background: #fff; height:110px;}
.w-91 {width: 100%;/* max-width: 1860px; */margin: 0 auto;}
.w-74 { max-width: 1410px; margin: 0 auto; }
.menu-box .w-74{margin:0; float: right;}
.MenuList_f1, .language { vertical-align: middle; display: inline-block; }
.MenuList_f1 .menu>li:first-child, .MenuList_f1 .menu ul.child>li:first-child { }
.menu-remove { transform: translateX(-150%); opacity: 0; }
.body { height: 100%; width: 100%; position: fixed; overflow: hidden; }
.body:before { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2; left: 0; top: 0; content: ''; }
/*主导航菜单*/
.fix { transition: 0.3s ease 0s; width: 100%; top: 0; left: 0; z-index: 2; background: #fff; position: fixed; }
.MenuList_f1 { height: 100%; line-height: 100px; }
.MenuList_f1 .container { position: relative; overflow: visible; z-index: 99; }
.MenuList_f1 .menu { display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.MenuList_f1 .menu>li {text-align: center;display: inline-block;font-size: 14px;margin-left: 2.3vw;vertical-align: middle;line-height:110px;position:relative;}
.MenuList_f1 .menu>li h3 { font-weight: normal; display: block; }
.MenuList_f1 .menu>li a.drop { text-transform: capitalize; z-index: 1; position: relative; display: block; color: #333; font-size: 16px; }
.MenuList_f1 .menu>li a.selected, /*.MenuList_f1 .menu li a.drop:hover */ .navhover, .stmenu>h3>a.on { color: #e4151d !important; }
.MenuList_f1 .menu>li a.drop span { }
.MenuList_f1 .menu>li a.selected span, .MenuList_f1 .menu li a.navhover span, .MenuList_f1 .menu li a.drop:hover span { cursor: pointer; }
.MenuList_f1 .menu>li a.navhover span, .MenuList_f1 .menu li a.drop:hover span { width: 100px; }
.MenuList_f1 .menu>li ul.child {text-align: center;z-index: 1;position: absolute;background: #FFF;background: rgba(255,255,255,0.96); left:-18px; display:none;}
.MenuList_f1 .menu>li:nth-of-type(4) ul.child{}

.MenuList_f1 .menu li:nth-of-type(4) ul.child li{ }
.MenuList_f1 .menu ul.child li a{ overflow:hidden; font-size:16px; color:#555; display:block;padding:0 20px;}
.MenuList_f1 .menu li:nth-of-type(6) ul.child{ display:none;}
.MenuList_f1 .menu ul.child li {line-height: 40px;}
.MenuList_f1 .menu ul.child li h3 { display: block; white-space :  nowrap; text-align:left; }
.MenuList_f1 .menu ul.child li a:hover { color: #fff; background:#003589; /* background-color: #eee; */ /* text-decoration: none; */  }
.MenuList_f1 .menu li a.drop:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 50%; background: #21529a; height: 4px; width: 0%; position: absolute; }
/*.MenuList_f1 .menu li a.drop:hover:after,*/.navhover:after, .stmenu h3 a.on:after { width: 100% !important; left: 0 !important; }
/*menu-box*/
.menu-box { position: relative; z-index: 2; }
.menu-box .w-91 { text-align: right; height: 110px; }
.menu-box .w-74 { transition: 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; text-align: right; height: 100%; }
.logo-box { text-align: left; z-index: 99; transition: 0.3s ease 0s;  /* text-align: left; */ float:left; padding-left: 2%; height: 100%; /* display: inline-block; */ /* vertical-align: top; */ }
.logo-fix { position: fixed; padding-left: 1.825%; height: auto; left: 0; }
.fix-bg { background: none; position: fixed; left: 0; top: 0; }
/*logo*/
.logo {height: 72%; margin-top:5%;}
.logo a { display:block; width: 100%; height:100%; }
.logo a img{ max-height:100%; display:block;}
/*menu-ico*/
.body .menu-icon span:after { transform: rotateZ(-45deg); }
.body .menu-icon span:before { transform: rotateZ(45deg); }
.body .menu-icon span { background: transparent !important; }
.body .menu-icon span:before, .body .menu-icon span:after { bottom: 0 !important; top: 0 !important; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; display: inline-block; height: 3px; background: #fff; content: ''; width: 40px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -12px; }
.menu-icon span:after { bottom: -12px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { transition: 0.5s ease 0.5s; opacity: 0; top: 0; right: -100px; overflow: hidden; width: 100px; line-height: 100px; margin-left: 0; text-align: center; position: fixed; z-index: 1; }
.menu-icon { cursor: pointer; background: none; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*language*/
.language span img { margin-left: 5px; }
.language1 a { border: 1px solid #e7252d; text-align: center; vertical-align: top; width: 80px; display: inline-block; margin: 0 10px; }
.language1 { font-size: 14px; line-height: 30px; text-align: center; margin-top: 25px; }
.language {margin-left: 1.8vw;font-size: 16px;cursor: pointer;color: #fff;position: relative; z-index:5;padding-left: 1.25vw;padding-right: 1.25vw;border-left: 1px solid #ddd;background: #003589;line-height: 110px;}
.language span{ line-height:110px; display:inline-block;}
.language ul { display: none; color: #333; line-height: 45px; top: 110px; text-align: center; background: #fff; z-index: 999; width:100%; position: absolute; text-transform: uppercase; right: 0; }
.language ul.on{ display:block;}
.language>ul a { display: block; }
.language>ul a:hover { background: #f5f5f5; color: #e7252d; }
.language1 a:last-child { background: #e7252d; color: #fff; }
.language1 a:first-child { color: #e7252d; }

/*banner*/
.BannerShow_b1 .swiper-slide a{display:block;}
	.swiper-slide img {
    max-width: 100%;
}
.mob-ban{display:none;}
.arrow-left,.arrow-right{ color:#ccc; position:absolute; top:50%; z-index:1001;	 font-size: 48px; font-weight:normal; display:none;}
.arrow-left:hover,.arrow-right:hover{color:#ffd100;}
.arrow-left{ left:2%;}
.arrow-right{ right:2%;}

/*footer*/

.footer {clear: both;   background: #535150; padding:2vw 2.5%;  min-height:40px; }
.foot_menu { float:left;}
.footer-b{ float:right;}
.foot_menu ul li{ float:left; }
.foot_menu ul li a{ display:block; padding: 0 10px; color:#FFFFFF;}
.pc_footer .footer-b{ padding:0 ; line-height:1.5;}
.footer-b {	padding: 30px 0;position: relative;line-height: 20px;text-align: center;}
.footer-br {font-size: 14px;color: #fff;}
.footer img{ display:inline-block;}
.foot_menu ul.clearfix:after{ display:inline-block;}
.pc_footer.clearfix:after{ display:none;}
/*友情链接*/
.foot_menu .flink{position: relative;}
.foot_menu .flink_list{position: absolute;bottom: calc(5.2vw - 1px);background: #535150;display: block;padding-top: 10px;display: none;max-height: 66px; left: 50%;margin-left: -95px; overflow-y:auto; overflow-x: hidden;}
#flink_list ul{width: 190px;}
.foot_menu .flink_list a{overflow:hidden;  text-overflow:ellipsis;  -o-text-overflow:ellipsis;  -webkit-text-overflow:ellipsis;  -moz-text-overflow:ellipsis;  white-space:nowrap;}
/* scroll样式*/
#flink_list::-webkit-scrollbar{ width: 8px; background: #F5F5F5; height: 5px;}
#flink_list::-webkit-scrollbar-thumb{border-radius: 5px;   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  background: rgba(0,0,0,0.2);}
#flink_list::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0;background: rgba(0,0,0,0.1);}

.foot_menu .flink_list li{display: block;  float: none; margin: 0;}
.foot_menu .flink_list li a{display: block; color: #FFFFFF; font-size: 12px;line-height: 24px; text-align: center; padding: 0;}
@media only screen and (min-width:721px ) {
	.foot_menu .flink_list li a:hover{color: #E4151D; }
	.foot_menu ul li:hover>a{ color: #E4151D;}
}

@media screen and (max-width: 1400px) {
/*.MenuList_f1 .menu li, .language { margin-left: 1.2vw; }*/
.language { padding-left: 1.2vw; }
}
@media screen and (max-width: 1290px){
	.foot_menu ul li a{ padding:0 5px;}
	}
@media screen and (max-width: 1200px) {
/*.MenuList_f1 .menu li, .language { margin-left: 0.5vw; }
*/.language { padding-left: 0.5vw; }
.foot_menu { display:none;}
.footer-b{ float:none;}

}
@media screen and (max-width: 1025px) {
.page-menu { left: 0; width: 100%; /*position: fixed;*/ z-index: 2; top: 0;}
.menu-box{height:80px;}
.page-menu .menu-box { background: #fff; height:80px;}
.menu-box .w-91{height:80px;}
.pc, .MenuList_f1 .menu li a.drop:after { display: none; }
.mob, .menu-icon { display: block; }
.logo a { height: 100%; width: auto; }
.logo .w-100 { height: 100%; width: auto; }
.menu-i {/* background: #e7252d;*/ opacity: 1; top: 20px; right:2%; position: absolute; width: 80px; height: 50px; line-height: 42px; margin-left: 0; z-index: 3; }
.menu-icon i{ float:left; line-height:50px;}
.menu-icon { opacity: 1; transform: translateX(0); height: 100%; background: none; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { height: 6px; background: #444444; width: 38px; }
.menu-icon span:before { top: -10px; }
.menu-icon span:after { bottom: -10px; }
.p-menu .menu-box .w-74 { position: absolute; max-height: none; }
.menu-box .w-74 { z-index: 99999999; transition: none; display: none; overflow: auto; top: 80px; right: 0; position: fixed; background: #fff;  width: 220px; height: 90%; height: calc(100% - 70px); height: -webkit-calc(100% - 70px); }
.MenuList_f1 { overflow: hidden; width: 100%; height: auto; line-height: normal; border-bottom: 1px solid #eee; }
.MenuList_f1 .menu li { border-top: 1px solid #eee; max-width: none; width: 100%; display: block; font-size: 16px; margin-left: 0; }
.MenuList_f1 .menu li a.drop.on1:before { transform: rotateZ(90deg); }
.stmenu h3 a.on { background-color: transparent; color: #e7252d !important; }
.MenuList_f1 .menu li a.drop { padding-right: 15px; text-align: left; padding-left: 20px; display: block; font-size: 14px; line-height: 40px; height: 40px; }
.MenuList_f1 .menu li a.drop:before { transition: 0.3s ease 0s; display: block; float: right; content: '>'; font-family: "宋体", "SimSun"; }
.MenuList_f1 .menu li a.drop:hover { color: #e7252d; }
.MenuList_f1 .menu li ul.child { text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; }
.MenuList_f1 .menu ul.child li { background: #eee; margin-left: 0; width: auto; padding: 0px; display: block; border-top: 1px solid #f5f5f5; float:none; text-align:left}
.MenuList_f1 .menu ul.child li a { display:block; color: #737373; line-height: 35px; height: 35px; font-size: 12px; width: auto; width: calc(100% - 35px); padding-left: 20px; text-align: left;}
.MenuList_f1 .menu ul.child li a  span{ display:block; width:100%;overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap; }
}
@media screen and (max-width: 720px) {
	
	.page-menu{padding-top:70px;}
	.menu-box {
    position: fixed;
    top: 0;
    width: 100%;
}
.page-menu .menu-box { background: #fff; height:70px;}
.menu-box .w-91 { text-align: right; height: 70px; }
.logo a { height: 100; width: auto; }
.logo {height: 65%; margin-top:7%; }
.menu-box .w-74 {top:70px;}
.menu-i { top: 12px; right:2%; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after{    height: 5px;
    background: #444444;
    width: 30px;}
	.mob_footer{ display:none;}
.footer{min-height: 11.1vw;padding: 3vw 0;}
	.pc_footer{ display:block;}
	.footer-br { font-size: 3.33vw; line-height: 6vw;}
	.footer-b {	padding:0;line-height: 1;}
	.menu-box{height:70px;}
}
