@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%; }
.w-91 { width: 97%; max-width: 1860px; margin: 0 auto; }
.w-74 { width: 76%; max-width: 1410px; margin: 0 auto; }
.menu-box .w-74{margin:0;}
.MenuList_f1, .language { vertical-align: middle; display: inline-block; }
.MenuList_f1 .menu li:first-child, .MenuList_f1 .menu ul.child li:first-child { margin-left: 0; }
.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: top; }
.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: 14px; }
.MenuList_f1 .menu li a.selected, /*.MenuList_f1 .menu li a.drop:hover */ .navhover, .stmenu h3 a.on { color: #cd945a !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 ul.child { text-align: center; left: 0; height: 80px; z-index: 1; display: none; position: absolute; /* top: 40px; */ /* left: 3px; */ width: 100%; background: #FFF; background: rgba(255,255,255,0.96); /* border: 2px solid #1a529c; */ /* border-top: 0; */ line-height: 80px; }
.MenuList_f1 .menu ul.child li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inlinse-block;/* font-size: 14px; */ }
.MenuList_f1 .menu ul.child li h3 { display: block; width: 100%; }
.MenuList_f1 .menu ul.child li a { text-transform: capitalize; width: 100%; /* height: 16px; */ /* line-height: 16px; */ overflow: hidden; /* padding: 3px 0; */ display: block; color: #666; text-align: center; text-decoration: none; font-size: 14px; }
.MenuList_f1 .menu li a.drop:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 50%; background: #cd945a; 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: 100px; }
.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; */ width: 20.36vw; top: 0; left: 0; padding-left: 1.825%; position: absolute; height: 100%; /* display: inline-block; */ /* vertical-align: top; */ max-width: 391px; }
.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: 100%; }
.logo a { display: inline-block; vertical-align: middle; width: 100%; }
/*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 0s; 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: #cd945a; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*language*/
.language span img { margin-left: 10px; }
.language1 a { border: 1px solid #cd945a; 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: 14px; cursor: pointer; color: #999; position: relative; padding-left: 1.8vw; border-left: 1px solid #ddd; }
.language ul { display: none; color: #333; line-height: 45px; top: 100px; text-align: center; background: #fff; z-index: 999; width: 140px; position: fixed; text-transform: uppercase; right: 0; }
.language>ul a { display: block; }
/*.language>ul a:hover { background: #f5f5f5; color: #cd945a; }
.language1 a:first-child { background: #cd945a; color: #fff; }*/
.language1 a:last-child { color: #cd945a; }

.page-menu .menu-box { background: none; }

@media (min-width:720px){
	.MenuList_f1 .menu ul.child li a:hover { color: #cd945a; /* background-color: #eee; */ /* text-decoration: none; */  }

	}
@media screen and (max-width: 720px) {
.page-menu { left: 0; width: 100%; position: absolute; z-index: 2; top: 0; }
.pc, .MenuList_f1 .menu li a.drop:after { display: none; }
.mob, .menu-icon { display: block; }
.menu-box .w-91 { height: 50px; }
.logo a { height: 60%; width: auto; }
.logo .w-100 { height: 100%; width: auto; }
.menu-i { background:none; opacity: 1; top: 16px; right: 2.6%; position: absolute; width: 40px; line-height:40px; margin-left: 0; z-index: 3; }
.body .menu-i{ 
	right:220px;
	
	}
.menu-icon { opacity: 1; transform: translateX(0); height: 100%; background: none; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { height: 2px; background: #cd945a; width:30px; }
.menu-icon span{height:6px; background: none; border-bottom:2px solid #CD945A;border-top:2px solid #CD945A;}
.body .menu-icon span{ border:none;}
.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:0; right: 0; position: fixed; background: #171719; height: auto; width: 220px; height:100%; height: calc(100% - 0); height: -webkit-calc(100% - 0); }
.MenuList_f1 { overflow: hidden; width: 100%; height: auto; line-height: normal; padding:30px 0; }
.MenuList_f1 .menu li { 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: #cd945a !important; }
.MenuList_f1 .menu li a.drop { padding-right: 15px; text-align: center; padding-left: 20px; display: block; font-size: 16px; line-height: 40px; height: 40px; color:#FFFFFF; }
.MenuList_f1 .menu li a.drop.on1{ color:#CD945A;}
.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: #cd945a; }
*/.MenuList_f1 .menu ul.child { text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; }
.MenuList_f1 .menu ul.child li { background: #171719; margin-left: 0; width: auto; padding: 0px; display: block;  }
.MenuList_f1 .menu ul.child li a { color: #fff; line-height: 35px;font-size:14px; width: auto; /*padding-left: 20px;*/ text-align: center; }
}
@media screen and (max-width: 320px) {
.menu-box .w-91 { width: 96%; }

}