﻿/* CSS reset@ */
@font-face {
	font-family:fz;
	src: url('../fonts/FE08015T.TTF');
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a{padding:0;margin:0;}
table {border-collapse: collapse;border-spacing:0;}
del, ins {text-decoration:none;}
fieldset, img {border:0;}
body{ overflow-x:hidden;}
body,button,textarea{font:14px/1.6 "Microsoft YaHei", PingHei,Arial, sans-serif;color:#211815;-webkit-text-size-adjust: none;}
input,select{font:14px/1.6 "Microsoft YaHei", PingHei,Arial, sans-serif;color:#211815;}
/*input,select,img{vertical-align:middle;}img{ max-width:100%;}*/
input,select{outline:none;}
select{height:22px;line-height:18px;padding:2px;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:14px;font-weight:lighter;}
address,cite,dfn,em,var{font-style:normal;}
legend{display:none;}
td{font-size:14px;line-height:140%;}
label{margin:0;cursor:pointer;}
input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;}
.left{float:left;}
.right{float:right;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
a{color:#211815;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
i{ font-style:normal;}
.txthide{text-indent:-999em;overflow:hidden;line-height:0;font-size:0}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;height:0;overflow:hidden;}
*, *:after, *:before{ padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.hidden{ overflow:hidden;}

/**Footer**/
.section6{ min-height:auto !important; position:relative;}
.section6 .foot1{ position:absolute; left:5%; top:10%;}
.section6 .foot2{ position:absolute; right:5%; top:10%;}
.section6 .foot1 img,.section6 .foot2 img{ height:30px;}
.secitonFooter{ padding:10% 5% 0;}
.secitonFooter .FooterBox1{ float:left; width:260px; height:320px; border-right:1px solid #313131;}
.secitonFooter .FooterBox1 ul li{ font-size:16px; color:#959595; line-height:32px; padding:0 20px 0 0;}
.secitonFooter .FooterBox1 ul li a{ color:#959595;}
.secitonFooter .FooterBox2{ float:left; width:640px; height:320px; padding:0 0 0 120px; border-right:1px solid #313131;}
.secitonFooter .FooterBox2 ul li{ line-height:46px;}
.secitonFooter .FooterBox2 ul li a{ font-size:46px; color:rgba(75,75,75,0.4); font-style:italic; font-family:fz;}
.secitonFooter .FooterBox2 ul li a.now{ color:#707070;}
.secitonFooter .FooterBox2 ul li a:hover{ color:#105225;}
.secitonFooter .FooterBox3{ float:left; width:680px; height:320px; padding:0 0 0 120px; border-right:1px solid #313131;}
.secitonFooter .FooterBox3Title{ font-size:44px; line-height:46px; color:#282828; font-style:italic; font-family:fz; padding:0 0 134px;}
.secitonFooter .FooterBox3 ul li{ line-height:36px; font-size:16px; color:#383838; font-weight:normal;}
.secitonFooter .FooterBox3 ul li strong{ font-family:PingFangSC-Semibold;}
.secitonFooter .FooterBox4{ float:left; width:130px; padding:180px 0 0 80px;}
.secitonFooter .FooterBox4 ul li a{ width:32px; height:32px; display:block; margin:0 0 25px 0;}
.secitonFooter .FooterBox4 ul li a.icon-ins{ background:url(../images/icon-ins.png) no-repeat; background-size:30px;}
.secitonFooter .FooterBox4 ul li a.icon-facebook{ background:url(../images/icon-facebook.png) no-repeat; background-size:32px;}
.secitonFooter .FooterBox4 ul li a.icon-wechat{ background:url(../images/icon-wechat.png) no-repeat; background-size:32px;}
.secitonFooter .FooterBox4 ul li a.icon-ins:hover{ background:url(../images/icon-ins-h.png) no-repeat; background-size:30px;}
.secitonFooter .FooterBox4 ul li a.icon-facebook:hover{ background:url(../images/icon-facebook-h.png) no-repeat; background-size:32px;}
.secitonFooter .FooterBox4 ul li a.icon-wechat:hover{ background:url(../images/icon-wechat-h.png) no-repeat; background-size:32px;}

.copyright{ padding:30px 40px; overflow:hidden; font-size:14px; color:#545454; text-align:center;}
.copyright .pp2{ font-size:10px;}

@charset "utf-8";

/*  css animation  */
.trans{
/*    -webkit-transition: all .4s ease-in;
    -moz-transition:all .4s ease-in;
    -o-transition:all .4s ease-in;
    -ms-transition:all .4s ease-in;
    transition:all .4s ease-in;*/
}

@media (min-width:325px){
  /* page animation  */
  .ani-view {
      opacity: 0;
      opacity: 1\9;
      opacity: 1\0/;
      opacity: 1\0/;
  }
  @-webkit-keyframes fadeInDown{
      0% {
          opacity:0;
          -webkit-transform:translateY(40px)
      }
      100% {
          opacity:1;
          -webkit-transform:translateY(0)
      }
  }
  @-moz-keyframes fadeInDown{
      0% {
          opacity:0;
          -moz-transform:translateY(40px)
      }
      100% {
          opacity:1;
          -moz-transform:translateY(0)
      }
  }
  @-o-keyframes fadeInDown {
      0% {
          opacity:0;
          -o-transform:translateY(40px)
      }
      100% {
          opacity:1;
          -o-transform:translateY(0)
      }
  }
  @keyframes fadeInDown {
      0% {
          opacity:0;
          transform:translateY(40px)
      }
      100% {
          opacity:1;
          transform:translateY(0)
      }
  }

  .ani-view.fade-in-down{
      opacity:0;
      opacity: 1\9;
      opacity: 1\0/;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px);
  }
  .ani-view.fadeInDown{
      -webkit-animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -moz-animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -o-animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -webkit-animation-delay:0.1s; 
      -moz-animation-delay:0.1s;
      -o-animation-delay:0.1s;
      animation-delay:0.1s;
  }


  @-webkit-keyframes fadeInLeft {
      0% {
          opacity:0;
          -webkit-transform:translateX(-100px)
      }
      100% {
          opacity:1;
          -webkit-transform:translateX(0)
      }
  }
  @-moz-keyframes fadeInLeft {
      0% {
          opacity:0;
          -moz-transform:translateX(-100px)
      }
      100% {
          opacity:1;
          -moz-transform:translateX(0)
      }
  }
  @-o-keyframes fadeInLeft {
      0% {
      opacity:0;
      -o-transform:translateX(-100px)
      }
      100% {
      opacity:1;
      -o-transform:translateX(0)
      }
  }
  @keyframes fadeInLeft {
      0% {
      opacity:0;
      transform:translateX(-100px)
      }
      100% {
      opacity:1;
      transform:translateX(0)
      }
  }
  .ani-view.fade-in-left{
      opacity:0;
      opacity: 1\9;
      opacity: 1\0/;
      -webkit-transform:translateX(-100px);
      -moz-transform:translateX(-100px);
      -o-transform:translateX(-100px);
      transform:translateX(-100px);
  }
  .ani-view.fadeInLeft {
      -webkit-animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -moz-animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -o-animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -webkit-animation-delay:0.1s; 
      -moz-animation-delay:0.1s;
      -o-animation-delay:0.1s;
      animation-delay:0.1s;
  }

  @-webkit-keyframes fadeInRight {
      0% {
      opacity:0;
      -webkit-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -webkit-transform:translateX(0)
      }
  }
  @-moz-keyframes fadeInRight {
      0% {
      opacity:0;
      -moz-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -moz-transform:translateX(0)
      }
  }
  @-ms-keyframes fadeInRight {
      0% {
      opacity:0;
      -ms-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -ms-transform:translateX(0)
      }
  }
  @-o-keyframes fadeInRight {
      0% {
      opacity:0;
      -o-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -o-transform:translateX(0)
      }
  }
  @keyframes fadeInRight {
      0% {
      opacity:0;
      transform:translateX(100px)
      }
      100% {
      opacity:1;
      transform:translateX(0)
      }
  }
  .ani-view.fade-in-right{
      opacity:0;
      opacity: 1\9;
      opacity: 1\0/;
      -webkit-transform:translateX(100px);
      -moz-transform:translateX(100px);
      -o-transform:translateX(100px);
      transform:translateX(100px);
  }
  .ani-view.fadeInRight {
      -webkit-animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -moz-animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -o-animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -webkit-animation-delay:0.1s; 
      -moz-animation-delay:0.1s;
      -o-animation-delay:0.1s;
      animation-delay:0.1s;
  }
  .ani-view.ani_delay2{
    -webkit-animation-delay:0.2s; 
    -moz-animation-delay:0.2s;
    -o-animation-delay:0.2s;
    animation-delay:0.2s;
  }
  .ani-view.ani_delay3{
    -webkit-animation-delay:0.3s; 
    -moz-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    animation-delay:0.3s;
  }
  .ani-view.ani_delay4{
    -webkit-animation-delay:0.4s; 
    -moz-animation-delay:0.4s;
    -o-animation-delay:0.4s;
    animation-delay:0.4s;
  }
  .ani-view.ani_delay5{
    -webkit-animation-delay:0.5s; 
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
  }
  .ani-view.ani_delay6{
    -webkit-animation-delay:0.6s; 
    -moz-animation-delay:0.6s;
    -o-animation-delay:0.6s;
    animation-delay:0.6s;
  }
  .ani-view.ani_delay7{
    -webkit-animation-delay:0.7s; 
    -moz-animation-delay:0.7s;
    -o-animation-delay:0.7s;
    animation-delay:0.7s;
  }
  .ani-view.ani_delay8{
    -webkit-animation-delay:0.8s; 
    -moz-animation-delay:0.8s; 
    -o-animation-delay:0.8s; 
    animation-delay:0.8s; 
  }
  .ani-view.ani_delay9{
    -webkit-animation-delay:0.9s; 
    -moz-animation-delay:0.9s;
    -o-animation-delay:0.9s;
    animation-delay:0.9s;
  }
  .ani-view.ani_delay10{
    -webkit-animation-delay:1s; 
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
  }
  .ani-view.ani_delay11{
    -webkit-animation-delay:1.1s; 
    -moz-animation-delay:1.1s; 
    -o-animation-delay:1.1s; 
    animation-delay:1.1s; 
  }
  .ani-view.ani_delay12{
    -webkit-animation-delay:1.2s; 
    -moz-animation-delay:1.2s; 
    -o-animation-delay:1.2s; 
    animation-delay:1.2s; 
  }
  .ani-view.ani_delay13{
    -webkit-animation-delay:1.3s; 
    -moz-animation-delay:1.3s;  
    -o-animation-delay:1.3s;  
    animation-delay:1.3s;  
  }
  .ani-view.ani_delay14{
    -webkit-animation-delay:1.4s; 
    -moz-animation-delay:1.4s; 
    -o-animation-delay:1.4s; 
    animation-delay:1.4s; 
  }
  .ani-view.ani_delay15{
    -webkit-animation-delay:1.5s; 
    -moz-animation-delay:1.5s;  
    -o-animation-delay:1.5s;  
    animation-delay:1.5s;  
  }
  .ani-view.ani_delay16{
    -webkit-animation-delay:1.6s; 
    -moz-animation-delay:1.6s;
    -o-animation-delay:1.6s;
    animation-delay:1.6s;
  }
  .ani-view.ani_delay17{
    -webkit-animation-delay:1.7s; 
    -moz-animation-delay:1.7s; 
    -o-animation-delay:1.7s; 
    animation-delay:1.7s; 
  }
  .ani-view.ani_delay18{
    -webkit-animation-delay:1.8s; 
    -moz-animation-delay:1.8s; 
    -o-animation-delay:1.8s; 
    animation-delay:1.8s; 
  }
  .ani-view.ani_delay19{
    -webkit-animation-delay:1.9s; 
    -moz-animation-delay:1.9s; 
    -o-animation-delay:1.9s; 
    animation-delay:1.9s; 
  }
  .ani-view.ani_delay20{
    -webkit-animation-delay:2s; 
    -moz-animation-delay:2s; 
    -o-animation-delay:2s; 
    animation-delay:2s; 
  }



  .fade-in-box{
      width: 100%; 
      height:100%;
      position: absolute;
      top:0%;
      left: 0%;
      background: url(../images/img34.png) center/cover no-repeat;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
  }
  .fade-in-box.on{
      -webkit-animation:fade 1.2s ease-in-out forwards;
      -moz-animation:fade 1.2s ease-in-out forwards;
      -o-animation:fade 1.2s ease-in-out forwards;
      animation:fade 1.2s ease-in-out forwards;
  }
  @-webkit-keyframes fade{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(25,25,25);
      transform: scale3d(25,25,25);
      }
      100%{
          -webkit-transform: scale3d(25,25,25);
          transform: scale3d(25,25,25);
          display: none;
      }
  }
  @-moz-keyframes fade{
     0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(25,25,25);
      transform: scale3d(25,25,25);
      }
      100%{
          -webkit-transform: scale3d(25,25,25);
          transform: scale3d(25,25,25);
          display: none;
      }
  }
  @-ms-keyframes fade{
     0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(25,25,25);
      transform: scale3d(25,25,25);
      }
      100%{
          -webkit-transform: scale3d(25,25,25);
          transform: scale3d(25,25,25);
          display: none;
      }
  }
  @-o-keyframes fade{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(25,25,25);
      transform: scale3d(25,25,25);
      }
      100%{
          -webkit-transform: scale3d(25,25,25);
          transform: scale3d(25,25,25);
          display: none;
      }
  }
  @keyframes fade{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(25,25,25);
      transform: scale3d(25,25,25);
      }
      100%{
          -webkit-transform: scale3d(25,25,25);
          transform: scale3d(25,25,25);
          display: none;
      }
  }

  .Fade-Inbox{
      width: 100%; 
      height:100%;
      position: absolute;
      top:0%;
      left: 0%;
      background: url(../images/100.png) center/cover no-repeat;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      -webkit-animation:Fabox 0.9s 0.2s ease-in-out forwards;
      -moz-animation:Fabox 0.9s 0.2s ease-in-out forwards;
      -o-animation:Fabox 0.9s 0.2s ease-in-out forwards;
      animation:Fabox 0.9s 0.2s ease-in-out forwards;
  }

  @-webkit-keyframes Fabox{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(18,18,1);
      transform: scale3d(18,18,1);
      }
      100%{
          -webkit-transform: scale3d(18,18,1);
          transform: scale3d(18,18,1);
          display: none;
      }
  }
  @-moz-keyframes Fabox{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(30,30,1);
      transform: scale3d(30,30,1);
      }
      100%{
          -webkit-transform: scale3d(30,30,1);
          transform: scale3d(30,30,1);
          display: none;
      }
  }
  @-ms-keyframes Fabox{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(30,30,1);
      transform: scale3d(30,30,1);
      }
      100%{
          -webkit-transform: scale3d(30,30,1);
          transform: scale3d(30,30,1);
          display: none;
      }
  }
  @-o-keyframes Fabox{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(30,30,1);
      transform: scale3d(30,30,1);
      }
      100%{
          -webkit-transform: scale3d(30,30,1);
          transform: scale3d(30,30,1);
          display: none;
      }
  }
  @keyframes Fabox{
      0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      }
      99% {
      -webkit-transform: scale3d(30,30,1);
      transform: scale3d(30,30,1);
      }
      100%{
          -webkit-transform: scale3d(30,30,1);
          transform: scale3d(30,30,1);
          display: none;
      }
  }
}

/* 动画绑定 */

@-webkit-keyframes move_right {
from {
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(120px);
transform: translateX(120px);
}
}
@keyframes move_right {
from {
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(120px);
transform: translateX(120px);
}
}


.move_right {
-webkit-animation-name : move_right;
animation-name : move_right;
-webkit-animation-duration : 1s;
animation-duration : 1s;
-webkit-animation-iteration-count : 1;
animation-iteration-count : 1;
-webkit-animation-fill-mode : forwards;
animation-fill-mode : forwards;
}


.viewport-tip{position: absolute;z-index: 0;background: rgba(0,0,0,.59);width: 100%;height: 100%;top: 0;transition: all .5s;opacity: 0;display: none;}
.viewport-tip .overload{content: '';background: url(../images/tip.png);background-size:.865rem;width: .865rem;height: .865rem;position: absolute;left: 50%;top: 50%;margin: -.4325rem 0 0 -.4325rem; }
.showOn{z-index: 99999999;opacity: 1;display: block;}

