/*menu-box*/
.menu-box { width:1340px;margin:0 auto;height:101px;/*padding-left:7.5vw;*/ position: relative; z-index: 3; left: 0; top: 0; background: #fff; }
.menu-box .M { height: 100%; background: #fff; line-height: 5.7vw;float:left }
/*--menu-box end-----------------*/

/*主导航菜单 2018.08.30*/
.MenuList_f1 { display: inline-block; vertical-align: top; }
.MenuList_f1>ul {font-size: 0; display: block; }
.MenuList_f1>ul>li {position: static; text-align: center; display: inline-block; vertical-align: top;/*width:81px*/ }
.MenuList_f1>ul>li>:first-child a {padding: 0 0.6vw; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a span { display: inline-block; vertical-align: middle; line-height: 1.5; color:#909090}
.MenuList_f1>ul>li>:first-child { transition: 0.5s ease 0s; font-weight: normal; display: block; position: relative; z-index: 1; font-size: 16px; color: #333; }
.MenuList_f1>ul>li>:first-child.on { }
.MenuList_f1>ul>li>:nth-child(2) {transition: 0.5s ease 0s; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; line-height: 4vw; background: #FFF; background: rgba(84,96,113,0.96); left: 0; z-index: 2; position: absolute; width:70%;margin-left:200px}
.MenuList_f1>ul>li ul li {max-width:none; float:left; width:auto; padding: 0px; display: inline-block; vertical-align: top;}
.MenuList_f1>ul>li ul li a {transition: 0.5s ease 0s; width: 100%; overflow: hidden; color: #ffffff; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }
.MenuList_f1>ul>li>:first-child:after { transition: 0.5s ease 0s; content: ''; z-index: -1; bottom: 0; left: 15%; background: #f2f2f2; height: 100%; width: 70%; position: absolute; border-bottom: 6px solid #BF7F25; box-sizing: border-box; opacity: 0;font-size:14px;font-family:"微软雅黑" }
.MenuList_f1>ul>li>:first-child.on:after { width: 100%; left: 0; opacity: 1; }


.header .head-right{float:left; }
.header nav{position: relative; float: left;color: #736f75;font-size:16px; font-family: "微软雅黑";color: #333; margin-right: 74px;}
.header nav a{color: #A6A6A6;}
.header nav .sliderbar{position: absolute;bottom: 0;left: 0;width: 0;height: 5px;background-color: #BB7B24;}
.header nav li{z-index: 1; position:relative; float:left;line-height: 100px;}
.header nav li>a{display: block; padding: 0 12px;transition-duration: .5s; }
.header nav li.active .dropMenu a.on{color: #ffffff;}
.header nav .dropMenu{overflow:hidden;position:absolute;top:100%;left:0px;width:900px;height:0;background: rgba(84,96,113,0.76);color:#ffffff;transition-duration:.5s;font-size:14px;}
.header nav .dropMenu.esp{left:auto;right:0;}
.header nav .dropMenu.esp a{float:right;}
.header nav .dropMenu a{display:block;float:left;margin:0 10px;height:70px;line-height:70px;}
.header nav .dropMenu a:first-child{margin-left: 20px;}
.header nav .dropMenu a:hover{color: #FFFFFF;}
.header nav li:hover .dropMenu{height: 70px;}
.header nav li:hover .dropMenu a{color: #FFFFFF;}



/*汉堡菜单PC*/
.menu-i.on .menu-icon:after { transform: translate(0, 0) rotateZ(-45deg); }
.menu-i.on .menu-icon:before { transform: translate(0, 0) rotateZ(45deg); }
.menu-i.on .menu-icon span { background: transparent; }
.menu-icon span, .menu-icon:before, .menu-icon:after { transition: 0.5s ease 0s; display: inline-block; height: 4px; background: #fff; content: ''; width: 40px; vertical-align: middle; }
.menu-icon:before, .menu-icon:after { position: absolute; left: 50%; top: 50%; margin-top: -2px; }
.menu-icon:before { transform: translate(-50%, -14px); }
.menu-icon:after { transform: translate(-50%, 14px); }
.menu-icon span { position: relative; margin: 0 auto; z-index: 0; }
.menu-i { background: #ba4241; display: none; transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; overflow: hidden; width: 100px; line-height: 100px; margin-left: 0; text-align: center; position: absolute; z-index: 1; cursor: pointer; outline: none; }
.menu-icon { display: block; height: 100%; background: none; position: relative; z-index: 0; }
.menu-i1 { transition: 0.5s ease 0.8s; opacity: 1; right: 0; }


/*menu-slide 用slide注意效果遮挡*/
.menu-slide { z-index: 0; position: absolute; background: #ba4241; height: 3px; bottom: 0; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; }
.MenuList_f1.slide-menu { position: relative; z-index: 1; }

/*logo*/
.menu-w {font-size: 0; margin: 0 auto; height: 100%; }
.logo {width:240px;height: 100%; float:left;padding:0 10px}
.logo img, .logo a { width: 100%; }

/*language*/
.language-box {height:100%;width: 85px; }
.language {transition:0.5s ease 0s; border-left: 1px solid #e8e8e8; padding: 0 2vw; position: relative; z-index: 1; background: #fff; }
.language:after { vertical-align: middle; border-top-color: #666; border-width: 6px 5px 0 5px; margin-left: 10px; }
.language-box ul {border-top: 1px solid #e8e8e8; position: absolute; right:0; width:438px;height:210px; z-index: 0; transition: 0.5s ease 0s; transform-origin: top; transform: translateY(-100%); opacity: 0; background: rgba(255,255,255,0.96);  border-radius: 0 0 8px 8px;padding-top: 25px;}
.language-box li{float:left;width:106px;height:26px;line-height:26px;text-indent:20px;}
.language-box li a { line-height: normal; font-size: 14px;font-family: "微软雅黑";color:#898886;font-weight: 200;}
.language-box:hover ul { transform: translate(0); opacity: 1; }
.language:hover:after { -webkit-animation: a1 2.5s infinite; -moz-animation: a1 2.5s infinite; -ms-animation: a1 2.5s infinite; -o-animation: a1 2.5s infinite; animation: a1 2.5s infinite; }

/*search*/
.search-click { width:7.3vw;background:-webkit-linear-gradient(90deg, #ba4241, #e55857);font-size:14px; }
.search-click img { width: 14%; }
.menu-search {transition: 0.5s ease 0s; text-align: right; transform-origin: top; transform: scale(1, 0); opacity: 0; position: absolute; right: 0; line-height: normal; z-index: 0; }
.menu-search form { display: inline-block; vertical-align: top; text-align: left; background: rgba(255,255,255,0.96); padding: 0.6vw 1vw; border-radius: 0 0 8px 8px; }
.menu-search div { transition: 0.3s ease 0s; }
.menu-search button { background: none; width: 14px; }
.menu-search input { width:2.5vw; }
.search-box:hover .menu-search { transform: scale(1); opacity: 1; }

/*case*/
.case [class*="PhotoList"] li a { height: 14.5vw; text-align: center; background: #e8e8e8; }
.case [class*="PhotoList"] li a:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }