﻿#Header{position:static;top:0;left:0;width:100%;z-index:100;}
#mvSlider{margin:0 auto;width:auto;height:35px;line-height:35px;text-align:center;overflow:hidden;}
#mvSlider .L1s .L1 .Title{background-repeat:no-repeat;background-position:left center;background-size:25px;}
#Topping:after{content:"";display:block;clear:both;height:0;}
#Topping .TM{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;width:80%;min-width:1160px;}
#Topping .TMR{display:flex;justify-content:flex-end;align-items:center;width:calc(100% - 305px);}
#Logo1{height:85px;max-width:300px;overflow:hidden;}
#Logo1 img{height:100%;}
#Menu9{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;}
#Menu9 .L1s{display:flex;flex-wrap:wrap;}
#Menu9 .L1{position:relative;z-index:5;padding:0 8px;height:95px;line-height:95px;font-size:16px;text-align:center;box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s;}
#Menu9 .L1:hover{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
#Menu9 .L1:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#Menu9 .L1:hover:before,#Menu9 .L1:focus:before,#Menu9 .L1:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
#Menu9 .L1 .Title{display:block;}
#Menu9 .L1 .L1s{display:none;position:absolute;top:95px;left:-50%;right:-50%;z-index:1;border-width:1px;border-style:solid;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
#Menu9 .L1 .L1s .L1{float:left;padding:0;width:100%;height:0;line-height:40px;font-size:13.5px;border-width:0 0 1px;border-style:solid;}
#Menu9 .L1 .L1s .L1:last-child{border-width:0;}
#Menu9 .L1:hover .L1s{display:block;}
#Menu9 .L1:hover .L1s .L1{height:39px;}
#Menu9 .L1.More{cursor:pointer;}
#Menu9More{position:absolute;top:95px;right:0;z-index:5;line-height:40px;}
#Menu9More a{display:block;float:left;padding:0 10px;font-size:16px;font-weight:600;}
#Menu9More .L1{height:auto;line-height:inherit;}
#SearchB1{margin:0 0 0 10px;}
#SearchB1 form{display:flex;}
#SearchB1 input[type="text"]{padding:0;height:30px;text-indent:5px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
#SearchB1 .BtnSearch{width:30px;height:30px;cursor:pointer;}
#SearchB1 .BtnSearch .Img{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:25px;}
#SearchB1 .BtnSearch .Title{display:none;}
#CityKB1{position:relative;width:100%;}
#CityKB1 .L1s{display:flex;justify-content:center;}
#CityKB1 .L1 a{display:block;padding:5px;font-size:16px;}
#CityKB1 .L1 .L1s{display:none;position:absolute;top:35px;left:0;right:0;z-index:100;width:100%;border-width:1px;border-style:solid;background-color:#fff;}
#CityKB1 .L1 .L1s .L1{display:inline-block;padding:0;width:55px;line-height:40px;}
#CityKB1 .L1 .L1s .L1 a{padding:0;}
#CityKB1 .L1:hover .L1s{display:block;}
#CityKB1 .L1:hover .L1s .L1{height:39px;}

#Header.H #Topping{position:fixed;left:0;right:0;z-index:6;}
#Topping.topping{position:fixed;top:0;right:0;left:0;z-index:10;}
#Topping.topping .L1{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
#Topping.topping .TMR{width:calc(100% - 200px);}
#Topping.topping #Logo1{height:35px;max-width:200px;}
#Topping.topping #Menu9 .L1 .L1s{top:50px;}
#Topping.topping #Menu9 .L1{height:50px;line-height:50px;}
#Topping.topping #Menu9 .Imgs{display:none;}
#Topping.topping #Menu9 .L1 .L1s .L1{height:35px;line-height:35px;}
#Topping.topping #Menu9More{top:50px;}
#Topping.topping #SearchB1{padding:10px 0;}
@media screen and (min-width:960px) and (max-width:1249px){
	#Topping .TT{width:850px;}
	#Topping .TM{width:85%;min-width:900px;}
	#Topping .TMR{width: calc(100% - 275px);}
	#Menu9 .L1 .L1s .L1{margin:0;}
	#CityKB1 .L1 a{padding:5px 3px;}
}