/*  */
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,a, th, td{padding: 0; color: #765816; font-family: 'Microsoft YaHei'; margin: 0;  -webkit-text-size-adjust: none;-webkit-appearance: none; letter-spacing: .2em;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, strong, th, var{font-weight: normal; font-style: normal;}
ol, ul{list-style: none;}
caption, th{text-align: left;}
a{ text-decoration: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;}
body,html{ height: 100%; background-color: #ffffff;}
div{font: 0/1.5em 'Microsoft YaHei';}
.cf:after,
.cf:before{ content: ''; display: table; }
.cf:after{ clear: both; }
.cf{ zoom:1; }
.fl{float: left; display: inline;}
.fr{display: inline-block;float: left;}
.dis_none{ display: none;}
.pos-a{ position: absolute;}
.overHidden{overflow: hidden;}
section{ overflow: hidden;}
/*公用*/
.warp{ width: 1180px; margin: 0 auto; height: 100%;}
.page{ -o-transition: all 0ms; transition: all 0ms; -webkit-transition: all 0ms; }
.colorLine{ width: 100%; height: 2px;}
.colorLine>div{ width: 25%; float: left; height: 2px;}
.colorLine>div:nth-of-type(1){background-color: #f7a405}
.colorLine>div:nth-of-type(2){background-color: #0782ed}
.colorLine>div:nth-of-type(3){background-color: #da251d}
.colorLine>div:nth-of-type(4){background-color: #80d414}
/*头部*/
@keyframes headerAnim {
    0%{ background-position: 0 0}
    100%{ background-position: 1440px 0}
}
@-webkit-keyframes headerAnim {
    0%{ background-position: 0 0}
    100%{ background-position: 1440px 0}
}
.header { z-index: 11; -o-transition: all 200ms; transition: all 200ms; -webkit-transition: all 200ms; height: 114px; background: rgba(0,0,0,.6); position: fixed;top: 0; left: 0; width: 100%; border-top: solid 1px #000;}
.header:after{ animation:headerAnim 5s infinite linear;-webkit-animation:headerAnim 5s infinite linear;   width: 100%; background: url("../images/line.png") repeat-x bottom center; position: absolute; left: 0; bottom: 0; height: 3px;  display: block; content: "";  }
.logoBox{ -o-transition: all 200ms; transition: all 200ms; -webkit-transition: all 200ms; height: 114px; width: 190px;
display: flex;
align-items: center;  }
.logoBox>div{
    width: 190px; height: 62px;
    background: url(../images/logo1.png) no-repeat center;
    background-size: 100% 100%;
  }
  /* background: url("../images/logo1.png") no-repeat center; width: 190px; height: 62px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; */
.logoBox>p{ font-size: 12px; line-height: 24px; text-align: center; color:#a28d7a;letter-spacing:0.05em;}
.nav{ height: 100%;}
.nav>a,.nav>i{position: relative; font-family: "Microsoft YaHei"; -o-transition: all 200ms; transition: all 200ms; -webkit-transition: all 200ms;font-style:normal;width:132px; font-size:18px; color: #be9c50;  line-height: 114px; height: 100%; text-align: center; float: left; }
.nav>a:hover,.nav>i:hover,.nav>i>em>a:hover,.nav>a.activate{ background: rgba(0,0,0,.7); color: #ffe4a8; }
.warp{ position: relative;}
.nav>i:after{ position: absolute; width: 0; height: 0; content: ""; display: block;  border: solid 7px transparent;  border-top: solid 7px #be9c50; top: 47%;  right: 8px;}
.nav>i:hover:after{-o-transition: all 300ms;transition: all 300ms; -webkit-transition: all 300ms;   border: solid 7px transparent;  border-bottom: solid 7px #be9c50; top:40%;  }
body .nav .loginBtn{letter-spacing: 0 !important;   -o-transition: all 200ms;   transition: all 200ms; -webkit-transition: all 200ms;cursor: pointer; margin-left: 30px;  font-size: 18px; width:76px; height: 36px;  line-height: 36px !important; margin-top: 38px; text-align: center; border: solid 1px #be9c50; color:#be9c50;display: inline-block; *display: inline;zoom:1; padding: 0 20px; border-radius: 5px; }
body .nav .loginBtn:hover{ color: #ffe4a8; border: solid 1px #ffe4a8; }
.nav>i>em{ -o-transition: all 200ms; transition: all 200ms; -webkit-transition: all 200ms; position: absolute; width: 100%; left: 0; top: 114px; overflow: hidden; height: 0;}
.nav>i:hover>em{  height: 245px;}

.nav>i>em>a{cursor:pointer;color: #be9c50;  display: block; width: 100%; height: 60px; text-align: center; line-height: 60px;background: rgba(0,0,0,.6); }
.header.small{ height:70px;background: rgba(0,0,0,.9);}
.small .nav>i>em{ top: 70px; }
.small .logoBox{ height:70px; -ms-transform: scale(.6); transform: scale(.6);-webkit-transform: scale(.6); padding-top: 2px;}
.small .nav>a,.small .nav>i{font-size: 16px; height: 70px; line-height: 70px;}
.small .logoBox>p{display: none;}
body .small .nav .loginBtn{ height:30px; line-height: 30px !important; font-size: 16px;  margin-top: 19px; /*display: -webkit-box; display: -ms-flexbox; display: flex;*/-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}



/*banner*/
.banner{ width: 100%; height: 500px; position: relative;}
.bannerList{ width: 100%; height: 100%; position: relative; background: #000; overflow: hidden;}
.bannerList li{pointer-events: none; width: 100%; left: 0;opacity: 0; z-index: 8; overflow: hidden;  height: 100%; position: absolute; top: 0; background-size: cover; background-position: center;}
.bannerList li .bannerBg{ /*background-attachment: fixed;*/width: 100%; height: 100%;  /*background-size: cover;*/ background-position: center;background-repeat: no-repeat;background-color: #fff}
.bannerList li img{ display: block;}
.bannerList li.current{ opacity: 1;pointer-events: auto; z-index: 9}
/*.bannerList li.on{transform: translateX(0%);-webkit-transform: translateX(0%);}*/
/*.bannerList li.on .bannerBg{ }*/

.slideBtn{ text-align: center; width: 100%; position: absolute; bottom: 40px; left: 0; z-index: 10 }
.slideBtn li { cursor: pointer; border-radius: 8px; width:6px; height: 36px; display: inline-block; *display: inline; zoom:1; background: rgba(0,0,0,0.2);  margin: 0 5px; -o-transition: all 300ms; transition: all 300ms; -webkit-transition: all 300ms;; }
.slideBtn li.on {  background: #be9c50;  }

.banner11{ position: absolute; left: 50%; top: 50%; margin-left:-434px; margin-top: -91px; }
.banner12{ position: absolute; left: 50%; top: 50%; margin-left:-390px; margin-top: -210px; }
.banner13{ position: absolute; left: 50%; top: 50%; margin-left:-426px; margin-top: -260px; }
.loginBox{text-align: center; position: absolute; top: 70%;  width: 100%;}
.loginBox a{ cursor: pointer; -o-transition: .3s all; transition: .3s all; -webkit-transition: .3s all; width: 145px; height: 36px; margin: 0 30px; border:2px solid #4d504f; color: #4d504f; font: bold 20px/34px "Microsoft YaHei"; text-align: center; display: inline-block; *display: inline;zoom:1;   }
.loginBox a:hover{ background-color: rgba(255,255,255,.4)}
.fourPoint{ margin-top:145px; height: 102px;border-bottom:1px solid #ffe4a8; }
.fourPoint dl{ float: left; width: 209px; padding-left: 86px;}
.fourPoint dl dt{float: left; width: 74px; height: 74px; margin-left: -86px;}
.fourPoint dl dt img{ width: 100%; height: 100%}
.fourPoint dl dd h3{-o-transition: all 300ms;transition: all 300ms;-webkit-transition: all 300ms; font-size: 18px;letter-spacing:1px;  line-height: 20px; padding-top: 7px; color:#765816; margin-bottom: 5px; }
.fourPoint dl dd p{-o-transition: all 300ms;transition: all 300ms;-webkit-transition: all 300ms;letter-spacing:3px;  font-size: 14px; line-height: 16px; color:#765816; }

@keyframes ic1 {
    0%{ background-position:0 0;}
    5.3%{ background-position:-74px 0; }
    10.6%{ background-position:-148px 0; }
    15.9%{ background-position:-222px 0; }
    21.2%{ background-position:-296px 0; }
    26.5%{ background-position:-370px 0; }
    31.8%{ background-position:-444px 0; }
    37.1%{ background-position:-518px 0; }
    42.4%{ background-position:-592px 0; }
    47.7%{ background-position:-666px 0; }
    53%{ background-position:-740px 0; }
    58.3%{ background-position:-814px 0; }
    63.6%{ background-position:-888px 0; }
    68.9%{ background-position:-962px 0; }
    74.2%{ background-position:-1036px 0; }
    79.5%{ background-position:-1110px 0; }
    84.8%{ background-position:-1184px 0; }
    90.1%{ background-position:-1258px 0; }
    95.4%{ background-position:-1332px 0; }
    100%{  background-position:-1406px 0;  }
}
@-webkit-keyframes ic1 {
    0%{ background-position:0 0;}
    5.3%{ background-position:-74px 0; }
    10.6%{ background-position:-148px 0; }
    15.9%{ background-position:-222px 0; }
    21.2%{ background-position:-296px 0; }
    26.5%{ background-position:-370px 0; }
    31.8%{ background-position:-444px 0; }
    37.1%{ background-position:-518px 0; }
    42.4%{ background-position:-592px 0; }
    47.7%{ background-position:-666px 0; }
    53%{ background-position:-740px 0; }
    58.3%{ background-position:-814px 0; }
    63.6%{ background-position:-888px 0; }
    68.9%{ background-position:-962px 0; }
    74.2%{ background-position:-1036px 0; }
    79.5%{ background-position:-1110px 0; }
    84.8%{ background-position:-1184px 0; }
    90.1%{ background-position:-1258px 0; }
    95.4%{ background-position:-1332px 0; }
    100%{  background-position:-1406px 0;  }
}
@keyframes ic2 {
    0%{ background-position:0 -74px;}
    5.3%{ background-position:-74px -74px; }
    10.6%{ background-position:-148px -74px; }
    15.9%{ background-position:-222px -74px; }
    21.2%{ background-position:-296px -74px; }
    26.5%{ background-position:-370px -74px; }
    31.8%{ background-position:-444px -74px; }
    37.1%{ background-position:-518px -74px; }
    42.4%{ background-position:-592px -74px; }
    47.7%{ background-position:-666px -74px; }
    53%{ background-position:-740px -74px; }
    58.3%{ background-position:-814px -74px; }
    63.6%{ background-position:-888px -74px; }
    68.9%{ background-position:-962px -74px; }
    74.2%{ background-position:-1036px -74px; }
    79.5%{ background-position:-1110px -74px; }
    84.8%{ background-position:-1184px -74px; }
    90.1%{ background-position:-1258px -74px; }
    95.4%{ background-position:-1332px -74px; }
    100%{  background-position:-1406px -74px;  }
}
@-webkit-keyframes ic2 {
    0%{ background-position:0 -74px;}
    5.3%{ background-position:-74px -74px; }
    10.6%{ background-position:-148px -74px; }
    15.9%{ background-position:-222px -74px; }
    21.2%{ background-position:-296px -74px; }
    26.5%{ background-position:-370px -74px; }
    31.8%{ background-position:-444px -74px; }
    37.1%{ background-position:-518px -74px; }
    42.4%{ background-position:-592px -74px; }
    47.7%{ background-position:-666px -74px; }
    53%{ background-position:-740px -74px; }
    58.3%{ background-position:-814px -74px; }
    63.6%{ background-position:-888px -74px; }
    68.9%{ background-position:-962px -74px; }
    74.2%{ background-position:-1036px -74px; }
    79.5%{ background-position:-1110px -74px; }
    84.8%{ background-position:-1184px -74px; }
    90.1%{ background-position:-1258px -74px; }
    95.4%{ background-position:-1332px -74px; }
    100%{  background-position:-1406px -74px;  }
}
@keyframes ic3 {
    0%{ background-position:0 -148px;}
    5.3%{ background-position:-74px -148px; }
    10.6%{ background-position:-148px -148px; }
    15.9%{ background-position:-222px -148px; }
    21.2%{ background-position:-296px -148px; }
    26.5%{ background-position:-370px -148px; }
    31.8%{ background-position:-444px -148px; }
    37.1%{ background-position:-518px -148px; }
    42.4%{ background-position:-592px -148px; }
    47.7%{ background-position:-666px -148px; }
    53%{ background-position:-740px -148px; }
    58.3%{ background-position:-814px -148px; }
    63.6%{ background-position:-888px -148px; }
    68.9%{ background-position:-962px -148px; }
    74.2%{ background-position:-1036px -148px; }
    79.5%{ background-position:-1110px -148px; }
    84.8%{ background-position:-1184px -148px; }
    90.1%{ background-position:-1258px -148px; }
    95.4%{ background-position:-1332px -148px; }
    100%{  background-position:-1406px -148px;  }
}
@-webkit-keyframes ic3 {
    0%{ background-position:0 -148px;}
    5.3%{ background-position:-74px -148px; }
    10.6%{ background-position:-148px -148px; }
    15.9%{ background-position:-222px -148px; }
    21.2%{ background-position:-296px -148px; }
    26.5%{ background-position:-370px -148px; }
    31.8%{ background-position:-444px -148px; }
    37.1%{ background-position:-518px -148px; }
    42.4%{ background-position:-592px -148px; }
    47.7%{ background-position:-666px -148px; }
    53%{ background-position:-740px -148px; }
    58.3%{ background-position:-814px -148px; }
    63.6%{ background-position:-888px -148px; }
    68.9%{ background-position:-962px -148px; }
    74.2%{ background-position:-1036px -148px; }
    79.5%{ background-position:-1110px -148px; }
    84.8%{ background-position:-1184px -148px; }
    90.1%{ background-position:-1258px -148px; }
    95.4%{ background-position:-1332px -148px; }
    100%{  background-position:-1406px -148px;  }
}
@keyframes ic4 {
    0%{ background-position:0 -222px;}
    5.3%{ background-position:-74px -222px; }
    10.6%{ background-position:-148px -222px; }
    15.9%{ background-position:-222px -222px; }
    21.2%{ background-position:-296px -222px; }
    26.5%{ background-position:-370px -222px; }
    31.8%{ background-position:-444px -222px; }
    37.1%{ background-position:-518px -222px; }
    42.4%{ background-position:-592px -222px; }
    47.7%{ background-position:-666px -222px; }
    53%{ background-position:-740px -222px; }
    58.3%{ background-position:-814px -222px; }
    63.6%{ background-position:-888px -222px; }
    68.9%{ background-position:-962px -222px; }
    74.2%{ background-position:-1036px -222px; }
    79.5%{ background-position:-1110px -222px; }
    84.8%{ background-position:-1184px -222px; }
    90.1%{ background-position:-1258px -222px; }
    95.4%{ background-position:-1332px -222px; }
    100%{  background-position:-1406px -222px;  }
}
@-webkit-keyframes ic4 {
    0%{ background-position:0 -222px;}
    5.3%{ background-position:-74px -222px; }
    10.6%{ background-position:-148px -222px; }
    15.9%{ background-position:-222px -222px; }
    21.2%{ background-position:-296px -222px; }
    26.5%{ background-position:-370px -222px; }
    31.8%{ background-position:-444px -222px; }
    37.1%{ background-position:-518px -222px; }
    42.4%{ background-position:-592px -222px; }
    47.7%{ background-position:-666px -222px; }
    53%{ background-position:-740px -222px; }
    58.3%{ background-position:-814px -222px; }
    63.6%{ background-position:-888px -222px; }
    68.9%{ background-position:-962px -222px; }
    74.2%{ background-position:-1036px -222px; }
    79.5%{ background-position:-1110px -222px; }
    84.8%{ background-position:-1184px -222px; }
    90.1%{ background-position:-1258px -222px; }
    95.4%{ background-position:-1332px -222px; }
    100%{  background-position:-1406px -222px;  }
}

@keyframes ic5 {
    0%{ background-position:0 0;}
    5.3%{ background-position:-83px 0; }
    10.6%{ background-position:-166px 0; }
    15.9%{ background-position:-249px 0; }
    21.2%{ background-position:-332px 0; }
    26.5%{ background-position:-415px 0; }
    31.8%{ background-position:-498px 0; }
    37.1%{ background-position:-581px 0; }
    42.4%{ background-position:-664px 0; }
    47.7%{ background-position:-747px 0; }
    53%{ background-position:-830px 0; }
    58.3%{ background-position:-913px 0; }
    63.6%{ background-position:-996px 0; }
    68.9%{ background-position:-1079px 0; }
    74.2%{ background-position:-1162px 0; }
    79.5%{ background-position:-1245px 0; }
    84.8%{ background-position:-1328px 0; }
    90.1%{ background-position:-1411px 0; }
    95.4%{ background-position:-1494px 0; }
    100%{ background-position:-1577px 0; }
}
@-webkit-keyframes ic5 {
    0%{ background-position:0 0;}
    5.3%{ background-position:-83px 0; }
    10.6%{ background-position:-166px 0; }
    15.9%{ background-position:-249px 0; }
    21.2%{ background-position:-332px 0; }
    26.5%{ background-position:-415px 0; }
    31.8%{ background-position:-498px 0; }
    37.1%{ background-position:-581px 0; }
    42.4%{ background-position:-664px 0; }
    47.7%{ background-position:-747px 0; }
    53%{ background-position:-830px 0; }
    58.3%{ background-position:-913px 0; }
    63.6%{ background-position:-996px 0; }
    68.9%{ background-position:-1079px 0; }
    74.2%{ background-position:-1162px 0; }
    79.5%{ background-position:-1245px 0; }
    84.8%{ background-position:-1328px 0; }
    90.1%{ background-position:-1411px 0; }
    95.4%{ background-position:-1494px 0; }
    100%{ background-position:-1577px 0; }
}
@keyframes ic6 {
    0%{ background-position:0 -83px;}
    5.3%{ background-position:-83px -83px; }
    10.6%{ background-position:-166px -83px; }
    15.9%{ background-position:-249px -83px; }
    21.2%{ background-position:-332px -83px; }
    26.5%{ background-position:-415px -83px; }
    31.8%{ background-position:-498px -83px; }
    37.1%{ background-position:-581px -83px; }
    42.4%{ background-position:-664px -83px; }
    47.7%{ background-position:-747px -83px; }
    53%{ background-position:-830px -83px; }
    58.3%{ background-position:-913px -83px; }
    63.6%{ background-position:-996px -83px; }
    68.9%{ background-position:-1079px -83px; }
    74.2%{ background-position:-1162px -83px; }
    79.5%{ background-position:-1245px -83px; }
    84.8%{ background-position:-1328px -83px; }
    90.1%{ background-position:-1411px -83px; }
    95.4%{ background-position:-1494px -83px; }
    100%{ background-position:-1577px -83px; }
}
@-webkit-keyframes ic6 {
    0%{ background-position:0 -83px;}
    5.3%{ background-position:-83px -83px; }
    10.6%{ background-position:-166px -83px; }
    15.9%{ background-position:-249px -83px; }
    21.2%{ background-position:-332px -83px; }
    26.5%{ background-position:-415px -83px; }
    31.8%{ background-position:-498px -83px; }
    37.1%{ background-position:-581px -83px; }
    42.4%{ background-position:-664px -83px; }
    47.7%{ background-position:-747px -83px; }
    53%{ background-position:-830px -83px; }
    58.3%{ background-position:-913px -83px; }
    63.6%{ background-position:-996px -83px; }
    68.9%{ background-position:-1079px -83px; }
    74.2%{ background-position:-1162px -83px; }
    79.5%{ background-position:-1245px -83px; }
    84.8%{ background-position:-1328px -83px; }
    90.1%{ background-position:-1411px -83px; }
    95.4%{ background-position:-1494px -83px; }
    100%{ background-position:-1577px -83px; }
}
@keyframes ic7 {
    0%{ background-position:0 -166px;}
    5.3%{ background-position:-83px -166px; }
    10.6%{ background-position:-166px -166px; }
    15.9%{ background-position:-249px -166px; }
    21.2%{ background-position:-332px -166px; }
    26.5%{ background-position:-415px -166px; }
    31.8%{ background-position:-498px -166px; }
    37.1%{ background-position:-581px -166px; }
    42.4%{ background-position:-664px -166px; }
    47.7%{ background-position:-747px -166px; }
    53%{ background-position:-830px -166px; }
    58.3%{ background-position:-913px -166px; }
    63.6%{ background-position:-996px -166px; }
    68.9%{ background-position:-1079px -166px; }
    74.2%{ background-position:-1162px -166px; }
    79.5%{ background-position:-1245px -166px; }
    84.8%{ background-position:-1328px -166px; }
    90.1%{ background-position:-1411px -166px; }
    95.4%{ background-position:-1494px -166px; }
    100%{ background-position:-1577px -166px; }
}
@-webkit-keyframes ic7 {
    0%{ background-position:0 -166px;}
    5.3%{ background-position:-83px -166px; }
    10.6%{ background-position:-166px -166px; }
    15.9%{ background-position:-249px -166px; }
    21.2%{ background-position:-332px -166px; }
    26.5%{ background-position:-415px -166px; }
    31.8%{ background-position:-498px -166px; }
    37.1%{ background-position:-581px -166px; }
    42.4%{ background-position:-664px -166px; }
    47.7%{ background-position:-747px -166px; }
    53%{ background-position:-830px -166px; }
    58.3%{ background-position:-913px -166px; }
    63.6%{ background-position:-996px -166px; }
    68.9%{ background-position:-1079px -166px; }
    74.2%{ background-position:-1162px -166px; }
    79.5%{ background-position:-1245px -166px; }
    84.8%{ background-position:-1328px -166px; }
    90.1%{ background-position:-1411px -166px; }
    95.4%{ background-position:-1494px -166px; }
    100%{ background-position:-1577px -166px; }
}
@keyframes ic8 {
    0%{ background-position:0 -249px;}
    5.3%{ background-position:-83px -249px; }
    10.6%{ background-position:-166px -249px; }
    15.9%{ background-position:-249px -249px; }
    21.2%{ background-position:-332px -249px; }
    26.5%{ background-position:-415px -249px; }
    31.8%{ background-position:-498px -249px; }
    37.1%{ background-position:-581px -249px; }
    42.4%{ background-position:-664px -249px; }
    47.7%{ background-position:-747px -249px; }
    53%{ background-position:-830px -249px; }
    58.3%{ background-position:-913px -249px; }
    63.6%{ background-position:-996px -249px; }
    68.9%{ background-position:-1079px -249px; }
    74.2%{ background-position:-1162px -249px; }
    79.5%{ background-position:-1245px -249px; }
    84.8%{ background-position:-1328px -249px; }
    90.1%{ background-position:-1411px -249px; }
    95.4%{ background-position:-1494px -249px; }
    100%{ background-position:-1577px -249px; }
}
@-webkit-keyframes ic8 {
    0%{ background-position:0 -249px;}
    5.3%{ background-position:-83px -249px; }
    10.6%{ background-position:-166px -249px; }
    15.9%{ background-position:-249px -249px; }
    21.2%{ background-position:-332px -249px; }
    26.5%{ background-position:-415px -249px; }
    31.8%{ background-position:-498px -249px; }
    37.1%{ background-position:-581px -249px; }
    42.4%{ background-position:-664px -249px; }
    47.7%{ background-position:-747px -249px; }
    53%{ background-position:-830px -249px; }
    58.3%{ background-position:-913px -249px; }
    63.6%{ background-position:-996px -249px; }
    68.9%{ background-position:-1079px -249px; }
    74.2%{ background-position:-1162px -249px; }
    79.5%{ background-position:-1245px -249px; }
    84.8%{ background-position:-1328px -249px; }
    90.1%{ background-position:-1411px -249px; }
    95.4%{ background-position:-1494px -249px; }
    100%{ background-position:-1577px -249px; }
}

.shopBanner{ background-color:#010201; width: 100%; position: relative; }
.bImg{ background: url("../images/banner/shopBanner.jpg") no-repeat center #010201; width: 100%; height: 100%;}
.bTx{ background: url("../images/banner/shopBannerText.png") no-repeat center bottom; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0;}

.fourPoint dl dt i{ display: block; width: 74px; height: 74px;background-image: url("../images/ico4co.png"); background-repeat: no-repeat; }
/*.ic1{ background-position:-1406px 0;}*/
/*.ic2{  background-position:-1406px -74px;}*/
/*.ic3{  background-position:-1406px -148px;}*/
/*.ic4{ background-position:-1406px -222px;}*/
/*.ic5{ background-position:-1577px 0;}*/
/*.ic6{  background-position:-1577px -83px;}*/
/*.ic7{  background-position:-1577px -166px;}*/
/*.ic8{ background-position:-1577px -249px;}*/
/*.fourPoint dl:hover dt i.ic1{animation: 1s ic1 steps(1);-webkit-animation: 1s ic1 steps(1);}
.fourPoint dl:hover dt i.ic2{animation: 1s ic2 steps(1);-webkit-animation: 1s ic2 steps(1);}
.fourPoint dl:hover dt i.ic3{animation: 1s ic3 steps(1);-webkit-animation: 1s ic3 steps(1);}
.fourPoint dl:hover dt i.ic4{animation: 1s ic4 steps(1);-webkit-animation: 1s ic4 steps(1);}
*/
/*.mediaFourPoint>div:hover>i.ic5{animation: 1s ic5 steps(1);-webkit-animation: 1s ic5 steps(1); }
.mediaFourPoint>div:hover>i.ic6{animation: 1s ic6 steps(1);-webkit-animation: 1s ic6 steps(1); }
.mediaFourPoint>div:hover>i.ic7{animation: 1s ic7 steps(1);-webkit-animation: 1s ic7 steps(1); }
.mediaFourPoint>div:hover>i.ic8{animation: 1s ic8 steps(1);-webkit-animation: 1s ic8 steps(1); }*/

.fourPoint dl:hover dd h3{ -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transform: translateY(20px); color: #be9c50;}
.fourPoint dl:hover dd p{opacity: 0;-ms-transform: translateY(-5px);transform: translateY(-5px); -webkit-transform: translateY(-5px)}

.brandInfo{ text-align: center; padding-top: 88px;}
.brandInfo h1{ font-size: 32px;letter-spacing:2px; line-height: 50px; padding-top: 44px;color: #6a81e5}
.brandInfo p{ font-size: 18px; letter-spacing:4px; line-height: 27px; padding-top: 10px;color: #4e4f57}
.scenario{ width: 100%; text-align: center; padding: 65px 0 130px;}
.scenario li{ position: relative; width:205px; display: inline-block; *display: inline; zoom:1; margin: 0 45px;}
.scenario li>img { width:205px; height: 236px; -o-transition: all 300ms; transition: all 300ms; -webkit-transition: all 300ms; }
.scenario li>p{ font-size:18px; line-height: 54px;-o-transition: all 300ms;transition: all 300ms; -webkit-transition: all 300ms; color: #4e4f57 }
.scenario li>div{ opacity: 0; -ms-transform: scale(0); transform: scale(0);-webkit-transform: scale(0); -o-transition: all 300ms; transition: all 300ms; -webkit-transition: all 300ms; width: 250px; height: 287px; position: absolute; left: 50%; top: 50%; margin: -174px 0 0 -125px;}
.scenario li>div>h2{-ms-transform:translateY(80px);transform:translateY(80px); -webkit-transform:translateY(80px); -o-transition: all 300ms; transition: all 300ms; -webkit-transition: all 300ms; font:24px/2em "Microsoft YaHei"; color: #fff; padding-top: 70px;}
.scenario li>div>h3{ -ms-transform:translateY(80px); transform:translateY(80px); -webkit-transform:translateY(80px);-o-transition: all 300ms;transition: all 300ms; -webkit-transition: all 300ms;  font:14px/2em "Microsoft YaHei"; color: #fff; padding: 0 40px;}

.scenario li:hover>img{-ms-transform: scale(0);transform: scale(0);-webkit-transform: scale(0);  }
.scenario li:hover>p{opacity: 0; -ms-transform:translateY(-20px); transform:translateY(-20px); -webkit-transform:translateY(-20px);  }
.scenario li:hover>div{opacity: 1;-ms-transform: scale(1);transform: scale(1);-webkit-transform: scale(1);    }
.scenario li:hover>div>h2{  -ms-transform:translateY(0);  transform:translateY(0); -webkit-transform:translateY(0);  }
.scenario li:hover>div>h3{  -ms-transform:translateY(0);  transform:translateY(0); -webkit-transform:translateY(0);  }

/*视频展示区域*/
.showVideo{
    padding-top: 100px;
    padding-bottom: 100px;
}
.videoDiv{
    width: 1430px;
    margin: 30px auto 0px;
    height: 350px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 100px
}
.showVideo h2{
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 32px;
    text-align: center;
}
.clr:before,.clr:after {
    content:"";
    display:table;
}
.clr:after {
    clear:both;
}
.clr{
    zoom:1;
}