@charset "utf-8";
@font-face{
  font-family: "SY_regular";
  src:url(../fonts/SY_regular.otf);
  font-display:swap;
}
@font-face{
  font-family: "SY_Light";
  src:url(../fonts/SY_Light.otf);
  font-display:swap;
}
body {
   font-family:"SY_Light",'Microsoft YaHei','微软雅黑','Century Gothic', 'Helvetica', 'SimSun', '宋体', 'Heiti', '黑体', 'Arial', 'sans-serif';
   font-size:14px;
   width:100%;
   height:100%;
   color:#fff;
   background: #000;
   -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
*{
   margin:0;
   padding:0;
}
li {
   list-style:none;
}
em,span,i{
  display: inline-block;
}
a {
   text-decoration:none;
   color: inherit;
   display: block;
   transition:all 0.3s;
}  
.simple-article ul li,
.simple-article ol li{
    list-style: inside;
}
button{
  border: 0;
  cursor: pointer;
  transition: 0.3s all;
  display: block;
}
input,
select,
textarea {
  
   border:none;
   outline:none;
   background:none;
   font-family:'微软雅黑';
   padding: 0;
   font-size: 14px;
}
textarea {
   resize:none;
   overflow: hidden;
   -webkit-appearance: none;
}
img {
   border:none;
   vertical-align: top;
}
table {
   border:0;
   border-collapse: collapse;
}
em,
i {
   font-style:normal;
}
.fr {
   float:right;
}
.fl {
   float:left;
}
.clear {
   zoom:1;
}
.clear:after {
   content:"";
   display:block;
   clear:both;
}
.contain{
  width: 1680px;
  margin: 0 auto;
}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}

img{max-width: 100%;height: auto;}

input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}


.simple-article h1,.simple-article h2,.simple-article h3,.simple-article h4,.simple-article h5,.simple-article h6 {font-weight:bold;}
.simple-article h1 { font-size:34px; line-height:1.3em; margin-bottom:5px;}
.simple-article h2 { font-size:30px; line-height:1.2em; margin-bottom:10px; }
.simple-article h3 { font-size:26px; line-height:1.6em; margin-bottom:10px; }
.simple-article h4 { font-size:22px; line-height:1.25em; margin-bottom:10px; }
.simple-article h5 { font-size:18px; line-height:1.6em; margin-bottom:10px;}
.simple-article h6 { font-size:14px; line-height:1.5em; margin-bottom:10px; }
.simple-article a{display: inline-block;}
.simple-article blockquote { display:block; font-family: Georgia,"Times New Roman",Times,serif; padding:10px 20px 10px 45px; color:#666; line-height:160%; margin-bottom:15px;} /* ????Ӭ */
.simple-article blockquote em { color:#999; text-align:right; display:block;}
.dropcap {float:left;   padding:10px 10px 5px 0; font-weight:bold;}  /* é|–?-—????2‰ */
.simple-article hr{ border:1px solid #ddd; border-width:0 0 1px 0; height:1px; font-size:0; margin:25px 0; clear:both; *margin:17px 0;}
.simple-article .br {font-size: 0;}


/*-------------------------------------
   List
-------------------------------------*/
.simple-article li ul,.simple-article li ol { margin: 0; }
.simple-article ul,.simple-article ol { margin: 0 0 15px 0; padding-left:1.5em; line-height:180%; _margin-left:5px; }
.simple-article ul { list-style-type:disc;}
.simple-article ul.square { list-style:square;}
.simple-article ul.circle { list-style:circle;}

.simple-article ol { list-style-type:decimal; *padding-left:1.8em;}
.simple-article dl { margin: 0 0 1.5em 0; }
.simple-article dl dt { font-weight: bold; }
.simple-article dd { margin-left: 1.5em;}

/*-------------------------------------
   2. table
-------------------------------------*/
.simple-article table {border-collapse: collapse; border-spacing: 0;overflow:hidden; width:fit-content; margin-bottom:15px;}
.simple-article table th { font-weight:bold;}
.simple-article table th, .simple-article table td {
    border: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 8px;
    /*text-align: left;*/
    vertical-align: top;
}   
.simple-article table colgroup + thead tr:first-child th, .simple-article table colgroup + thead tr:first-child td, .simple-article table thead:first-child tr:first-child th, .simple-article table thead:first-child tr:first-child td {border-top: 0 none;}
.simple-article table thead tr th,.simple-article table thead tr td {*border-top: 0 none;}
.simple-article .table-striped tbody tr:nth-child(2n+1) td,.simple-article  .table-striped tbody tr:nth-child(2n+1) th { background-color: #F9F9F9;}
.simple-article table th { background:#EBEBEB;}
.simple-article .table-bordered { -moz-border-colors: none; border-collapse: separate; border-color: #DDDDDD #DDDDDD #DDDDDD; border-style: solid solid solid none; border-width: 1px 1px 1px 0;}
.simple-article .table-bordered th, .table-bordered td {border-left: 1px solid #DDDDDD;}
.simple-article .table-row thead th { background:#ebebeb; }
.simple-article .table-row tbody th { background:#f5f5f5; }
.simple-article .table-col { border-top-width:0; }
.simple-article .table-col tbody th { background:#ebebeb; }
.simple-article ul li{list-style: inside}
/*Alignment*/
.alignleft {
   display:inline; float:left; margin-right:1.625em;
}
.alignright {
   clear:both; display:inline; float:right; margin-left:1.625em;
}
.aligncenter {
   clear:both; display:block; margin-left:auto; margin-right:auto;
}

/*-------------------------------------
   page 翻页器end
-------------------------------------*/

.simple-article video,
.simple-article .wp-video{
    clear:both; display:block; margin-left:auto; margin-right:auto;
}
.simple-article span,.simple-article em,.simple-article i{display: inline;}
/* 小屏幕导航 */
.p_transition {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
}

.scale img {
  transition: all 0.2s;
}

.scale:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


.map img{
    max-width: inherit;
}

/*自适应图片*/
.autoimg{
  position: relative;
  /*float: left;
  height: 210px;
  width: 28.33333333333333%;*/
  overflow: hidden;
}
.autoimg:after{
  content: '';
  /*padding-top: 61.76%;*/
}
.autoimg img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: inherit;
}

.owl-stage{
  transition: 0.75s all !important; 
}

input:-ms-input-placeholder,
input::-moz-placeholder,
input:-moz-placeholder,
input::-webkit-input-placeholder {
   color: #999;
}


.swiper-button-prev:after,
.swiper-button-next:after{
  display: none !important
}

.swiper-button-prev:focus,
.swiper-button-next:focus{
  outline: inherit !important;
}
.swiper-pagination{
  z-index: 2 !important;
}
.pb100{
  padding-bottom: 100px;
}


/* 分页1 */
.paging {
  text-align: center;
}

.paging li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.paging li.style {
  height: 35px;
  width: 35px;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  font-size: 14px;
  transition: all 0.3s;
}



.paging li.style a {
  display: block;
  border: 1px solid rgba(255,255,255,0.3);
  box-sizing: border-box;
  border-radius: 4px;
}

.paging li.active a,
.paging li.style a:hover {
  background-color: rgba(255,255,255,0.15);
  color: #fff;
}


.paging li.prev a {
  height: 100%;
  background-position: center center;
  background-size: 45% 45%;
  background-repeat: no-repeat;
}

.paging li.next a {
  height: 100%;
  background-position: center center;
  background-size: 45% 45%;
  background-repeat: no-repeat;
}
.paging li.prev a{
  height: 100%;
  background: url(../images/paging_11.png) no-repeat center;
}
.paging li.prev:hover a{
  background: url(../images/paging_11.png) no-repeat center rgba(255,255,255,0.15);
}
.paging li.next a{
  height: 100%;
  background: url(../images/paging_22.png) no-repeat center;
}
.paging li.next:hover a{
  background: url(../images/paging_22.png) no-repeat center rgba(255,255,255,0.15);
}



.bg_white{
  background: #fff;
}

.rela{
  position: relative;
}


.scrollBar::-webkit-scrollbar-track-piece { /*//滚动条凹槽的颜色，还可以设置边框属性*/
background-color:#f8f8f8;
}
.scrollBar::-webkit-scrollbar {/*//滚动条的宽度*/
width:9px;
height:9px;
}
.scrollBar::-webkit-scrollbar-thumb {/*//滚动条的设置*/
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
.scrollBar::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}

.p100{
  padding-top: 100px;
  padding-bottom: 100px;
}

.header{
  position: fixed;
  top: 35px;
  left: 0;
  font-size: 16px;
  width: 100%;
  transition: 0.3s all;
  color: #fff;
  z-index: 1200;
}
.header .to_menu_nav{
  float: left;
  line-height: 32px;
}
.header .to_menu_nav i{
  width: 20px;
  height: 18px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
  background: url(../images/to_menu_nav.png) no-repeat center;
}
.header .to_close_nav{
  display: none;
  float: left;
  line-height: 32px;
}
.header .to_close_nav i{
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 8px;
  background: url(../images/to_close_nav.png) no-repeat center;
}
.header .to_close_search{
  display: none;
  float: left;
  line-height: 32px;
}
.header .to_close_search i{
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 8px;
  background: url(../images/to_close_nav.png) no-repeat center;
}
.header span{
  display: inline-block;
  vertical-align: top;
}
.header .logo{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.header .right a span{
  position: relative;
}
.header .right a span:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  background: #fff;
  transition: 0.3s all;
  height: 1px;
}
.header .right a:hover span:after{
  width: 100%;
}
.header .right a{
  float: left;
  line-height: 32px;
}
.header .to_shop{
  margin-right: 30px;
}
.header .to_shop i{
  width: 20px;
  height: 18px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
  background: url(../images/to_shop.png) no-repeat center;
}
.header .to_search i{
  width: 20px;
  height: 18px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
  background: url(../images/to_search.png) no-repeat center;
}



/*menu*/

.menus {
  width: 100%;
  -webkit-transition: all 6s ease;
  -o-transition: all 6s ease;
  transition: all 6s ease
}

.menus,.menus .menu-mask {
  position: fixed;
  z-index: 1100;
}

.menus .menu-mask {
  width: 60%;
  padding-top: 60%;
  border-radius: 50%;
  background: #000;
  top: -100%;
  left: -100%;
  transition:0.7s all linear;
}

.menus .menus-con {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1200;
  background: url(../images/section1.png) no-repeat center;
  display: none;
  transition: 0.5s all ease-in;
}

.menus .menus-con .menus-item {
  float: left;
  width: 20%;
  height: 100%;
  background: #000;
  position: relative;
  transition: 0.4s all;
  overflow: hidden
}
.menus .menus-con .menus-item:hover{
  background: rgba(0,0,0,0.8)
}
.menus .menus-con .menus-item .menu-child {
  position: relative;
  height: 100%
}

.menus .menus-con .menus-item .first-container {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 9!important;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
}

.menus .menus-con .menus-item .first-title {
  height: 90px;
  width: 70%;
  padding-top: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: none;
  margin: auto;
  overflow: hidden
}

.menus .menus-con .menus-item .first-title .first-con {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transition: .4s cubic-bezier(.19,1,.22,1) .1s;
  -o-transition: .4s .1s cubic-bezier(.19,1,.22,1);
  transition: .4s cubic-bezier(.19,1,.22,1) .1s
}

.menus .menus-con .menus-item .first-title .first-con span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-transition: .6s cubic-bezier(.19,1,.22,1) .6s;
  -o-transition: .6s .6s cubic-bezier(.19,1,.22,1);
  transition: .6s cubic-bezier(.19,1,.22,1) .6s
}

.menus .menus-con .menus-item .first-title .first-con .first-name {
  font-size: 20px;
  color: #fff;
}

.menus .menus-con .menus-item .first-title .first-con .first-entxt {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.12;
  color: #676767;
  padding-top: 10px
}

.menus .menus-con .menus-item:hover .first-title .first-con {
  top: 110%;
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
  -o-transition: .4s all cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1)
}

.menus .menus-con .menus-item .first-title-en {
  height: 90px;
  width: 100%;
  padding-top: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 11;
  margin: auto;
  overflow: hidden
}

.menus .menus-con .menus-item .first-title-en .first-con {
  position: relative;
  left: 0;
  top: 0;
  margin-left: 20%;
  padding-top: 12px;
  overflow: hidden;
  -webkit-transition: .4s cubic-bezier(.19,1,.22,1) .1s;
  -o-transition: .4s .1s cubic-bezier(.19,1,.22,1);
  transition: .4s cubic-bezier(.19,1,.22,1) .1s
}

.menus .menus-con .menus-item .first-title-en .first-con span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-transition: .6s cubic-bezier(.19,1,.22,1) .6s;
  -o-transition: .6s .6s cubic-bezier(.19,1,.22,1);
  transition: .6s cubic-bezier(.19,1,.22,1) .6s
}

.menus .menus-con .menus-item .first-title-en .first-con .leftWhite {
  left: -25px;
  -webkit-transition: .6s cubic-bezier(.19,1,.22,1);
  -o-transition: .6s cubic-bezier(.19,1,.22,1);
  transition: .6s cubic-bezier(.19,1,.22,1)
}

.menus .menus-con .menus-item .first-title-en .first-con .first-name {
  font-size: 24px;
  color: #fff;
}

.menus .menus-con .menus-item .first-title-en .first-con .first-entxt {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.12;
  color: #838383;
  padding-top: 10px
}

.menus .menus-con .menus-item .first-title-en .firstHide {
  top: 110%;
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
  -o-transition: .4s all cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1)
}

.menus .menus-con .menus-item .second-item {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10
}

.menus .menus-con .menus-item .second-item .second-title {
  text-align: center;
  width: 100%;
  height: 100%;
}

.menus .menus-con .menus-item .second-item .second-title .second-con {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transition: all .2s ease-in;
  -o-transition: .2s all ease-in;
  transition: all .2s ease-in;
  height: 120px;
  overflow: hidden
}

.menus .menus-con .menus-item .second-item .second-title .second-con .second-content {
  height: 90px;
  padding-top: 12px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  top: -100%;
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
  -o-transition: .4s all cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1)
}

.menus .menus-con .menus-item .second-item .second-title .second-con .second-content span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #fff
}

.menus .menus-con .menus-item .second-item .second-title .second-con .second-content .second-name {
  font-size: 20px;
  color: #fff;
}

.menus .menus-con .menus-item .second-item .second-title .second-con .second-content .second-entxt {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.12;
  text-align: center;
  color: #676767;
  padding-top: 10px;
  padding-bottom: 40px;
  background: url(../images/menu_dot.png) no-repeat bottom;
}

.menus .menus-con .menus-item:hover .second-item .second-title .second-con .second-content {
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1) .1s;
  -o-transition: .4s .1s all cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1) .1s;
  top: 0;
}

.menus .menus-con .menus-item .second-item .second-title .en-second {
  height: 50px;
  margin-top: 70px
}

.menus .menus-con .menus-item:hover .second-item .second-title .second-cont {
  opacity: 1!important;
  -webkit-transition: all .2s ease-in .1s;
  -o-transition: .2s .2s all ease-in;
  transition: all .2s ease-in .1s;
  -webkit-transform: rotateX(0)!important;
  transform: rotateX(0)!important
}

.menus .menus-con .menus-item .second-item .second-title .second-cont {
  opacity: 0;
  -webkit-transform: rotateX(20deg);
  transform: rotateX(20deg);
  -webkit-transition: all .2s ease-in;
  -o-transition: .2s all ease-in;
  transition: all .2s ease-in;
  margin-top:12px;
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 {
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  font-weight: normal;
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 span {
  cursor: pointer
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 .third-title {
  height: 0;
  overflow: hidden;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 .third-title .third-con {
  padding: 16px 0;
  overflow: hidden
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 .third-title .third-con .br-engtxt {
  line-height: 20px;
  padding: 4px 0
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 .third-title .en-thirdtitle a {
  width: 100%
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 .third-title a {
  display: block;
  font-size: 12px;
  color: #9b9b9b;
  float: left;
  width: 50%;
  line-height: 28px
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 .third-title a:hover {
  color: #fc9153
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 .specaltxt a {
  width: 100%!important
}

.menus .menus-con .menus-item .second-item .second-title .second-cont h4 a {
  color: #aaa;
  font-size: 16px;
  padding-left: 13px;
  position: relative;
}
.menus .menus-con .menus-item .second-item .second-title .second-cont h4 a:hover{
  color: #fff;
}
.menus .menus-con .menus-item:hover .first-con>span {
  left: -25px;
  -webkit-transition: .6s cubic-bezier(.19,1,.22,1);
  -o-transition: .6s cubic-bezier(.19,1,.22,1);
  transition: .6s cubic-bezier(.19,1,.22,1)
}

.menus .menushide {
  display: block
}
.contaner {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1200;
  display: none
}

.en-thirdtitle a {
  width: 100%!important
}

.close-menu {
  position: fixed;
  cursor: pointer;
  right: 40px;
  top: 30px;
  display: none;
  z-index: 13;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  background: url(../images/close_menu.png) no-repeat center;
  width: 30px;
  height: 30px;
}

.close-menu:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.no-point {
  cursor: auto!important
}


.table-cell{
  display: table-cell;
  vertical-align: middle;
}
.show-table{
  display: table;
}
.animated1s{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}





.menus .menu-mask.active{
    top: 0px;
    left: 10%;
    transform: matrix(4, 0, 0, 4, 0, 0);
    -webkit-transform: matrix(4, 0, 0, 4, 0, 0);
}

.second-item.active,
.first-container.active{
  opacity: 1 !important;
  transform: matrix(1, 0, 0, 1, 0, 0) !important;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
}

.first-container{
  transition: 0.6s all
}





.menus-item:hover .second-item{
  opacity:1 !important;
  transform: matrix(1, 0, 0, 1, 0, 0) !important;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
}

.bottom_copyright{
  position: fixed;
  bottom: 5%;
  text-align: center;
  font-size: 16px;
  color: #666;
  width: 100%;
  left: 0;
  z-index: 1200;
  display: none;
}

.search_show{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none;
}
.search_show .main{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.search_show .content{
  border-bottom: 1px solid #333;
  width: 800px;
  display: flex;
  position: relative;
  z-index: 1100;
  justify-content: space-between;
}
.search_show .content input{
  width: 700px;
  line-height: 58px;
  font-size: 18px;
  color: #fff;
}
.search_show .content a{
  padding-right: 30px;
  font-size: 24px;
  line-height: 58px;
  margin-right: 5px;
  color: #fff;
  background: url(../images/search.png) no-repeat right;
}
.search_mask{
    width: 60%;
    padding-top: 60%;
    border-radius: 50%;
    background: #000;
    top: -100%;
    right: -100%;
  position: fixed;
  z-index: 1100;
    transition: 0.7s all linear;
}
.search_mask.active{
  top: 0px;
  right: 10%;
  transform: matrix(4, 0, 0, 4, 0, 0);
  -webkit-transform: matrix(4, 0, 0, 4, 0, 0);
}

.right_mouse{
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 1099;
  color: #fff;
}

.footer{
  padding: 70px 0;
  background: url(../images/footer.png) no-repeat center;
  background-size: cover;
}
.footer .contain{
  display: flex;
  justify-content: space-between;
}
.footer .left{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer .left .logo{
  align-self: flex-start;
}
.footer .left .copyright{
  font-size: 16px;
  align-self: flex-end;
  line-height: 36px;
  color: #666;
}
.footer .right .nav{
  float: left;
  margin-right: 300px;
}
.footer .right .nav a{
  margin-bottom: 24px;
  line-height: 36px;
  font-size: 18px;
  color: #fff;
}
.footer .right .nav a:last-child{
  margin-bottom: 0;
}
.footer .right .btn{
  float: right;
  color: #fff;
}
.footer .right .btn .p1{
  margin-bottom: 20px;
  font-size: 18px;
}
.footer .right .btn .list{
  margin-bottom: 40px;
}
.footer .right .btn .list a{
  line-height: 30px;
  float: left;
  font-size: 16px;
  color: #a7a7a7;
  margin-right: 35px;
}
.footer .right .btn .list a:hover{
  color: #fff;
}

.hover_line{
  position: relative;
}
.hover_line:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  background: #fff;
  transition: 0.3s all;
  height: 1px;
}
.hover_line:hover:after{
  width: 100%;
}
.footer .share .wechat{
  float: left;
  margin-right: 15px;
  position: relative;
}
.footer .share a{
  float: left;
  border-radius: 50%;
  margin-right: 15px;
  background: rgba(255,255,255,0.05);
}
.footer .share .wechat a{
  margin-right: 0;
}
.footer .share a:last-child{
  margin-right: 0;
}
.footer .share a:hover{
  background: #dd2500;
}
.footer .share .show{
  position: absolute;
  left: 50%;
  width: 95px;
  height: 95px;
  padding: 5px;
  opacity: 0;
  visibility: hidden;
  margin-left: -52px;
  bottom: 50px;
  background: rgba(255,255,255,0.5);
}
.footer .share .show:after{
  content: "";
  position: absolute;
  width: 11px;
  height: 4px;
  left: 50%;
  margin-left: -5px;
  bottom: -4px;
  background: url(../images/code_dot.png) no-repeat center;
}
.footer .share .wechat:hover .show{
  opacity: 1;
  visibility: visible;
}
.p_title{
  font-size: 60px;
  font-family: "SY_regular";
  font-weight: bold;
  text-align: center;
}
.inside_header{
  top: 0;
  padding: 35px 0;
}
.inside_header.fixed{
  background: #000;
}
.threesixty {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
  margin: 0 auto;
}
.threesixty .threesixty_images {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.threesixty .threesixty_images img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}
.threesixty .threesixty_images img.previous-image {
  visibility: hidden;
  width: 0;
}
.threesixty .threesixty_images img.current-image {
  visibility: visible;
  width: 100%;
}
.threesixty .spinner {
  width: 60px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -15px;
  height: 30px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.threesixty .spinner span {
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 12px;
  font-family: "SY_regular";
  font-weight: bolder;
  color: #FFF;
  text-align: center;
  line-height: 30px;
  display: block;
}
.threesixty .nav_bar {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.threesixty .nav_bar a {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  background: url(/assets/sprites.png) no-repeat;
  text-indent: -99999px;
}
.threesixty .nav_bar a.nav_bar_play {
  background-position: 0 0 !important;
}
.threesixty .nav_bar a.nav_bar_previous {
  background-position: 0 -73px !important;
}
.threesixty .nav_bar a.nav_bar_stop {
  background-position: 0 -37px !important;
}
.threesixty .nav_bar a.nav_bar_next {
  background-position: 0 -104px !important;
}
/* html */
.threesixty:-webkit-full-screen {
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 200px;
}
.threesixty:-moz-full-screen {
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 200px;
}

.bottom_cookie{
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 45px 0;
  z-index: 1099;
  background: #fff;
}
.bottom_cookie .contain{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom_cookie .font{
  width: 65%;
}
.bottom_cookie .font .p1{
  color: #333;
  font-size: 24px;
  margin-bottom: 20px;
}
.bottom_cookie .font .p2{
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.bottom_cookie .font .p2 a{
  color: #333;
  display: inline-block;
}
.bottom_cookie .font .p2 a:after{
  width: 100%;
  background: #333;
}
.bottom_cookie .btn{
  width: 23.5%;
  display: flex;
  justify-content: space-between;
}
.bottom_cookie .btn a{
  width: calc( 50% - 15px );
  line-height: 60px;
  color: #000;
  border: 1px solid #000;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
}
.bottom_cookie .btn .a1{
  background: #000;
  color: #fff;
}
.bottom_cookie .btn a:hover{
  background: #000;
  color: #fff;
}

.fp-section{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}



.video_mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0,0,0,0.3);
}

#fullPage>.section>video,
.banner video,
.fp-section>.fp-tableCell>video{

  position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}