body { font-family: 'Microsoft YaHei'; color: #565656; }
.clear { clear: both; }
ul, li { list-style-type: none; padding: 0px; margin: 0px; }

.h10 { clear: both; height: 10px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }

.left { float: left; }
.right { float: right; }
.pager { margin: 0px; }

a { text-decoration: none; color: #333; }
    a:hover, a:active { text-decoration: none; color: #d7000f; }
    a.btn { margin: 5px; padding: 6px 18px; line-height: 24px; display: inline-block; border: 1px solid #ccc; border-radius: 3px; }
    a.more { font-size: 12px; }

span.en { display: none; }


h1 { color: #333; font-size: 24px; margin-top: 0px; }
h3 { color: #333; font-size: 20px; position: relative; }
i { display: inline-block; }

/*h3 a.more { position: absolute; top: 0px; right: 0px; line-height: 24px; background: url(../images/icon/icon_more.png) right center no-repeat; display: inline-block; border: 1px solid #9c9c9c; padding: 0 20px 0 10px; color: #333; }
    h3.title { border-bottom: 1px solid #cbcbcb; padding: 0 0 15px 0; margin-bottom: 18px; margin-top: 0px; }
        h3.title span { font-size: 15px; padding: 0px 15px; }

a.more1 { background: url(../images/icon/icon_more1.png) 95% center no-repeat; display: inline-block; }
a.more2 { background: url(../images/icon/icon_more2.png) 95% center no-repeat; display: inline-block; }
a.more3 { background: url(../images/icon/icon_more3.png) 95% center no-repeat; display: inline-block; }
a.more4 { background: url(../images/icon/icon_more4.png) 95% center no-repeat; display: inline-block; }
a.more4 { margin: 30px auto 0 auto; padding: 5px 30px 5px 10px; color: #d71518; font-size: 20px; line-height: 20px; text-align: center; }*/

em.tel { font-family: Arial, Helvetica, sans-serif; }
em.date { font-family: Arial, Helvetica, sans-serif; }


.section .title { height: auto; }
#header { background: #f4f4f4; margin: 0px; padding: 0px; }
    #header .pic { margin-top: 10px; }
.right .lang .en { display: inline-block; }

#header .right .lang { margin: 10px 0; padding-right: 20px; }
    #header .right .lang span { font-weight: bold; margin: 0 10px 0 5px; font-size: 16px; }
#header .right .tel { text-align: left; }
#header .right { text-align: right; }
    #header .right .lang .i1 { background: url(../images/default_images/icon_index02.png) no-repeat; width: 23px; height: 16px; margin-bottom: -3px; }
    #header .right .lang .i2 { background: url(../images/default_images/icon_index03.png) no-repeat; width: 23px; height: 16px; margin-bottom: -3px; }
    #header .right .tel .i1 { background: url(../images/default_images/icon_index01.png) no-repeat left; width: 42px; height: 38px; margin-bottom: -3px; }
    #header .right .tel .i2 { background: url(../images/default_images/icon_index04.png) no-repeat left; width: 38px; height: 38px; margin-bottom: -3px; }
    #header .right .tel span { display: inline-block; padding-right: 50px; font-weight: bold; margin-left: 5px; font-size: 15px; line-height: 20px; }

#header .title { margin: 15px 0; height: auto; }
#header .nav { background: #1d1815; }
    /*#header .nav li{display:inline-block; width:auto;}*/
    #header .nav .nav_li { float: left; /*display:inline-block;*/ }
    #header .nav a { display: inline-block; padding: 10px 28px; color: #ffffff; font-size: 18px; float: left; }
        #header .nav a:hover { background: url(../images/Default_images/bg_color.png) center no-repeat; }
    #header .nav .selected { background: url(../images/Default_images/bg_color.png) center no-repeat; }
    #header .nav span { display: none; }
        #header .nav span.solid { display: inline-block; margin-top: 10px; color: #d7000f; font-size: 16px; }
    #header .nav input { border-radius: 10px; background: #fff; margin-top: 9px; }
#header .m-navbar { display: none; }
#header .search { display: inline; position: relative; margin-left: 20px; }
    #header .search a { display: inline-block; padding: 0; position: absolute; top: -3px; right: 4px; }
        #header .search a:hover { display: none; }
/* .secBanner { background: url(../images/default_images/bg_index01.png) no-repeat center; height: 459px; }*/
.secBanner .banner { text-align: center; }
    .secBanner .banner img { width: 100%; display: none; }

#footer { background: #1a1a1a; padding: 10px 0; }
    #footer .main { text-align: center; padding: 10px; }
        #footer .main a { color: #fff; font-size: 12px; }
        #footer .main p { color: #fff; font-size: 12px; }
        #footer .main .nav_area { margin: 10px 0; }
        #footer .main .codes { float: left; display: inline-block; margin: 8px 15px 0 15px; display: none; }
            #footer .main .codes p { color: #fff; margin: 4px 0; }
            #footer .main .codes .pic { margin-top: 13px; }
            #footer .main .codes p i { background: url(../images/default_images/icon_footer01.png) no-repeat left; width: 14px; height: 21px; margin-bottom: -3px; }
        #footer .main .message { display: inline-block; float: left; margin: 15px 0 0 15px; }
            #footer .main .message p { color: #fff; text-align: left; }
                #footer .main .message p i { background: url(../images/default_images/icon_footer02.png) no-repeat left; width: 22px; height: 15px; margin-bottom: -3px; }
            #footer .main .message .left input { padding: 5px; background: #333333; margin-bottom: 11px; border: none; }
            #footer .main .message .right textarea { height: 112px; margin-left: 5px; width: 400px; background: #333333; border: none; }
            #footer .main .message .right .btn { padding: 35px 4px; background: #d91e17; margin-left: 5px; color: #fff; border-radius: 0px; }
        #footer .main .tel { display: inline-block; text-align: left; margin: 15px 0 0 15px; }
            #footer .main .tel p { color: #fff; margin: 0px; font-size: 14px; line-height: 24px; }
                #footer .main .tel p i { background: url(../images/default_images/icon_footer03.png) no-repeat left; width: 18px; height: 20px; margin-bottom: -3px; }

    #footer .divhref { background: #1a1a1a; border-top: 2px solid #da251d; padding-top: 10px; }
        #footer .divhref .main a { display: inline-block; color: #fff; padding: 0px 4px; }
        #footer .divhref .main span { color: #fff; }
        #footer .divhref .main a span { display: inline-block; margin-left: 5px; font-size: 13px; }
        #footer .divhref .menu { display: inline-block; margin-right: 109px; }

/* 常用区块 **********************/
div.box { }
    div.box .title { margin: 0px; padding: 0px 15px; height: auto; line-height: 44px; position: relative; background: none; }
        div.box .title span { color: #121212; font-size: 17px; display: inline-block; margin: 0 10px; }
            div.box .title span.en { }
        div.box .title a.more { position: absolute; top: 5px; right: 5px; }
    div.box .main { padding: 10px; }
        div.box .main li { }
            div.box .main li a { display: block; line-height: 30px; color: #666; font-size: 15px; padding: 3px 0px; }
            div.box .main li .item { margin: 0; padding: 0; }
                div.box .main li .item .pic { margin: 10px; }
                    div.box .main li .item .pic img { display: block; margin: 0 auto; width: 100%; }
                div.box .main li .item h3 { margin: 6px auto; }
                div.box .main li .item .intro { line-height: 20px; font-size: 13px; margin: 0; display: none; }
                    div.box .main li .item .intro p { line-height: 20px; font-size: 13px; margin: 0; }
                div.box .main li .item div.more { display: none; }
#HotNews { display: none; }
.side div.box { border: 1px solid #d7000f; }
    .side div.box .title { }
    .side div.box .main li { }
        .side div.box .main li a { border-bottom: 1px dashed #ccc; padding-left: 5px; }

.side div.master { border: 1px solid #cacaca; border-radius: 10px; }
    .side div.master .title { height: auto; border: none; }
        .side div.master .title span { }
    .side div.master .main { padding: 0 0 10px 10px; }
        .side div.master .main li { }
            .side div.master .main li a { display: block; line-height: 36px; border: none; color: #666; font-size: 15px; }
                .side div.master .main li a:hover { font-weight: bold; color: #fff; }
            .side div.master .main li .selected { background: #da251d; color: #fff; }
            .side div.master .main li li { float: none; }
                .side div.master .main li li a { background: none; border-radius: 0; }
                    .side div.master .main li li a:hover { color: #da251d; }
                .side div.master .main li li:last-child a { border: none; }

.side div.contact h3 { font-size: 18px; }

div.more1 { text-align: center; margin: 30px 0; }
    div.more1 a.more1 { margin: 30px auto 15px auto; padding: 10px 30px 10px 10px; color: #d71518; font-size: 20px; line-height: 20px; text-align: center; }
div.more3 { text-align: center; }
    div.more3 a.more3 { margin: 30px auto 15px auto; padding: 5px 30px 5px 10px; color: #808080; border: 1px solid #808080; font-size: 15px; line-height: 20px; text-align: center; }

div.page { padding-bottom: 30px; }
    div.page li { float: left; width: 33.33%; text-align: center; }
    div.page a { display: inline-block; }
    div.page a { margin: 30px auto 0 auto; padding: 8px 15px; border: 1px solid #db1517; color: #db1517; font-size: 20px; line-height: 20px; text-align: center; }
        div.page a:hover { background: #db1517; color: #fff; }

div#bannerCase { padding-bottom: 80px; }
    div#bannerCase img { width: 100%; }
    div#bannerCase .bottom { background: #de4341; line-height: 30px; padding: 5px 50px; color: #fff; position: relative; }
        div#bannerCase .bottom .location { border: none; }
        div#bannerCase .bottom a { color: #fff; }
    div#bannerCase .arrowleft { position: absolute; top: 40px; border-right: 50px solid #b61f22; left: 0px; width: 0; height: 0; }
    div#bannerCase .arrowleft { border-bottom: 50px solid transparent; }
    div#bannerCase .arrowright { position: absolute; top: 40px; border-left: 50px solid #b61f22; right: 0px; width: 0; height: 0; }
    div#bannerCase .arrowright { border-bottom: 50px solid transparent; }

/* 常用区块效果 **********************/
.boxPhoto li { opacity: 1; }
    .boxPhoto li img { width: 100%; }
    .boxPhoto li .item { position: relative; height: 100%; border: 1px solid #ccc; }
    .boxPhoto li .intro { position: absolute; top: 0px; left: 0px; background: rgba(215, 21, 24, 0.80); width: 100%; height: 100%; padding: 15px; display: none; }
        .boxPhoto li .intro .m { position: relative; width: 100%; height: 100%; }
            .boxPhoto li .intro .m .m1 { font-size: 16px; line-height: 22px; color: #fff; position: absolute; top: 0px; left: 0px; }
            .boxPhoto li .intro .m .m2 { font-size: 12px; line-height: 22px; color: #fff; position: absolute; bottom: 0px; left: 0px; }
    .boxPhoto li a:hover .intro { display: block; }
    .boxPhoto li.no a:hover .intro { display: none; }

/* 常用区块效果 **********************/
#divCompanyInfo { }
    #divCompanyInfo img { width: 100%; background: #ccc; }
    #divCompanyInfo .intro { text-indent: 2em; line-height: 22px; font-size: 13px; }

#divCompanyPhoto { border: none; }
    #divCompanyPhoto li { width: 50%; float: left; border: none; }
        #divCompanyPhoto li img { width: 95%; }

div.kf { background: #999; margin-top: 220px; z-index: 99999; }
    div.kf li { position: relative; }
        div.kf li a:hover { background: #d71518; display: block; }
        div.kf li div { position: absolute; top: 0px; right: 60px; white-space: nowrap; padding: 5px 15px; background: #fff; line-height: 50px; border: 1px solid #ccc; }

div.kf_phone { display: none; }


/*头部和底部*/
div.header { width: 100%; top: 0px; left: 0px; z-index: 999; }
    div.header .navbar { display: none; }
    div.header .m-logo { display: none; }
    div.header .m-navbar { display: none; }
    div.header .m-search { display: none; }

    div.header div.menu { line-height: 33px; color: #fff; font-size: 16px; padding: 0 15px; }
        div.header div.menu ul { float: left; padding: 0px; margin: 0px; }
        div.header div.menu li abbr { display: none; }
        div.header div.menu li a { font-size: 16px; display: block; background: #d7000f; color: #fff; line-height: 33px; padding: 0px 24px; margin: 0px; text-align: center; white-space: nowrap; }
        div.header div.menu li.nav_li { float: left; position: relative; z-index: 99999; }
            div.header div.menu li.nav_li.selected a { background: #ec0c0c; }
            div.header div.menu li.nav_li a:hover { background: #ec0c0c; }
            div.header div.menu li.nav_li ul { display: none; position: absolute; left: 0px; top: 33px; }
            div.header div.menu li.nav_li li a { text-align: left; line-height: 50px; }
        div.header div.menu .tel { font-size: 16px; }
            div.header div.menu .tel span { color: #666; }

    div.header .search { position: relative; margin: 0; overflow: hidden; }
        div.header .search input { border: 1px solid #ccc; border-radius: 10px; line-height: 27px; padding: 3px 8px; }
        div.header .search a { position: absolute; display: block; top: 0px; right: 0px; border-radius: 100%; line-height: 35px; height: 27px; width: 27px; }

    div.header.active { position: fixed; top: 0px; left: 0px; height: auto; }


div.footer { background: #313639; color: #fff; margin: 0; }
    div.footer .flink { padding: 30px 0 15px 0; }
    div.footer .left { width: 68%; }
    div.footer .right { width: 30%; }
    div.footer .nav { line-height: 22px; color: #fff; padding: 0px; }
        div.footer .nav .item { float: left; width: 22%; }
            div.footer .nav .item:last-child { width: 34%; }
            div.footer .nav .item .share { float: left; width: 60%; }
            div.footer .nav .item .qcode { float: left; width: 40%; }
                div.footer .nav .item .qcode img { width: 81px; height: 81px; }
        div.footer .nav h3 { font-size: 20px; color: #7b837b; font-weight: bold; }
        div.footer .nav a { font-size: 14px; color: #4c5959; line-height: 26px; }
    div.footer .contact h3 { color: #d5e1de; }
    div.footer .contact p { color: #4c5959; }
    div.footer .contact .btn { }
        div.footer .contact .btn a { display: inline-block; padding: 10px 20px; border: 1px solid #00c7ff; background: #00c7ff; color: #fff; border-radius: 5px; font-size: 18px; }
    div.footer .copyright { background: #232629; }
        div.footer .copyright p { line-height: 48px; margin: 0; padding: 0; text-align: center; color: #9a9da2; }

@media(min-width:1200px) {
    #footer .main .message .right textarea { width: 459px; }
}

@media(max-width:1200px) {
    #header .search a { top: -11px; right: -21px; }
    #header .nav input { margin-top: 6px; }
    #header .nav a { font-size: 14px; padding: 10px 26px; }
    #footer .main { padding: 0; font-size: 13px; }
        #footer .main .codes { margin: 8px 0; }
        #footer .main .message .left input { margin-bottom: 15px; }
        #footer .main .message .right textarea { width: 368px; }
    #footer .divhref .menu { margin-right: 22px; }
    div.page li { float: none; text-align: left; width: auto; }
}

@media (max-width:1000px) {

    body { position: relative; }
    #header .search { display: none; }
    #header .m-navbar { display: block; padding: 0px; position: absolute; background: #000000; top: 10px; right: 10px; z-index: 999; }
        #header .m-navbar a { padding: 11px; display: inline-block; text-align: center; }
        #header .m-navbar i { display: inline-block; font-size: 1.6em; color: #ae8f71; }
    #header div.detailSite .main { padding: 0px; }
}

@media (max-width: 768px) {
    #header .nav .nav_li { float: none; }
    #header .nav span.solid { display: none; }
    #header { padding: 0 9px; position: relative; width: 100%; z-index: 998; }
        #header .title .left .pic img { height: 32px; }
        #header .right { display: none; }
        #header .title .left .pic { margin: 0px; }
        #header .nav { display: none; }
        #header .nav { margin: 0 -10px; }
            #header .nav a { padding: 10px 16px; float: none; text-align: center; width: 100%; border-bottom: 1px solid; font-size: 12px; }
        #header div.detailSite .main { padding: 0px; }

    body { overflow-x: hidden; padding: 0 0 0px 0; margin: 0px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding: 0px; }
    .container { padding: 0px; }
    .row { margin: 0; }

    .flex-control-nav { display: none; }
    div.box .main { padding: 6px; }

    div.header { height: auto; padding: 7px; }
        div.header .top { }
            div.header .top .logo { display: none; }
            div.header .top .search { display: none; }
        div.header div.menu { display: none; position: fixed; top: 50px; left: 0px; margin: 0; padding: 10px 0; background: #d7000f; z-index: 2000; }
            div.header div.menu li.liHome { display: block; }
            div.header div.menu li { display: block; width: 100%; }
                div.header div.menu li a { text-align: center; padding: 0; font-size: 14px; line-height: 44px; }
                div.header div.menu li.nav_li ul { position: static; float: left; width: 100%; display: block; }
                    div.header div.menu li.nav_li ul li { width: 25%; float: left; }
                        div.header div.menu li.nav_li ul li a { text-align: center; line-height: 30px; }

        div.header .m-logo { display: block; float: left; position: relative; padding: 10px 0; }
            div.header .m-logo img { height: 30px; display: block; }

        div.header .m-navbar { display: block; float: right; padding: 5px 0; }
            div.header .m-navbar a { height: 40px; width: 40px; display: inline-block; border: none; text-align: center; }
            div.header .m-navbar i { font-size: 1.6em; line-height: 40px; color: #fff; }


    #footer .main .message { margin: 15px 0 0 10px; }
        #footer .main .message .left input { margin-bottom: 15px; }
        #footer .main .message .right textarea { width: 224px; }
    #footer .main .tel { margin: 15px 0 0 10px; }
        #footer .main .tel p { font-size: 12px; }
    #footer .main a { color: #fff; font-size: 12px; }
    #footer .main p { color: #fff; font-size: 12px; }
    div.footer .nav { display: none; }

    div.kf { display: none; }
    div.kf_phone { position: fixed; left: 0px; bottom: 0px; width: 100%; display: block; z-index: 9999; border-right: 1px solid #666; }
        div.kf_phone .bg { position: relative; }
        div.kf_phone .menu1 { display: none; position: absolute; bottom: 0px; right: 0px; margin: 0 0 0 115px; background: #000; width: 100%; }
            div.kf_phone .menu1 li.liHome { display: block; }
            div.kf_phone .menu1 li { display: block; width: 100%; border-bottom: 1px solid #333; }
                div.kf_phone .menu1 li a { font-size: 16px; display: block; color: #fff; line-height: 52px; padding: 0 0 0 30px; margin: 0px; text-align: left; }
        div.kf_phone .menu2 li { width: 25%; float: left; border-right: 1px solid #ccc; }
            div.kf_phone .menu2 li a { background: #D71518; line-height: 20px; padding: 6px 0; font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; text-align: center; display: block; }
            div.kf_phone .menu2 li:last-child { border: none; }
}

@media (max-width:767px) {


    #header .search { position: absolute; right: 34px; top: 0px; }
    #header .search { display: none; }
    #footer .main { padding: 0px 25px; }
        #footer .main .codes { width: 100%; margin: 0px; }
            #footer .main .codes p { margin: 15px 0; }
        #footer .main .pic img { width: 80%; }
        #footer .main .message { width: 100%; margin: 0px; position: relative; padding-bottom: 40px; }
            #footer .main .message p { margin: 15px 0; text-align: center; }
            #footer .main .message .left { width: 100%; text-align: left; padding-left: 31px; }
                #footer .main .message .left input { width: 89%; padding: 5px 0; text-indent: 1em; }
            #footer .main .message .right { padding: 0px 6% 0 5.2%; float: none; }

                #footer .main .message .right textarea { width: 91%; margin: 0px; }
                #footer .main .message .right .btn { margin: 0 119px; padding: 4px 45px; position: absolute; bottom: 0px; left: -3%; }
                    #footer .main .message .right .btn br { display: none; }
        #footer .main .tel p { font-size: 12px; }
    #footer .divhref .menu { margin: 0px; }
    #footer .divhref .main span { font-size: 12px; }
    #footer .divhref .main a { font-size: 12px; }
}

@media(max-width:320px) {
    #footer .main .message .right { padding: 0px 6% 0 7.5%; float: none; }
        #footer .main .message .right .btn { left: -16%; }
}

.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_030s { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_050s { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_075s { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_100s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_150s { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_200s { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_300s { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_500s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_1s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_5s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated_delay_030s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.animated_delay_060s { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.animated_delay_090s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.animated_delay_120s { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.css3-t-scale { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.css3-ease-in-out { -webkit-transition: all .8s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

@-webkit-keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

@keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

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


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

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

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


@-webkit-keyframes t_InLeft {
    0% { opacity: 1; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes t_InLeft {
    0% { opacity: 1; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

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