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

.h10 { height: 10px; clear: both; }
.h20 { height: 20px; clear: both; }
.h50 { height: 50px; clear: both; }
.h80 { height: 80px; clear: both; }

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

h1 { color: #333; font-size: 24px; margin-top: 0px; }
h3 { color: #333; font-size: 16px; position: relative; }

i.f1 { background: url(../images/icon_contactus.png) center no-repeat; }
i.f2 { background: url(../images/icon_service.png) center no-repeat; }
i.f3 { background: url(../images/icon_share.png) center no-repeat; }
i.f4 { background: url(../images/icon_qcode.png) center no-repeat; }

a { text-decoration: none; color: #666; }
    a:hover, a:active { text-decoration: none; color: #000; }
    a.more { font-size: 12px; }
        a.more:hover { background: #478ed4; }

div.controls { margin-bottom: 30px; }
    div.controls input, div.controls textarea { line-height: 46px; padding: 5px; font-size: 18px; width: 100%; border: 2px solid #ccc; }
        div.controls input:hover, div.controls textarea:hover { border: 2px solid #478ed4; }
    div.controls button { background: #478ed4; color: #fff; padding: 5px 15px; font-size: 16px; border: none; }

div.more { text-align: center; margin: 10px 0 20px 0; }
    div.more a.more { line-height: 26px; border-radius: 15px; background: #0090da;color: #fff; margin: 0px 20px; padding: 2px 20px; display: inline-block; }
        div.more a.more:hover { background: #478ed4; }

div.page { }
    div.page a.more { background: url(../images/icon_more4.png) 95% center no-repeat; display: inline-block; }
    div.page a.more { margin: 30px auto 0 auto; padding: 5px 30px 5px 0px; color: #478ed4; font-size: 20px; line-height: 20px; text-align: center; }
    div.page a i { margin: 0 0 5px 0; }
    div.page li { padding: 0; }
        div.page li span { color: #478ed4; }

div.contact .main { padding: 10px; }

.bx-wrapper { position: relative; }
    .bx-wrapper .bx-controls { position: absolute; bottom: -20px; left: 50%; margin-left: -33px; }
    .bx-wrapper .bx-pager { }
        .bx-wrapper .bx-pager .bx-pager-item { float: left; }
        .bx-wrapper .bx-pager a { width: 12px; height: 12px; border-radius: 12px; float: left; background: #fff; display: block; margin: 0px 5px; text-indent: -9999px; overflow: hidden; }
            .bx-wrapper .bx-pager a.active { background: #478ed4; }
    .bx-wrapper .bx-controls-direction { }

div.kf_phone { display: none; }

@media (max-width: 768px) {

    div.kf_phone { position: fixed; left: 0px; bottom: 0px; width: 100%; display: block; z-index: 9999; }
        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; }
            div.kf_phone .menu2 li a { border-right: 1px solid #ccc; background: #478ed4; 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 a { border: none; }
}


.kf { background: #e7e7e7; }
    .kf img { width: 100%; }
    .kf .bg { padding: 10px; }
    .kf .tel { padding: 0 10px 0 60px; background: url(../images/icon_tel.jpg) left center no-repeat; }
        .kf .tel input { line-height: 46px; height: 46px; width: 100%; background: #e7e7e7; border: 1px solid #ccc; border-radius: 5px; padding: 0px 5px; font-size: 16px; }
    .kf a.lnkTel { background: #d90012; color: #fff; height: 37px; line-height: 37px; width: 167px; display: block; text-align: center; font-size: 20px; margin: 15px auto 5px auto; }

/*ͷ���͵ײ�*/
div.header { width: 100%; z-index: 9999; background: #f9f9f9; }
    div.header.active { z-index: 9999; position: fixed; top: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.11); -webkit-animation-name: ae-animation-header; -moz-animation-name: ae-animation-header; -o-animation-name: ae-animation-header; animation-name: ae-animation-header; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -ms-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; }
        div.header.active .top { background: #fff; opacity: 1; display: none; }
        div.header.active .nav { opacity: 0.9; }

    div.header .m-navbar { display: none; }
    div.header div.top { position: relative; display: block; padding: 10px 0 0 0; }
        div.header div.top .tel span { color: #ff7800; font-size: 27px; font-weight: 600; }
        div.header div.top .tel img { vertical-align: inherit; }
        div.header div.top div.title { padding: 14px 25px; }
            div.header div.top div.title br { display: none; }
            div.header div.top div.title h3 { color: #333; font-size: 24px; line-height: 30px; margin: 6px 0 0 0; }
            div.header div.top div.title p { color: #808080; font-size: 14px; line-height: 20px; margin: 0px; text-align: justify; text-justify: inter-ideograph; }
                div.header div.top div.title p b { font-weight: normal; padding: 0 10px; }
                    div.header div.top div.title p b:first-child { padding: 0 10px 0 0; }
                    div.header div.top div.title p b:last-child { padding: 0 0 0 10px; }
        div.header div.top div.right { padding: 23px 88px 14px 0px; }
            div.header div.top div.right p { text-align: right; margin: 0px; }
    div.header div.nav .search { position: relative; margin-top: 13px; display: inline-block; }
    div.header div.top .search a { position: absolute; top: 0px; right: 0px; width: 30px; height: 22px; }
    div.header div.top input { background: url(../images/icon_search.png) right center no-repeat; padding: 5px; border: 1px solid #ccc; width: 100%; border-radius: 5px; }

    div.header div.logo { }
    div.header div.menu { float: left; }
    div.header div.logo img { display: block; margin: 0px; }
    div.header div.nav { background: #478ed4; }
    div.header div.menu li.nav_li { float: left; }
        div.header div.menu li.nav_li a { font-size: 18px; display: block; color: #fff; line-height: 52px; padding: 0px 22px; margin: 0px; text-align: center; }
            div.header div.menu li.nav_li a abbr { display: none; }
            div.header div.menu li.nav_li a:hover { background: #27ace9; }
            div.header div.menu li.nav_li a.selectedtop { background: #27ace9; }
        div.header div.menu li.nav_li ul { display: none; background: #478ed4; position: absolute; left: 0px; top: 52px; }


div.footer { background: ; }
    div.footer #aboutus { padding: 20px 0; }
        div.footer #aboutus .row { margin: 0 -5px; }
        div.footer #aboutus .col-md-1, div.footer .col-md-2, div.footer .col-md-3, div.footer .col-md-4, div.footer .col-md-5 { padding: 0 5px; }
        div.footer #aboutus .item h3 { font-size: 18px; line-height: 24px; color: #fff; padding: 10px 0; margin-bottom: 10px; }
            div.footer #aboutus .item h3 i { width: 40px; height: 40px; margin: 10px 0; display: block; }
        div.footer #aboutus .item .service a { font-size: 13px; color: #eee; line-height: 30px; border: none; top: 10px; background: none; display: block; }
        div.footer #aboutus .item .contactus { font-size: 13px; color: #eee; line-height: 30px; }
    div.footer .qcode { margin: 15px 0; }
        div.footer .qcode img { max-width: 60%; }

    div.footer #copyright { height: 40px; line-height: 40px; background: #090808; color: #666; }
#divJscount { display: none; }

div.kf .Online { position: fixed; bottom: 20px; right: 0; z-index: 9999; padding: 10px; }
    div.kf .Online h3 { font-size: 14px; color: #fff; font-weight: bold; margin: 10px 0; }
    div.kf .Online .item { }
        div.kf .Online .item p { margin: 0; }

#secContactus { background: #e6e6e6; }
    #secContactus .row { margin: 0 -15px; }
        #secContactus .row .col-md-6 { padding: 0 15px; }
        #secContactus .row h3 { font-size: 20px; margin-top: 40px; }
        #secContactus .row img { width: 100%; }
    #secContactus .contact { }
        #secContactus .contact .main h3 { padding: 15px; margin: 20px 0 0 0; }
        #secContactus .contact .main p { padding: 0 15px; margin: 0; line-height: 22px; }
            #secContactus .contact .main p.tel { padding: 20px 15px 30px 15px; color: #478ed4; font-size: 25px; }
    #secContactus .feedback { }


@media (max-width: 768px) {

    body { overflow-x: hidden; padding: 0 0 50px 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.header { position: relative; height: auto; z-index: 9999; }
        div.header div.top { }
            div.header div.top .logo { background: none; }
            div.header div.top img { height: 60px; margin-left: 10px; }
            div.header div.top div.title { padding: 5px; }
                div.header div.top div.title br { display: block; }
                div.header div.top div.title h3 { line-height: 25px; font-size: 18px; }
                div.header div.top div.title p { display: none; }
        div.header .right { display: none; }
        div.header .m-navbar { display: block; padding: 0px; height: 40px; position: absolute; background: #000; top: 10px; right: 10px; border-radius: 5px; }
            div.header .m-navbar a { height: 40px; width: 40px; display: inline-block; text-align: center; }
            div.header .m-navbar i { font-size: 1.6em; line-height: 40px; color: #fff; }

        div.header div.nav { }
            div.header div.nav .tel { display: none; }
            div.header div.nav .menu { display: none; position: absolute; top: 60px; right: 0px; margin: 0; background: #000; z-index: 2000; width: 100%; }
                div.header div.nav .menu ul { float: none; }
                div.header div.nav .menu li.liHome { display: block; }
                div.header div.nav .menu li { display: block; width: 100%; border-bottom: 1px solid #333; }
                    div.header div.nav .menu li a { text-align: left; padding: 0 0 0 30px; }

            div.header div.nav div.menuService { width: 100%; }
                div.header div.nav div.menuService .menuServiceTop { display: none; }
                div.header div.nav div.menuService .sub { position: absolute; left: 0px; top: 30px; width: 100%; display: none; }
                    div.header div.nav div.menuService .sub li { }
                        div.header div.nav div.menuService .sub li:nth-child(2n+1) a { background: #d8e0d6; }
                        div.header div.nav div.menuService .sub li a { background: #fff; padding: 8px; display: block; }
                        div.header div.nav div.menuService .sub li h3 { margin: 0px; font-size: 13px; color: #333; line-height: 17px; }
                        div.header div.nav div.menuService .sub li .intro { font-size: 12px; color: #7f7f7f; line-height: 16px; }
                        div.header div.nav div.menuService .sub li a:hover { background: #1a1a1a; }
                            div.header div.nav div.menuService .sub li a:hover h3 { color: #fff; }


    div.footer #aboutus { display: none; }
    div.footer #copyright .left { display: block; text-align: center; width: 100%; }
        div.footer #copyright .left span { display: none; }
    div.footer #copyright .right { display: none; }
    div.kf { display: none; }
}

@media (max-width: 320px) {
    div.header div.top img { max-width: 80%; }
}


.parallax { background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hover { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.hover1000 { -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; -ms-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; }


.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.5s; animation-delay: 1.5s; }
.animated_delay_200s { -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.animated_delay_250s { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.animated_delay_300s { -webkit-animation-delay: 3.0s; animation-delay: 3.0s; }
.animated_delay_350s { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.animated_delay_400s { -webkit-animation-delay: 4.0s; animation-delay: 4.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; }
}

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

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

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

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