body { font-family: 'Microsoft YaHei'; color: #565656; background: #ffffff; }
.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; }
    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; }


h1 { color: #333; font-size: 24px; margin-top: 0px; }
h3 { color: #333; font-size: 20px; position: relative; }
    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: 14px; line-height: 20px; text-align: center; }

em.tel { font-family: Arial, Helvetica, sans-serif; }
em.date { font-family: Arial, Helvetica, sans-serif; display: block; float: right; font-size: 14px; color: #ccc; line-height: 32px; }

/* 常用区块 *********************#ef8201*/

div.box { background: #fff; }
    div.box .title { margin: 0px; padding: 0px; height: auto; position: relative; background: none; border-bottom: 1px solid #ccc; }
        div.box .title span { color: #fe5433; font-size: 18px; font-weight: bold; padding: 0 10px; display: inline-block; line-height: 44px; }
            div.box .title span.en { color: #fe5433; border-left: none; font-size: 14px; text-transform: uppercase; padding: 0; }
        div.box .title a.more { position: absolute; top: 0px; right: 5px; line-height: 44px; }
    div.box .main { padding: 10px; }
        div.box .main li { }
            div.box .main li a { display: block; line-height: 30px; color: #666; font-size: 13px; padding: 3px 10px; border-bottom: 1px dashed #ccc; }
            div.box .main li .item { margin: 0; padding: 0; border: 1px solid #ccc; border-radius: 5px; }
                div.box .main li .item .pic { }
                    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; }

.side div.box { border: 1px solid #ccc; }
    .side div.box .main li { }
        .side div.box .main li a { display: block; line-height: 24px; padding: 3px 10px 3px 20px; border-bottom: 1px dashed #ccc; background: url(../images/icon/icon_dian4.jpg) no-repeat left 13px; }

.side div.master { background: #fe5433; border: 1px solid #fe5433; border-radius: 5px; }
    .side div.master .title { height: auto; border: none; }
        .side div.master .title span { color: #fff; font-size: 17px; }
            .side div.master .title span.en { color: #fe5433; }
    .side div.master .main { background: #fff; padding: 10px; }
        .side div.master .main li { margin: 5px 0; }
            .side div.master .main li a { display: block; line-height: 36px; background: #F6DEC2; border: none; border-radius: 5px; color: #fe5433; font-size: 15px; padding: 4px 15px; }
                .side div.master .main li a:hover { background: #fe5433; border: none; border-radius: 5px; color: #fff; }
            .side div.master .main li li { padding-left: 25px; }
                .side div.master .main li li a { background: none; border-bottom: 1px dashed #ccc; border-radius: 0; }
                    .side div.master .main li li a:hover { background: none; border-bottom: 1px dashed #ccc; color: #ec0c0c; }
                .side div.master .main li li:last-child a { border: none; }

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

div.more1 { text-align: center; }
    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 { }
    div.page a.more4 { border: 1px solid #db1517; }
    div.page li a { display: inline-block; }
    div.page li a { margin: 10px auto; padding: 8px 15px; border: 1px solid #db1517; color: #db1517; font-size: 14px; line-height: 20px; text-align: center; }
        div.page li a:hover { background: #db1517; color: #fff; }



/* 常用区块效果 **********************/
.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: 90%; background: #ccc; }
    #divCompanyInfo .intro { text-indent: 2em; line-height: 18px; font-size: 13px; color: #333; }
#divCompanyPhoto { }
    #divCompanyPhoto li { width: 50%; float: left; border: none; }
        #divCompanyPhoto li img { width: 100%; }

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 { padding: 0; }
    div.header .container { position: relative; }
    div.header.active { position: fixed; left: 0; top: 0; width: 100%; }

    div.header .left { width: 0; }
    div.header .right { width: 100%; }

    div.header .m-navbar { display: none; }
    div.header .logo { position: absolute; top: 50%; left: 50%; margin-top: 72px; margin-left: -260px; z-index: 2001; }
        div.header .logo img { }
    div.header .nav { top: 320px; left: 20%; float: right; position: absolute; z-index: 2000; }
        div.header .nav ul { }
        div.header .nav li { float: left; }
            div.header .nav li a { padding: 0 30px; margin: 0; line-height: 72px; font-size: 1em; color: #000; display: block; }
                div.header .nav li a abbr { display: none; }
                div.header .nav li.selected a, div.header .nav li a:hover { background: #ffd400; color: #fff; }

/*头部和底部*/

#bannerHome .header { position: relative; }
    #bannerHome .header .logo { position: absolute; }
        #bannerHome .header .logo a { }
        #bannerHome .header .logo img { width: 100%; }
    #bannerHome .header .nav { float: right; width: 100%; background-color: #333; }
        #bannerHome .header .nav ul { }
        #bannerHome .header .nav li { float: left; }
            #bannerHome .header .nav li a { color: #fff; font-size: 16px; font-weight: 300; text-align: center; padding: 1em 2em; display: inline-block; }
            #bannerHome .header .nav li:hover a { background-color: #db1517; }

div.footer { color: #444; border-top: 4px solid #ffd400; }
    div.footer .container { }
    div.footer h3 { color: #414242; font-weight: 600; font-size: 1.2em; }
    div.footer li { }
        div.footer li a { color: #777; text-decoration: none; padding: 0.15em 0; display: block; text-transform: uppercase; font-size: 0.875em; }
            div.footer li a i { color: orange; font-size: 1.6em; margin-right: 10px; text-align: left; vertical-align: middle; width: 20px; }
            div.footer li a span { }
    div.footer .footNav .Nav abbr { display: none; }
    div.footer .nav_area { text-align: left; }
        div.footer .nav_area span { font-size: 14px; color: #666; }
        div.footer .nav_area a { margin: 0 5px; color: #666; }
    div.footer #copyright { background: #ffd400; text-align: center; margin-top: 1em; padding: 10px 0; }
        div.footer #copyright p { color: #666; }
            div.footer #copyright p a { color: #666; }
        div.footer #copyright .left { }
        div.footer #copyright .pic { margin: 20px; }
            div.footer #copyright .pic span { background: #444; color: #666; padding: 10px 2px 3px 2px; border-radius: 5px; margin: 0 5px; }
            div.footer #copyright .pic i { width: 30px; height: 30px; color: #ffd400; }
            div.footer #copyright .pic .fa { font-size: 22px; line-height: 22px; color: #ffd400; }
    div.footer a { color: #666; }


@media (max-width: 768px) {

    body { overflow-x: hidden; padding: 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 5px; }


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

    div.header { position: relative; height: auto; height: 56px; border-bottom: 1px solid #ccc; }
        div.header .logo { position: absolute; left: 0px; top: 0px; margin: 0px; }
            div.header .logo img { height: 50px; margin: 3px; }

        div.header div.nav { }
        div.header div.nav { display: none; position: absolute; top: 50px; left: 0px; margin: 0; background: #000; z-index: 2000; width: 100%; }
            div.header div.nav li.liHome { display: block; }
            div.header div.nav li { display: block; width: 100%; border-bottom: 1px solid #333; }
                div.header div.nav li a { text-align: left; padding: 0 2em; font-size: 14px; line-height: 36px; color: #fff; text-align: center; }

        div.header .m-logo { display: block; float: left; height: 52px; position: relative; }
            div.header .m-logo img { background: #fff; height: 52px; padding: 0 6px; display: block; }
            div.header .m-logo a.barsService { background: #e60012; width: 100%; height: 30px; text-align: center; position: absolute; left: 0px; bottom: -30px; display: none; }
            div.header .m-logo i { display: block; font-size: 1.8em; line-height: 30px; color: #fff; }

        div.header .m-navbar { display: block; float: right; padding: 0px; height: 52px; }
            div.header .m-navbar a { height: 40px; width: 40px; display: inline-block; text-align: center; background: #ffd400; border-radius: 5px; margin: 8px; }
            div.header .m-navbar i { font-size: 1.5em; line-height: 40px; color: #fff; }

    div.footer .footNav { display: none; }
    div.footer #copyright .nav { display: none; }
    div.footer #copyright span { display: none; }


    div.kf { display: none; }
    div.kf_phone { position: fixed; left: 0px; bottom: 0px; width: 100%; display: block; background: #D71518; 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; }
}


.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_120s { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -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_010s { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.animated_delay_020s { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.animated_delay_030s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.animated_delay_040s { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.animated_delay_050s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.animated_delay_060s { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.animated_delay_070s { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.animated_delay_080s { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.animated_delay_090s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.animated_delay_100s { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.animated_delay_110s { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.animated_delay_120s { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.animated_delay_150s { -webkit-animation-delay: 1.1s; animation-delay: 1.5s; }
.animated_delay_200s { -webkit-animation-delay: 1.2s; animation-delay: 2.0s; }

.transition_050 { transition: 0.5s all; -webkit-transition: 0.5s all; }


.css3-function-inout { transition-timing-function: ease-in-out; }

.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; animation-timing-function: ease; }

@-webkit-keyframes t_fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes t_fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.t_fade { -webkit-animation-name: t_fade; animation-name: t_fade; animation-timing-function: ease; }

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

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

.t_InUp { -webkit-animation-name: t_InUp; animation-name: t_InUp; animation-timing-function: ease; }

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

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

.t_InDown { -webkit-animation-name: t_InDown; animation-name: t_InDown; animation-timing-function: ease; }


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

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

.t_InLeft { -webkit-animation-name: t_InLeft; animation-name: t_InLeft; animation-timing-function: ease; }

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

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

.t_InRight { -webkit-animation-name: t_InRight; animation-name: t_InRight; animation-timing-function: ease; }


@-webkit-keyframes t_Jitter {
    0% { background-size: 100% 100%; opacity: 1; }
    50% { background-size: 101% 101%; opacity: 0.9; }
    100% { background-size: 100% 100%; opacity: 1; }
}

@keyframes t_Jitter {
    0% { background-size: 100% 100%; opacity: 1; }
    50% { background-size: 101% 101%; opacity: 0.9; }
    100% { background-size: 100% 100%; opacity: 1; }
}

.t_Jitter { -webkit-animation-name: t_Jitter; animation-name: t_Jitter; animation-timing-function: ease; animation-iteration-count: 10; }