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

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

/*p {
    color: #869093;
    font-size: 0.9375em;
    line-height: 25px;
}*/

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

img { max-width: 100%; /*height: auto;*/ -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%; /*height: auto;*/ border: none;}

input,
textarea { width: 100%;}

    .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: #0c4270;*/ width: 100%; height: 100px;}

.site-banner-default { width: 100%; height: 100px;}

.site-logo { line-height:100px;}

/* Main Menu Section */

/*.main-menu { background-color: rgba(32, 44, 76, 0.6); 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;}

.search-form { font-size: .875em; position: relative; padding-top: 8px;}

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

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

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

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

    .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: 44px 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;}

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

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

.footer-top { font-size: .875em; background-color:#005ca1; color: #ffffff; /*background: url(../images/images/a11.png);*/ padding-top: 45px; padding-bottom: 10px;}

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

/****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: 55px 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.jpg) 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.jpg); /*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: 64px; text-align: center; float: left; z-index: 9991;}

.firstmainlevels ul { display: none;}

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

.mainlevels ul { display: none;}

.mainlevels:visited { background: none;}

a.defualt_menu_links_s:link { display: block; font-size: 10pt; height: 41px; line-height: 41px; 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;}

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

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

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

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

.nav > li > a.Fa18:hover, .nav > li > a.Fa18:focus { background-color: #d9533b; color: #ffffff;}

a.Fa14:link { color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 17px; display: inline-block; padding: 22px 28px 22px 29px; 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: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 17px; display: inline-block; padding: 22px 28px 22px 29px; 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: #d9533b; color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 17px; display: inline-block; padding: 22px 40px 22px 41px; 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: #d9533b; color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 17px; display: inline-block; padding: 22px 18px 22px 18px; 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 { display: block; line-height: 25px; font-size: 10pt; height: 55px; 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.Fa16:visited { color: #fff; background: rgba(52, 152, 219, 0.7); border-bottom: 1px solid #e9e9e9; font-family: Microsoft YaHei,Arial;}

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

a.Fa17:link { display: block; line-height: 26px; font-size: 10pt; height: 80px; 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 { color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 17px; display: inline-block; padding: 22px 25px 22px 25px; 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.Fa18:visited { color: #ffffff; font-family: Microsoft YaHei,Arial; font-size: 17px; display: inline-block; padding: 22px 25px 22px 25px; 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: 17px; color: #000000; font-family: Microsoft YaHei,Arial; background-color: #ffffff;}

.news_time_dd { width: 100%; height: 22px; line-height: 22px; color: #ffffff; font-size: 13px; font-family: Microsoft YaHei,Arial; background-color: #d9533b;}

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

.pull-left { float: left;}

.pull-right { float: right;}

.news_time2 { width: 62px; margin-top: 25px; margin-left: 0px; margin-right: 15px; text-align: center;}

@media (min-width:320px) {
    .news_title1 { width: 66%;}
}

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

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

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

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

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

@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: 12pt; 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: 20px 0px 50px 0px; 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.jpg) left bottom no-repeat;}

.news_h_t2 { position: relative; height: 100%; text-align: left; font-size: 12pt; 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: 25px;}

/*二级菜单样式*/
.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.jpg) 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%;}

        .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.jpg); 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.jpg) repeat; height: 5px;}

.blog-dividerx { margin: 10px 0px 0px 0px; background: url(../../app_themes/default/images/a53.jpg) repeat; height: 2px;}

/*aspnetpager分页样式*/
.pagelist .anpager .cpb { background: #2F6FA2; border: 1px solid #369e12; color: #FFFFFF; font-weight: bold; padding: 6px 8px; line-height:60px;}

.pagelist .anpager a { background: #fcfcfc; border: 1px solid #cccccc; margin: 3px 3px 0 0; padding: 6px 8px; font-size:14px;}

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


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

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

.weixin { padding: 0px 0px 0px 0px;}

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

    .gallery h4 { 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 {}

    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: 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 { 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 --*/

/*-- 专题活动样式 --*/
.containerimg { max-width: 700px; margin: 0 auto; margin-top: -35px;}

.slide { width: 100%; min-height: 180px; overflow: hidden; position: relative;}

    .slide .img { overflow: hidden; position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}

        .slide .img img { width: calc(100% - 14px); height: calc(100% - 14px); margin: 7px;}

    .slide .img1 { width: 40%; height: 40%; top: 30%; left: -50%; z-index: 1;}

    .slide .img2 { width: 60%; height: 60%; top: 20%; left: -20%; z-index: 2;}

    .slide .img3 { width: 80%; height: 80%; top: 10%; left: 10%; z-index: 3;}

    .slide .img4 { width: 60%; height: 60%; top: 20%; left: 60%; z-index: 2;}

    .slide .img5 { width: 40%; height: 40%; top: 30%; left: 110%; z-index: 1;}

.slide-bt { position: absolute; left: 50%; bottom: 13%; z-index: 10;}

    .slide-bt span { width: 24px; height: 8px; background: #c9caca; float: left; margin: 5px; border-radius: 4px;}

.slide .slide-bt .on { background: #ffd200;}

.slide-off { position: relative; z-index: 100;}

    .slide-off span { float: left; margin: 5px; border-radius: 4px; display: none;}

    .slide-off .on { display: block;}

/* --------------------------学院公告-------------------------------------------------*/
.single_why { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e9; margin-bottom: 14px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
    .single_why:hover { background: #2a80b9;}
.single_why_title { margin-bottom: 0px;}
.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: #2a80b9 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: 28px 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_newss { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
    .single_newss:hover { background: #2a80b9;}
    .single_newss h4 { font-size: 18px; color: #000000; line-height: 54px; font-family: 'Microsoft YaHei';}
    .single_newss:hover h4 { font-size: 18px; color: #fff; line-height: 54px; font-family: 'Microsoft YaHei';}
    .single_newss h5 { font-size: 15px; color: #666666; line-height: 28px; font-family: 'Microsoft YaHei';}
    .single_newss:hover h5 { color: #fff;}
    .single_newss a { color: #333;}
    .single_newss:hover a { color: #fff;}
.iii { text-align: center; font-family: Georgia; font-size: 55px; color: #999999;}
.single_newss:hover .iii { color: #fff;}
.iiii { text-align: center; font-size: 15px; color: #999999;}
.single_newss:hover .iiii { color: #fff;}
/* --------------------------风采展示-------------------------------------------------*/

.single_whyabout { background: #fff none repeat scroll 0 0; border-top: 5px solid #df9801; border-bottom: 1px solid #e5e5e5;  margin-bottom: 15px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
    .single_whyabout:hover { border-top: 5px solid #05b9b1;}
.single_why_title { margin-bottom: 0px;}
.ii { color: #fff; font-size: 14px; line-height: 20px; margin-right: 10px; padding: 7px 10px; -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 { 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 10px 15px 10px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.single_whyabout:hover p { color: #333;}


a.Fap2:link { font-size: 11pt; color: #1067AA; line-height: 28px; font-family: 'Microsoft YaHei';}

a.Fap2:visited { font-size: 11pt; color: #1067AA; line-height: 28px; font-family: 'Microsoft YaHei';}

a.Fap2:hover { font-size: 11pt; color: #1067AA; line-height: 28px; font-family: 'Microsoft YaHei';}

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

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