﻿html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: inherit;line-height: 1.3;}
small{font-size:100%;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font: 14px/24px "Microsoft YaHei","微软雅黑",\5FAE\8F6F\96C5\9ED1, arial, sans-serif, \5b8b\4f53;outline:0;}
html{background-color:#FFF; overflow-x: hidden;}
body{background-color:#FFF;position:relative;width:100%;margin:0 auto;min-width:1200px;max-width: 1920px;  left: 0;  overflow: hidden;}
/*a,a:hover{color:#333;-webkit-transition: all 400ms;transition: all 400ms;}*/
/*a:hover{color:#303860;}*/
img{display:block; border:0 none;max-width: 100%;}

p img{display: inline-block;}
strong{
    display: block;
}
p{
    text-align: justify;
    font-size: 14px;
    line-height: 1.5;
}
a{
    display: block;
    color: inherit;
    text-decoration: none;
}
*{
    box-sizing: border-box;
}
#bsWXBox {
    box-sizing: content-box;
}
.clear-float:after{
    content: "";
    display: block;
    clear: both;
}

.auto{
     width: 1280px;
     margin: 0 auto;
     position: relative;
}

.fL{float: left;}
.fR{float: right;}


input,button{
   outline:none;
    border: none;
    background-color: transparent;
}
input[type="checkbox"]{vertical-align: -2px;margin-right: 4px;}

/*占位符*/

input::-webkit-input-placeholder {  color: #999999; }
input:-moz-placeholder {  color: #999999; }
input::-moz-placeholder {  color: #999999; }
input:-ms-input-placeholder {  color: #999999; }

textarea::-webkit-input-placeholder {  color: #999999; }
textarea:-moz-placeholder {  color: #999999; }
textarea::-moz-placeholder {  color: #999999; }
textarea:-ms-input-placeholder {  color: #999999; }


.vsImg{
    overflow: hidden;
}
.vsImg .vImg{
    overflow: hidden;
}
.vsImg img{
    width: 100%;
    transition: transform 1.6s ease;
}
.vsImg:hover img{
    transform: scale(1.06);
}

@-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .clearfix:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
}

@-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      transform: translateY(-50px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
/*滚动条样式*/
/*::-webkit-scrollbar {!*滚动条整体样式*!*/
     /*width: 8px;     !*高宽分别对应横竖滚动条的尺寸*!*/
/*}*/
/*::-webkit-scrollbar-thumb {!*滚动条里面小方块*!*/
     /*border-radius: 3px;*/
     /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    /*background-color: #7d7d7d;*/
/*}*/
/*::-webkit-scrollbar-track {!*滚动条里面轨道*!*/
     /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
     /*border-radius: 0;*/
    /*background-color: #f0f0f0;*/
/*}*/

body::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    /*background-color:rgba(210, 210, 210, 0.48);*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
body::-webkit-scrollbar-thumb{
    background-color: #cbcbcb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

::-webkit-scrollbar{
    width: 2px;
    height: 2px;
    /*background-color:rgba(210, 210, 210, 0.48);*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
::-webkit-scrollbar-thumb{
    background-color: rgba(97, 97, 97, 0.4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

#index_slider .bd ul {
    overflow: hidden;
}


@font-face {
    font-family: 'BRANDON_BLD';
    src: url('../font/BRANDON_BLD_1.eot');
    src: url('../font/BRANDON_BLD_1.otf')format('otf'),
    url('../font/BRANDON_BLD_1.eot?#iefix') format('embedded-opentype'),
    url('../font/BRANDON_BLD_1.woff') format('woff'),
    url('../font/BRANDON_BLD_1.woff2') format('woff2'),
    url('../font/BRANDON_BLD_1.ttf') format('truetype'),
    url('../font/BRANDON_BLD_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_LIGHT';
    src: url('../font/BRANDON_LIGHT_1.eot');
    src: url('../font/BRANDON_LIGHT_1.otf')format('otf'),
    url('../font/BRANDON_LIGHT_1.eot?#iefix') format('embedded-opentype'),
    url('../font/BRANDON_LIGHT_1.woff') format('woff'),
    url('../font/BRANDON_LIGHT_1.woff2') format('woff2'),
    url('../font/BRANDON_LIGHT_1.ttf') format('truetype'),
    url('../font/BRANDON_LIGHT_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../font/MONTSERRAT-REGULAR_8.eot');
    src: url('../font/MONTSERRAT-REGULAR_8.otf')format('otf'),
    url('../font/MONTSERRAT-REGULAR_8.eot?#iefix') format('embedded-opentype'),
    url('../font/MONTSERRAT-REGULAR_8.woff') format('woff'),
    url('../font/MONTSERRAT-REGULAR_8.woff2') format('woff2'),
    url('../font/MONTSERRAT-REGULAR_8.ttf') format('truetype'),
    url('../font/MONTSERRAT-REGULAR_8.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TRAJANPRO-BOLD';
    src: url('../font/TRAJANPRO-BOLD.eot');
    src: url('../font/TRAJANPRO-BOLD.otf')format('otf'),
    url('../font/TRAJANPRO-BOLD.eot?#iefix') format('embedded-opentype'),
    url('../font/TRAJANPRO-BOLD.woff') format('woff'),
    url('../font/TRAJANPRO-BOLD.woff2') format('woff2'),
    url('../font/TRAJANPRO-BOLD.ttf') format('truetype'),
    url('../font/TRAJANPRO-BOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TRAJANPRO-REGULAR';
    src: url('../font/TRAJANPRO-REGULAR.eot');
    src: url('../font/TRAJANPRO-REGULAR.otf')format('otf'),
    url('../font/TRAJANPRO-REGULAR.eot?#iefix') format('embedded-opentype'),
    url('../font/TRAJANPRO-REGULAR.woff') format('woff'),
    url('../font/TRAJANPRO-REGULAR.woff2') format('woff2'),
    url('../font/TRAJANPRO-REGULAR.ttf') format('truetype'),
    url('../font/TRAJANPRO-REGULAR.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MONTSERRAT-HAIRLINE';
    src: url('../font/MONTSERRAT-HAIRLINE.eot');
    src: url('../font/MONTSERRAT-HAIRLINE.otf')format('otf'),
    url('../font/MONTSERRAT-HAIRLINE.eot?#iefix') format('embedded-opentype'),
    url('../font/MONTSERRAT-HAIRLINE.woff') format('woff'),
    url('../font/MONTSERRAT-HAIRLINE.woff2') format('woff2'),
    url('../font/MONTSERRAT-HAIRLINE.ttf') format('truetype'),
    url('../font/MONTSERRAT-HAIRLINE.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'trajanProBold';
    src: url('../font/trajanProBold.eot');
    src: url('../font/trajanProBold.otf')format('otf'),
    url('../font/trajanProBold.eot?#iefix') format('embedded-opentype'),
    url('../font/trajanProBold.woff') format('woff'),
    url('../font/trajanProBold.woff2') format('woff2'),
    url('../font/trajanProBold.ttf') format('truetype'),
    url('../font/trajanProBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*=======================*/
/*tab 切换*/
.z-ovs-dt li{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*tab 切换  cube  */
.z-ovs-ddWrap.z-cube{
    overflow: visible;
}
.z-ovs-ddWrap.z-cube .z-ovs-dd{
    position: relative;
    overflow: visible;
    transform-style: preserve-3d;

    /*perspective: 500;*/
    /*-webkit-perspective: 500;*/

    -webkit-transform: rotateY(0deg) rotateX(0deg) ;
    -moz-transform: rotateY(0deg) rotateX(0deg) ;
    -ms-transform: rotateY(0deg) rotateX(0deg) ;
    -o-transform: rotateY(0deg) rotateX(0deg) ;
    transform: rotateY(0deg) rotateX(0deg) ;

    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;

    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.z-ovs-ddWrap.z-cube .z-ovs-dd>div{
    position: absolute;
    top:0;
    left: 0;
}

/*弹窗*/
.pop-wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}
.pop-wrap var{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.pop-wrap .pop-cont{
    width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}