html{line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 320px;color: #333;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: none;color: #009fda;}
ul {margin: 0;list-style: none;padding: 0;}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.container {max-width: 1430px;width: 100%;}

.navbar {margin: 0;}
.navbar-inverse {border-radius: 0;background-color: #000;border: 0;}
.navbar-inverse .navbar-nav>li>a {color: #fff;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {}
.navbar-brand {padding: 0 15px;}
.navbar-brand>img {height: 120px;width: auto;}
.navbar-form {position: relative;}
.navbar-form .form-group {margin-right: 40px;}
.navbar-form .form-control {background-color: #222;border-color: transparent;color: #fff;}
.navbar-form .btn-default {border-color: transparent !important;width: 34px;height: 34px;padding: 0;background: url(../images/search.png) no-repeat center transparent !important;outline: none;position: absolute;right: 15px;top: 10px;}
.navbar-inverse .navbar-collapse {border-color: transparent;}
.navbar-nav {margin-top: 70px;}
.navbar-form .form-group {margin-bottom: 0;}

.banner {background: no-repeat center / cover;padding-top: 32%;}
.banner-title {margin-bottom: 20px;}
.banner-title span {display: inline-block;background-color: #009fda;color: #fff;font-size: 26px;font-weight: bold;padding: 5px 15px;-webkit-box-shadow: 7px 9px 2px -1px rgba(0, 0, 0, .4);box-shadow: 7px 9px 2px -1px rgba(0, 0, 0, .4);}
.banner-desc {color: #878786;font-size: 16px;margin-bottom: 10px;}
.banner-desc p {margin: 0;}
.banner-more {display: inline-block;margin-bottom: 20px;padding: 10px 35px 10px 15px;font-size: 16px;position: relative;color: #fff;background-color: #000;}
.banner-more:before {content: '';position: absolute;width: 14px;height: 24px;right: 10px;top: 50%;margin-top: -12px;background: url(../images/sprite-button-arrows.png) no-repeat left -91px;}
.banner-more:hover {background-color: #fff;color: #333;}
.banner-more:hover:before {background-position: left -136px;}

.art-post {margin: 20px -10px -20px;}
.art-post .row {margin-left: -10px;margin-right: -10px;}
.art-post .col-sm-12,.art-post .col-sm-6 {padding-left: 10px;padding-right: 10px;}
.art-post-left {margin-bottom: 20px;height: 500px;}
.art-post-left a {display: block;height: 100%;position: relative;background: no-repeat center / cover;overflow: hidden;color: #333;}
.art-post-left a:before {position: absolute;left: 0;top: 0;width: 100%;-webkit-transition: background-color .5s linear;transition: background-color .5s linear;background-color: rgba(0, 0, 0, 0.5);content: '';height: 100%;}
.art-post-left a:hover:before {background-color: rgba(0, 0, 0, 0.2);}
.art-post-left .tit {background: no-repeat 0 5px / auto 24px;position: relative;z-index: 1;color: #fff;margin: 15px;font-size: 26px;padding-left: 34px;}
.art-post-left .box {position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;}
.art-post-left .text {margin: 15px;padding: 15px;background-color: rgba(255, 255, 255, .75);}
.art-post-left .text span {font-size: 16px;}
.art-post-left .text h4 {margin: 15px 0;font-size: 30px;}
.art-post-left .text p {margin: 0;font-size: 16px;}
.art-post-right {margin-bottom: 20px;height: 240px;}
.art-post-right a {display: block;height: 100%;position: relative;background: no-repeat center / cover;overflow: hidden;color: #fff;}
.art-post-right a:before {position: absolute;left: 0;top: 0;width: 100%;-webkit-transition: background-color .5s linear;transition: background-color .5s linear;background-color: rgba(0, 0, 0, 0.5);content: '';height: 100%;}
.art-post-right a:hover:before {background-color: rgba(0, 0, 0, 0.2);}
.art-post-right .box {position: relative;z-index: 1;padding: 0 30px;line-height: 240px;font-size: 0;}
.art-post-right .text {display: inline-block;font-size: 26px;line-height: 1.4;vertical-align: middle;}

.section {padding: 30px 0;}
.section-title {text-align: center;margin-bottom: 20px;font-size: 26px;font-weight: bold;}

.hhr {padding: 20px;background-color: #F1F1F1;}
.hhr h4 {margin: 0;font-size: 30px;}
.hhr p {margin: 20px 0;font-size: 16px;color: #878786;}
.hhr .more {color: #009FDA;}

.hpeoplesearch {margin-top: 20px;}
.hpeoplesearch form {display: block;border: 1px solid #009FDA;overflow: hidden;}
.hpeoplesearch button {float: right;border: 0;width: 46px;height: 46px;padding: 0;border-radius: 0;background: url(../images/search_01.png) no-repeat center transparent;outline: none;}
.hpeoplesearch .input-group {display: block;margin-right: 46px;}
.hpeoplesearch .form-control {border-color: transparent;}

.wenz {display: block;margin-bottom: 20px;padding: 20px;-webkit-box-shadow: 0 0 5px 0 rgba(210, 209, 210, 1);box-shadow: 0 0 5px 0 rgba(210, 209, 210, 1);background-color: #fff;}
.wenz span {font-size: 16px;font-style: italic;}
.wenz h4 {line-height: 26px;font-size: 20px;margin: 20px 0 0;color: #009FDA;height: 52px;overflow: hidden;}
.wenz p {margin: 25px 0 0;font-size: 16px;color: #6D6E70;border-bottom: dotted thin #6D6E70;padding-bottom: 25px;}

.hranking {padding: 20px;background-color: #F1F1F1;margin-bottom: 20px;}
.hranking h4 {margin: 0 0 20px;font-size: 26px;background: url(../images/ranking.png) no-repeat 0 center;padding-left: 40px;line-height: 1.4;}
.hranking ul {list-style: disc;font-size: 16px;color: #878786;padding-left: 20px;}
.hranking li {margin-top: 5px;}
.hranking li a {color: #009FDA;}

.hcontactus {height: 230px;}
.hcontactus a {display: block;height: 100%;position: relative;background: no-repeat center / cover;overflow: hidden;color: #333;}
.hcontactus a:before {position: absolute;left: 0;top: 0;width: 100%;-webkit-transition: background-color .5s linear;transition: background-color .5s linear;background-color: rgba(0, 0, 0, 0.5);content: '';height: 100%;}
.hcontactus a:hover:before {background-color: rgba(0, 0, 0, 0.2);}
.hcontactus .tit {background: no-repeat 0 center / auto 24px;position: relative;z-index: 1;color: #fff;margin: 35px;font-size: 26px;padding-left: 34px;}

.footer {padding: 30px 0;background-color: #000;color: #fff;}
.footer a {color: #fff;}
.footer a:hover {color: #009FDA;}
.footer dl {margin: 0 0 30px;}
.footer dt {font-weight: normal;font-size: 20px;margin-bottom: 15px;}
.footer dd p {margin: 10px 0 0;font-size: 16px;}
.footer .copyright {font-size: 12px;}
.footer .calign {margin-top: 10px;}
.footer .ewm img {display: block;width: 120px;height: auto; }
.footer .ewm span {width: 120px;text-align: center;display: block;margin-top: 5px;}

.header-block {height: 50px;}

.big-title {font-size: 26px;font-weight: bold;}

.breadcrumb {padding: 0 0 20px;margin-top: 10px;border-bottom: 1px dotted #878786;}
.breadcrumb a {color: #009FDA;}

.hyly {border-bottom: 1px dotted #878786;margin-bottom: 20px;}
.hyly a {color: #878786;}
.hyly a:hover {color: #009FDA;}
.hyly h4 {margin: 0 0 20px;font-weight: normal;overflow: hidden;font-size: 20px;line-height: 1.4;}
.hyly h4 i {float: right;width: 28px;height: 28px;position: relative;}
.hyly h4 i:after, .hyly h4 i:before {content: '';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #878786;
    -webkit-transition: .25s;
    transition: .25s;}
.hyly h4 i:after {margin-top: -6px;
    border-top-color: #fff;}
.hyly ul {display: none;}
.hyly li {padding-bottom: 15px;padding-left: 15px;}
.hyly li a {display: block;font-size: 16px;}

.article {border-bottom: 1px dotted #878786;padding-bottom: 20px;margin-bottom: 30px;}
.article-content {margin-bottom: 20px;}
.article-content-title {margin: 0 0 20px;font-size: 24px;line-height: 1.4;}
.article-content-body {font-size: 16px;color: #878786;line-height: 1.8;}
.article-content-body img {max-width: 100%;height: auto;}
.article-info-img {text-align: left;margin-bottom: 20px;}
.article-info-title {margin-bottom: 20px;font-size: 24px;}
.article-info-btn {display: block;line-height: 38px;border: 1px solid #009FDA;color: #009FDA;text-align: center;font-size: 16px;position: relative;}
.article-info-btn:before {content: '';position: absolute;width: 14px;height: 24px;right: 10px;top: 50%;margin-top: -12px;background: url(../images/sprite-button-arrows.png) no-repeat left top;}
.article-info-btn:hover {background-color: #009FDA;color: #fff;}
.article-info-btn:hover:before {background-position: left -91px;}

.list-1-item {margin-bottom: 20px;}
.list-1-item h4 {margin: 0;font-size: 20px;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 56px;}
.list-1-item p {margin: 15px 0 0;font-size: 16px;color: #878786;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.list-1-item span {color: #999;display: block;margin-top: 15px;}
.list-1-item .more {margin-top: 15px;}
.list-1-item-more {margin-top: 20px;}

.banner-bottom {padding: 40px 0;background: no-repeat center / cover;}
.banner-bottom .more {display: inline-block;padding: 10px 35px 10px 15px;font-size: 16px;position: relative;color: #fff;background-color: #000;}
.banner-bottom .more:before {content: '';position: absolute;width: 14px;height: 24px;right: 10px;top: 50%;margin-top: -12px;background: url(../images/sprite-button-arrows.png) no-repeat left -91px;}
.banner-bottom .more:hover {background-color: #fff;color: #333;}
.banner-bottom .more:hover:before {background-position: left -136px;}
.banner-bottom h4 {margin: 20px 0 0;font-size: 20px;font-weight: bold;}

.list-2 {border-top: dotted 1px #6D6E70;margin-top: 30px;}
.list-2 .media {display: block;margin-top: 20px;}
.list-2 .media-object {width: 135px;height: auto;display: block;}
.list-2 .desc {color: #878786;font-size: 16px;margin-top: 10px;}
.list-2 .offices {color: #009FDA;font-size: 16px;}
.list-2 .tel {margin-top: 10px;color: #878786;font-size: 16px;background: url(../images/people_land.png) no-repeat 0 center;padding-left: 22px;}

.people-info {border-bottom: 1px dotted #878786;padding-bottom: 20px;position: relative;padding-top: 80px;font-size: 16px;}
.people-info img {position: absolute;bottom: 0;right: 0;width: 135px;height: auto;}
.people-info .text {margin-right: 150px;}
.people-info h4 {margin: 0;font-size: 48px;font-weight: bold;}
.people-info .desc {font-size: 24px;}
.people-info .offices {margin-top: 20px;color: #009FDA;}
.people-info .tel {background: url(../images/people_land.png) no-repeat 0 center;padding-left: 22px;}
.people-info .email {color: #009FDA;}

.lanmu-title {margin-bottom: 30px;font-size: 24px;}

.lanmu-select {border-bottom: 1px dotted #878786;padding-bottom: 20px;margin-bottom: 20px;display: none;}
.lanmu-select-dropdown {width: 150px;}
.lanmu-select-dropdown-btn {display: block;border: 1px solid #cc2b21;color: #cc2b21 !important;padding: 13px 30px 13px 20px;line-height: 22px;font-size: 16px;background: url(../images/sprite-arrows.png) no-repeat right -326px;}
.lanmu-select-dropdown .dropdown-menu {width: 100%;min-width: auto;border: 1px solid #cc2b21;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;margin-top: -1px;padding: 6px 11px;}
.lanmu-select-dropdown .dropdown-menu li a {padding: 5px 10px;font-size: 16px;color: #cc2b21;}
.lanmu-select-dropdown .dropdown-menu li a:hover {background-color: #cc2b21;color: #fff;}

.pages {margin-top: 20px;text-align: center;color: #878786;font-size: 0;}
.pages-info {font-size: 16px;}
.pages-btn {margin-top: 15px;}
.pages-btn a {display: inline-block;vertical-align: top;font-size: 16px;line-height: 38px;border: 1px solid #009FDA;color: #009FDA;text-align: center;position: relative;width: 130px;margin: 0 10px;}
.pages-btn a:before {background: url(../images/sprite-button-arrows.png) no-repeat 0 0;content: '';position: absolute;width: 14px;height: 24px;top: 50%;margin-top: -12px;}
.pages-btn a.pages-prev {padding-left: 34px;}
.pages-btn a.pages-prev:before {left: 10px;background-position: right -270px;}
.pages-btn a.pages-next {padding-right: 34px;}
.pages-btn a.pages-next:before {right: 10px;background-position: 0 0;}
.pages-btn a:hover {background-color: #009FDA;color: #fff;}
.pages-btn a.pages-prev:hover:before {background-position: right -315px;}
.pages-btn a.pages-next:hover:before {background-position: left -44px;}

.article-header {border-bottom: 1px dotted #878786;padding-bottom: 20px;margin-bottom: 20px;}
.article-header .date {display: inline-block;padding: 10px 20px;background-color: #000;color: #fff;font-size: 16px;margin-bottom: 15px;}
.article-header h1 {margin: 0;font-size: 26px;line-height: 1.4;}

.article-info .list-2 {margin-top: 0;border-top: 0;}
.article-info .list-2 .media-body {vertical-align: bottom;}
@media screen and (min-width: 1200px){
.weixin{ text-align: center; }
.weixin .ewm{ margin-left: 180px; }
.weixin .ewm span{ }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .navbar-toggle {display: block;}
    .navbar-nav {float: none;}
    .navbar-header {float: none;}
    .navbar-nav {margin-left: -15px;margin-right: -15px;margin-bottom: 7.5px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0;}
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin-left: -15px;margin-right: -15px;}
    .navbar-right {float: none !important;margin-right: -15px;}
    .navbar-form {padding: 10px 15px;margin-left: -15px;border-top: 1px solid #101010;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);border-bottom: 1px solid transparent;}
    .navbar-form .form-group {display: block;}
    .navbar-form .form-control {display: block;width: 100%;}
    .navbar-nav .open .dropdown-menu {position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;}
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d;
    }
    .navbar-inverse .dropdown-menu>li>a:hover,.navbar-inverse .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.in {overflow-y: auto;display: block !important}

}

@media screen and (min-width: 768px){
    .art-post {margin-top: -50px;}

    .hhr {padding: 30px;}
    .hhr p {margin-bottom: 0;}
    .hhr .img-center {text-align: right;}

    .banner {padding: 0;height: 350px;}
    .banner-title {margin-top: -238px;margin-bottom: 177px;}
    .banner-title span {font-size: 36px;}
    .banner-title-ac {margin-top: -300px;margin-bottom: 0;}
    .banner-desc {background-color: rgba(0, 0, 0, .58);padding: 35px 20px 25px;color: #fff;margin-top: -20px;width: 80%;font-size: 18px;}
    .banner-desc p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;}
    .banner-more {padding: 10px 60px 10px 20px;margin-bottom: 100px;}

    .section {padding: 45px 0;}
    .section-title {margin-bottom: 30px;}

    .hpeoplesearch {margin-top: 30px;}

    .footer .copyright {font-size: 14px;}
    .footer .calign {margin-top: 0;text-align: right;}

    .big-title {font-size: 36px;}

    .breadcrumb {margin-bottom: 30px;}

    .hyly h4 i {display: none;}
    .hyly ul {display: block;}

    .article {padding-bottom: 30px;}
    .article-content {margin-bottom: 30px;}
    .article-info-img {margin-bottom: 30px;}

    .banner-bottom {padding: 80px 0;}
    .banner-bottom h4 {font-size: 30px;}
    .banner-bottom .more {padding: 10px 60px 10px 20px;}

    .list-2 .media {margin-top: 30px;}

    .people-info {padding-bottom: 40px;}
    .people-info img {width: 270px;}
    .people-info .text {margin-right: 300px;}

    .list-1-item p {height: 110px;}

    .pages {text-align: right;}
    .pages-info {display: inline-block;vertical-align: middle;}
    .pages-btn {display: inline-block;vertical-align: middle;margin-top: 0;margin-left: 10px;}
    .pages-btn a {line-height: 48px;margin: 0 0 0 20px;}

    .lanmu-select {margin-bottom: 30px;padding-bottom: 30px;}
    .lanmu-select-dropdown {float: left;}
    .lanmu-select .pages {float: right;margin-top: 0;}

    .article-header {margin-bottom: 30px;padding-bottom: 30px;}
    .article-header h1 {font-size: 36px;}
}

@media screen and (min-width: 992px){
    .art-post {margin-top: -70px;}
    .art-post-left .tit {margin: 30px;}
    .art-post-left .text {margin: 30px;padding: 20px;}

    .hhr {padding: 30px 40px;}

    .section {padding: 65px 0;}
    .section-title {margin-bottom: 40px;}

    .hpeoplesearch {margin-top: 40px;}

    .wenz {padding: 30px;}
    .wenz p {height: 180px;}

    .hranking {height: 230px;padding: 30px 30px 0;margin-bottom: 0;}

    .footer {padding: 50px 0;}
    .footer dl {margin-bottom: 50px;}

    .banner-title {margin-top: -258px;margin-bottom: 197px;}
    .banner-title-ac {margin-top: -320px;margin-bottom: 0;}
    .banner-more {margin-bottom: 120px;padding: 10px 80px 10px 40px;}

    .article {padding-bottom: 50px;margin-bottom: 50px;}
    .article-content {border-right: 1px dotted #878786;padding-right: 30px;margin-bottom: 0;}
    .article-content-title {margin-bottom: 30px;}

    .banner-bottom {padding: 200px 0;}
    .banner-bottom h4 {font-size: 38px;}
    .banner-bottom .more {padding: 10px 80px 10px 40px;}

    .list-2 {margin-top: 40px;}
    .list-2 .media {margin-top: 40px;}

    .people-info {margin-bottom: -30px;}

    .article-info .list-2 .media-object {width: 185px;}
}

@media screen and (min-width: 1200px){
    .navbar-inverse {background-color: rgba(0, 0, 0, .7);}
    .navbar-nav {margin-top: 0;}
    .navbar-nav>li>a {line-height: 48px;}
    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {color: #009FDA;}
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {background-color: transparent;color: #009FDA;}
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background-color: transparent;color: #009FDA;}
    .navbar-form {margin-top: 22px;}
    .navbar-form .btn-default {top: 0;}
    .navbar-brand>img {height: auto;}

    .banner {height: 580px;padding-top: 0;margin-top: -78px;}
    .banner-title {margin-top: -340px;margin-bottom: 279px;}
    .banner-title-ac {margin-top: -425px;margin-bottom: 0;}
    .banner-desc {font-size: 20px;max-width: 800px;}
    .banner-desc p {-webkit-line-clamp: 4;height: 112px;}
    .banner-more {margin-bottom: 160px;}

    .art-post {margin-top: -90px;}

    .hhr {padding: 40px;}
    .hhr p {margin-top: 40px;}

    .section {padding: 85px 0;}

    .header-block {height: 70px;}

    .people-info {padding-top: 160px;margin-bottom: -60px;}
    .people-info .text {margin-right: 360px;}
    .people-info img {width: 330px;}
}