html,
body { font-family: Microsoft YaHei,Arial; font-size: 16px; color: #333; }

a { text-decoration: none; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

    a:focus { text-decoration: none; outline: none; outline-offset: 0; }

    a:hover { text-decoration: none; }


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

img { max-width: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

iframe,
audio { width: 100%; border: none; }

    .form-control:focus,
    input:focus,
    textarea:focus,
    /*button:focus { border: 1px solid #e9e9e9; box-shadow: none; outline: 0 !important; }*/

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0; }

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

h1 { font-size: 2.75em; }

h2 { font-size: 2.18em; }

h3 { font-size: 1.75em; }

h4 { font-size: 1.375em; }

h5 { font-size: 1.125em; }

h6 { font-size: 1em; }

h1, h2, h3, h4, h5, h6 { margin: 0px; }

/* Top Contact Section */
.top-contact { background-color: #00458c; font-size: .875em; height: 10px; line-height: 10px; }

.contact-list li { padding-right: 25px; }

.contact-list a { color: #ffffff; }

.top-icon { background-color: #ffffff; border-radius: 50%; color: #3498db; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; }

#top-social { text-align: right; }

li.topRm { float: right; }

/* Site Banner Section */

.site-banner { /*background-color: #ffffff;*/ width: 100%; height: 94px; /*background: url(../images/images/a24.png) repeat;*/ }

.site-logo { padding-top: 20px; }

/* Main Menu Section */

.main-menu { background-color: #ffffff; /*border-bottom: 5px solid #3b8ed2;*/ /*background: url(../../App_Themes/Default/images/iamge/a22.png) repeat;
    height: 104px;*/ }

.navbar-collapse { padding: 0px; }

.menu-logo { display: none; }

.navbar-toggle:focus { border: none; outline: 0; }

.menu-search { padding-right: 0px; padding-top: 35px; }


.header-fixed-top header.sticky { /*background-color: #ffffff;*/ position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; -webkit-animation-duration: 0.45s; -moz-animation-duration: 0.45s; -ms-animation-duration: 0.45s; -o-animation-duration: 0.45s; animation-duration: 0.45s; }




/* Main Slider Section */
.carousel-caption { left: 0; padding-bottom: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; bottom: 5px; padding-top: 10%; }

.slider-icon { color: #ffffff; font-size: 4em; }

.carousel-title { font-size: 4em; }

.main-slider span { color: #fff; display: block; text-transform: uppercase; margin: 15px 0px; font-weight: 800; }

.main-slider .btn { background-color: #ffffff; color: #3498db; margin-top: 30px; padding: 10px 15px; text-transform: capitalize; }

    .main-slider .btn:hover { background-color: #3498db; color: #ffffff; }

.main-slider .carousel-control.right,
.main-slider .carousel-control.left { background-image: none; background-color: rgba(0, 0, 0, 0.6); font-size: 2em; width: 50px; height: 50px; text-align: center; line-height: 50px; top: 50%; margin-top: -25px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

.main-slider .carousel-control.right { right: -10%; }

.main-slider .carousel-control.left { left: -10%; }

.main-slider:hover .carousel-control.right { right: 0%; }

.main-slider:hover .carousel-control.left { left: 0%; }

.main-slider .carousel-control:hover { color: #3498db; }

/* About Section */
.about { padding-top: 100px; }

.about-area { background: #f7f7f7; /*border-top: 2px solid #3498db;*/ /*border-bottom: 2px solid #3498db;*/ position: relative; }

.title-area { top: -35px; width: 330px; left: 50%; margin-left: -175px; position: absolute; }

.about-title { background: #f7f7f7; border-top: 2px solid #3498db; color: #6f7678; font-size: 2.125em; font-weight: 800; padding-top: 15px; text-transform: uppercase; }

.about .title-description { padding-bottom: 15px; margin: 0px; }

.about-items { background: #f7f7f7; /*display: inline-block;*/ /*padding-top: 20px;*/ }

    .about-items .item { padding-bottom: 60px; }

.item-top { border-top: 1px solid #d7dee0; border-bottom: 1px solid #d7dee0; color: #3498db; padding: 5px 0px; }

.about-items .item-title { font-size: 1.5em; font-weight: 800; padding-bottom: 3px; text-transform: uppercase; }

.about-items .sub-title { font-family: 微软雅黑; font-size: 15px; line-height: 50px; font-weight: 300; }

.about-items .item-description { color: #869093; font-size: 13px; padding: 20px 0px 12px 0px; }

.about-items .btn { background-color: #3498db; color: #ffffff; font-size: .875em; font-weight: 800; text-transform: uppercase; }

    .about-items .btn:hover { background-color: #ffffff; border-color: #3498db; color: #3498db; }

/* Portfolio Section */
.portfolio-top { position: relative; }

.portfolio-area { border-bottom: 1px solid #d7dee0; padding: 60px 0px; }

.portfolio-title { color: #6f7678; font-size: 2.125em; font-weight: 800; position: relative; text-transform: uppercase; }

    .portfolio-title:before,
    .portfolio-title:after { content: ''; position: absolute; top: 50%; height: 1px; background-color: #d7dee0; width: 32%; }

    .portfolio-title:before { left: 0px; }

    .portfolio-title:after { right: 0px; }

.portfolio-area .title-description { color: #3498db; font-size: .875em; padding-top: 5px; }

.portfolio-slider { padding-top: 25px; }

    .portfolio-slider .item { border-bottom: 2px solid #3498db; display: inline-block; }

    .portfolio-slider .item-title { color: #869093; display: inline-block; font-size: .875em; padding: 5px 0px; }

.slide-nav { background-color: #3498db; border: 1px solid transparent; border-radius: 50%; color: #ffffff; cursor: pointer; display: inline-block; font-size: 1em; width: 25px; height: 25px; line-height: 23px; text-align: center; top: 6px; position: absolute; }

    .slide-nav:hover { background-color: #ffffff; border-color: #3498db; color: #3498db; }

.slide-left { left: 0px; }

.slide-right { right: 0px; }


/* Services Section */
.services { padding: 30px 0px 0px 0px; }
/*.service-area {
	border-bottom: 2px solid #3498db;
	display: inline-block;
}*/
.service-items .item-title { color: #3498db; font-size: 1.5em; font-weight: 800; padding-bottom: 5px; text-transform: uppercase; }

.service-items .sub-title { color: #3498db; font-size: 1.5em; font-weight: 300; line-height: 27px; }

.service-items .item { padding-bottom: 60px; }

.service-items .item-1 { border-bottom: 1px solid #d7dee0; }

.service-items .item-2 { padding-top: 40px; }

.service-items .btn { background-color: #3498db; color: #ffffff; font-weight: 800; margin-top: 15px; padding: 8px 15px; text-transform: uppercase; }

    .service-items .btn:hover { background-color: #ffffff; border-color: #3498db; color: #3498db; }

.panel-default { border-color: #e9e9e9; margin-bottom: 10px !important; }

    .panel-default > .panel-heading { background-color: #ffffff; padding: 16px 10px 16px 65px; position: relative; }

.panel-title { color: #333333; font-size: 14.3px; /*font-weight: 700;*/ }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-color: #e9e9e9; }

.panel-title a:before, .panel-title a.collapsed:before { font-family: FontAwesome; position: absolute; left: 0px; top: 0px; background-color: #3498db; color: #ffffff; padding: 16px; border-radius: 2px; }

.panel-title a.collapsed:before { content: "\f067"; }

.panel-title a:before { content: "\f068"; }

.panel-body { padding: 19px 10px 14px 30px; }

.service-image { float: left; padding-right: 30px; }

.accordion-title { color: #3498db; font-size: .875em; }

/* Latest post Section */
.post-area { padding-top: 25px; padding-bottom: 0px; }

.latest-posts { padding-bottom: 35px; padding-top: 40px; display: inline-block; }

.post-area-title { color: #6f7678; font-size: 2.125em; font-weight: 800; text-transform: uppercase; position: relative; }

    .post-area-title:before,
    .post-area-title:after { content: ''; background-color: #d7dee0; top: 50%; height: 1px; position: absolute; width: 32%; }

    .post-area-title:before { left: 0px; }

    .post-area-title:after { right: 0px; }

.latest-post .title-description { color: #3498db; }

.latest-post .item { padding-bottom: 25px; }

.latest-post article { border-bottom: 2px solid #3498db; padding-bottom: 25px; vertical-align: text-top; }

.post-meta { border-bottom: 1px solid #d7dee0; color: #6f7678; font-size: .875em; padding: 15px 0px; }

.entry-meta span { display: inline-block; position: relative; padding-right: 10px; }

    .entry-meta span:before { content: '/'; position: absolute; top: 0px; right: 0px; }

    .entry-meta span:last-child:before { content: ''; }

.entry-meta a { color: #6f7678; }

    .entry-meta a:hover { color: #3498db; }

.tag-list li { padding-right: 5px; position: relative; }

    .tag-list li:before { content: ','; position: absolute; bottom: 0px; right: 0px; }

    .tag-list li:last-child:before { content: ''; }

.post-content { padding-top: 15px; }

.entry-title { color: #6f7678; font-size: 1.5em; font-weight: 700; text-transform: uppercase; }

    .entry-title a { color: #6f7678; }

        .entry-title a:hover { color: #3498db; }

.entry-text { font-size: .875em; line-height: 23px; padding-top: 10px; }

.post-content .btn { background-color: #3498db; border: 1px solid transparent; border-radius: 2px; color: #ffffff; font-size: .75em; font-weight: 800; margin-top: 15px; padding: 10px 15px; text-transform: uppercase; }

    .post-content .btn:hover { background-color: #ffffff; border-color: #3498db; color: #3498db; }


/* Subscribe Section */

.subscribe-section { background: #3498db; padding: 60px 0px; }

    .subscribe-section p { margin: 0px; }

    .subscribe-section input { max-width: 510px; display: inline-block; }

    .subscribe-section .form-control { margin: 0px !important; }

    .subscribe-section .btn { background: #ffffff !important; border-radius: 0px; color: #3498db !important; padding: 11px 50px !important; max-width: 200px; font-weight: normal !important; margin-top: -1px; margin-left: 10px; }











/* Contact Section */
.map-container img { max-width: inherit; height: inherit; }

.google-map-container { width: 100%; height: 600px; }

.message-details { padding: 60px 0px; }

    .message-details input,
    .subscribe-section input { padding: 21px 20px !important; }

    .message-details .form-control,
    .subscribe-section .form-control { border: 1px solid #e9e9e9; border-radius: 2px; box-shadow: none; font-size: .875em; padding: 20px; margin-bottom: 15px; }

    .message-details .btn,
    .subscribe-section .btn { background-color: #3498db; border: 1px solid transparent; border-radius: 2px; color: #ffffff; font-size: .875em; font-weight: 800; width: 100%; padding: 12px 16px; text-transform: uppercase; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

        .message-details .btn:hover,
        .subscribe-section .btn:hover { background-color: #ffffff; border-color: #3498db; color: #3498db; }

/* Blog Post Single Page */

.main-content { padding-top: 40px; }

.blog-post-singgle-page .post-meta { position: relative; }

.blog-post-singgle-page .author-avatar { float: left; width: 60px; height: 60px; }

.blog-post-singgle-page .entry-meta-content { display: inline-block; padding-left: 15px; }

.blog-post-singgle-page .post-content { border-bottom: 2px solid #3498db; padding-bottom: 40px; padding-top: 50px; }

.blog-post-singgle-page blockquote { border-left: 4px solid #3498db; font-size: .93em; font-style: italic; margin-left: 50px; color: #6f7678; background: #f7f7f7; padding: 15px 25px; line-height: 25px; position: relative; z-index: 1; }

    .blog-post-singgle-page blockquote:before { content: "\f10d"; font-family: FontAwesome; position: absolute; top: 10px; color: #C9CBCB; left: 15px; font-size: 2em; z-index: -1; }

.comments { padding: 60px 0px; }

.comment { color: #6f7678; padding: 20px 0px; }

.comment-title { color: #6f7678; font-weight: 700; text-transform: uppercase; padding-bottom: 10px; }

.title-icon { padding-right: 10px; }

.comments-details { border-bottom: 1px solid #d7dee0; padding-bottom: 40px; }

.comment-author { float: left; width: 90px; height: 90px; }

    .comment-author img { max-width: 100%; max-height: 100%; }

.comment-content { padding-left: 95px; }

.comment .author-name { font-weight: 700; font-size: 1.25em; text-transform: uppercase; }

.comment-date { font-size: .78em; }

.comment-content p { font-size: .875em; line-height: 23px; padding-top: 10px; }

.child { padding-left: 95px; }

.comment-content .btn { background-color: #3498db; border: 1px solid transparent; border-radius: 2px; color: #ffffff; font-size: .875em; font-weight: 700; }

.comment-content .btn-icon { padding-right: 5px; }

.comment-content .btn:hover { background-color: #ffffff; border-color: #3498db; color: #3498db; }

.leave-comment { padding: 60px 0px 20px 0px; }

    .leave-comment .title { color: #6f7678; font-weight: 700; text-transform: uppercase; padding-bottom: 30px; }

.commentform input,
.commentform textarea { border: 1px solid #d7dee0; font-size: .875em; margin-bottom: 15px; padding: 10px 20px; }

.submit-btn { background-color: #3498db; border: 1px solid transparent; border-radius: 2px; color: #ffffff; font-size: .875em; font-weight: 700; text-transform: uppercase; padding: 10px 20px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

    .submit-btn:hover { background-color: #ffffff; border-color: #3498db; color: #3498db; }

/* Blog Sidebar */
.blog-sidebar { padding-left: 30px; }

    .blog-sidebar .widget { padding-bottom: 40px; }

    .blog-sidebar .widget-title { color: #6f7678; font-size: 1.25em; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; }

    .blog-sidebar a { color: #869093; }

        .blog-sidebar a:hover { color: #3498db; }

.category-list li { display: block; }

.category-list a { font-size: .875em; padding: 3px 0px; display: inline-block; }

.recent-post li { display: block; font-size: .875em; padding-bottom: 10px; }

.recent-post .post-title { font-size: 1.1em; text-transform: capitalize; }

.recent-post .post-meta { border: none; padding: 0px 0px; }

.tag-cloud-wrapper a { border: 1px solid #6f7678; display: inline-block; font-size: .8em; padding: 5px 10px; margin: 0px 2px 5px 0px; }

    .tag-cloud-wrapper a:hover { background-color: #3498db; border-color: #3498db; color: #ffffff; }

.archive-list li { display: block; font-size: .87em; padding-bottom: 5px; }

.archive-list .count { position: relative; padding: 0 5px; margin-left: 10px; }

    .archive-list .count:before { content: '('; position: absolute; left: 0px; top: 0px; }

    .archive-list .count:after { content: ')'; position: absolute; right: 0px; top: 0px; }

.archive-list li:hover { color: #3498db; }

.widget_calendar td a,
.widget_calendar td a:after { -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -ms-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; }

.widget_calendar table { width: 100%; text-align: center; }

.widget_calendar caption { color: #6f7678; text-align: center; font-weight: bold; line-height: 23px; font-size: 1.15em; height: 40px; border: 1px solid #e6e6e6; border-bottom: none; border-bottom: none; }

.widget_calendar tbody { border: 1px solid #e6e6e6; border-top: none; }

.widget_calendar th { color: #ffffff; height: 40px; text-align: center; border: 1px solid #3498db; background-color: #3498db; }

.widget_calendar td { height: 40px; text-align: center; border: 1px solid #e6e6e6; font-size: .875em; }

    .widget_calendar td a { display: inline-block; width: 100%; height: 100%; line-height: 38px; position: relative; z-index: 0; font-weight: 700; font-size: 1.15em; }

        .widget_calendar td a:after { content: ""; position: absolute; top: 8px; left: 8px; bottom: 8px; right: 8px; background-color: transparent; z-index: -1; }

        .widget_calendar td a:hover { color: #ffffff; }

            .widget_calendar td a:hover:after { top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #3498db; }

.rss-icon { color: #FF6600; padding-right: 10px; }

.widget_rss li { display: block; font-size: .875em; padding-bottom: 5px; }
/* 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; }


/* Footer Section */
footer { /*background-color: #3498db;*/ /*background: url(../../App_Themes/Default/images/images/A15.png);
    color: #ffffff;
    font-size: .875em;
    padding: 30px 0px 10px 0px;*/ }

    footer p,
    footer a { color: #ffffff; }

.footer-top { font-size: .875em; color: #ffffff; background-color: #2a80b9; padding-top: 30px; padding-bottom: 30px; }

.tweet { display: inline-block; border-bottom: 1px solid #ffffff; padding-bottom: 40px; }

.tweet-icon { display: block; font-size: 2em; }

.tweet-author { display: inline-block; font-weight: 700; padding-bottom: 5px; padding-left: 15px; position: relative; }

    .tweet-author:before { content: '@'; position: absolute; left: 0px; top: 0px; font-weight: 300; }

.tweet-details { font-size: 1em; margin-bottom: 5px; line-height: 20px; }

.tweet time { font-size: .93em; padding: 0px 10px; text-transform: lowercase; position: relative; }

    .tweet time:before,
    .tweet time:after { content: ''; top: 4px; position: absolute; height: 60%; }

    .tweet time:before { border-left: 1px solid #ffffff; left: 0px; }

    .tweet time:after { border-right: 1px solid #ffffff; right: 0px; }

.copyright { line-height: 95px; }

/*****通知公告*****/
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fa-2x { font-size: 1.0em; /*font-weight: bold;*/ color: #ffffff; }

.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: #3498db; /*color: white; 22a3df*/ border: 4px solid #22a3df; 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; border: 4px solid #e96822; -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;*/ }

/****SectionNotice*****/

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#highlights { padding: 60px 0; /*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: 30px 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;*/ background: url(../../App_Themes/Default/images/iamge/a20.png) no-repeat; width: 70px; height: 70px; padding: 8px; margin: 10px auto; color: #ffffff; }

        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: #e96822; 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#buyNow { background-image: url(../App_Themes/Default/images/a33.png); /*background-attachment: fixed;*/ padding: 65px 0; }

    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 0px 20px 0px; }

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



/*学术报告*/
.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; }




/********首页大菜单样式********/

li.firstmainlevels { height: 75px; text-align: center; float: left; z-index: 9991; }

.firstmainlevels ul { display: none; }

li.mainlevels { height: 75px; text-align: center; float: left; z-index: 9991; }

.mainlevels ul { display: none; }

.mainlevels:visited { background: none; }

a.defualt_menu_links_s:link { 
display: block; line-height: 45px; font-size: 13px; height: 45px; z-index: 9999; color: #fff; background: rgba(52, 152, 219, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3c8fd3,endColorstr=#3c8fd3); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.defualt_menu_links_s:visited { color: #fff; background: rgba(52, 152, 219, 0.7); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.defualt_menu_links_s:hover { color: #ff9000; background: rgba(52, 152, 219, 0.7); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

.nav > li > a.Fa14:hover, .nav > li > a.Fa14:focus { background-color: #3c8fd3; color: #ffffff; }

.nav > li > a.Fa16:hover, .nav > li > a.Fa16:focus { background-color: #3c8fd3; color: #ffffff; }

.nav > li > a.Fa15:hover, .nav > li > a.Fa15:focus { background-color: #3c8fd3; color: #ffffff; }

.nav > li > a.Fa19:hover, .nav > li > a.Fa19:focus { background-color: #3c8fd3; color: #ffffff; }

a.Fa14:link { color: #005f8d; display: inline-block; padding: 28px 21px 27px 20px; 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; }

a.Fa14:visited { color: #005f8d; display: inline-block; padding: 28px 21px 27px 20px; 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; }

a.Fa15:link { background-color: #3c8fd3; color: #ffffff; display: inline-block; padding: 28px 20px 27px 20px; 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; }

a.Fa15:visited { background-color: #3c8fd3; color: #ffffff; display: inline-block; padding: 28px 20px 27px 20px; 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; }

a.Fa16:link { color: #005f8d; display: inline-block; padding: 28px 23px 27px 23px; 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; }

a.Fa16:visited { color: #005f8d; display: inline-block; padding: 28px 23px 27px 23px; 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; }

a.Fa17:link { display: block; line-height: 24px; font-size: 10pt; height: 75px; z-index: 9999; color: #fff; background: rgba(52, 152, 219, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3c8fd3,endColorstr=#3c8fd3); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.Fa17:visited { color: #fff; background: rgba(52, 152, 219, 0.7); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.Fa17:hover { color: #ff9000; background: rgba(52, 152, 219, 0.7); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.Fa18:link { display: block; line-height: 24px; font-size: 10pt; height: 50px; z-index: 9999; color: #fff; background: rgba(52, 152, 219, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3c8fd3,endColorstr=#3c8fd3); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.Fa18:visited { color: #fff; background: rgba(52, 152, 219, 0.7); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.Fa18:hover { color: #ff9000; background: rgba(52, 152, 219, 0.7); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial; }

a.Fa19:link { background-color: #3c8fd3; color: #fff; display: inline-block; padding: 28px 56px 27px 56px; 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; }

a.Fa19:visited { background-color: #3c8fd3; color: #fff; display: inline-block; padding: 28px 56px 27px 56px; 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; }


/*其它样式*/

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

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

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

.news_time_MM { width: 100%; height: 40px; line-height: 40px; font-size: 22px; color: #000000; font-family: Microsoft YaHei,Arial; background: url(../../App_Themes/Default/images/iamge/a69.png) repeat; }

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

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

.pull-left { float: left; }

.pull-right { float: right; }



@media (min-width:320px) {
    .news_title1 { width: 66%; }
    .clss { margin-left:0px;}
    .news_his { height:130px; }
}

@media (min-width:375px) {
    .news_title1 { width: 70%; }
    .news_his { height:110px; }
}

@media (min-width:414px) {
    .news_title1 { width: 74%; }
}

@media (min-width:768px) {
    .news_title1 { width: 70%; }
    .clss { margin-left:30px;}
}

@media (min-width:1024px) {
    .news_title1 { width: 79%; }
}

@media (min-width:1200px) {
    .news_title1 { width: 79%; }
    .news_his { height:90px; }
}

@media (min-width:1440px) {
    .news_title1 { width: 79%; }
}

@media (min-width:1600px) {
    .news_title1 { width: 79%; }
}

@media (min-width:1920px) {
    .news_title1 { width: 81%; }
}

/********首页栏目样式********/

.news_h_t2 { position: relative; height: 100%; text-align: left; font-size: 10pt; color: #1067AA; font-family: Microsoft YaHei,Arial; }

.news_h_m { position: relative; width: 40px; height: 40px; }


/********Table滑动门样式********/
.tabs div { /*display: none;*/ clear: both; min-height: 330px; }

.tabs .horizontal { margin: 0px; padding: 0px; }

    .tabs .horizontal li { float: left; list-style: none; height: 55px; line-height: 55px; background-color: #DDDDDD; padding: 0px 55px 0px 56px; text-align: center; cursor: pointer; font-size: 15px; color: #3498db; }

        .tabs .horizontal li:not(:first-child) { /*margin-left: 5px;*/ color: #3498db; }

        .tabs .horizontal li.selectActive { border-bottom: solid 2px #0099FF; background-color: #3498db; color: white; }

/***中间部分***/
.middle { margin-top: 0px; margin-bottom: 30px; }

.middle2 { padding: 10px 0; z-index: 2; }

.hsbg { background-color: #f3f3f3; }

.pdd-lr { padding: 0 20px; }

.news_h2 { position: relative; width: 100%; height: 45px; line-height: 45px; background: url(../images/iamge/a53.png) left bottom no-repeat; }

.news_h_t2 { position: relative; height: 100%; text-align: left; font-size: 10pt; color: #1067AA; font-family: Microsoft YaHei,Arial; }

.news_h_r { position: relative; float: right; }

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

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

    .menu2 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; }

        .menu2 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; }

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

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

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

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

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

.ContentTitle_e { font-size: 18px; font-family: inherit; text-align: center; color: #df7070; line-height: 40px; }

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

    .ContentDetails table { width: 100%; border: 0; background-color: #dddddd; }

        .ContentDetails table tr { background-color: #fff; }

        .ContentDetails table td { padding: 1px 1px 1px 1px; line-height: 40px; }

.ContentHeader p { text-align: center; }

.TeacherTitle { width: 100%; height: 40px; line-height: 40px; font-size: 11pt; font-family: Microsoft YaHei,Arial; 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: '方正剑体简体'; }

/**图片鼠标经过样式**/
.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; }

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

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

/*aspnetpager分页样式*/
.pagelist .anpager .cpb { background: #2F6FA2; border: 1px solid #369e12; 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; }

    .pagelist .anpager a:hover { background: #2F6FA2; border: 1px solid #369e12; color: #FFFFFF; margin: 3px 3px 0 0; padding: 6px 8px; }


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

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

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


/**********英文版样式**********/




h3.ContentTitle2 { font-size: 16px; font-family: inherit; color: #df7070; text-align: left; line-height: 32px; padding-top: 10px; padding-bottom: 10px; }

div.ContentHeader { width: 100%; }

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



.PostTime_E { color: #666666; font-size: 14px; font-family: inherit; line-height: 20px; }

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

.xxtg { padding: 30px 0px 0px 0px; }


/*--二级图片样式 --*/
.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; width: 100%; /*border: 2px solid #CCCBCB;*/ }

.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.4; }

    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; 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: 7%; -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: 16px; 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); }
/*-- //Gallery --*/


/* --------------------------通知公告-------------------------------------------------*/
.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; }
.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: 50px; height: 50px; }
.single_why:hover .ii { background: #fff; color: #2a80b9; }
.single_why h4 { color: #333; font-size: 17px; 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: 12px 20px 12px 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; }


/* 搜索样式 */
.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: 5px; top: 14px; }


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









/* 学院新闻 */
.xyxw_list {
    width: 60%;
    float: left;
    padding: 2%;
    border: 1px solid #e8e8e9;
}
.xyxw_list .xw {
    display: flex;
    flex-wrap: wrap;
}
.xyxw_list .xw .xw_img {
    width: 45%;
    margin-right: 5%;
}
.xyxw_list .xw .xw_list {
    width: 50%;
}
.xyxw_list .xw .xw_img .xinwenqh {
    position: relative;
}
.xyxw_list .xw .xw_img .xinwenqh .hd {
    position: absolute;
    bottom: 8px;
    right: 0;
}
.xyxw_list .xw .xw_img .xinwenqh .hd ul {
    display: flex;
}
.xyxw_list .xw .xw_img .xinwenqh .hd ul li {
    border: 1px solid #f39d13;
    position: relative;
    display: inline;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    margin: 0 2px;
    color: #adadad;
    font: 12px / 15px "\5B8B\4F53";
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: #fff;
}
.xyxw_list .xw .xw_img .xinwenqh .hd ul li.on {
    background: #f39d13;
}
.xyxw_list .xw .xw_img .xinwenqh .bd {}
.xyxw_list .xw .xw_img .xinwenqh .bd ul li {
    position: relative;
}
.xyxw_list .xw .xw_img .xinwenqh .bd ul li a.box_img {
    position: relative;
    display: block;
    padding-top: 70%;
}
.xyxw_list .xw .xw_img .xinwenqh .bd ul li a.box_img img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xyxw_list .xw .xw_img .xinwenqh .bd ul li span.shadow {
    line-height: 30px;
    height: 30px;
    width: calc(100% - 90px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.xyxw_list .xw .xw_list .news-list dl {
	width: 100%;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.xyxw_list .xw .xw_list .news-list dl:hover dt {
	color: #006eb4;
}
.xyxw_list .xw .xw_list .news-list dt {
	font-size: 20px;
	font-weight: normal;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}
.xyxw_list .xw .xw_list .news-list dd {
	font-size: 14px;
	color: #666;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-style li {
	width: 100%;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
}
.list-style li i {
	float: left;
	margin: 12px 6px 0 0;
}
.list-style li a {
	display: block;
	width: calc(100% - 60px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	font-size: 14px;
}
.list-style li a:hover {
	color: #1278b9;
}
.list-style li span {
	float: right;
	color: #666666;
	font-size: 14px;
}
.list-style li i.dot {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f39d13;
}
.tzgg_list {
    width: 37%;
    float: right;
    border: 1px solid #e8e8e9;
    padding: 2%;
}

@media (max-width: 1200px){
.xyxw_list {
    width: 100%;
    margin-bottom: 40px;
}
.tzgg_list {
    width: 100%;
}
.xyxw_list .xw .xw_img {
    width: 310px;
}
.xyxw_list .xw .xw_list {
    width: calc(100% - 360px);
}
}
@media (max-width:620px) {
.xyxw_list .xw .xw_img {
    width: 100%;
    margin-bottom: 20px;
}
.xyxw_list .xw .xw_list {
    width: 100%;
}
}