﻿
/* .current:first-child,
.pager .p1:last-child{display: none} */
.header{height: 100px;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s ease}
.header-small{height: 60px;background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-in{width: 95%;margin: 35px auto;height: 77px;transition: all .3s ease;position: relative;}
.header-in .logo img{transition: all .3s ease;height:53px;}
.header-small .header-in{margin: 15px auto;transition: all .3s ease}
.header-small .logo img{height: 25px;margin-top: 2.5px}
.header .logo{float: left;margin-left: 7%}
.header .meun-off{float: right;margin-right: 10px;margin-top: 3px;}
.header .meun-off span{width: 36px;height: 3px;background-color: #FCCB00;display: block;margin: 4.5px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
.nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none}
.nav ul{margin: 0 auto;width: 50%;text-align: center;height: 500px;position: absolute;top: 50%;margin-top: -250px;left: 50%;margin-left: -25%}
.nav ul li{-webkit-animation: DDInY .8s .3s ease both;-ms-animation: DDInY .8s .3s ease both;-moz-animation: DDInY .8s .3s ease both;animation: DDInY .8s .3s ease both}
.nav ul a{display: block;height: 80px;overflow: hidden;margin: 10px 0}
.nav ul span{display: block;font-size: 48px;line-height: 80px;text-transform: uppercase;color: #e9e7e8;font-family: "PingFang";}
.nav .nav-tel{position: absolute;left: 2%;bottom: 2%}
.nav .close{display: block;position: absolute;top: 4%;right: 4%}
.nav .close img{transition: all .5s ease}
.nav .close:hover img{transform: rotate(180deg)}


