@charset "utf-8";
body { margin: 0; padding: 0; font-size: 0; line-height: 0;}
div { font-size: 14px; line-height: 1.8em; margin: 0; padding: 0; text-align: left;}
div, h1, h2, h3, h4, h5, h6, dl, ol, ul, dt, dd, li, img, span, form, p, input,select,textarea, dl { margin: 0; padding: 0; border: 0; list-style-type: none; color: #333;}
a { color: #333333; text-decoration: none;}
a:hover { color: #0b8bdb;/*移上颜色加深#0a7cc4*/ text-decoration: none; transition: all 0.5s;}
html {}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input, button, select, textarea { outline: none; font-family:"微软雅黑", "宋体", Arial;}
body{ width:100%; background:#f8f8f8; font-family:"微软雅黑", "宋体", Arial;}
.clear{ clear:both;}
.left{float: left;}
.right{float: right;}
.container{ width: 100%;}
.content{ width: 69%;/* min-width: 1200px;*/ margin: 0 auto;}

*头部导航*/

.yiyuan_header { position: fixed; top: 0px; z-index: 999999; width: 100%; height: 106px; background: #FFFFFF; display: block; /*overflow: hidden; */}

.header_nav { /*min-width: 1200px;*/ width: 69%; margin: auto; height: 106px; }

.nav_left { float: left; margin-top: 13.5px; }

.nav_right { float: right; margin-top: 24.5px; }

#nav { font-size: 16px; color: #575757; height: 106px; line-height: 106px; text-align: center; float: right; margin-right: 20px; }

#nav ul { list-style: none; }

#nav ul li { float: left; width: 100px; line-height: 32px; position: relative; }

#nav ul li:hover .a,
#nav ul li:hover span { color: #4ab0e1; cursor: pointer; }

#nav ul li:hover div { cursor: pointer; display: block; border-top: 3px solid #0B8BDB; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }

#nav div { width: 100px; position: absolute; left: 0px; top: 104px; padding-bottom: 0px; float: left; overflow: hidden; background-color: #fbf9fb; text-align: center; color: #333; display: none; }

#nav li .a { text-decoration: none; color: #575757; height: 107px; line-height: 106px; font-size: 16px; display: block; }

#nav li span { color: #cdcdcd; font-size: 12px; position: absolute; top: 54px; width: 100px; left: 0px; text-align: center; }

#nav div a { text-decoration: none; color: #FFFFFF; line-height: 26px; font-size: 14px; color: #575757; display: block; padding: 5px 0px; border-top: 1px dotted #ccc; }

#nav div a:hover { color: #4ab0e1; background: #fff; }



/*底部--------文本*/

/*.content { width: 69%; text-align: center; margin: auto; color: #595959; }*/

.footer { width: 100%; background: #fff; }

.footer_top { overflow: hidden; padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.footer_left:first-child { border: none; }

.footer_left { float: left; width: 25%; position: relative; height: 50px; padding: 4px 0px; border-left: 1px solid #ccc; }

.footer_box div { display: inline-block; margin: auto; }

.footer_box { width: 170px; overflow: hidden; position: absolute; left: 50%; margin-left: -85px; }

.footer_left div p:first-child { font-size: 18px; }

.footer_left div p { font-size: 12px; }

.footer_left div img { vertical-align: sub; }



/* .ftext_line{ width: 14px; height: 2px; background: #00a0e9; margin-bottom: 10px; } */

#footer_text { overflow: hidden; padding-bottom: 26px; border-bottom: 1px solid #f1f1f1; }

.ftext_lisr { float: left; margin-right: 62px; }

.ftext_lisr div:first-child a { font-size: 16px; font-weight: 600; color: #575757; }

.ftext_lisr div a { color: #7e7e7e; }

.ftext_lisr div:first-child { margin-bottom: 2px; font-size: 12px; color: #cdcdcd; }

.ftext_lisr div { margin-bottom: 3px; }

#ftext_line { width: 14px; height: 2px; background: #00a0e9; margin-bottom: 15px; }

.ftext_lisr_right { float: right; text-align: right; }

.tel1,
.tel2 { color: #0b8bdb !important; font-size: 24px !important; }

.ftext_lisr_right div { text-align: right; font-size: 16px; color: #333333; font-weight: 600; }

.date { font-size: 14px !important; color: #b8b8b8 !important; }

.m_top1 { margin-top: 43px; }

.m_top2 { margin-top: 26px; }

.m_top3 { margin-top: 36px; }

.fbottom { height: 90px; font-size: 12px; color: #a6a6a6; /* overflow: hidden; */}

.fbottom div.fb_1 { width: 690px; margin-top: 20px; float: left; }

.fbottom div.fb_2 { float: right; height: 90px; }

.fbottom div p { font-size: 12px; color: #a6a6a6; }

.share1,
.share2,
.share3,
.share4 { margin-top: 25px; width: 40px; height: 40px; float: right; }

.share4 { background: url(../images/share1.png) no-repeat; }

.share4:hover { cursor: pointer; background: url(../images/share_hover_13.png) no-repeat; }

.share4:hover .cssarrow4,
.share1:hover .cssarrow1,
.share2:hover .cssarrow2,
.share3:hover .cssarrow3 { display: block; }

.share3 { background: url(../images/share2.png) no-repeat; }

.share3:hover { cursor: pointer; background: url(../images/share_hover_15.png) no-repeat; }

.share2 { background: url(../images/share3.png) no-repeat; }

.share2:hover { cursor: pointer; background: url(../images/share_hover_17.png) no-repeat; }

.share1 { background: url(../images/share4.png) no-repeat; }

.share1:hover { cursor: pointer; background: url(../images/share_hover_19.png) no-repeat; }


/*客服---------------------------------------右侧侧边栏*/

.sider_right { /*width: 250px; */
    position: fixed; /*height: 305px; */
    right: 10px; top: 50%; margin-top: -127px; z-index: 1000000; transition: width 0.3s ease 0s; }

.sider_right:hover li a span:nth-child(1) { display: block; }

.sider_right:hover .social-share { display: block; }

.sider_right ul { padding-left: 0px; }

.sider_right ul li { height: 50px; background: #fff; font-size: 14px; line-height: 50px; color: #fff; margin-bottom: 1px; /* width: 250px; */
    padding-left: 10px; position: relative; }

.sider_right ul li a { color: #FFFFFF; overflow: hidden; }

.k1_bottom a,
.k3_bottom a,
.sk_bottom a { display: block; margin-bottom: 5px; }

.k1:hover .kf1 { background: url(../images/kefy_hover06.png) no-repeat 4px 7px; }



/* 旺旺开客服 */

.ww { position: absolute; right: 60px; top: -110px; display: none; }

.ww .k1_top { width: 115px; height: 128px; }

.ww .k1_bottom { width: 115px; min-height: 50px; padding: 0px 0 18px 0; background: #0b8bdb; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }



/* qq客服 */

.qq { position: absolute; right: 60px; top: -110px; display: none; }

.qq .k3_top { width: 115px; height: 128px; }

.qq .k3_bottom { width: 115px; min-height: 50px; padding: 0 0 18px 0; background: #0B8BDB; text-align: center; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }



/*新浪客服 */

.weib { position: absolute; right: 60px; top: -10px; display: none; }

.weib .k4_top { width: 114px; height: 115px; text-align: center; padding-top: 15px; background: #0B8BDB; border-top-right-radius: 4px; border-top-left-radius: 4px; }

.weib .k4_bottom { width: 114px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.weixin { position: absolute; right: 60px; top: -10px; display: none; }

.weixin .k6_top { width: 115px; height: 115px; text-align: center; padding-top: 15px; background: #0B8BDB; border-top-right-radius: 4px; border-top-left-radius: 4px; }

.weixin .k6_bottom { width: 114px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.skype { position: absolute; right: 60px; top: -10px; background: #0B8BDB; width: 125px; padding: 20px 0px; display: none; border-radius: 4px; }

.skype .sk_bottom { width: 110px; min-height: 50px; text-align: center; padding-top: 15px; padding-bottom: 15px; margin: 0 auto; background: #fff; border-radius: 4px; }

.k8_top { /* padding-left:15px; */
    /* width:120px; */
    height: 50px; background: #0b8bdb; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k7_online { /* padding-left:15px; width:120px; */
    height: 50px; background: #0b8bdb; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k2_txt { /*    padding-left:15px; width:120px; */
    height: 50px; background: #0b8bdb; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k2_txt a,
.k7_online a,
.k8_top a { display: none; }

.k2:hover .kf2 { background: url(../images/kefu_hover13.png) no-repeat 4px 7px; }

.k3:hover .kf3 { background: url(../images/kefu_hover17.png) no-repeat 4px 7px; }

.k4:hover .kf4 { background: url(../images/kefu_hover25.png) no-repeat 4px 7px; }

.k5:hover .kf5 { background: url(../images/kefu_hover29.png) no-repeat 4px 7px; }

.k6:hover .kf6 { background: url(../images/kefu_hover30.png) no-repeat 4px 7px; }

.k7:hover .kf7 { background: url(../images/kefu_hover31.png) no-repeat 4px 7px; }

.k8:hover .kf8 { background: url(../images/kefu_hover32.png) no-repeat 4px 7px; }

.k1:hover,
.k2:hover,
.k3:hover,
.k4:hover,
.k5:hover,
.k6:hover,
.k7:hover,
.k8:hover { background: #0b8bdb; }

.kf1 { display: block; background: url(../images/kefu06.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf2 { display: block; background: url(../images/kefu13.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf3 { display: block; background: url(../images/kefu17.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf4 { display: block; background: url(../images/kefu25.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf5 { display: block; background: url(../images/kefu29.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf6 { display: block; background: url(../images/kefu30.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf7 { display: block; background: url(../images/kefu31.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf8 { display: block; background: url(../images/kefu32.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.social-share { float: left; width: 160px; display: none; }

.k1:hover .ww { display: block; }

.k3:hover .qq { display: block; }

.k4:hover .weib { display: block; }

.k5:hover .skype { display: block; }

.k6:hover .weixin { display: block; }


/**/
.animation_fadein{
    -webkit-animation:fadeInDown 1s .2s ease both;
    -moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;
        -webkit-transform:translateY(-20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)


    }
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;
        -moz-transform:translateY(-20px)}
    100%{opacity:1;
        -moz-transform:translateY(0)
    }
}


.animation_fadeout{
    -webkit-animation:fadeOutUp 1s .2s ease both;
    -moz-animation:fadeOutUp 1s .2s ease both;}
@-webkit-keyframes fadeOutUp{
    0%{opacity:1;
        -webkit-transform:translateY(0)}
    100%{opacity:0;

        -webkit-transform:translateY(-20px);
        display: none;}
}
@-moz-keyframes fadeOutUp{
    0%{opacity:1;
        -moz-transform:translateY(0)}
    100%{opacity:0;

        -moz-transform:translateY(-20px);
        display: none;}
}

/* footer */
.ftext_lisr div:first-child a:hover {

    color: #575757;

}
.ftext_lisr a:hover{
    color: #0b8bdb;
}

/* 二维码白框 */
.cssarrow {
    width: 115px;
    height: 115px;
    position: relative;
    background: #FFFFFF;
    border: 4px solid #F5F3DD;
    bottom: 50px;
    bottom: 130px;right:40px;
    text-align:center;
    text-align: -webkit-center;
    text-align: -ms-center;
    text-align: -moz-center;
}
.cssarrow:after,
.cssarrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cssarrow:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FFFFFF;
    border-width: 10px;
    margin-left: -11px;
}
.cssarrow:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #F5F3DD;
    border-width: 16px;
    margin-left: -16px;
}
.cssarrow1,.cssarrow2,.cssarrow3,.cssarrow4{
    display: none;
}

/* 过度效果使用 */
.home{

    opacity: 0;
    filter: alpha(opacity=0);
}


.animation {
    -webkit-animation: fadeInUp 1s .2s ease both;
    -ms-animation: fadeInUp 1s .2s ease both;
    -moz-animation: fadeInUp 1s .2s ease both;
}

.animation1 {
    -webkit-animation: fadeInUp 1s .6s ease both;
    -ms-animation: fadeInUp 1s .6s ease both;
    -moz-animation: fadeInUp 1s .6s ease both;
}

.animation2 {
    -webkit-animation: fadeInUp 1s .8s ease both;
    -ms-animation: fadeInUp 1s 1.0s ease both;
    -moz-animation: fadeInUp 1s 1.0s ease both;
}

.animation3 {
    -webkit-animation: fadeInUp 1s 1.0s ease both;
    -ms-animation: fadeInUp 1s 1.2s ease both;
    -moz-animation: fadeInUp 1s 1.2s ease both;
}



.animation4 {
    -webkit-animation: fadeInUp 2s 1.2s ease both;
    -ms-animation: fadeInUp 2s 1.2s ease both;
    -moz-animation: fadeInUp 2s 1.2s ease both;
}
.animation5 {
    -webkit-animation: fadeInUp 2s 1.2s ease both;
    -ms-animation: fadeInUp 2s 1.2s ease both;
    -moz-animation: fadeInUp 2s 1.2s ease both;
}




@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

/*banner轮播*/ /*首页内页都有用到*/
.internalbanerBox{
    /* width: 100%;
    height: 656px; */
    /* background: #001869; */

}

.slideBox{
    width: 100% !important;
    min-width: 1000px !important;
//height: 656px !important;
    margin: 0 auto;
    z-index: 9999!important;
    overflow: hidden;
}


.items_text1{
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);


}

.items_text2{
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);


}


.items_text3{

    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-50px);
    transition: .3s linear 0.3s;

    -webkit-transform: translateY(-50px);
    -webkit-transition: .3s linear 0.3s;
    -moz-transform: translateY(-50px);
    -moz-transition: .3s linear 0.3s;
    -ms-transform: translateY(-50px);
    -ms-transition: .3s linear 0.3s;
}

.items_text4{

    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-80px);
    transition: .3s linear 0.6s;

    -moz-transform: translateY(-80px);
    -moz-transition: .3s linear 0.6s;
    -webkit-transform: translateY(-80px);
    -webkit-transition: .3s linear 0.6s;
    -ms-transform: translateY(-80px);
    -ms-transition: .3s linear 0.6s;
}


.items_text5{

    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-50px);
    transition: .3s linear 0.3s;

    -webkit-transform: translateY(-70px);
    -webkit-transition: .3s linear 0.3s;
    -moz-transform: translateY(-50px);
    -moz-transition: .3s linear 0.3s;
    -ms-transform: translateY(-50px);
    -ms-transition: .3s linear 0.3s;
}

.items_text6{

    opacity: 1 !important;
    filter: alpha(opacity=100);
    transform: translateY(-100px);
    transition: .3s linear 0.6s;

    -moz-transform: translateY(-80px);
    -moz-transition: .3s linear 0.6s;
    -webkit-transform: translateY(-80px);
    -webkit-transition: .3s linear 0.6s;
    -ms-transform: translateY(-80px);
    -ms-transition: .3s linear 0.6s;
}
/*banner轮播结束*/

/*banner轮播文字*/ /*首页内页都有用到*/
.items_text{
    position: absolute;

    top:205px;

    width: 45%;
    left: 15.5%;

}
.items_text_page{

    top:150px;

}

.items_liner{

    width: 30px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);

}


/* .items_text2{
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);


} */

.items_text div:first-child{

    font-size: 45px;
    font-weight: 600;
    color: #fff;



}
.items_text div.it_txt2{

    font-size: 16px;

    color: #fff;
    word-spacing: 10px;
    line-height: 30px



}

.down-ico {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff !important;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.down-ico i {
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
    left: 8px;
    position: absolute;
    -webkit-animation: move 1s infinite linear;
    -ms-animation: move 1s infinite linear;
    -moz-animation: move 1s infinite linear;
    animation: move 1s infinite linear;
    background: url(../images/bot.png) no-repeat;
    background-size: 20px 20px;
}


@-webkit-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@-ms-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@-moz-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@-o-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}

.pagetop_img{
    margin-top: 106px;
}
/*banner轮播文字结束*/

/*内容模块向上滑动出现效果*/ /*团队页面也有使用*/
.show1 {
    transition-duration: 0s;
    transform:translateY(-20px);
    transition: all .5s;
    -webkit-animation: show .5s linear;
    -moz-animation: show .5s linear;
    -ms-animation: show .5s linear;
    -o-animation: show .5s linear;
    opacity: 1!important;



    -webkit-opacity: 1;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 1;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 1;
    /* IE9 + etc...modern browsers */

    /* IE 4-9 */
    filter:alpha(opacity=100);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;

        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}

@-ms-keyframes show {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
@-moz-keyframes show {
    0% {
        opacity: 0;

        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
@-o-keyframes show {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
.show {
    -webkit-animation: fadeInUp2 1s .2s ease both;
    -ms-animation: fadeInUp2 1s .2s ease both;
    -moz-animation: fadeInUp2 1s .2s ease both;

    opacity: 1;
    filter:alpha(opacity=100) !important;
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(100px);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}

@-moz-keyframes fadeInUp2 {
    0% {
        opacity: 1;
        -moz-transform: translateY(100px);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
.show_img{
    transition-duration: 0s;
    animation: showimg 0.5s ease-in;
    opacity: 1!important;
    filter:alpha(opacity=100)!important;
}

@-webkit-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}
@-moz-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}
@-ms-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}
@-o-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}

.show_img1{
    -webkit-animation:fadeIn 1s  ease both;
    -moz-animation:fadeIn 1s  ease both;

    opacity: 1!important;
}
@-webkit-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
@-o-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
/*内容模块向上滑动出现效果结束*/