.header-warp{width:100%}
.header-container{width:100%;height:70px}
.header-container .header{margin:auto;width:1080px;height:70px}
.header-container .header .header-logo{float:left;padding-top:16px;padding-bottom:16px;width:130px;height:38px}
.header-container .header .header-logo a{float:left;display:block;overflow:hidden;width:130px;height:38px;background:url(../image/logo-white-x2.png) no-repeat;background-size:130px 38px;text-indent:-9999px}
.header-container .header .header-pull{float:left;padding-top:25px;padding-bottom:5px;padding-left:25px;width:289px;height:40px;background-image:url(../image/pull-background.png);background-position:15px center;background-repeat:no-repeat}
.header-container .header .header-pull small{color:#fff;font-style:italic;font-size:14px}
.header-container .header .header-nav{float:right;width:636px;height:70px}
.header-container .header .header-nav .header-nav-ul{float:left;height:70px}
.header-container .header .header-nav .header-nav-ul li{float:left;text-align:center}
.header-container .header .header-nav .header-nav-ul li a{display:inline-block;padding:5px 30px 5px 30px;height:60px;color:#fff;font-size:15px;line-height:60px;cursor:pointer}
.header-container .header .header-nav .header-nav-ul li.header-line{position:relative;float:left;width:1px;height:100%;background:url(../image/nav.jpg) no-repeat right}
.header-container .header-shadow{position:absolute;top:70px;left:0;z-index:1001;width:100%;height:1px;min-width:1080px;background:url(../image/top-shadow-background.png)}

.header-container-scroll{position:fixed;top:0;z-index:99999;width:100%;height:70px;min-width:1080px;background-color:#fff}
.header-container-scroll .header{margin:auto;width:1080px;height:70px}
.header-container-scroll .header .header-logo{float:left;padding-top:16px;padding-bottom:16px;width:130px;height:38px}
.header-container-scroll .header .header-logo a{float:left;display:block;overflow:hidden;width:130px;height:38px;background:url(../image/logo-black-x2.png) no-repeat;background-size:130px 38px;text-indent:-9999px}
.header-container-scroll .header .header-pull{float:left;padding-top:25px;padding-bottom:5px;padding-left:25px;width:289px;height:40px;background-image:url(../image/pull-background.png);background-position:15px center;background-repeat:no-repeat}
.header-container-scroll .header .header-pull small{color:#797979;font-style:italic;font-size:14px}
.header-container-scroll .header .header-nav{float:right;width:636px;height:70px}
.header-container-scroll .header .header-nav .header-nav-ul{float:left;height:70px}
.header-container-scroll .header .header-nav .header-nav-ul li{float:left;text-align:center}
.header-container-scroll .header .header-nav .header-nav-ul li a{display:inline-block;padding:5px 30px 5px 30px;height:60px;color:#424242;font-size:15px;line-height:60px;cursor:pointer}
.header-container-scroll .header .header-nav .header-nav-ul li.header-line{position:relative;float:left;width:1px;height:100%;background:url(../image/nav-scroll.jpg) no-repeat right}
.header-container-scroll .header-shadow{position:absolute;top:70px;left:0;z-index:1001;width:100%;height:6px;background-image:url(../image/header-shadow-scroll-background.png)}

.banner-200{position:absolute;top:80px;z-index:99998;margin:auto;width:100%;height:200px;text-align:center}
.banner-200-title{margin:auto;padding-top:25px;height:60px;color:#fff;text-align:center;letter-spacing:5px;font-size:40px;font-family:web1;line-height:60px}
.banner-200-keywords{margin:auto;width:200px;height:60px;color:#fff;text-align:center;font-size:24px;line-height:60px}
.banner-200-description{margin:auto;padding-top:15px;color:#fff;text-align:center;font-size:16px}
.header-about{height:280px;background-image:url(../image/banner-300-container-about-background.jpg)}
.header-service{height:280px;background-image:url(../image/banner-300-container-service-background.jpg)}
.header-product{height:280px;background-image:url(../image/banner-300-container-product-background.jpg)}
.header-case{height:280px;background-image:url(../image/banner-300-container-case-background.jpg)}
.header-news{height:280px;background-image:url(../image/banner-300-container-news-background.jpg)}
.header-contact{height:280px;background-size:100%;background-size:cover;background:url(../image/banner-300-container-contact-background.jpg) no-repeat center 0}
.header-pay{height:280px;background-image:url(../image/banner-300-container-pay-background.jpg)}
.header-map{height:280px;background-image:url(../image/banner-300-container-map-background.jpg)}
.header-job{height:280px;background-size:100%;background-size:cover;background-image:url(../image/banner-300-container-job-background.jpg)}

.banner-wave .banner-wave-box{position:absolute;bottom:0;left:0}
.banner-wave ul{overflow:hidden;width:100%;white-space:nowrap;margin:0;padding:0;font-size:0}
.banner-wave li{display:inline-block}
.banner-wave img{width:100%}

a.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}
a.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#0382db;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
a.hvr-underline-from-center:active:before,a.hvr-underline-from-center:focus:before,a.hvr-underline-from-center:hover:before{left:0;right:0}

.mobile-inner-header{display:none}
.mobile-inner-nav{display:none}