.oneline {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.clear {
  clear: both;
  float: left;
}
.inline-block {
  display: inline-block;
}
body {
  min-width: 480px;
  font-size: 13px;
  background: url(img/bg.png) no-repeat top center;
}
.container {
  max-width: 980px;
  margin: auto;
  position: relative;
  z-index: 1;
}
header,
#content,
footer {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}
header {
  z-index: 1;
  height: 120px;
}
header .under-line {
  background: #134776;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 11px;
  z-index: -1;
}
header .logo {
  display: inline-block;
  background: url(img/logo.png) no-repeat;
  width: 136px;
  height: 80px;
  margin: 20px 20px;
  float: left;
}
header .lang-menu {
  position: absolute;
  right: 10px;
  top: 0;
}
header .lang-menu * {
  float: left;
  display: inline-block;
  margin-right: 1px;
}
header .lang-menu .social * {
  margin-right: 5px;
}
header .lang-menu .lang * {
  width: 75px;
  height: 29px;
  background-image: url(img/production.png);
}
header .lang-menu .lang .zh {
  background-position: -690px -46px;
}
header .lang-menu .lang .zh.selected,
header .lang-menu .lang .zh:hover {
  background-position: -690px -86px;
}
header .lang-menu .lang .en {
  background-position: -766px -46px;
}
header .lang-menu .lang .en.selected,
header .lang-menu .lang .en:hover {
  background-position: -766px -86px;
}
header .site-menu {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -2px;
}
header .site-menu .menu {
  display: inline-block;
  position: relative;
}
header .site-menu .menu-rs {
  display: inline-block;
  width: 123px;
  height: 78px;
  background-image: url(img/production.png);
}
header .site-menu .menu .lang-1.menu-0 {
  background-position: -21px -215px;
}
header .site-menu .menu .lang-1.menu-0.selected {
  background-position: -21px -305px;
}
header .site-menu .menu .lang-1.menu-1 {
  background-position: -145px -215px;
}
header .site-menu .menu .lang-1.menu-1.selected {
  background-position: -145px -305px;
}
header .site-menu .menu .lang-1.menu-2 {
  background-position: -269px -215px;
}
header .site-menu .menu .lang-1.menu-2.selected {
  background-position: -269px -305px;
}
header .site-menu .menu .lang-1.menu-3 {
  background-position: -392px -215px;
}
header .site-menu .menu .lang-1.menu-3.selected {
  background-position: -392px -305px;
}
header .site-menu .menu .lang-1.menu-4 {
  background-position: -517px -215px;
}
header .site-menu .menu .lang-1.menu-4.selected {
  background-position: -517px -305px;
}
header .site-menu .menu .lang-2.menu-0 {
  background-image: url(img/production.png);
  background-position: -21px -20px;
}
header .site-menu .menu .lang-2.menu-0.selected {
  background-position: -21px -110px;
}
header .site-menu .menu .lang-2.menu-1 {
  background-image: url(img/production.png);
  background-position: -145px -20px;
}
header .site-menu .menu .lang-2.menu-1.selected {
  background-position: -145px -110px;
}
header .site-menu .menu .lang-2.menu-2 {
  background-image: url(img/production.png);
  background-position: -269px -20px;
}
header .site-menu .menu .lang-2.menu-2.selected {
  background-position: -269px -110px;
}
header .site-menu .menu .lang-2.menu-3 {
  background-image: url(img/production.png);
  background-position: -392px -20px;
}
header .site-menu .menu .lang-2.menu-3.selected {
  background-position: -392px -110px;
}
header .site-menu .menu .lang-2.menu-4 {
  background-image: url(img/production.png);
  background-position: -517px -20px;
}
header .site-menu .menu .lang-2.menu-4.selected {
  background-position: -517px -110px;
}
header .site-menu .menu .sup-menu {
  display: none;
  position: absolute;
  text-align: center;
  bottom: -48px;
  height: 50px;
  line-height: 50px;
  width: 300%;
  left: -105%;
}
header .site-menu .menu .sup-menu a {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  margin-left: 15px;
  margin-right: 15px;
}
header .site-menu .menu .sup-menu a.selected,
header .site-menu .menu .sup-menu a:hover {
  color: #f47a37;
}
header .site-menu .menu:hover .sup-menu {
  display: block;
}
header .site-menu .menu:hover .lang-1.menu-0 {
  background-position: -21px -305px;
}
header .site-menu .menu:hover .lang-1.menu-1 {
  background-position: -145px -305px;
}
header .site-menu .menu:hover .lang-1.menu-2 {
  background-position: -269px -305px;
}
header .site-menu .menu:hover .lang-1.menu-3 {
  background-position: -392px -305px;
}
header .site-menu .menu:hover .lang-1.menu-4 {
  background-position: -517px -305px;
}
header .site-menu .menu:hover .lang-2.menu-0 {
  background-position: -21px -110px;
}
header .site-menu .menu:hover .lang-2.menu-1 {
  background-position: -145px -110px;
}
header .site-menu .menu:hover .lang-2.menu-2 {
  background-position: -269px -110px;
}
header .site-menu .menu:hover .lang-2.menu-3 {
  background-position: -392px -110px;
}
header .site-menu .menu:hover .lang-2.menu-4 {
  background-position: -517px -110px;
}
header .sup-menu-bg {
  display: none;
  background: url(img/sup-menu-bg.png) repeat-x;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -50px;
  z-index: 0;
}
header .mobile-container {
  display: none;
  width: 100%;
  min-height: 120px;
}
header .mobile-container * {
  display: block;
  text-align: center;
  font-size: 13px;
}
header .mobile-container .button {
  margin-top: 25px;
  margin-left: auto;
  margin-right: 10px;
  margin-bottom: 25px;
  width: 66px;
  height: 66px;
  background-image: url(img/production.png);
  background-position: -983px -30px;
}
header .mobile-container .mobile-menu {
  display: none;
  background: url(img/sup-menu-bg.png) repeat;
}
header .mobile-container .mobile-menu.on {
  display: block;
}
header .mobile-container .mobile-menu a {
  color: #fff;
}
header .mobile-container .mobile-menu a:hover {
  color: #f47a37;
  background: #fff;
}
header .mobile-container .mobile-menu .site a {
  font-size: 18px;
  line-height: 30px;
}
header .mobile-container .mobile-menu .site div {
  color: #fff;
}
header .mobile-container .mobile-menu .site .sup-menu-mobile a {
  font-size: 13px;
  line-height: 30px;
}
header .mobile-container .mobile-menu .langSocial {
  background: #929292;
  padding-top: 5px;
  padding-bottom: 5px;
}
header .mobile-container .mobile-menu .langSocial >* {
  display: inline-block;
}
header .mobile-container .mobile-menu .langSocial a {
  vertical-align: middle;
  line-height: 28px;
}
.tablet header {
  height: auto;
  min-height: 134px;
}
.tablet header .site-menu {
  position: relative;
  width: 100%;
  margin: 0;
}
.tablet header .site-menu >* {
  margin-left: 2.7%;
}
.tablet .section-content {
  margin-left: 10px;
  margin-right: 10px;
}
.tablet .contact-container .map-container {
  padding-left: 10px;
  padding-right: 10px;
}
.tablet .contact-container .title {
  padding-left: 10px;
}
.tablet .container .section-banner-container {
  margin-left: 0;
  margin-right: 0;
}
.tablet .container >* {
  margin-left: 10px;
  margin-right: 10px;
}
.mobile header {
  height: auto;
  min-height: 134px;
}
.mobile header .logo {
  position: absolute;
  left: 0;
  top: 0;
}
.mobile header .mobile-container {
  display: block;
  float: left;
}
.mobile header .site-menu,
.mobile header .lang-menu {
  display: none;
}
.mobile .section-content {
  margin-left: 10px;
  margin-right: 10px;
}
.mobile .contact-container .map-container {
  padding-left: 10px;
  padding-right: 10px;
}
.mobile .contact-container .title {
  padding-left: 10px;
}
.mobile .container .section-banner-container {
  margin-left: 0;
  margin-right: 0;
}
.mobile .container >* {
  margin-left: 10px;
  margin-right: 10px;
}
.btn {
  cursor: pointer;
}
.section-banner-container {
  position: relative;
}
.section-banner-container .banner-margin {
  height: 180px;
}
.section-banner-container .section-banner {
  height: 180px;
  width: 1400px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -700px;
}
.section-banner-container .section-banner.t {
  background: transparent;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  height: auto;
  position: relative;
}
.section-banner-container .section-banner.t .page-header-bg {
  position: static;
  width: 100%;
  height: auto;
}
.section-banner-container .section-banner.t .page-header-bg img {
  width: 100%;
  height: auto;
}
.section-banner-container .section-banner .section-banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-banner-container .section-banner .page-header-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 680px;
  height: 108px;
  background: url(img/production.png) no-repeat -20px -621px;
}
.section-banner-container .section-banner .page-header-title-bg {
  left: 0;
  bottom: 0;
  width: 680px;
  height: 108px;
  background: url(img/production.png) no-repeat -20px -621px;
}
.section-banner-container .section-banner .nav-bg {
  position: absolute;
  bottom: 0;
  width: 1396px;
  height: 43px;
  background: url(img/inner-banner/nav-bg.png) repeat-y;
}
.section-banner-container .section-banner .page-header {
  height: 100%;
}
.section-banner-container .section-banner .page-header .page-header-text {
  position: absolute;
  left: 0;
  bottom: 0;
}
.section-banner-container .section-banner .page-header .page-header-text .page-title {
  font-size: 28px;
  color: #fff;
  line-height: 65px;
}
.section-banner-container .section-banner .page-header .page-header-text .nav * {
  line-height: 43px;
}
.section-banner-container .section-banner .page-header .page-header-text .nav a {
  color: #444343;
  font-size: 13px;
}
.section-banner-container .section-banner .page-header .page-header-text .nav a.current,
.section-banner-container .section-banner .page-header .page-header-text .nav a:hover {
  color: #f36c21;
}
.section-banner-container .section-banner.m .page-header .page-header-text .page-title,
.section-banner-container .section-banner .t .page-header .page-header-text .page-title {
  line-height: 48px;
}
.section-content {
  margin-top: 30px;
}
#content {
  z-index: 0;
  min-height: 500px;
  overflow: hidden;
}
footer {
  z-index: 1;
  background: url(img/footer.png) repeat-x;
  height: 54px;
  margin-top: 40px;
}
footer .container {
  line-height: 54px;
}
footer *,
footer *:hover,
footer *:link,
footer *:visited {
  color: #999999;
  text-align: center;
}
.mobile .d,
.mobile .t {
  display: none;
}
.mobile .m {
  display: block;
}
.tablet .d,
.tablet .m {
  display: none;
}
.tablet .t {
  display: block;
}
.desktop .t,
.desktop .m {
  display: none;
}
.desktop .d {
  display: block;
}