/*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-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
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*/
#sec0 .box{height:100%;background:url(../../images/fm_bg.jpg) center no-repeat;background-size:100% 100%;}
#sec0 .fm_tit{position:absolute;width:100%;top:10%;-webkit-transition: all 1.5s; opacity:0;}
#sec0 .fm_bt{position:absolute;width:84%;top:35%;-webkit-transition: all 1.5s; opacity:0;text-align: right;left: 8%;}
#sec0 .fm_bt p{color: #ffffff;text-shadow:#4d4d4d 1px 0 0,#4d4d4d 0 1px 0,#4d4d4d -1px 0 0,#4d4d4d 0 -1px 0;font-weight: 600;font-size: 20px;}
#sec0 .fm_cp p{font-size: 14px;}
#sec0 .fm_tit{-webkit-animation: fadeInDown 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
#sec0 .fm_bt{-webkit-animation: fadeInUp 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}


/*sec*/
.box{height:100%;background-color: #e2f5fb;}
.box_top{position:absolute;width:100%;top:0%;-webkit-transition: all 1.5s; opacity:0;height: 50%;}
.box_top img{height: 100%;}
.box_bottom{position:absolute;width:100%;bottom:0%;-webkit-transition: all .5s; opacity:0;height: 50%;}
.box_bottom img{height: 100%;}
.active .box_top{-webkit-animation: fadeInLeft 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}
.active .box_bottom{-webkit-animation: fadeInRight 1.7s;opacity:1;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s}

/*sec6*/
#sec6 .box{padding-top:15%;text-align:center;height:100%;background:url(../../images/fd_bg.jpg) center no-repeat;background-size:100% 100%;}
#sec6 .fd_cp{position: relative;width: 100%;text-align: center;top: 9%;color: #62c0b4;}
#sec6 .fd_cp p{font-size: 24px;line-height: 46px;font-weight: 600;}
#sec6 .fd_ewm{position: relative;width: 50%;top: 10%;margin: 0 auto;}


/*向下翻页箭头*/
.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);}}

/*媒体查询*/
@media screen and (max-width:600px){
    .box{width:100%;background-size:100% 100%;}
    #sec0 .fm_bt p{font-size: 18px;}
}
@media screen and (max-width:320px){
    #sec0 .fm_bt p{font-size: 16px;}
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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 fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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