/*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;}
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:100%;height:340px;}
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

#fullpage{width:100%;z-index:100}
.bg{background:url(../images/sec0_bg.jpg)center repeat fixed;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:-9;}
.bg_con{position:fixed;width:100%;height:100%;z-index:99;top:0;left:0;right:0;bottom:0;}
.bg_con .btm{position:absolute;bottom:0}
.bg_con .btm img{width:100%;margin-bottom:-5px}


.left_big1{display:block;width:100%;height:100%;position:relative;left:0;right:0;top:0;bottom:0}
.left_big1_bg{width:100%;height:100%;background:#000;opacity:0.3;background-size:100% 100%;position:absolute;left:0;right:0;top:0;bottom:0}
.left_big1_img{width:100%;position:absolute;top:8%;text-align:center;}
.left_big1_img img{width:85%;}

#sec0,#sec1,#sec2,#sec3,#sec4,#sec5,#sec6,#sec7,#sec8,#sec9,#sec11{width:100%}

#sec0 .box{font-family:"Microsoft Yahei"}
#sec0 .box .mid{width:90%;-webkit-transition: all 1.5s; opacity:0;}
#sec0 .box .mid .mid_txt{text-align:center;font-size:14px;color:#fff;padding-top:10px}
#sec0 .box .mid .mid_txt ul li{line-height:22px}

#sec0.active .nor .mid{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}


#sec1 .box{color:#fff;font-size:14px;font-family:"Microsoft Yahei"}
#sec1 .box .mid{width:90%;padding-top:20px}
#sec1 .box .mid ul{overflow:hidden;zoom:1;width:300px;margin:0 auto;}
#sec1 .box .mid ul li{float:left;text-align:center;width:100px;height:100px;padding-top:20px;padding-bottom:20px}
#sec1 .box .mid ul li a{display:block;width:100%;height:100%}
#sec1 .box .mid ul li p{font-size:14px;line-height:30px}
#sec1 .box .mid ul li img{width:70%;}
#sec1 .box .mid ul .one{padding-left:40px;padding-right:5px;-webkit-transition: all 1.5s;opacity:0;}
#sec1 .box .mid ul .two{padding-right:40px;padding-left:5px;-webkit-transition: all 1.5s;opacity:0;}
#sec1 .box .mid ul .three{-webkit-transition: all 1.5s;opacity:0;}
#sec1 .box .mid ul .four{-webkit-transition: all 1.5s;opacity:0;}
#sec1 .box .mid ul .five{-webkit-transition: all 1.5s;opacity:0;}
#sec1 .tit{position:absolute;margin-top:-25px;top:28%;left:0;font-size:20px;text-align: left;padding: 10px; color:#fff;background-color: rgba(0, 0, 0, 0.4);-webkit-transition: all 1.5s; opacity:0}
#sec1 .text{position:absolute;margin-top:-25px;top:75%;right:0;padding: 10px;font-size:20px;color: #474646; text-align: center; background-color: rgba(255, 255, 255, 0.6);-webkit-transition: all .5s; opacity:0}
#sec1.active .box .mid ul .one{transform:scale(1.2);opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec1.active .box .mid ul .two{transform:scale(1.2);opacity:1;-webkit-transition-delay: 1.0s;-moz-transition-delay: 1.0s;-o-transition-delay: 1.0s;transition-delay: 1.0s}
#sec1.active .box .mid ul .three{transform:scale(1.2);opacity:1;-webkit-transition-delay: 1.3s;-moz-transition-delay: 1.3s;-o-transition-delay: 1.3s;transition-delay: 1.3s}
#sec1.active .box .mid ul .four{transform:scale(1.2);opacity:1;-webkit-transition-delay: 1.6s;-moz-transition-delay: 1.6s;-o-transition-delay: 1.6s;transition-delay: 1.6s}
#sec1.active .box .mid ul .five{transform:scale(1.2);opacity:1;-webkit-transition-delay: 1.9s;-moz-transition-delay: 1.9s;-o-transition-delay: 1.9s;transition-delay: 1.9s}

#sec11 {width:100%;text-align:center;color:#fff;height:240px}
#sec11 .left_big1_img{top:20%}
#sec11  .z_top{width:100%;font-family:"Microsoft Yahei"}
#sec11  .z_top p{font-size:20px;margin-top:10px;}
#sec11  .z_bom{width:100%}

.down{position:absolute;bottom:10%;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}
.bx-pager-item{display:inline-block;vertical-align:middle;margin-right:10px}
.bx-pager-item a{display:inline-block;width:10px;height:10px;text-indent:-999em;background:#fff;border-radius:100%}
.bx-pager-item a.active{background:#333}
.bx-controls-direction{display:none}

.back a{display:inline-block;width:80px;padding-top:5px}


@-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);}}

@media screen and (max-width:810px){
    .box{width:100%}
}

@media screen and (max-height:440px){
	.box{position:relative;width:100%;height:240px;}
	.down{bottom:10px}
	.left_big1_img{width:100%;position:absolute;top:1%;text-align:center;}
	#sec0 .box .mid{width:85%;text-align:center;}
	#sec0 .box .mid img{width:60%;margin:0 auto}
    #sec0 .box .mid .mid_txt{font-size:12px;padding-top:5px}
    #sec0 .box .mid .mid_txt ul li{line-height:18px}
    #sec1 .box .mid{padding-top:0px}
    #sec1 .box .mid ul{width:250px}
    #sec1 .box .mid ul li{padding-top:10px;padding-bottom:10px;width:80px;height:90px}
    #sec1 .box .mid ul li p{font-size:12px}
}