.backgroundCover, section#features, section#buyNow, section#twitter, section.well { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

body { /*font-family: "Open Sans", Tahoma, Arial;*/ font-family: 微软雅黑; }

header { /*background: #222222;*/ color: black; height: 200px; }
/*内容图片按比列缩放*/
img { max-width: 100%; }

header.masthead .bannercontainer { width: 100%; position: relative; padding: 0; }

header.masthead .banner { width: 100%; position: relative; }

header.masthead h1 { text-transform: uppercase; font-size: 55px; font-weight: bold; }

header.masthead .tp-bannertimer { background: url("../rs-plugin/assets/timerdot2.png"); height: 3px; }

header.masthead .tp-caption { font-family: 微软雅黑; }

    header.masthead .tp-caption a { color: white; }

        header.masthead .tp-caption a:hover { color: #eeeeee; }

    header.masthead .tp-caption.italic { /*font-style: italic;*/ }

    header.masthead .tp-caption .light_bold { font-weight: 300; font-size: 30px; color: white; padding-top: 10px; text-align: center; }

    header.masthead .tp-caption.large_white_light { /*font-weight: 300;
  font-size: 40px;
  color: white;*/ font-size: 48px; color: #ffffff; font-family: 微软雅黑; line-height: 100px; }

    header.masthead .tp-caption.large_white_light1 { font-size: 16px; color: #ffffff; font-family: 微软雅黑; line-height: 50px; }

    header.masthead .tp-caption .btn.btn-naked { background: rgba(255, 255, 255, 0.3); font-size: 30px; font-style: italic; font-weight: 300; }

header.masthead h1, header.masthead h2, header.masthead h3 { color: white; }

#wrap { padding-top: 70px; }

    #wrap.home { padding: 0; }

.copyrights { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

/* styling navbar */
#nav { width: 100%; position: static; top: -32px; margin-bottom: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: white; min-height: 70px; }

    #nav.affix { position: fixed; top: 0; z-index: 9999; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

    #nav .navbar-brand { padding: 0; height: 69px; line-height: 69px; }

        #nav .navbar-brand img { margin-top: 0px; }

    #nav.navbar-fixed-top { position: fixed; top: 0px; }

    #nav .navbar-toggle { padding: 10px; margin-top: 10px; margin-bottom: 9px; }

        #nav .navbar-toggle i { font-size: 2em; }

/*.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    background: url(../images/a42.png) center top 36px no-repeat;
    color: #ffffff;
}

.navbar-nav > li > a {
    color: #777777;
    display: inline-block;
    padding: 45px 10px 30px 10px;
    text-transform: capitalize;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}*/

/*#nav .navbar-nav li a {
        text-transform: uppercase;
        padding-top: 45px;
        padding-bottom: 30px;
        color: #777777;
        -webkit-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;

    }

        #nav .navbar-nav li a:hover, #nav .navbar-nav li a:active {
            background: url(../images/a42.png) center top 36px no-repeat;
            color: #ffffff;
            text-align: center;
        }*/

/*#nav .navbar-nav li.social-nav {
        margin: 21px 0 4px 10px;
        border-left: 1px solid #eeeeee;
        padding-left: 15px;
    }

        #nav .navbar-nav li.social-nav a {
            float: left;
            padding: 5px 10px;
        }

            #nav .navbar-nav li.social-nav a i {
                font-size: 1.33333333em;
            }

    #nav .navbar-nav li.active a {
        color: #ffffff;
    }*/




section#whoWeAre { -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); padding: 40px 0; }

    section#whoWeAre .media .media-body h4 { font-weight: bold; }

section#about { padding: 40px 0; }

    section#about img { margin: 15px auto; }

    section#about .media { margin-top: 20px; }

        section#about .media .media-body .media-heading { font-weight: bold; margin-top: 20px; font-size: 16px; }

        section#about .media .media-body p { margin-top: 20px; }

section#kuaijie { padding: 40px 0px 30px 0px; }

section#highlights { padding: 25px 0px 0px 0px; /*background: #eeeeee;*/ /*border-top: 1px solid #e0e0e0;*/ /*border-bottom: 1px solid #e0e0e0;*/ }

    section#highlights h4, section#highlights h5 { font-weight: bold; }

    section#highlights h4 { text-transform: uppercase; }

    section#highlights p { /*padding: 15px 0;*/ /*color: #999999;
        font-size: 13px;
        line-height: 25px;*/ }

    section#highlights ul { color: #999999; }

section#features { background-image: url(../img/samples/bk-bl.jpg); padding: 50px 0 0 0 !important; background-attachment: fixed; text-align: left; }

    section#features .media-circle { margin: 15px 0; }

        section#features .media-circle .media-body { margin-top: 10px; }

            section#features .media-circle .media-body h4 { font-weight: 600; color: white; }

            section#features .media-circle .media-body p { color: white; }

    section#features h1 { color: white; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 51px; }

        section#features h1 span { color: #ffffff; }

section#services { padding: 35px 0px 0px 0px; }

    section#services .media-services { position: relative; padding: 15px; background: #f2f2f2; border: 2px solid white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

        section#services .media-services .media-object { background: white; width: 70px; height: 70px; padding: 8px; margin: 10px auto; color: #ee9072; }

        section#services .media-services .media-body { margin-top: 9px; }

        section#services .media-services:hover { background: white; border-color: #e6e6e6; }

            section#services .media-services:hover .media-object { background: #ee9072; color: white; }

        section#services .media-services:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 25px 25px 0; border-style: solid; border-color: white white #cccccc #cccccc; background: #cccccc; display: block; width: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-box-shadow: 1px 1px 8px 0px #b3b3b3; -moz-box-shadow: 1px 1px 8px 0px #b3b3b3; -o-box-shadow: 1px 1px 8px 0px #b3b3b3; box-shadow: 1px 1px 8px 0px #b3b3b3; }

        section#services .media-services:hover:before { border-width: 0; }

        section#services .media-services.right:before { content: ""; position: absolute; top: 0; left: 0; border-width: 25px 25px 0 0; border-style: solid; border-color: white #cccccc white #cccccc; background: #cccccc; display: block; width: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

        section#services .media-services.right .media-body h4, section#services .media-services.right .media-body p { text-align: right !important; }

        section#services .media-services.right:hover:before { border-width: 0; }

section#testimonials { padding: 40px 0; }

    section#testimonials #testimonials-carousel { margin: 30px 0; }

        section#testimonials #testimonials-carousel .item { padding: 0 50px; }

            section#testimonials #testimonials-carousel .item p { padding: 0 50px; text-align: center; font-size: 16px; }

            section#testimonials #testimonials-carousel .item .author { position: relative; color: #999999; }

                section#testimonials #testimonials-carousel .item .author h5 { text-transform: uppercase; color: #8c8c8c; margin-bottom: 1px; }

                section#testimonials #testimonials-carousel .item .author p { text-align: left; padding: 0; font-size: 14px; }

                section#testimonials #testimonials-carousel .item .author:before { content: "____"; position: absolute; top: -10px; left: -40px; color: #cccccc; }

        section#testimonials #testimonials-carousel .carousel-control { background: none; width: 30px; color: #bfbfbf; }

section#huang { background-image: url(../images/a70.png); padding: 20px 0; }

section#buyNow { /*background-image: url(../images/a33.png);*/ padding: 25px 0px 25px 0px; /*height: 264px;*/ background-color: #0a7aae; }

    section#buyNow h1 { color: white; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 45px; }

        section#buyNow h1 span { color: #ffffff; }

    section#buyNow p { color: white; padding: 20px 0; line-height: 25px; font-size: 16px; }

section#team { padding: 40px 0; }

    section#team .member .member-image { position: relative; }

        section#team .member .member-image .member-details { position: absolute; top: 0; opacity: 0; left: 0; right: 0; bottom: 0; background-color: transparent; background-color: rgba(0, 0, 0, 0.55); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000); zoom: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-align: center; color: white; }

            section#team .member .member-image .member-details h4 { margin-top: 50px; text-transform: uppercase; }

            section#team .member .member-image .member-details p { position: absolute; bottom: 0; margin-bottom: 15px; text-align: left; padding: 0 15px; font-size: 13px; }

            section#team .member .member-image .member-details ul { list-style: none; display: inline-block; position: relative; padding: 0; }

                section#team .member .member-image .member-details ul li { float: left; }

                    section#team .member .member-image .member-details ul li a { padding: 5px; margin: 2px; }

                        section#team .member .member-image .member-details ul li a i { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; color: white; }

                        section#team .member .member-image .member-details ul li a:hover i { color: #ffffff; }

    section#team .member .member-name { background: #f7f7f7; padding: 20px 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

        section#team .member .member-name h4 { margin: 0; padding: 0 0 5px 15px; text-transform: uppercase; }

        section#team .member .member-name p { padding-left: 15px; color: #999999; margin: 0; }

        section#team .member .member-name.member-odd { background: #fbfbfb; }

    section#team .member:hover .member-image .member-details { opacity: 1; }

    section#team .member:hover .member-name { background: #ffffff; }

        section#team .member:hover .member-name h4, section#team .member:hover .member-name p { color: white; }

section#portfolio { padding: 40px 0; }

    section#portfolio #filters { text-align: center; margin: 20px 0; }

        section#portfolio #filters button { background: none; border: 2px solid transparent; padding: 8px 10px; text-transform: uppercase; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

            section#portfolio #filters button.current { border: 2px solid #ffffff; }

    section#portfolio #container { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

        section#portfolio #container .item { margin: 15px auto; }

            section#portfolio #container .item .details { position: relative; }

                section#portfolio #container .item .details .info-wrapper { position: absolute; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: transparent; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }

                    section#portfolio #container .item .details .info-wrapper .info .name-tag { position: absolute; right: 0; left: 0; bottom: 0; margin: 0 20px 10px 20px; }

                        section#portfolio #container .item .details .info-wrapper .info .name-tag h5, section#portfolio #container .item .details .info-wrapper .info .name-tag p { color: white; text-transform: uppercase; }

                        section#portfolio #container .item .details .info-wrapper .info .name-tag h5 { font-size: 16px; font-weight: bold; }

                        section#portfolio #container .item .details .info-wrapper .info .name-tag span.divider { margin: 10px 0; }

                    section#portfolio #container .item .details .info-wrapper .heart { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #ffffff transparent transparent; }

                        section#portfolio #container .item .details .info-wrapper .heart i { margin-left: 28px; margin-top: 8px; display: block; color: white; }

            section#portfolio #container .item:hover .details .info-wrapper { opacity: 1; }

section#skills { padding: 40px 0; background: #eeeeee; border-top: 1px solid #e0e0e0; }

    section#skills .skill-circle { margin: 15px auto; }

    section#skills .skill-detail { text-align: center; text-transform: uppercase; font-weight: bold; display: block; }

section#twitter { background-image: url(../img/samples/bk-social.jpg); background-attachment: fixed; padding: 40px 0; position: relative; color: white; text-align: center; }

    section#twitter:before { content: " "; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: transparent; background-color: rgba(0, 0, 0, 0.65); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000,endColorstr=#A6000000); zoom: 1; }

    section#twitter p { font-size: 16px; }

        section#twitter p a { color: #ffffff; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-decoration: none; }

            section#twitter p a:hover { color: #146387; }

    section#twitter a.btn.btn-empty { padding: 10px 20px; font-weight: bold; font-size: 16px; margin: 45px auto; position: relative; top: 15px; }

    section#twitter .carousel-indicators { bottom: -40px; }

section#get-in-touch { padding: 40px 0; }

    section#get-in-touch .contact-details .detail { margin: 25px auto; }

        section#get-in-touch .contact-details .detail h4 { font-weight: bold; text-transform: uppercase; }

        section#get-in-touch .contact-details .detail p { color: #999999; }

        section#get-in-touch .contact-details .detail ul { list-style: none; padding: 15px 0; }

            section#get-in-touch .contact-details .detail ul li { margin: 0 5px; float: left; }

                section#get-in-touch .contact-details .detail ul li a { padding: 5px; color: #999999; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

                    section#get-in-touch .contact-details .detail ul li a i { font-size: 1.7em; }

                    section#get-in-touch .contact-details .detail ul li a:hover { color: #ffffff; }

section#map { width: 100%; height: 300px; }

section#blog .article { margin: 25px 0; }

    section#blog .article span.divider { float: none; margin: 40px 0; }

    section#blog .article h3 a { color: #333333; }

        section#blog .article h3 a:hover { color: #ffffff; }

    section#blog .article .article-details { margin: 15px 0; }

        section#blog .article .article-details .author, section#blog .article .article-details .tags { display: inline-block; }

            section#blog .article .article-details .author a, section#blog .article .article-details .tags a { color: #999999; }

                section#blog .article .article-details .author a:hover, section#blog .article .article-details .tags a:hover { color: #ffffff; }

            section#blog .article .article-details .author i, section#blog .article .article-details .tags i { color: #ffffff; }

        section#blog .article .article-details .tags { margin-left: 5px; }

    section#blog .article .article-data { color: #999999; margin: 20px 0; }

    section#blog .article .type { background: #ffffff; text-align: center; padding: 22px 0; margin-bottom: 5px; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

    section#blog .article .date { text-transform: uppercase; color: white; background: black; text-align: center; font-size: 22px; line-height: 19px; padding: 15px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

        section#blog .article .date span { display: block; font-size: 14px; }

    section#blog .article .share-post { margin: 30px 0; }

        section#blog .article .share-post span { margin-right: 20px; border-right: 1px solid #CCC; padding-right: 20px; }

        section#blog .article .share-post a { margin: 0 5px; color: #999999; }

            section#blog .article .share-post a:hover { color: #ffffff; }

    section#blog .article .comments .media-comments { position: relative; padding: 15px; background: #f2f2f2; border: 2px solid white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

        section#blog .article .comments .media-comments .media-object { background: white; width: 70px; height: 70px; padding: 15px; margin: 10px auto; color: #555555; }

        section#blog .article .comments .media-comments .media-body { margin-top: 9px; }

            section#blog .article .comments .media-comments .media-body .media-heading span { float: right; font-size: 13px; }

        section#blog .article .comments .media-comments p.date { background: none; color: #CCC; font-size: 12px; text-align: left; padding: 0; text-transform: none; }

        section#blog .article .comments .media-comments:hover { background: white; border-color: #e6e6e6; }

            section#blog .article .comments .media-comments:hover .media-object { background: #ffffff; color: white; }

        section#blog .article .comments .media-comments:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 25px 25px 0; border-style: solid; border-color: white white #cccccc #cccccc; background: #cccccc; display: block; width: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

        section#blog .article .comments .media-comments:hover:before { border-width: 0; }

        section#blog .article .comments .media-comments.reply { margin-left: 80px; position: relative; overflow: visible; }

            section#blog .article .comments .media-comments.reply:after { position: absolute; content: " "; width: 2px; height: 100%; top: 0; background: #e6e6e6; left: -40px; }

section#blog .pagination-wrapper { text-align: center; }

    section#blog .pagination-wrapper .pagination > li > a, section#blog .pagination-wrapper .pagination > li > span { color: #ffffff; }

    section#blog .pagination-wrapper .pagination > .active > a,
    section#blog .pagination-wrapper .pagination > .active > span,
    section#blog .pagination-wrapper .pagination > .active > a:hover,
    section#blog .pagination-wrapper .pagination > .active > span:hover,
    section#blog .pagination-wrapper .pagination > .active > a:focus,
    section#blog .pagination-wrapper .pagination > .active > span:focus { background-color: #ffffff; border-color: #ffffff; color: white; }

section .side-block { margin-top: 25px; }

    section .side-block.search input.form-control { background: #eeeeee; border: none; height: 40px; }

    section .side-block.search button { border: none; background: none; }

        section .side-block.search button i { top: 3px; right: 8px; color: #ffffff; }

    section .side-block span.divider { margin: 40px 0; display: block; }

    section .side-block h4 { text-transform: uppercase; margin-bottom: 25px; }

    section .side-block p { color: #999999; }

    section .side-block ul { padding-left: 20px; margin-bottom: 20px; }

        section .side-block ul li { margin: 5px 0; }

            section .side-block ul li a { color: #999999; }

    section .side-block .media a.pull-left { margin-right: 10px; }

    section .side-block .media .media-object { padding: 0; height: 60px; width: 60px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; }

    section .side-block .media .media-body { font-size: 13px; line-height: 16px; color: #999999; }

        section .side-block .media .media-body a { display: block; margin-top: 7px; }

    section .side-block a.tag { border: 2px solid #999999; color: #999999; padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 5px; text-transform: lowercase; display: inline-block; }

        section .side-block a.tag:hover { border-color: #ffffff; color: black; }

section.well { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-image: url(../img/samples/bk-social.jpg); background-attachment: fixed; position: relative; padding: 45px; }

    section.well:before { content: " "; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: transparent; background-color: rgba(0, 0, 0, 0.65); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000,endColorstr=#A6000000); zoom: 1; }

    section.well h2 { text-transform: uppercase; color: white; font-weight: bold; }

    section.well .breadcrumb { background: none; float: right; margin-bottom: 0; padding: 28px 15px 5px 15px; }

        section.well .breadcrumb .active { color: white; }

footer#site-footer { padding: 40px 0; background: #222222; color: white; text-align: center; }

    footer#site-footer span.divider { float: none; }

    footer#site-footer h4, footer#site-footer h5 { text-transform: uppercase; }

    footer#site-footer a img.top { margin: 20px 0; }

.media { margin: 50px 0; text-align: left; overflow: hidden; }

    .media a { text-decoration: none; }

        .media a.pull-left { margin-right: 25px; }

        .media a.pull-right { margin-left: 25px; }

        .media a .media-object { background: #ffffff; color: white; border: 4px solid #ee9072; padding: 18px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display: block; height: 100px; width: 100px; text-align: center; text-decoration: none; }

    .media:hover .media-object { background: white; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

    .media.right { text-align: right; }

    .media .media-body h4 { color: black; text-transform: uppercase; }

    .media .media-body p { color: #999999; }

    .media.media-circle .media-object { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 10px; background: none; color: #ffffff; width: 50px; height: 50px; margin: 10px auto; border: 2px solid white; }

    .media.media-circle:hover .media-object { background: white; }

    .media.vertical .media-object { background: white; width: 70px; height: 70px; margin: 10px auto; color: #555555; }

    .media.vertical .media-body { text-align: center; }

    .media.vertical:hover .media-object { background: #ffffff; color: white; }

.go-down { position: absolute; bottom: 20px; right: 49.2%; z-index: 999; }

    .go-down a { color: white; }

.section-heading { text-align: center; padding: 30px 0; }

    .section-heading h1 { font-size: 45px; }

    .section-heading h1, .section-heading h2, .section-heading h3 { text-transform: uppercase; font-weight: bold; }

        .section-heading h1 span, .section-heading h2 span, .section-heading h3 span { color: #ffffff; }

    .section-heading h4 { color: #555555; line-height: 22px; }

    .section-heading i { color: #d9d9d9; }

    .section-heading span.divider { margin: 20px auto; float: none; }

    .section-heading.white { color: white; }

span.brandy { color: #ffffff; text-transform: lowercase; }

span.divider { height: 10px; background: #ffffff; border-left: 15px solid black; display: block; margin: 20px auto; width: 30px; position: relative; }

    span.divider:before { position: absolute; content: ' '; top: 0; left: -1px; width: 1px; height: 10px; background: #FFF; }

    span.divider.grey { border-color: #999999; }

        span.divider.grey:before { background: #222222; }

ul { list-style-image: url(../img/bullet-bl.png); line-height: 25px; }

.img-center { margin: 0 auto; }

.carousel-indicators.vertical { right: 15px; left: inherit; margin-left: 0; width: 20px; bottom: 0px; }

    .carousel-indicators.vertical li { display: block; margin: 10px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width: 15px; height: 15px; border: 2px solid white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

        .carousel-indicators.vertical li.active { margin: 10px 0; width: 15px; height: 15px; border: 2px solid white; }

.carousel-indicators li { display: inline-block; margin: 10px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width: 15px; height: 15px; border: 2px solid white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

    .carousel-indicators li.active { margin: 10px 0; width: 15px; height: 15px; border: 2px solid white; }

.btn.btn-primary { background: #ffffff; border: none; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-weight: bold; font-size: 16px; padding: 15px 40px; }

    .btn.btn-primary:hover { background: #1d93ca; }

.btn.btn-empty { background: none; border: 2px solid white; text-transform: uppercase; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

    .btn.btn-empty:hover { background: white; color: #ffffff; }

.pre-loader { position: fixed; background: #ecf0f1; width: 100%; height: 100%; z-index: 9999999; display: block; }

    .pre-loader .load-con { margin: 20% auto; position: relative; text-align: center; }

.spinner { margin: 50px auto 0; width: 70px; text-align: center; }

    .spinner > div { width: 18px; height: 18px; background-color: #bdc3c7; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }

    .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

    .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0); }

    40% { -webkit-transform: scale(1); }
}

@keyframes bouncedelay {
    0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); }

    40% { transform: scale(1); -webkit-transform: scale(1); }
}

.has-feedback.left .form-control-feedback { top: 7px; right: inherit; left: 0; }

.has-feedback.left .form-control { padding-left: 33px; padding-right: 0; }

.form-control { height: 50px; padding: 12px; border: 1px solid #eeeeee; }

a { color: #ffffff; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-decoration: none; }

    a:hover { color: #146387; text-decoration: none; }

.scrollpoint { opacity: 0; }

    .scrollpoint.active { opacity: 1 \0; }

.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }

    .flex-video.widescreen { padding-bottom: 57.25%; }

    .flex-video.vimeo { padding-top: 0; }

    .flex-video iframe,
    .flex-video object,
    .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video { padding-top: 0; }
}

.quote { background: #333333; color: white; border-left: 4px solid #ffffff; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; padding: 25px; margin-bottom: 15px; }

:focus { outline: 0; }

canvas { width: 200px !important; height: 200px !important; display: block; float: none; }

@media (max-width: 767px) {
    #nav .navbar-nav li a { padding-top: 8px; padding-bottom: 8px; }

    .theme-switcher { display: none; }

    .navbar-brand { margin-left: 20px; }

    header.masthead h1 { font-size: 30px; }

    header.masthead h2 { font-size: 16px; margin-top: 20px; }

    header.masthead h3 { font-size: 14px; }

    header.masthead .tp-caption a { color: white; }

    header.masthead h1, header.masthead h2, header.masthead h3 { color: white; }
}

.theme-switcher { position: absolute; margin-top: 20px; }

    .theme-switcher .colors { display: none; overflow: hidden; float: left; }

    .theme-switcher a { width: 30px; height: 30px; float: left; display: inline-block; }

        .theme-switcher a.orange { background: #ff7f00; }

        .theme-switcher a.blue { background: #00bee7; }

        .theme-switcher a.red { background: #fd2020; }

    .theme-switcher .Switcher { color: #999999; text-align: center; line-height: 28px; border: 1px solid #eeeeee; }

        .theme-switcher .Switcher:hover, .theme-switcher .Switcher.active { color: white; background: #555555; border-color: #555555; }

/****logo在不同分辨率下样式*****/
/*.imageslogo
{
    width: 578px;
    margin-top: 20px;
    height: 57px;
    background: url(../images/a36.png) no-repeat;
}

@media (max-width: 500px)
{
    .imageslogo
    {
        width: 230px;
        margin-top: 15px;
        margin-left: 15px;
        height: 57px;
        background: url(../images/a50.png) no-repeat;
    }
}*/

/****图片更换颜色样式*****/
a.menu1 { display: block; width: 264px; height: 69px; background-image: url(../App_Themes/Default/images/a1.png); }

    a.menu1:link { background-image: url(../App_Themes/Default/images/a1.png); }

    a.menu1:hover, a.menu1:active { background-image: url(../App_Themes/Default/images/a27.png); }

a.menu2 { display: block; width: 264px; height: 69px; background-image: url(../App_Themes/Default/images/a2.png); }

    a.menu2:link { background-image: url(../App_Themes/Default/images/a2.png); }

    a.menu2:hover, a.menu2:active { background-image: url(../App_Themes/Default/images/a28.png); }

a.menu3 { display: block; width: 264px; height: 69px; background-image: url(../App_Themes/Default/images/a3.png); }

    a.menu3:link { background-image: url(../App_Themes/Default/images/a3.png); }

    a.menu3:hover, a.menu3:active { background-image: url(../App_Themes/Default/images/a29.png); }

a.menu4 { display: block; width: 264px; height: 69px; background-image: url(../App_Themes/Default/images/a4.png); }

    a.menu4:link { background-image: url(../App_Themes/Default/images/a4.png); }

    a.menu4:hover, a.menu4:active { background-image: url(../App_Themes/Default/images/a30.png); }

/****新闻图片变化样式*****/
.xsbg { display: none; }

    .xsbg table { width: 100%; table-layout: fixed; vertical-align: top; margin: 0; padding: 0; line-height: 34px; }

    .xsbg tr { vertical-align: top; margin: 0; padding: 0; }

    .xsbg td { margin: 0; padding: 0; }



/****A链接样式*****/
a.baise:link { color: white; }

a.baise:visited { color: white; }

a.baise:hover { color: white; }

a.lanse:link { font-size: 15px; color: #0f68ac; text-decoration-line: none; }

a.lanse:visited { font-size: 15px; color: #0f68ac; text-decoration-line: none; }

a.lanse:hover { font-size: 15px; color: #0f68ac; text-decoration-line: none; }

a.lanse1:link { font-size: 13px; color: #0f68ac; text-decoration-line: none; }

a.lanse1:visited { font-size: 13px; color: #0f68ac; text-decoration-line: none; }

a.lanse1:hover { font-size: 13px; color: #0f68ac; text-decoration-line: none; }

a.hongse:link { color: #e96822; font-family: Microsoft YaHei,Arial; font-size: 16px; }

a.hongse:visited { color: #e96822; font-family: Microsoft YaHei,Arial; font-size: 16px; }

a.hongse:hover { color: #0f68ac; font-family: Microsoft YaHei,Arial; font-size: 16px; }

a.huanse:link { color: #2c72c2; }

a.huanse:visited { color: #2c72c2; }

a.huanse:hover { color: #ee7830; }

a.a_blue:link { color: #666666; font-family: Microsoft YaHei,Arial; font-size: 10pt; }

a.a_blue:visited { color: #666666; font-family: Microsoft YaHei,Arial; font-size: 10pt; }

a.a_blue:hover { color: #666666; font-family: Microsoft YaHei,Arial; font-size: 10pt; }

a.a_bbul:link { color: #333333; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.a_bbul:visited { color: #333333; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.a_bbul:hover { color: #ee7830; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa5:link { color: #ff0000; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa5:visited { color: #ff0000; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa5:hover { color: #ee7830; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }


a.Fa1:link { color: #ffffff; font-size: 30px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa1:visited { color: #ffffff; font-size: 30px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa1:hover { color: #e3722e; font-size: 30px; line-height: 28px; font-family: Microsoft YaHei,Arial; }



.blog-divider { margin: 35px 0px 35px 0px; background: url(../images/Publicimg/img_bg.png) repeat; height: 5px; }

a.Fa2:link { color: #ffffff; font-size: 30px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa2:visited { color: #ffffff; font-size: 30px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa2:hover { color: #e3722e; font-size: 30px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa3:link { color: #0f68ca; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa3:visited { color: #0f68ca; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa3:hover { color: #e3722e; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa4:link { color: #ff0000; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa4:visited { color: #ff0000; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.Fa4:hover { color: #e3722e; font-size: 15px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.baise:link { color: #ffffff; font-size: 12px; line-height: 20px; font-family: Microsoft YaHei,Arial; padding: 7px 20px 0px 20px; }

a.baise:visited { color: #ffffff; font-size: 12px; line-height: 20px; font-family: Microsoft YaHei,Arial; padding: 7px 20px 0px 20px; }

a.baise:hover { color: #ffffff; font-size: 12px; line-height: 20px; font-family: Microsoft YaHei,Arial; padding: 7px 20px 0px 20px; }

a.a_gg:link { color: #333333; font-size: 15px; font-family: Microsoft YaHei,Arial; }

a.a_gg:visited { color: #333333; font-size: 15px; font-family: Microsoft YaHei,Arial; }

a.a_gg:hover { color: #333333; font-size: 15px; font-family: Microsoft YaHei,Arial; }

/**图片鼠标经过样式**/
.post-image { width: 100%; height: 100%; overflow: hidden; position: relative; border: 1px solid #dddddd; border-radius: 2px; background: url(../App_Themes/Default/images/img_bg.png); padding: 4px; }

    .post-image img { width: 100%; display: block; }

.post-item-link { display: block; position: relative; overflow: hidden; margin: 0; }

.img-hover { position: absolute; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; top: 0; left: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; background: rgba(50,50,50,0.75); }

    .img-hover:hover { background-position: center center; }

.fullscreen { position: absolute; left: 50%; top: 65%; color: #fff; font-size: 18px; margin-top: -30px; margin-left: -24px; width: 60px; height: 60px; opacity: 0; }

    .fullscreen i { color: #fff !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; z-index: 11; background: rgba(0,0,0,0.6); padding: 16px 18px; font-size: 16px; border-radius: 100px; }

/**内容样式**/
.ContentTitle { font-size: 13pt; font-family: Microsoft YaHei,Arial; text-align: center; color: #ee7830; }

.PostTime { color: #545454; font-size: 10pt; font-family: Microsoft YaHei,Arial; line-height: 24px; }

.ContentDetails { font-size: 16px; color: #333333; font-family: Microsoft YaHei,Arial; /*text-indent:2em;*/ margin: 0px 0px 0px 0px; line-height: 32px; }

    .ContentDetails a { color: #ff0000; font-size: 11pt; font-family: Microsoft YaHei,Arial; }

.xiayiye { margin: 0 auto; width: 100%; line-height: 30px; font-size: 12px; margin: 0px 0px 0px 30px; }

@media (max-width:798px) {
    .ContentDetails { font-size: 11pt; color: #666666; font-family: Microsoft YaHei,Arial; /*text-indent:2em;*/ margin: 0px 0px 0px 0px; line-height: 28px; }

    .xiayiye { margin: 0 auto; width: 100%; line-height: 30px; font-size: 12px; margin: 0px 0px 0px 0px; }
}

.ContentDetails_dowm { background-color: #fff; }

.ContentDetails_As { margin: 0px 30px auto; height: 1000px; }

.ContentDetails_e { font-size: 10pt; color: #666666; font-family: "Open Sans",Helvetica,Arial,sans-serif; text-indent: 2em; }

.ContentHeader p { text-align: center; }

.TeacherTitle { width: 100%; height: 40px; line-height: 40px; font-size: 11pt; font-family: '微软雅黑'; color: #df7070; text-align: left; }

.teacher { margin: 15px; }

.ziti { width: 100%; height: 100%; line-height: 25px; font-size: 24px; color: #ffffff; background: rgba(0, 82, 140, 0.8); padding: 20px 10px 30px 30px; line-height: 30px; font-family: '方正剑体简体'; }

.blog-dividerx { margin: 10px 0px 0px 0px; background: url(../App_Themes/Default/images/a53.png) repeat; height: 2px; }

/*其它样式*/

.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; }

/********学院新闻样式********/
.wrap { overflow: hidden; }

.news_time1 { width: 62px; margin-top: 5px; text-align: center; }

.news_time_MM { width: 100%; height: 40px; line-height: 40px; font-size: 32px; color: #000000; font-family: 微软雅黑,Arial; background: url(../App_Themes/Default/images/a69.png) repeat; }

.news_time_dd { width: 100%; height: 22px; line-height: 22px; color: #ffffff; font-size: 13px; font-family: 微软雅黑,Arial; background: url(../App_Themes/Default/images/a68.png) repeat; }

.NewsSummary { color: #333333; font-size: 14px; font-family: Microsoft YaHei,Arial; line-height: 28px; height: 80px; }

.pull-left { float: left; }

.pull-right { float: right; }

.news_title1 { width: 78%; }

/********首页大菜单样式********/
.menu > ul > li { display: block; float: left; }

.nav > li > ul { display: none; }

.nav-menu > li { height: 70px; line-height: 70px; }

    .nav-menu > li > a:hover, .nav-menu > li > a:focus { color: #ffffff; background-color: #2a80b9; }

.nav-menu a { display: block; color: #2a80b9; font-size: 16px; padding-right: 10px; padding-left: 10px; font-family: Microsoft YaHei,Arial; }

.nav-menu > li > ul { position: absolute; width: 100%; line-height: 45px; background: rgba(0, 66, 114, 0.8); z-index: 9999; }

    .nav-menu > li > ul a { color: #ffffff; font-size: 11pt; border-bottom: 1px solid #999999; text-align: center; }

    .nav-menu > li > ul > li:hover { background: rgba(0, 66, 114, 0.6); }

.pull-right { float: right; }

ul, li, ol { list-style: none; margin: 0; padding: 0; }


/*aspnetpager分页样式*/
.pagelist .anpager .cpb { background: #ee7830; border: 1px solid #cccccc; color: #FFFFFF; font-weight: bold; padding: 6px 8px; }

.pagelist .anpager a { background: #fcfcfc; border: 1px solid #cccccc; margin: 3px 3px 0 0; padding: 6px 8px; color: #666; }

    .pagelist .anpager a:hover { background: #ee7830; border: 1px solid #cccccc; color: #FFFFFF; margin: 3px 3px 0 0; padding: 6px 8px; }

.line-x { width: 100%; height: 1px; margin: 20px auto; border-top: 1px dashed #d0d0d0; }

.divbjpp { border-left: #ffffff 1px solid; }

a.FaF:link { color: #ffffff; font-size: 14px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.FaF:visited { color: #ffffff; font-size: 14px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

a.FaF:hover { color: #e3722e; font-size: 14px; line-height: 28px; font-family: Microsoft YaHei,Arial; }

.hsbg { background-color: #f3f3f3; }

a.FaF1:link { color: #0f68ac; font-size: 15px; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.FaF1:visited { color: #0f68ac; font-size: 15px; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.FaF1:hover { color: #0f68ac; font-size: 15px; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.FaF2:link { color: #ffffff; font-size: 13px; font-family: Microsoft YaHei,Arial; line-height: 30px; }

a.FaF2:visited { color: #ffffff; font-size: 13px; font-family: Microsoft YaHei,Arial; line-height: 30px; }

a.FaF2:hover { color: #e17f01; font-size: 13px; font-family: Microsoft YaHei,Arial; line-height: 30px; }

a.Faf20:link { color: #333333; font-family: Microsoft YaHei,Arial; font-size: 16px; }

a.Faf20:visited { color: #333333; font-family: Microsoft YaHei,Arial; font-size: 16px; }

a.Faf20:hover { color: #f9b58f; font-family: Microsoft YaHei,Arial; font-size: 16px; }

a.Faf21:link { color: #333333; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 45px; }

a.Faf21:visited { color: #333333; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 45px; }

a.Faf21:hover { color: #e56702; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 45px; }

a.Faf22:link { color: #0f68ac; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf22:visited { color: #0f68ac; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf22:hover { color: #333333; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf23:link { color: #03618e; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf23:visited { color: #03618e; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf23:hover { color: #f58d30; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

.newsdoe { font-size: 14px; color: #ffffff; line-height: 28px; font-family: Microsoft YaHei; width: 100%; }

.newsdoe1 { font-size: 14px; color: #888888; line-height: 28px; font-family: Microsoft YaHei; width: 100%; }

a.Faf24:link { color: #df7070; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf24:visited { color: #df7070; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf24:hover { color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf25:link { color: #03618e; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf25:visited { color: #03618e; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf25:hover { color: #f58d30; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf27:link { color: #666666; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 36px; }

a.Faf27:visited { color: #666666; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 36px; }

a.Faf27:hover { color: #f58d30; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 36px; }

a.Faf28:link { color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf28:visited { color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

a.Faf28:hover { color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 16px; line-height: 33px; }

/*二级菜单样式*/
.menu20 { line-height: 63px; }

    .menu20 li { height: 63px; padding-left: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

        .menu20 li:hover { padding-left: 5px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

    .menu20 a { display: block; width: 100%; height: 63px; text-indent: 30px; background: url(../../images/b11.png) repeat-y; }

        .menu20 a:link { font-size: 16px; color: #333333; }

        .menu20 a:visited { font-size: 16px; color: #333333; }

        .menu20 a:hover { font-size: 16px; color: #E96822; }

a.Faf6:link { color: #333333; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 50px; }

a.Faf6:visited { color: #333333; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 50px; }

a.Faf6:hover { color: #f9b58f; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 50px; }

a.Faf36:link { color: #333333; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 30px; }

a.Faf36:visited { color: #333333; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 30px; }

a.Faf36:hover { color: #f9b58f; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 30px; }

.news_h4 { position: relative; width: 100%; height: 45px; line-height: 45px; border-bottom: dashed 1px #c0c0c0; }

.news_h_t4 { position: relative; height: 100%; text-align: left; font-size: 11pt; color: #e96822; font-family: Microsoft YaHei,Arial; }

.hight-x1 { width: 100%; height: 10px; }

.HoLine { position: relative; width: 100%; height: 55px; line-height: 55px; background: url(../images/image/A3.png) left bottom no-repeat; }

.HoeLine { position: relative; width: 100%; height: 55px; line-height: 55px; background: url(../images/Englishimg/2670.jpg) left bottom no-repeat; }

div.div_line { width: 100%; height: 1px; border-top: 1px dashed #d0d0d0; }

.NewsSummaryIntroduction { color: #333333; font-size: 15px; font-family: Microsoft YaHei,Arial; line-height: 28px; }

/********首页English大菜单样式********/
.nav-menue > li { height: 95px; line-height: 95px; }

    .nav-menue > li > a:hover, .nav-menue > li > a:focus { color: #ffffff; background: url(../App_Themes/Default/images/image/A1.png) center bottom repeat-x; }

.nav-menue a { display: block; color: #ffffff; font-size: 14px; padding-right: 15px; padding-left: 15px; font-family: Microsoft YaHei,Arial; }

.nav-menue > li > ul { position: absolute; min-width: 350px; line-height: 45px; background: rgba(0, 66, 114, 0.8); z-index: 9999; }

    .nav-menue > li > ul a { color: #ffffff; font-size: 9pt; border-bottom: 1px solid #999999; }

    .nav-menue > li > ul > li:hover { background: rgba(0, 66, 114, 0.8); }


/*二级菜单English样式*/
.menue20 { line-height: 63px; }

    .menue20 li { height: 63px; padding-left: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

        .menue20 li:hover { padding-left: 5px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

    .menue20 a { display: block; width: 100%; height: 63px; text-indent: 30px; background: url(../images/Publicimg/b11.png) repeat-y; }

.menue21 a:link { padding-top: 20px; line-height: 20px; font-size: 12px; color: #333333; }

.menue21 a:visited { line-height: 25px; font-size: 12px; color: #333333; }

.menue21 a:hover { font-size: 12px; color: #E96822; }

/********************首页图片样式********************/
.bottom-grid img { width: 100%; }

.bottom-grid h4 { text-align: center; color: #E34234; font-size: 22px; margin-bottom: 22px; }

.bottom-grid p { text-align: center; font-size: 15px; line-height: 2.2em; margin-bottom: 30px; }

.multi-gd-text a { display: block; position: relative; }

    .multi-gd-text a:hover::before { width: 100%; height: 100%; }

    .multi-gd-text a::before { background: rgba(0,0,0,0.34); position: absolute; right: 0; top: 0; width: 0; height: 0; transition: all 0.5s ease-out 0s; z-index: 99; content: ""; }

.multi-gd-text img { /*height: auto;*/ width: 100%; }

.multi-gd-text a:hover::after { width: 100%; height: 100%; }

.multi-gd-text a::after { background: rgba(0,0,0,0.34); position: absolute; bottom: 0; left: 0; width: 0; height: 0; transition: all 0.5s ease-out 0s; z-index: 99; content: ""; }

.mar-pad { padding-top: 35px; }

/********************首页特效样式********************/
@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

    from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

    from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

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

/********************首页特效样式  样式zoomIn zoomInDown zoomInLeft zoomInRight zoomInUp********************/
@-webkit-keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

    50% { opacity: 1; }
}

@keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

    50% { opacity: 1; }
}

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

@-webkit-keyframes zoomInDown {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

@keyframes zoomInDown {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

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

@-webkit-keyframes zoomInLeft {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

@keyframes zoomInLeft {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

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

@-webkit-keyframes zoomInRight {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

@keyframes zoomInRight {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

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

@-webkit-keyframes zoomInUp {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

@keyframes zoomInUp {
    from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

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

.Tzgg { padding: 90px 0px 20px 0px; }

.Tzggg { padding: 20px 0px 0px 0px; }

.footer-top { font-size: .875em; color: #ffffff; background-color: #005f8d; padding-top: 20px; padding-bottom: 20px; }

.divbjpp { border-left: #c8c6c6 1px solid; }

a.Fa2:link { color: #ffffff; font-size: 13px; font-family: Microsoft YaHei,Arial; }

a.Fa2:visited { color: #ffffff; font-size: 13px; font-family: Microsoft YaHei,Arial; }

a.Fa2:hover { color: #E96822; font-size: 13px; font-family: Microsoft YaHei,Arial; }

a.a_Shot:link { color: #ff0000; font-size: 10pt; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.a_Shot:visited { color: #ff0000; font-size: 10pt; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.a_Shot:hover { color: #1067AA; font-size: 10pt; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.a_hot:link { color: #E96822; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.a_hot:visited { color: #E96822; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.a_hot:hover { color: #E96822; font-size: 16px; font-family: Microsoft YaHei,Arial; line-height: 24px; }

a.a_Moresou:link { color: #f39c11; font-size: 16px; font-family: Microsoft YaHei,Arial; }

a.a_Moresou:visited { color: #f39c11; font-size: 16px; font-family: Microsoft YaHei,Arial; }

a.a_Moresou:hover { color: #f39c11; font-size: 16px; font-family: Microsoft YaHei,Arial; }

a.titlenk:link { font-size: 18px; font-family: Microsoft YaHei,Arial; }

a.titlenk:visited { font-size: 18px; font-family: Microsoft YaHei,Arial; }

a.titlenk:hover { font-size: 18px; font-family: Microsoft YaHei,Arial; }

/*--二级图片样式 --*/
.gallery { padding: 4.5em 0; }

    .gallery h3 { font-size: 45px; font-weight: 700; margin: 0px 0 20px; color: #028FCC; }

.gallery-top { padding: 10px; }

.gallery-grids figure { position: relative; /*float: left;*/ overflow: hidden; text-align: center; width: 100%; }

    .gallery-grids figure img { position: relative; display: block; }

.gallery-bottom { margin: 2.5em 0; }

.gallery-grids figure figcaption { padding: 2em; color: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

    .gallery-grids figure figcaption::before, .gallery-grids figure figcaption::after { pointer-events: none; }

.gallery-grids figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

figure.effect-bubba { /*background: #005E8D;*/ }

    figure.effect-bubba:hover img { opacity: 0.5; }

    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 12px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s,-webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -ms-transition: opacity 0.35s, -ms-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }

    figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -o-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); }

    figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -o-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0); }

    figure.effect-bubba h4 { padding-top: 15%; -webkit-transition: transform 0.35s; -moz-transition: transform 0.35s; -o-transition: -o-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); -moz-transform: translate3d(0,-20px,0); -o-transform: translate3d(0,-20px,0); -ms-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; }

.gallery-top figure.effect-bubba h4 { padding-top: 40%; font-size: 16px; }

figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

figure.effect-bubba:hover h4 { font-size: 20px; opacity: 1; line-height: 32px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); color: #ffffff; }
/*-- //Gallery --*/

/* Scroll To Top */

.scroll-to-top { position: fixed; right: 35px; bottom: 35px; font-size: 1.15em; height: 40px; width: 40px; background-color: #3498db; line-height: 38px; color: #ffffff; text-align: center; opacity: .3; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }

    .scroll-to-top:hover { opacity: 1; }

.xsbg { display: none; }

/* 搜索样式 */
.search-form { font-size: .875em; position: relative; padding-top: 10px; }

.search-field { width: 250px; padding: 5px 15px; border: 1px solid rgba(100, 100, 100, 1); border-radius: 8px; color: #000000; font-size: 14px; }

.search-btn { background-color: transparent; color: #ff9000; position: absolute; right: 0px; top: 8px; }

/* 首页中心简介样式 */
.div_big_img_bk { position: relative; width: 720px; top: 170px; }
.news_pic_down { height: 100%; font-size: 16px; color: #ffffff; background: rgba(0, 122, 172, 0.6); padding: 15px 10px 15px 20px; line-height: 35px; }







/* --------------------------风采展示-------------------------------------------------*/

.single_whyabout { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e9; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); margin-bottom: 15px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
    .single_whyabout:hover { box-shadow: 0px 5px 0px rgba(40, 130, 191, 0.8); }
.single_why_title { margin-bottom: 10px; }
.ii { color: #fff; font-size: 14px; line-height: 20px; margin-right: 10px; padding: 5px 8px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; }
.color-six { background: #f39c11 none repeat scroll 0 0; width: 55px; height: 55px; }
.single_whyabout h4 { color: #333; margin-bottom: 0; margin-top: 0; text-transform: capitalize; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.single_whyabout img { margin-top: -50px; text-transform: capitalize; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.single_whyabout:hover h4 { color: #fff; }
.single_whyabout p { color: #333; margin-bottom: 0; font-size: 15px; line-height: 36px; padding: 15px 20px 15px 20px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.single_whyabout:hover p { color: #333; }


/* --------------------------通知公告-------------------------------------------------*/
.single_why { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e9; margin-bottom: 20px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
    .single_why:hover { background: #2a80b9; }
.single_why_title { margin-bottom: 10px; }
.single_why i { color: #fff; font-size: 13px; margin-right: 10px; padding: 16px 5px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; }
.color-six { background: #f39c11 none repeat scroll 0 0; width: 50px; height: 50px; }
.single_why:hover .ii { background: #fff; color: #2a80b9; }
.single_why h4 { color: #333; margin-bottom: 0; margin-top: 0; margin-left: 70px; text-transform: capitalize; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-top: -35px; }
.single_why img { margin-top: -50px; text-transform: capitalize; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.single_why:hover h4 { color: #fff; }
.single_why p { margin-bottom: 0; font-size: 15px; line-height: 32px; padding: 22px 20px 22px 20px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.single_why:hover p { color: #fff; }
.single_why a { color: #333; }
.single_why:hover a { color: #fff; }

/* --------------------------风采展示-------------------------------------------------*/

.single_whyaboutlink { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e9; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); margin-bottom: 15px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
    .single_whyaboutlink:hover { box-shadow: 0px 5px 0px rgba(40, 130, 191, 0.8); }
    .single_whyaboutlink img { margin-top: 0px; text-transform: capitalize; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }