/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{font:12px/1.5 arial,sans-serif;color:#2d2d2d;word-wrap:break-word;word-break:break-all;background-color:#000}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
var{font-family:Verdana,Arial}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

.section{overflow:hidden}
.box{position:relative;width:600px}
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

#sec0{background:url(../images/p_1_bg.jpg) center no-repeat;background-size:auto 100%}
#sec0 .box{height:100%}
#sec0 .p1_til{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
#sec0 .t_down{position:absolute;width:90%;bottom:32%;right:5%;-webkit-transition: all 1.5s; opacity:0;z-index:999}
#sec0 .t_right{text-align:center;position: absolute;bottom:4%;left:0;width:100%;-webkit-transition: all .5s; opacity:0;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s}
#sec0 .t_right p{font-size:14px;color:#fff;font-family:"Microsoft Yahei"}
#sec0 .t_up{z-index:1000;position: absolute;right:8%;bottom:25%;width:84%;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0}

#sec0.active .nor .t_down{-webkit-animation: fadeInDown 2.5s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec0.active .nor .t_right{-webkit-animation: fadeInUp 2.1s;opacity:1;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s}
#sec0.active .nor .t_right #lpic2{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec0.active .nor .t_up{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);;opacity:1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s}

#sec1 .fp-tableCell{background:url(../images/2.jpg) center no-repeat;background-size:auto 100%}
#sec1 .box{height:100%;color:#fff;font-size:14px;font-family:"Microsoft Yahei"}
#sec1 .tit{position:absolute;width:90%;margin-top:0px;top:70%;left:5%;-webkit-transition: all 1.5s; opacity:0;font-weight:bold}
#sec1 .tit p{font-size:16px;text-indent:2em}
#sec1.active .tit{-webkit-animation: fadeInUp 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}

#sec2 .fp-tableCell{background:#000}
#sec2 .box{height:100%;font-family:"Microsoft Yahei"}
#sec2 .box .img{width:80%;margin:0 auto;}
#sec2 .box .img img{width:100%}
#sec2 .tit{position:absolute;width:100%;top:55%;left:0%;-webkit-transition: all 1.5s; opacity:0;font-weight:bold}
#sec2 .tit .tit_til{text-align:center;}
#sec2 .tit .tit_til img{width:26%}
#sec2 .tit p{font-size:14px;color:#d09e6c;text-align:left;line-height:22px}
#sec2 .tit .bxslider li{position:relative;}
#sec2 .tit .bxslider .one .p_1{position:absolute;width:80%;left:16%;top:18%}
#sec2 .tit .bxslider .one .p_2{position:absolute;width:70%;left:27%;bottom:18%}
#sec2 .tit .bxslider .two .p_1{position:absolute;width:80%;left:14%;top:18%}
#sec2 .tit .bxslider .two .p_2{position:absolute;width:56%;left:44%;bottom:28%}
#sec2 .tit .bxslider .three .p_1{position:absolute;width:80%;left:14%;top:18%}
#sec2 .tit .bxslider .three .p_2{position:absolute;width:56%;left:44%;bottom:28%}
#sec2 .tit .bxslider .four .p_1{position:absolute;width:80%;left:14%;top:18%}
#sec2 .tit .bxslider .four .p_2{position:absolute;width:50%;left:44%;bottom:25%}
#sec2.active .tit{-webkit-animation: fadeInUp 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}


#sec3 .fp-tableCell{background:url(../images/4.jpg) center no-repeat;background-size:auto 100%}
#sec3 .box{height:100%;color:#fff;font-size:14px;font-family:"Microsoft Yahei"}
#sec3 .tit{position:absolute;width:100%;top:33%;left:0%;-webkit-transition: all 1.5s; opacity:0;overflow:hidden;zoom:1;}
#sec3 .tit .tit_img{width:25%;float:left;padding-left:3%}
#sec3 .tit p{line-height:22px;width:65%;float:right;padding-right:3%}
#sec3 .text{position:absolute;width:40%;top:50%;left:8%;-webkit-transition: all .5s; opacity:0}
#sec3 .text h1{font-size:20px;color:#e0fb5f}
#sec3 .text p{line-height:22px;padding-top:20px}
#sec3 .text1{position:absolute;width:40%;top:53%;right:8%;-webkit-transition: all .5s; opacity:0}
#sec3 .text1 h1{font-size:20px;color:#e0fb5f}
#sec3 .text1 p{line-height:22px;padding-bottom:35px}
#sec3.active .tit{-webkit-animation: fadeInUp 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec3.active .text{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec3.active .text1{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}

#sec4 .fp-tableCell{background:url(../images/5.jpg) center no-repeat;background-size:auto 100%}
#sec4 .box{height:100%;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
#sec4 .text1{position:absolute;width:40%;height:100%;margin-top:-25px;top:0%;left:0%;-webkit-transition: all .5s; opacity:0;}
#sec4 .text1 .bg{width:100%;height:100%;background:#000;opacity:0.6}
#sec4 .text1 .tit_til{position:absolute;width:96%;left:2%;top:15%}
#sec4 .text1 .con{position:absolute;width:96%;left:2%;top:40%;}
#sec4 .text1 .con p{text-indent:2em}
#sec4.active .text1{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}


#sec5 .fp-tableCell{background:url(../images/6.jpg) center no-repeat;background-size:auto 100%}
#sec5 .box{height:100%;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
#sec5 .tit{position:absolute;width:50%;top:40%;right:25%;-webkit-transition: all 1.5s; opacity:0}
#sec5 .tit .tit_til img{width:100%}
#sec5 .tit p{line-height:22px}
#sec5 .text{position:absolute;width:90%;top:55%;left:5%;-webkit-transition: all .5s; opacity:0}
#sec5 .text p{line-height:25px;text-indent:2em}
#sec5.active .tit{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec5.active .text{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}


#sec6 .fp-tableCell{background:url(../images/7.jpg) center no-repeat;background-size:auto 100%}
#sec6 .box{height:100%;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
#sec6 .tit{position:absolute;width:40%;height:100%;top:0%;right:0%;-webkit-transition: all 1.5s; opacity:0;}
#sec6 .tit .bg{width:100%;height:100%;background:#000;opacity:0.6}
#sec6 .tit .tit_til{position:absolute;width:96%;left:2%;top:15%}
#sec6 .tit .con{position:absolute;width:96%;left:2%;top:35%;}
#sec6 .tit .con p{text-indent:2em}
#sec6.active .tit{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}


#sec7 .fp-tableCell{background:url(../images/8.jpg) center no-repeat;background-size:auto 100%}
#sec7 .box{height:100%;margin:0 auto;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
#sec7 .tit{position:absolute;width:80%;top:10%;left:10%;-webkit-transition: all .5s; opacity:0;}
#sec7 .text1{position:absolute;width:45%;margin-top:-25px;top:30%;right:5%;-webkit-transition: all .5s; opacity:0}
#sec7 .text1 p{text-indent:2em}
#sec7 .text2{position:absolute;width:90%;margin-top:-25px;top:70%;left:5%;-webkit-transition: all .5s; opacity:0}
#sec7 .text2 p{line-height:25px;text-indent:2em}
#sec7.active .text1{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec7.active .text2{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec7.active .tit{-webkit-animation: fadeInUp 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}



#sec8 .fp-tableCell{background:url(../images/9.jpg) center no-repeat;background-size:auto 100%}
#sec8 .box{height:100%;color:#fff;font-size:14px;font-family:"Microsoft Yahei"}
#sec8 .tit{position:absolute;width:43%;margin-top:-25px;top:15%;right:5%;-webkit-transition: all 1.5s; opacity:0;}
#sec8 .text1{position:absolute;width:94%;margin-top:-25px;top:50%;right:3%;-webkit-transition: all .5s; opacity:0}
#sec8 .text1 img{width:70%;margin:5px auto;}
#sec8 .text1 p{text-indent:2em;line-height:22px}
#sec8 .text2{position:absolute;width:94%;margin-top:-25px;top:67%;left:3%;-webkit-transition: all .5s; opacity:0}
#sec8 .text2 img{width:93%;margin:5px auto;}
#sec8 .text2 p{line-height:22px;text-indent:2em}
#sec8.active .tit{-webkit-animation: fadeInUp 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec8.active .text1{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec8.active .text2{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}


#sec9 .fp-tableCell{background:url(../images/10.jpg) center no-repeat;background-size:auto 100%}
#sec9 .box{height:100%;color:#fff;font-size:14px;font-family:"Microsoft Yahei"}
#sec9 .tit{position:absolute;width:40%;top:36%;left:3%;-webkit-transition: all 1.5s; opacity:0}
#sec9 .text{position:absolute;width:86%;top:60%;right:7%;-webkit-transition: all .5s; opacity:0}
#sec9.active .tit{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec9.active .text{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}



#sec10 .fp-tableCell{background:url(../images/11.jpg) center no-repeat;background-size:auto 100%}
#sec10 .box{height:100%;color:#ad4010;font-size:14px;font-family:"Microsoft Yahei"}
#sec10 .tit{position:absolute;width:80%;top:63%;left:10%;-webkit-transition: all 1.5s; opacity:0;font-weight:bold}
#sec10 .tit p{font-size:20px;color:#ad4010;text-align:center;line-height:35px}
#sec10 .tit p span{font-size:26px}
#sec10.active .tit{-webkit-animation: fadeInUp 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}



#sec11 .fp-tableCell{background:url(../images/12.jpg) center no-repeat;background-size:auto 100%}
#sec11 .box{height:100%;color:#363636;font-size:14px;font-family:"Microsoft Yahei"}
#sec11 .tit{position:absolute;width:70%;margin-top:-25px;top:77%;left:5%;-webkit-transition: all 1.5s; opacity:0}
#sec11 .tit h1{font-size:20px;color:#a63f11}
#sec11 .tit p{line-height:25px}
#sec11 .text1{position:absolute;width:25%;margin-top:-25px;top:20%;left:5%;-webkit-transition: all .5s; opacity:0}
#sec11 .text2{position:absolute;width:90%;margin-top:-25px;top:10%;right:5%;-webkit-transition: all .5s; opacity:0}
#sec11 .text2 h1{font-size:20px;color:#a63f11}
#sec11 .text2 p{line-height:25px}
#sec11.active .tit{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec11.active .text1{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec11.active .text2{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}



#sec13{background-color:#000}
#sec13 {width:100%;text-align:center;color:#ebba89}
#sec13 .z_top{width:100%;font-family:"Microsoft Yahei"}
#sec13 .z_top p{font-size:18px;margin-top:10px;}
#sec13 .z_bom{width:100%;padding-top:5px}
#sec13 .z_bom .ewm{width:35%;padding:5px 0}

.down{position: absolute;bottom:10px;left:50%;width:30px;margin-left:-15px;height:26px;-webkit-animation: opa_btm 1.5s ease-in-out;animation: opa_btm 1.5s ease-in-out}
.down samp{display:inline-block;width:30px;height:26px;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;background:url(../images/down.gif)center no-repeat}

@-webkit-keyframes opa_btm {0%,25% {opacity: 0;-webkit-transform: translate(0,20px);}}
@keyframes opa_btm {0%,25% {opacity: 0;transform: translate(0,20px);}}

@-webkit-keyframes start {0%,30% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,-10px);}60% {opacity: 1;-webkit-transform: rotate(180deg) translate(0,0);}100% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,5px);}}
@keyframes start {0%,30% {opacity: 0;transform: rotate(180deg) translate(0,-10px);}60% {opacity: 1;transform: rotate(180deg) translate(0,0);}100% {opacity: 0;transform: rotate(180deg) translate(0,5px);}}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes ico_reader_cir {0%,50% {opacity: 0;-webkit-transform: scale(0);}70% {opacity: 0.8;-webkit-transform: scale(1.5);}80% {opacity: 1;-webkit-transform: scale(0.8);}90% {-webkit-transform: scale(1.2);}}
@-moz-keyframes ico_reader_cir {0%,50% {opacity: 0;-webkit-transform: scale(0);}70% {opacity: 0.8;-webkit-transform: scale(1.5);}80% {opacity: 1;-webkit-transform: scale(0.8);}90% {-webkit-transform: scale(1.2);}}
@-o-keyframes ico_reader_cir {0%,50% {opacity: 0;-webkit-transform: scale(0);}70% {opacity: 0.8;-webkit-transform: scale(1.5);}80% {opacity: 1;-webkit-transform: scale(0.8);}90% {-webkit-transform: scale(1.2);}}
@keyframes ico_reader_cir {0%,50% {opacity: 0;transform: translate(-80px,0);}}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}


@media screen and (max-width:810px){
    .box{width:100%}
}
@media screen and (max-width:375px){
    #sec2 .tit .bxslider .four .p_2{bottom:13%}
}
@media screen and (max-width:320px){
    #sec2 .tit .bxslider .four .p_2{bottom:7%}
    #sec2 .tit .bxslider .one .p_2{bottom:14%}
    #sec2 .tit .bxslider .two .p_2{bottom:13%}
    #sec2 .tit .bxslider .three .p_1{top:16%}
    #sec2 .tit .bxslider .one .p_1{top:16%}
    #sec2 .tit .bxslider .two .p_1{top:16%}
    #sec3 .tit{top:26%}
    #sec8 .text2{top:74%}
}
@media screen and (max-height:550px){
  #sec1 .text2{width:63%;right:3%;}
  #sec5 .tit{top:38%}
  #sec9 .tit{top:40%}
  #sec11 .text2{width:90%;top:6%}
  #sec11 .tit{width:90%;top:76%}
  #sec2 .box .img{width:75%}
}
@media screen and (max-height:480px){
#sec0 .t_right .t_right_img{width:25%}
  #sec2 .box .img{width:70%}
  #sec4 .text1 .con{font-size:14px;top:30%;}
  #sec6 .tit .con{font-size:14px;top:28%}
  #sec7 .text2 p{font-size:14px;line-height:20px}
}
@media screen and (max-height:460px){
  #sec1 .text2{top:55%}
  #sec1 .text1{top:63%}
  #sec8 .text1{top:45%}
  #sec8 .text2{top:70%}
  #sec10 .tit{top:59%}
  #sec11 .tit{top:74%}
  #sec11 .box{font-size:12px}
  #sec11 .text2 p{line-height:20px}
  #sec11 .tit p{line-height:20px}
  #sec2 .box .img{width:60%}
}


@media screen and (max-height:420px){
    #sec2 .tit .bxslider .two .p_2{bottom:30%}
    #sec2 .tit .bxslider .four .p_2{bottom:19%}
    #sec2 .tit .bxslider .one .p_2{bottom:21%}
    #sec2 .tit .bxslider .three .p_2{bottom:30%}
}
@media screen and (max-height:400px){
    #sec13 .z_bom .ewm{width:25%}
    #sec0 .t_right .t_right_img{width:20%}
    #sec2 .box .img{width:55%}
}