@charset "utf-8";
/* 图片放大 */
.img_scale {
  overflow: hidden;
}
.img_scale img {
  transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
}
.img_scale:hover img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
@font-face {
 
      font-family: 'Adobe songti';
      src: url('../font/Adobe songti.eot');
      src: url('../font/Adobe songti.oft');
      src: url('../font/Adobe songti.eot?#font-spider') format('embedded-opentype'),
           url('../font/Adobe songti.woff') format('woff'), 
           url('../font/Adobe songti.ttf') format('truetype'), 
           url('../font/Adobe songti.svg') format('svg');
      font-weight: normal;
      font-style: normal;
 
}
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  line-height: 1.4286;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  position: relative;
  background: #fff;
  min-width: 320px;
}
.html-body-overflow {
  overflow-x: hidden;
  overflow-y: hidden;
}
.ovfHiden {
  overflow: hidden;
  height: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
  _background-image: url(about:blank);
  _background-attachment: fixed;
}
/* 清除内外边距 */
*,
*:after,
*::before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*首页视频*/
div#section1 {
  margin: auto;
  /*width: 88.1%;*/
}
div#brandvideo {
  margin: 0 auto 3.125%;
  width: 88.1%;
}
/*威尼斯视频*/
#vbrandvideo{
  margin: 0 auto 3.125%;
  width: 51.829%;
}
ul,
ol,
li {
  list-style: none;
}
img {
  border: none;
  vertical-align: middle;
}
.img-responsive {
  width: 100%;
  height: auto;
}
/*自适应图片*/
/* a标签 */
a {
  text-decoration: none ;
  color: #000000 ;
}
a:hover {
  text-decoration: none ;
}
/* 表单元素默认样式 */
input,
button,
select,
textarea {
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
  border: none;
  background: none;
}
input:focus,
textarea:focus {
  outline: none;
  border: 1px solid #783911;
}
textarea {
  resize: none;
  overflow: auto;
}
::-webkit-input-placeholder {
  font-size: 14px;
  color: #999;
}
:-moz-placeholder {
  font-size: 14px;
  color: #999;
}
::-moz-placeholder {
  font-size: 14px;
  color: #999;
}
:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}
/*定义border*/
table {
  border-collapse: collapse;
}
/* 定义浮动居中 */
.fl {
  float: left;
  display: inline;
}
.fr {
  float: right;
  display: inline;
}
.center {
  margin: 0 auto;
}
.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ib-middle {
  display: inline-block;
  vertical-align: middle;
}
.uppercase {
  text-transform: uppercase;
}
.full {
  width: 100%;
  height: 100%;
}
/* 侧边栏 */
.aside-nav {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 999;
}
.aside-nav-one {
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-align: right;
}
.aside-nav-one-img {
  color: #f5af06;
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 10;
  width: 46px;
  height: 46px;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.back-home .aside-nav-one-img img {
  width: 21px;
}
.aside-nav-one-img img {
  width: 15px;
}
.aside-nav-one-desc {
  position: absolute;
  right: 0;
  padding-right: 16px;
  width: 46px;
  height: 46px;
  font-size: 14px;
  line-height: 46px;
  background: #ffb549;
  color: #ffb549;
  border-radius: 50px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s, color .1s;
  -o-transition: .3s, color .1s;
  -ms-transition: .3s, color .1s;
  -moz-transition: .3s, color .1s;
  transition: .3s, color .1s;
}
.aside-nav-one-desc p {
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.aside-nav-one-desc a {
  color: #fff;
}
.more-width:hover .aside-nav-one-desc {
  width: 130px;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: #f5af06;
}
.more-width:hover .aside-nav-one-img {
  left: -75px;
}
.more-width:hover .aside-nav-one-desc p {
  opacity: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.sec_title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  line-height: 1;
  padding-bottom: 20px;
  color: #fff;
  font-size: 22px;
  z-index: 9999;
  letter-spacing: 2px;
}
.sec_title:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background: #ffffff;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
}
.page {
  margin: 38px 0 0;
  height: 35px;
  text-align: center;
}
.page .pagination {
  float: left;
  position: relative;
  left: 50%;
}
.page .pagination li {
  border: 1px solid #ffa32c;
  float: left;
  position: relative;
  left: -50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #ffa32c;
  margin: 0 5px;
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.page .pagination li a {
  color: #ffa32c;
  display: block;
  width: 100%;
  height: 100%;
}
.page .pagination li:first-child,
.page .pagination li:last-child {
  width: 60px;
}
.page .pagination li:first-child span,
.page .pagination li:last-child span {
  color: #ffa32c;
}
.page .pagination li:hover {
  border-color: #ffa32c;
  background: #ffa32c;
  color: #fff;
}
.page .pagination li:hover.disabled {
  border-color: #ffa32c;
  background: transparent;
}
.page .pagination li:hover a {
  color: #fff;
}
.page .pagination li.active {
  border-color: #ffa32c;
}
.vjs-poster{
  background-size: cover;
}
.vjs-control-text{
  display: none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "";
}
.video-js .vjs-big-play-button {
  width: 84px;
  height: 84px;
  border: none;
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
  background: url(../images/play2.png) no-repeat;
  
}
.video-js .vjs-big-play-button:hover {
  border: none;
  background-color: transparent;
  background: url(../images/play2.png) no-repeat;
  
}
.banner {
  overflow: hidden;
}
/* 通用 */
.loading {
  position: fixed;
  background: #d6d6d6;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
}
.loading:before,
.loading:after {
  content: "";
  width: 100%;
  height: 50%;
  left: 0;
  position: absolute;
  background: #f6f6f6;
  z-index: 1;
  transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
}
.loading:before {
  top: 0;
}
.loading:after {
  bottom: 0;
}
.loading > div {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index: 2;
  text-align: center;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.loading.hide {
  visibility: hidden;
  transition: all 0.4s ease 0.4s;
  -ms-transition: all 0.4s ease 0.4s;
  -o-transition: all 0.4s ease 0.4s;
  -webkit-transition: all 0.4s ease 0.4s;
  -moz-transition: all 0.4s ease 0.4s;
}
.loading.hide > div {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.loading.hide:before,
.loading.hide:after {
  height: 0;
  transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
}
.left_line,
.right_line {
  position: absolute;
  width: 0%;
  height: 1px;
  background: #d6d6d6;
  top: 50%;
  margin-top: -0.5px;
  display: block;
  animation: bowling1Move 5s linear forwards;
  -webkit-animation: bowling1Move 5s linear forwards;
  -moz-animation: bowling1Move 5s linear forwards;
  -o-animation: bowling1Move 5s linear forwards;
  z-index: 100001;
}
.left_line {
  left: 0;
}
.right_line {
  right: 0;
}
@-webkit-keyframes bowling1Move {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes bowling1Move {
  0% {
    width: 0%;
  }
  100% {
    width: 1920px;
  }
}
.center {
  position: relative;
  height: 88px;
}
.box {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 88px;
  animation: bowling2Move 5s linear forwards;
  -webkit-animation: bowling2Move 5s linear forwards;
  -moz-animation: bowling2Move 5s linear forwards;
  -o-animation: bowling2Move 5s linear forwards;
}
@-webkit-keyframes bowling2Move {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@keyframes bowling2Move {
  0% {
    left: 0%;
  }
  100% {
    left: 1920px;
  }
}
.boll {
  width: 88px;
  height: 88px;
  background-color: #ff3333;
  position: absolute;
  top: 50%;
  margin-top: -44px;
  left: 0px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: url(../images/main-golf.png) no-repeat;
  animation: roll 1s linear infinite;
  -webkit-animation: roll 1s linear infinite;
  -moz-animation: roll 1s linear infinite;
  -o-animation: roll 1s linear infinite;
}
.shadow {
  width: 207px;
  height: 37px;
  position: absolute;
  left: 50%;
  margin-left: -103.5px;
  bottom: 20px;
  background: url(../images/golf-shadow.png) no-repeat center / cover;
  animation: shrink 2s ease-in-out infinite;
  -webkit-animation: shrink 2s ease-in-out infinite;
  -moz-animation: shrink 2s ease-in-out infinite;
  -o-animation: shrink 2s ease-in-out infinite;
}
.number {
  font-size: 76px;
  color: #ffffff;
  font-family: 'Adobe songti';
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
@-webkit-keyframes roll {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -moz-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -moz-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
/*阴影的动画*/
@-webkit-keyframes shrink {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  65% {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    -moz-transform: scale(0.6);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
  }
}
.container {
  width: 81.25%;
  margin: 0 auto;
  padding: 0;
}
/*more*/
.btn {
  width: 160px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #ffa32c;
  color: #fff;
  font-family: "Arial";
  display: block;
  margin-top: 5.8%;
  margin-left: 1px;
  overflow: hidden;
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
}
.btn span {
  position: relative;
  z-index: 2;
}
.btn:after {
  content: "";
  width: 200px;
  height: 200px;
  background: #fb8e02;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  margin-left: -100px;
  z-index: 1;
  transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.btn:hover:after {
  transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}
/*header*/
.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  height: 138px;
  line-height: 138px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}
.header .fl {
  margin-left: 184px;
}
.header .logo {
  margin-top: 50px;
  display: block;
  line-height: 1;
}
.header .fr {
  margin-right: 153px;
}
.stock {
  line-height: 24px;
}
.nav-btn {
  width: 49px;
  height: 26px;
  cursor: pointer;
  margin-top: 56px;
  position: relative;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  z-index: 99999;
}
.bar {
  position: absolute;
  height: 2px;
  width: 100%;
  display: block;
  position: relative;
  background-color: #fff;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.bar:nth-of-type(1) {
  top: 0;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0.1s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
}
.bar:nth-of-type(2) {
  top: 12px;
  -moz-transition: ease 0.3s 0.3s;
  -o-transition: ease 0.3s 0.3s;
  -webkit-transition: ease 0.3s;
  -webkit-transition-delay: 0.3s;
  transition: ease 0.3s 0.3s;
}
.bar:nth-of-type(3) {
  top: 24px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0.1s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
}
.nav-btn:hover .bar:nth-of-type(2) {
  width: 100%;
  transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
.nav-btn.open {
  -moz-transition: -moz-transform 0.3s ease 0.5s;
  -o-transition: -o-transform 0.3s ease 0.5s;
  -webkit-transition: -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0.5s;
  transition: transform 0.3s ease 0.5s;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-btn.open .bar:nth-of-type(1) {
  top: 7px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s;
  -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.1s, 0.5s;
  transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s;
}
.nav-btn.open .bar:nth-of-type(2) {
  opacity: 0;
}
.nav-btn.open .bar:nth-of-type(3) {
  top: 5px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s;
  -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.1s, 0.5s;
  transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s;
}
.menu {
  position: fixed;
  padding: 0 60px;
  right: -120%;
  top: 0;
  height: 100%;
  background: #fff;
  z-index: 10000;
  width: 260px;
  transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
}
.menu .close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #c7c7c7;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.menu .close:hover {
  color: #071d49;
}
.menu .main-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.menu ul li {
  border-bottom: 1px solid #dbdbdb;
}
.menu ul li > a {
  width: 135px;
  height: 60px;
  line-height: 60px;
  display: block;
  height: 100%;
  width: 100%;
  color: #071d49;
  font-size: 15px;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.menu ul li .icon {
  font-size: 13px;
  color: #c7c7c7;
  float: right;
  padding-right: 5px;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.menu ul li:hover > a {
  color: #ffa32c;
}
.menu ul li:hover .icon {
  padding-right: 0;
  color: #ffa32c;
}
.menu dl {
  padding: 10% 0;
  border-top: 1px solid #dbdbdb;
  display: none;
}
.menu dl dd a {
  display: block;
  color: #071d49;
  font-size: 12px;
  line-height: 40px;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.menu dl dd a:hover {
  color: #ffa32c;
}
.menu.show {
  right: 0;
}
.lang {
  margin: 30px auto 0;
}
.lang a {
  line-height: 30px;
  font-size: 14px;
  display: inline-block;
  color: #666666;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.lang a:first-child:after {
  content: '/';
  font-size: 18px;
  line-height: 30px;
  color: #666;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.lang a:hover {
  color: #071d49;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.main-tit {
  margin-bottom: 92px;
}
.main-tit .en {
  font-size: 45px;
  color: #363636;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'ACaslonPro';
}
.main-tit .line {
  width: 54px;
  height: 1px;
  background: #363636;
  margin: 30px 0;
}
.main-tit .cn {
  font-size: 16px;
  color: #ffa32c;
  line-height: 1;
}
.con {
  color: #666;
  font-size: 14px;
  line-height: 26px;
}
.more {
  display: block;
  z-index: 9999;
  width: 140px;
  height: 38px;
  border: 1px solid #ffa32c;
  text-align: center;
  line-height: 38px;
  font-size: 12px;
  color: #ffa32c;
  font-family: Arial;
  position: relative;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.more span {
  right: -32px;
  position: absolute;
  width: 52px;
  height: 1px;
  background: #ffa32c;
  top: 50%;
  margin-top: -0.5px;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.more span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: -1px;
  top: -2.5px;
  border-width: 3px 0 3px 3px;
  border-style: solid;
  border-color: transparent transparent transparent #ffa32c;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.more:hover {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  padding-left: 10px;
}
.more:hover span {
  right: -42px;
  background: #000;
}
.more:hover span:after {
  border-color: transparent transparent transparent #000;
}
.banner {
  position: relative;
}
/*标题*/
.inner-tit {
  text-align: center;
}
.inner-tit .en {
  color: #929292;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Adobe songti", "宋体";
}
.inner-tit .en:after {
  content: "";
  width: 80px;
  height: 1px;
  display: block;
  margin: 1.042% auto;
  background: -webkit-linear-gradient(left, transparent, #ffa32d, transparent);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, transparent, #ffa32d, transparent);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, transparent, #ffa32d, transparent);
  /* Firefox 4.6 - 15 */
  background: linear-gradient(to right, transparent, #ffa32d, transparent);
  /* 标准的语法（必须放在最后） */
}
.inner-tit .cn {
  font-size: 20px;
  color: #929292;
  line-height: 1;
}
@media (max-width: 1750px) {
  .inner-tit .en {
    font-size: 44px;
  }
}
@media (max-width: 1680px) {
  .inner-tit .en {
    font-size: 42px;
  }
  .inner-tit .cn {
    font-size: 18px;
  }
  #vbrandvideo {
    width: 64.829%;
  }
}
@media (max-width: 1560px) {
  .inner-tit .en {
    font-size: 36px;
  }
  .inner-tit .cn {
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .inner-tit .en {
    font-size: 36px;
  }
  .inner-tit .cn {
    font-size: 16px;
  }
  #vbrandvideo {
      width: 72.829%;
  }
}
@media (max-width: 1200px) {
  .inner-tit .en {
    font-size: 30px;
  }
  #vbrandvideo {
      width: 77.829%;
  }
}
@media (max-width: 1000px) {
  .inner-tit .en {
    font-size: 26px;
  }
}
@media (max-width: 992px) {
  #vbrandvideo {
      width: 86%;
  }
}
@media (max-width: 768px) {
  .inner-tit .en {
    font-size: 22px;
  }
  .inner-tit .cn {
    font-size: 15px;
  }
  #vbrandvideo {
    margin: 0 auto;
      width: 90%;
  }
}
@media (max-width: 480px) {
  .inner-tit .en {
    font-size: 20px;
  }
  .inner-tit .cn {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .inner-tit .cn {
    font-size: 12px;
    padding-top: 5px;
  }
}
/*footer*/
.footer {
  padding-top: 3.646%;
  background: #f4f4f4;
}
.footer .contact-list a,
.contact-con .contact-list a {
  display: inline-block;
  position: relative;
}
.footer .contact-list a span,
.contact-con .contact-list a span {
  font-size: 26px;
  color: #2c3e64;
  border-radius: 100%;
  border: 1px solid #1c3e64;
  padding: 8px;
}
.footer .contact-list .code,
.contact-con .contact-list .code {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  top: -120px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.footer .contact-list .code img,
.contact-con .contact-list .code img {
  width: 120px;
  height: 120px;
}
.footer .contact-list a:hover .code,
.contact-con .contact-list a:hover .code {
  top: -130px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.footer-menu {
  font-size: 0;
}
.footer-menu ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 38px;
}
.footer-menu ul li.m-link{
  display: none;
}
.footer-menu ul li:last-child {
  margin-right: 0;
}
.footer-menu ul li > div {
  font-size: 16px;
  color: #071d49;
  line-height: 1;
  margin-bottom: 50px;
}
.footer-menu ul li > div a {
  color: #071d49;
  display: block;
  width: 100%;
  height: 100%;
}
.footer-menu dd a {
  font-size: 14px;
  color: #071d49;
  line-height: 32px;
}
.footer-contact > div {
  font-size: 22px;
  color: #071d49;
  margin-bottom: 48px;
  line-height: 1;
  text-align: right;
}
.footer-top {
  padding-bottom: 3.4895%;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
}
.footer-top:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #071d49;
  left: 0;
  top: 45px;
  display: block;
  position: absolute;
}
.footer-bottom {
  height: 60px;
  line-height: 60px;
}
.bottom-menu a {
  font-size: 12px;
  color: #666666;
}
.bottom-menu a:after {
  content: "|";
  margin: 0 8px;
}
.bottom-menu a:last-child:after {
  display: none;
}
.copyright {
  color: #666666;
  font-size: 12px;
  text-align: center;
}
.copyright a {
  color: #666666;
}
.footer a {
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.footer a:hover {
  color: #ff9000;
}
/*search*/
.search {
  width: 200px;
  line-height: 35px;
  position: relative;
  height: 35px;
  float: right;
  background: #fff;
}
.search:-moz-placeholder {
  color: #9da3af;
}
.search::-moz-placeholder {
  color: #9da3af;
}
.search:-ms-input-placeholder {
  color: #9da3af;
}
.search::-webkit-input-placeholder {
  color: #9da3af;
}
.search input {
  width: 200px;
  height: 35px;
  border: none;
  outline: none;
  padding-left: 10px;
  padding-right: 55px;
  background: #fff
}
.search button {
  position: absolute;
  cursor: pointer;
  right: 0px;
  top: 0;
  width: 55px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #071d49;
}
.search .icon-search {
  color: #fff;
}
@media (max-width: 1750px) {
  .footer-menu ul li {
    margin-right: 35px;
  }
  .footer-menu ul li:last-child {
    margin-right: 0;
  }
  .footer-contact > div {
    font-size: 20px;
  }
}
@media (max-width: 1680px) {
  .header .logo {
    margin-top: 40px;
  }
  .footer-contact > div {
    font-size: 18px;
  }
  .nav-btn {
    margin-top: 50px;
  }
  .btn {
    width: 140px;
    height: 38px;
    line-height: 38px;
  }
}
@media (max-width: 1560px) {
  .footer-contact > div {
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .btn {
    width: 120px;
    height: 35px;
    line-height: 35px;
  }
  
  .footer-contact > div {
    font-size: 16px;
  }
  .footer .container {
    padding: 0;
  }
  .footer-top:after {
    top: 35px;
  }
  .footer-menu ul li > div {
    margin-bottom: 40px;
  }
  .footer-contact > div {
    margin-bottom: 43px;
  }
  .contact-list img {
    width: 42px;
    height: 42px;
  }
  .header .fl {
    margin-left: 50px;
  }
  .header .fr {
    margin-right: 50px;
  }
  .nav-btn {
    width: 40px;
    height: 20px;
  }
  .bar:nth-of-type(2) {
    top: 9px;
  }
  .bar:nth-of-type(3) {
    top: 18px;
  }
}
@media (max-width: 1360px) {
  .footer-menu ul li {
    margin-right: 25px;
  }
}
@media (max-width: 1280px) {
  .footer-menu ul li {
    margin-right: 20px;
  }  
  .footer-menu ul li:last-child {
    margin-right: 0;
  }
  .footer-menu ul li > div, .footer-contact > div{
    font-size: 15px;
  }

}
@media (max-width: 1200px) {
  .footer-contact > div,.footer-contact > div {
    font-size: 15px;
  }
  .footer-menu dd a{
    font-size: 13px;
  }

  .contact-list img {
    width: 36px;
    height: 36px;
  }
  .footer .container {
    width: 86%;
  }
  .more_button{
    margin-top: 4.5%
  }
}
@media (max-width: 1080px) {
  .footer .container {
    width: 88%;
  }
  .footer-menu ul li > div {
    font-size: 14px;
    margin-bottom: 35px;
  } 
  .footer-contact > div {
    margin-bottom: 38px;
  }
  .footer-menu ul li {
    margin-right: 15px;
  }
  .footer-menu ul li:last-child {
    margin-right: 0;
  }
  .footer-bottom {
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 992px) {
  .footer-menu,
  .footer-contact {
    width: 100%;
    float: none;
  }
  .footer-menu ul li {
    width: 12.5%;
    margin: 0;
    text-align: center;
  }
  .contact-list {
    text-align: left;
  }
  .contact-list a {
    margin-left: 0;
    margin-right: 20px;
  }
  .footer-contact > div {
    margin-bottom: 20px;
    text-align: left;
  }
  .footer-contact {
    margin-top: 5%;
    display: block;
  }
  .footer-contact > div.contact-list {
    margin-bottom: 0px;
  }
  .footer-bottom {
    height: auto;
    line-height: normal;
  }
  .footer-top {
    border-bottom: none;
    padding-bottom: 20px;
  }
  .bottom-menu {
    float: none;
    display: block;
    margin-bottom: 4%;
  }
  .search {
    float: left;
  }
  .copyright {
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: none;
    width: 100%;
    display: block;
    border-top: 1px solid #d1d1d1;
  }
}
@media (max-width: 768px) {
  .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
  .footer-contact > div {
    margin-bottom: 15px;
  }
  .header .logo {
    margin-top: 5px;
  }
  .nav-btn {
    margin-top: 20px;
  }
  .header {
    height: 60px;
    line-height: 60px;
    background: #fff;
    position: relative;
  }
  .logo img {
    height: 50px;
  }
  .product .header {
    position: absolute;
    background: transparent;
  }
  .bar {
    background: #333;
  }
  .nav-btn,
  .bar:nth-of-type(2) {
    width: 35px;
  }
  .stock {
    display: none;
  }
  .header .fl {
    margin-left: 30px;
  }
  .header .fr {
    margin-right: 30px;
  }
  .footer-contact > div {
    font-size: 16px;
  }
  .footer .container {
    width: 90%;
  }
  .footer-top:after {
    display: none;
  }
  .footer-menu ul li {
    width: 100%;
    text-align: left;
  }
  .footer-menu ul li.pc-link{
    display: none;
  }
  .footer-menu ul li.m-link{
    display: block;
  }
  .footer-menu {
    display: block;
    margin-bottom: 5%;
  }
  .footer-menu ul li > div {
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    font-size: 16px;
    position: relative;
    border-bottom: 1px solid #66738d;
  }
  .footer-menu dl {
    display: none;
  }
  .footer-menu dl dd a {
    height: 45px;
    line-height: 45px;
    display: block;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 10px;
  }
  .footer-menu ul li > div::after {
    content: "";
    width: 7px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../images/right-icon.png) no-repeat;
    margin-top: -6.5px;
  }
  .footer-contact > div {
    margin-bottom: 23px;
  }
  .contact-list img {
    width: 32px;
    height: 32px;
  }
  .footer-top {
    padding-bottom: 15px;
  }
  .contact-list a {
    margin-right: 10px;
  }
  .copyright {
    height: auto;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-height: 768px) {
  .menu ul li {
    width: 115px;
  }
  .menu .contact {
    margin-top: 35px;
  }
  .menu ul li a {
    font-size: 14px;
  }
  .menu {
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  .footer-contact > div {
    margin-bottom: 15px;
  }
  .header {
    height: 50px;
    line-height: 50px;
  }
  .logo img {
    height: 40px;
  }
  .bar:nth-of-type(2),
  .nav-btn {
    width: 30px;
  }
  .nav-btn {
    margin-top: 15px;
  }
  .bar {
    height: 1px;
  }
  .footer-menu ul li > div::after {
    width: 4px;
    height: 7px;
    margin-top: -3.5px;
    background-size: 100%;
  }
  .footer-menu ul li > div {
    font-size: 14px;
  }
  .footer-menu {
    margin-bottom: 30px;
  }
  .footer-contact > div {
    font-size: 14px;
  }
  .nav-btn {
    margin-top: 20px;
  }
  .header .fl {
    margin-left: 35px;
  }
  .header .fr {
    margin-right: 35px;
  }
  .menu {
    padding: 0 50px;
    width: 195px;
  }
  .page .pagination li {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0 2.5px;
  }
  .page .pagination li:first-child,
  .page .pagination li:last-child {
    width: 55px;
  }
  .footer-menu ul li > div {
    height: 45px;
    line-height: 45px;
  }
}
@media (max-width: 375px) {
  .footer-menu ul li > div::after {
    background-size: 100%;
    width: 3px;
    height: 5px;
    margin-top: -2.5px;
  }
  .footer-menu ul li > div {
    font-size: 12px;
  }
  .footer-menu ul li > div {
    height: 40px;
    line-height: 40px;
  }
  .bottom-menu a {
    font-size: 12px;
  }
}