@charset "utf-8";

html,
body {
    font-family: "novecento_widenormal", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", tahoma;
}

body {
    padding-top: 50px;
}

ol,
ul {
    list-style: none;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}


.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}




@-webkit-keyframes bounce {

    0%,
    100% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        margin-top: 0px;
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        margin-top: -10px;
    }

    90% {
        margin-top: -2px;
    }
}

@keyframes bounce {

    0%,
    100% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        margin-top: 0px;
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        margin-top: -10px;
    }

    90% {
        margin-top: -2px;
    }
}

h2 {
    text-shadow: 0px 3px 2px #dedede;
}

/*-------------------公共部分结束------------------------*/
.nav {
    position: relative;
}

.collapse {
    display: block;
    visibility: visible;
}

.search {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    padding: 13px 0px;
    border-radius: 0;
    height: auto;
    position: absolute;
    width: 0px;
    bottom: 6px;
    border-width: 0px;
}

.dropdown-menu {
    padding: 0px;
    border: none;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .175);
}

.dropdown-menu li a {
    padding: 0px 5px;
    text-align: center;
}

/*--------------------导航部分结束-------------------------*/
#footer {
    border: 1px solid red;
    padding-top: 0px;
    padding-bottom: 130px;
    padding-top: 30px;
}

.footer {
    text-align: center;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 40px;
    line-height: 2;
    border-top: 1px solid #f0f2f5;
}

/*--------------------网站底部结束-------------------------*/
.xg {
    line-height: 2;
}

.xg h4 {
    border-bottom: 1px solid #EFEFEF;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 8px;
}

.xg h4:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background-color: #4598E3;
    bottom: 0px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.xg h4:hover:before {
    width: 100%;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.xg p {
    text-indent: 2em;
    text-align: left;
    height: 84px;
    overflow: hidden;
    width: 100%;
}

.xg .col-sm-6 {
    padding: 0px 30px;
    opacity: 0;
}

/*--------------------相关阅读结束-------------------------*/
.news .sidebar {
    overflow: hidden;
}

.news .sidebar ul {
    position: relative;
}

.news .sidebar ul .colse:before {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    content: '×';
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
}

.news .sidebar .open {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    text-align: center;
    background-color: #4598E3;
    color: #fff;
    border-radius: 0px 5px 5px 0px;
    padding: 4px 0px;
    cursor: pointer;
}

/*--------------------栏目列表结束-------------------------*/
/*顶部导航*/
.top-box {
    height: 50px;
    margin-bottom: 0;
    z-index: 16;
}

.top-box .navbar-collapse {
    border: none;
}

.top-box .navbar-brand {
    /*height: 50px;	padding: 10px;*/
    font-size: 30px;
    color: #4598E3;
}

.top-box .navbar-brand img {
    height: 100%;
}

.top-box .navbar-toggle {
    margin-top: 8px;
}

.top-box .navbar-nav {
    margin-top: 15px !important;
}

.top-nav li a {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    /*background: #fff !important;*/
}

.top-nav li.active a,
.top-nav li a:hover {
    color: #4E97D9 !important;
}

.common-title {
    text-align: center;
}

.common-title h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.common-title span {
    display: block;
    font-size: 18px;
    color: #b2b2b2;
    margin-bottom: 15px;
}

.common-title p {
    text-align: center;
    font-size: 0;
    margin-bottom: 0;
}

.common-title p i {
    display: inline-block;
    width: 50px;
    height: 1px;
    margin: 0 2px;
    background: #a4a4a4;
}

.common-title p i:first-child {
    background: #009944;
}

/*页脚*/
.zjlist {
    /*	background: #f5f5f5;*/
    padding-top: 30px;
}

.zjlist .thumbnail {
    background: #f5f5f5;
    border: none;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
}

.bread {
    /*	font-size: 0;*/
    background: #fff;
    border-bottom: 2px solid #4598E3;
    border-radius: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 10px 0;
}

.bread li,
.bread li a {
    font-size: 16px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bread li:last-child {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bread .active {
    color: #4598E3;
}

/*首页--新闻中心*/
.news {
    padding-top: 40px;
    padding-bottom: 40px;
}

.news .news-content {
    margin-top: 40px;
}

.news .news-content p {
    margin-bottom: 0;
}

.news .thumbnail {
    overflow: hidden;
}

.news .thumbnail img {
    width: 100%;
}

.news .news-content .caption {
    padding: 0px 9px 20px 9px;
    border-bottom: 1px solid #ccc;
    color: #333;
}

.news .news-content .caption h3 {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.news .news-content .caption p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.news .news-des {
    padding: 20px 9px 20px 9px;
    color: #b2b2b2;
}

.news .news-des p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-more {
    font-size: 0;
}

.news-more .date,
.news-more .more {
    display: inline-block;
    width: 50%;
    text-align: center;
    background: #e5e5e5;
    line-height: 40px;
    font-size: 12px;
    color: #4c4c4c;
}

.news-more .date {
    box-sizing: border-box;
    border-right: 1px solid #fff;
}

/*首页--公司简介*/
.introduce {
    text-indent: 2em;
    padding-top: 40px;
    padding-bottom: 20px;
    background: url(../images/4yy.png) no-repeat center;
    background-size: cover;
}

.introduce .common-title,
.video .common-title {
    color: #000;
}

.introduce .common-title span,
.video .common-title span {
    color: #fff;
}

.introduce .common-title p i:last-child,
.video .common-title p i:last-child {
    background: #fff;
    background: #eee;
}

.introduce .intro-content {
    margin-top: 40px;
    padding: 0 15px;
    line-height: 1.6;
    font-size: 14px;
}

.introduce .intro-content p {
    color: #373737;
}

.introduce .intro-content .common-title h2 {
    color: #18a8ba;
    font-weight: 900;
}

.introduce .intro-content a {
    font-size: 14px;
    margin-top: 50px;
}

/*首页--产品中心*/
#product {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
}

#product h2 {
    padding-top: 12px;
}

.product {
    padding-top: 16px;
    padding-bottom: 16px;
}

.pro-content>div {
    padding-left: 10px;
    padding-right: 10px;
}

.pro-content .pro-content-item {
    border-radius: 4px;
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
    /*margin-top: 20px;*/
}

.pro-content .pro-content-item img {
    width: 100%;
}

.pro-content .pro-content-item p {
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    margin-bottom: 0;
    height: 100%;
    text-align: center;
    z-index: 2;
}

/*首页--视频中心*/
.video {
    background: url(../images/index-videobg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
}

.video-content {
    margin-top: 20px;
}

.video .nav-tabs {
    border-bottom: none;
}

.video-tab li {
    margin-top: 10px;
    width: 33.3333%;
    float: left;
    box-sizing: border-box;
    padding: 4px;
}

.video-tab li:first-child {
    margin-top: 0;
}

.video-tab li a {
    background: #4598E3;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-tab li a:hover,
.video-tab>li.active>a,
.video-tab>li.active>a:hover,
.video-tab>li.active>a:focus {
    background: #4598E3;
    color: #fff;
    border: 1px solid #4598E3;
}

.video-tab-cont {
    margin-top: 20px;
}

/****侧边导航****/
.about {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mobile-nav {}

.mobile-nav .mobile-nav-title {
    background: #4598E3;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mobile-nav .mobile-nav-title p {
    margin-bottom: 0;
}

.mobile-nav-item {
    font-size: 0;
}

.mobile-nav-item a {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #4598E3;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.mobile-nav-item a:first-child {
    border-right: 2px solid #fff;
}

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

.sidebar ul li {
    margin-bottom: 10px;
    background: #4598E3;
    text-align: center;
}

.sidebar ul li.sidebar-title {
    background: #4598E3;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
}

.sidebar ul li.sidebar-title h3,
.mobile-nav .mobile-nav-title h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
}

.sidebar ul li.sidebar-title p:before,
.sidebar ul li.sidebar-title p:after,
.mobile-nav .mobile-nav-title p:before,
.mobile-nav .mobile-nav-title p:after {
    content: "";
    display: inline-block;
    width: 20%;
    height: 1px;
    vertical-align: middle;
    background: #fff;
}

.sidebar ul li.sidebar-item a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    font-size: 18px;
}

.right-content .content-title {
    font-size: 16px;
    color: #4598E3;
    margin-bottom: 20px;
}

.right-content .content-title small {
    color: #4598E3;
}

.about-content-des,
.about-content-honor {
    border-top: 2px solid #7db079;
}

.about-content-des p {
    color: #808080;
}

.honor-pic {
    border: 1px solid #ccc;
    padding: 15px;
}

/*新闻列表页*/
.news-list .row {
    margin-bottom: 20px;
}

.news-pic {
    margin-bottom: 20px;
}

.news-text h3 a,
.news-text p a {
    color: #333;
    text-decoration: none;
}

.news-list a.readmore {
    display: inline-block;
    color: #fff;
    background: #4598E3;
    border-radius: 4px;
    padding: 4px 15px;
    margin-bottom: 5px;
    text-decoration: none;
}

.news-text h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-text p {
    font-size: 16px;
    text-indent: 2em;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-text span {
    font-size: 13px;
    color: #999999;
}

.page-box {
    text-align: center;
    margin-top: 20px;
}

.page-box li a {
    color: #999999;
}

.page-box li.active a {
    color: #fff;
    background: #4598E3;
}

.news-detail-title {
    font-size: 12px;
    color: #999;
    margin-bottom: 20px;
}

.news-detail-title h2 {
    color: #4598E3;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-detail-title span {
    padding-right: 20px;
}

/*客服中心*/
.service {
    padding: 10px;
}

.service .service-content h3 {
    margin-top: 0;
    color: #333;
    font-size: 18px;
}

.service-content .row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
    margin: 40px 0px 0px;
}

.service-content .row p {
    color: #999;
}

/*招商加盟*/
.investment {
    padding-top: 40px;
    padding-bottom: 40px;
}

.investment-content ul {
    list-style: none;
    padding: 0;
}

.investment-content ul li>div {
    margin-bottom: 20px;
}

.investment-content ul h3 {
    display: inline-block;
    background: #4598E3;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}

.investment-content ul h5 {
    color: #4598E3;
    font-size: 18px;
}

@media only screen and (min-width:768px) {

    /*顶部导航*/
    .top-nav li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*页脚*/
    #zjlist {
        padding-top: 30px;
        margin-top: 0px;
    }

    .zjlist {
        padding-top: 0px;
    }

    .zjlist .thumbnail {
        font-size: 16px;
    }

    /*首页--视频中心*/
    .video-tab .video-tab-title h3 {
        margin-top: 0;
        margin-bottom: 0;
        background: #4598E3;
        color: #fff;
        padding: 20px 20px;
        text-align: center;
    }

    .video-content {
        margin-top: 40px;
    }

    .video-tab li {
        background: #fff;
        clear: both;
        margin-top: 10px;
        width: 100%;
        border-radius: 4px;
        overflow: hidden;
        box-sizing: border-box;
        padding: 0;
    }

    .video-tab li:first-child {
        margin-top: 0;
    }

    .video-tab li a {
        background: #fff;
        padding: 24px 0 24px 10;
        border-width: 0 0 0 6px;
        border-color: #4598E3;
        font-size: 14px;
        color: #4598E3;
    }

    .video-tab li a:hover,
    .video-tab>li.active>a,
    .video-tab>li.active>a:hover,
    .video-tab>li.active>a:focus {
        border-width: 0 0 0 6px;
        border-color: #4598E3;
        background: #fff;
        color: #4598E3;
    }

    .video-tab-cont {
        margin-top: 0;
    }

    .about {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .right-content .about-content h4 {
        font-size: 16px;
        color: #4598E3;
    }

    /*新闻列表页*/
    .news-list .row {
        margin-bottom: 40px;
    }

    .news-pic {
        margin-bottom: 0;
    }

    .news-text p {
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .bread {
        margin-top: 0px;
    }

    .service {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /*招商加盟*/
    .investment {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width:992px) {
    body {
        padding-top: 90px;
    }

    /*顶部导航*/
    .top-box {
        height: 100px;
    }

    .navbar-brand {
        /*height: 100px !important;		padding-top: 10px;		padding-bottom: 10px;*/
    }

    .top-box .navbar-brand img {
        height: 100% !important;
    }

    .top-nav li a {
        /*padding: 24px 30px;*/
        line-height: 50px;
        font-size: 16px;
        /*background: #fff !important;*/
    }

    .top-nav li.active a,
    .top-nav li a:hover {
        color: #4E97D9 !important;
    }

    .introduce .intro-content {
        font-size: 16px;
        line-height: 2;
    }

    /*页脚*/
    .zjlist {
        padding-top: 40px;
    }

    .zjlist .thumbnail {
        font-size: 14px;
    }

    /*首页--产品中心*/
    .pro-content>div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .video-content {
        margin-top: 50px;
    }

    .about {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /*新闻列表*/
    .news-pic {
        margin-bottom: 0;
    }

    .news-text p {
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .service {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /*招商加盟*/
    .investment {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width:1200px) {

    /*顶部导航*/
    .top-box {
        height: 100px;
        border: none;
        box-shadow: 0 5px 25px -8px rgba(0, 0, 0, 0.2);
    }

    .navbar-brand {
        /*height: 100px !important;		padding-top: 10px;		padding-bottom: 10px;*/
    }

    .top-box .navbar-brand img {
        height: 100% !important;
    }

    .top-nav li a {
        /*padding: 24px 40px;*/
        line-height: 50px;
        font-size: 16px;
        /*background: #fff !important;*/
    }

    .top-nav li.active a,
    .top-nav li a:hover {
        color: #4E97D9 !important;
    }

    /*公共标题*/
    .common-title h2 {
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .common-title span {
        display: block;
        font-size: 20px;
        color: #b2b2b2;
        margin-bottom: 25px;
    }

    /*页脚*/
    .zjlist {
        padding-top: 50px;
    }

    .zjlist .thumbnail {
        font-size: 18px;
    }

    /*首页--新闻*/
    .news {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .news .news-content {
        margin-top: 95px;
    }

    .news .news-content .caption {
        padding: 0px 9px 20px 9px;
    }

    .news .news-content .caption h3 {
        margin-bottom: 15px;
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news .news-content .caption p {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news .news-des {
        padding: 30px 9px 40px 9px;
    }

    .news-more .date,
    .news-more .more {
        font-size: 14px;
        line-height: 50px;
    }

    /*首页--公司简介*/
    .introduce {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .introduce .intro-content {
        font-size: 18px;
        line-height: 2;
    }

    .introduce .intro-content a {
        font-size: 16px;
        margin-top: 30px;
    }

    /*首页--产品中心*/
    .product {
        padding-top: 80px;
        padding-bottom: 90px;
    }

    .pro-content>div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pro-content .pro-content-item p {
        font-size: 24px;
    }

    /*首页--视频中心*/
    .video-content {
        margin-top: 70px;
    }

    .video-tab .video-tab-title h3 {
        margin-top: 0;
        margin-bottom: 0;
        background: #4598E3;
        color: #fff;
        padding: 20px 20px;
    }

    .video-tab li {
        background: #fff;
        clear: both;
        margin-top: 10px;
        width: 100%;
        border-radius: 4px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .video-tab li:first-child {
        margin-top: 0;
    }

    .video-tab li a {
        padding: 24px 0 24px 10;
        border-width: 0 0 0 6px;
        border-color: #4598E3;
        font-size: 14px;
        color: #4598E3;
    }

    .video-tab li a:hover,
    .video-tab>li.active>a,
    .video-tab>li.active>a:hover,
    .video-tab>li.active>a:focus {
        border-width: 0 0 0 6px;
        border-color: #4598E3;
        background: #fff;
        color: #4598E3;
    }

    .about {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .service {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /*招商加盟*/
    .investment {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.thumbnail {
    border: none;
    border-radius: 0px;
    padding: 0px;
}

.news .thumbnail img {
    border-radius: 4px;
}

.news .thumbnail img:hover {
    animation: bounce 0.5s;
}

.news-more .date,
.news-more .more {
    background: #f5f5f5;
}

.container .col-lg-4 {
    margin-bottom: 16px;
}

/*--------------------最新活动结束-------------------------*/
.pro-content .pro-content-item {
    border-radius: 0px;
}

.pro-content .pro-content-item p::before,
.zjlist .zj_move p:before {
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    width: 50px;
    height: 50px;
    content: "+";
    display: inline-block;
    font-size: 40px;
    color: #fff;
    font-weight: normal;
    z-index: 100;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -35px;
    margin-left: -25px;
    line-height: 46px;
    font-family: "宋体";
    transition: all 0.2s ease-out;
}

.pro-content .pro-content-item p {
    opacity: 0;
    transition: all 0.4s ease-out;
}

.pro-content .pro-content-item:hover p {
    opacity: 1;
}

.pro-content .pro-content-item:hover p:before {
    margin-top: -25px;
}

.pro-content .pro-content-item img {
    transform-origin: center center;
    -moz-transform: scale(1);
    transition: all 0.6s ease-out;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.pro-content .pro-content-item:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.pro-content .col-lg-3 h4 {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*--------------------特色项目结束-------------------------*/
.zjlist {
    margin-top: 100px;
    margin-bottom: 50px;
}

.zjlist img {
    width: 100%;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
}

.zjlist .descript {
    font-size: 16px;
    text-align: left;
    color: #6D6C6C;
    overflow: hidden;
}

.zjlist .caption .mo-re {
    margin: 0 auto;
    font-size: 16px;
}

.zjlist .caption .mo-re p {
    height: 30px;
    padding: 3px 15px;
}

.zjlist .caption .mo-re a:hover {
    transform: translateY(-23px);
}

.zjlist .zj_move p {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    line-height: 30em;
    font-size: 16px;
    color: #fff;
}

.zjlist .zj_move p:hover::before {
    width: 55px;
    height: 55px;
    line-height: 55px;
    transition: all 0.3s ease-out;
    transform-origin: center center;
}

.zjlist .col-xs-6 {
    margin-bottom: 30px;
    padding: 0px 40px;
}

.zj_move a {
    display: block;
}

/*--------------------医生结束-------------------------*/
@media (min-width: 768px) {
    .carousel-indicators li {
        margin: 0px 8px;
    }
}

@media (max-width:1182px) {
    .top-nav li a {
        font-size: 14px;
    }

    .container {
        width: 96%;
    }
}

@media (max-width: 1100px) {
    .top-box .navbar-brand {
        font-size: 26px;
    }

    .container {
        width: 100%;
    }
}

@media (min-width: 1012px) {
    .navbar-toggle {
        display: none;
    }
}

@media (max-width: 1011px) {
    .navbar-toggle {
        display: block;
    }

    h1 {
        margin-top: 0px
    }

    .navbar-collapse.collapse li {
        float: none;
    }

    .navbar-header {
        width: 100%;
        height: 50px;
        float: none;
    }

    .top-box .navbar-nav {
        width: 100%;
        margin-top: 0px !important;
    }

    .container>.navbar-collapse {
        margin: 0px -15px;
        display: none;
        box-shadow: 0px 2px 2px #ccc;
    }

    .nav {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .top-nav li a {
        text-align: left;
    }

    .navbar-collapse {
        padding: 0px;
        margin: 0px;
    }

    .navbar-nav,
    .container>.navbar-header {
        margin: 0px;
    }

    .navbar-fixed-top .navbar-collapse {
        overflow-y: auto;
    }

    .search {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 3%;
    }

    .navbar-collapse.collapse li {
        border-bottom: 1px solid #f5f5f5;
    }

    .zjlist .col-xs-6 {
        padding: 0px 15px;
    }
}

@media (min-width: 1011px) {
    .top-nav li a {
        line-height: 40px;
    }

    .dropdown-menu li a {
        line-height: 30px;
    }
}

@media (min-width: 768px) {
    /*.navbar-right{margin-right:0px!important;}*/
}

@media (max-width:767px) {
    h1 {
        margin-top: 0px;
    }

    .top-box .navbar-brand {
        font-size: 20px;
    }

    .product .more {
        font-size: 16px;
    }

    .product .more p {
        height: 32px;
    }

    .product .more a:hover {
        transform: translateY(-23px);
    }

    .footer {
        font-size: 14px;
    }

    .news h3 {
        font-size: 18px;
    }

    .news-list .row {
        margin-bottom: 40px;
    }
}

@media (max-width:556px) {
    .zjlist .zj_move p {
        line-height: 25em;
    }

    .news h3 {
        font-size: 16px;
    }

    .news-text p {
        font-size: 14px;
    }

    .zjlist .col-xs-6 {
        padding: 0px 10px;
    }

    .mo-re {
        font-size: 16px;
        margin-top: 15px;
    }

    .mo-re p {
        height: 33px;
    }

    .mo-re a:hover {
        transform: translateY(-23px);
    }

    .news,
    .product {
        padding: 0px;
    }

    .introduce {
        padding: 0px 0px 10px;
    }

    .introduce .intro-content a {
        margin-top: 0px;
    }

    .zjlist {
        margin: 10px 0px 0px;
    }
}

@media (max-width:456px) {
    .zjlist .zj_move p {
        line-height: 20em;
    }

    .navbar .container {
        padding: 0px;
    }
}

@media (max-width:356px) {
    .navbar-brand {
        padding-left: 5px;
    }

    .navbar-toggle {
        margin-right: 5px;
    }

    .top-nav li a {
        line-height: 20px;
    }

    .top-box .navbar-nav {
        width: 100%;
        padding-left: 10px;
    }

    .zjlist .zj_move p {
        line-height: 16em;
    }
}

@charset "utf-8";

/* reset */
html {
    height: 100%;
}

body {
    min-height: 100%
}

body {
    _height: 100%
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
input,
select,
textarea,
button,
p,
blockquote,
th,
td,
figure {
    margin: 0;
    padding: 0
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
p,
blockquote,
figure,
header,
footer,
nav,
article,
section,
aside,
address,
figcaption {
    *zoom: 1
}

li {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

iframe,
frame,
fieldset,
img {
    border: 0 none
}

img {
    vertical-align: top
}

input[type=button],
input[type=submit],
input[type=reset] {
    cursor: pointer
}

button {
    cursor: pointer
}

input,
textarea,
button {
    -webkit-border-radius: 0;
    -webkit-appearance: none
}

input[type=radio] {
    -webkit-border-radius: 100%;
    -webkit-appearance: radio
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    overflow: auto;
    resize: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

th {
    font-weight: normal
}

em,
cite,
address,
i {
    font-style: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

body,
input,
select,
button,
textarea {
    color: #333;
    font-size: 14px;
    font-family: "Microsoft Yahei", arial, "\5b8b\4f53";
}

body {
    line-height: 1.5
}

a:link,
a:visited,
a:active,
a {
    text-decoration: none;
    color: #333;
}

a {
    blr: expression(this.onFocus=this.blur())
}

a * {
    *cursor: pointer
}

:focus {
    outline: none
}

@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        -webkit-text-size-adjust: none
    }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 0.8;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 0.8;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 0.8;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 0.8;
}

.fixed:before,
.clearfix:before,
.cf:before,
body:before,
.header:before,
.main:before,
.footer:before {
    content: '';
    display: table
}

.fixed:after,
.clearfix:after,
.cf:after,
after,
.header:after,
.main:after,
.footer:after {
    content: '';
    display: table;
    clear: both
}

.fixed,
.clearfix,
.cf,
.header,
.main,
.footer {
    *zoom: 1
}

.clear,
.cl {
    display: block !important;
    float: none !important;
    clear: both;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    font-size: 0 !important;
    line-height: 0 !important
}

.wrap {
    margin-left: auto;
    margin-right: auto;
}

.header .nav>li>a:hover span {
    width: 100%;
}

.header .nav>li>a:hover {
    color: #FFF;
    font-weight: bold;
}

.header .nav>li.hover a span {
    width: 100%;
}

.banner {
    position: relative;
    float: left;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.ban_focus {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.ban_focus li {
    color: #fff;
    display: none;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.ban_focus li img.yd-bnimg {
    display: none;
    min-height: 100vh;
    width: 100%;
}

.ban_focus li.cur {
    display: block;
}

.ban_f_con {
    position: absolute;
    bottom: 33vh;
    left: 50%;
    margin-left: -150px;
    color: #000;
    font-weight: bold;
}

.changeRed {
    color: red;
    margin-right: 10px;
}

.ban_f_con h1 {
    position: relative;
    opacity: 0;
    margin-top: 20px;
}

.ban_f_con h2 {
    position: relative;
    opacity: 0;
    font-size: 400%;
}

.ban_f_con h3 {
    position: relative;
    opacity: 0;
    font-size: 400%;
}

.ban_f_con h2 img,
.ban_f_con h3 img {
    width: 80%;
}

.ban_f_con h3 img {
    margin-top: 35px;
    margin-left: 50px;
}

.ban_dot {
    position: absolute;
    bottom: 36px;
    left: 50%;
    z-index: 9;
}

.ban_dot a {
    background: #999;
    width: 30px;
    height: 5px;
    border-radius: 3px;
    float: left;
    margin-right: 8px;
}

.ban_dot .btn_on {
    background: #fff
}

.ban_lr a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    text-align: center;
    text-indent: 0px;
    z-index: 9999;
    font-size: 16px;
    color: #999;
    background: rgba(255, 255, 255, 0.5);
}

.ban_lr a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.ban_lr .ban-prev {
    left: 10px;
}

.ban_lr .ban-next {
    right: 10px;
}

.jinruzhuye {
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    bottom: 50px;
    z-index: 1000;
    right: 50px;
    padding: 5px 30px;
    border-radius: 100px;
}

.jinruzhuye a {
    color: #fff;
    font-size: 130%;
}

.dropdown-menu {
    min-width: auto;
    border: 0px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    padding: 0px 4px;
}

.dropdown-menu:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    top: -16px;
    position: absolute;
    width: 0;
    border-width: 8px;
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.dropdown-menu li {
    border-bottom: 1px solid #fff;
}

.dropdown-menu li:last-child {
    border-bottom: 0px;
}

.dropdown-menu>li>a {
    padding: 10px 11px;
    color: #fff;
}

.dropdown-menu>li>a:hover {
    color: #0059AD;
    background: transparent;
}

.nav-index .dropdown-menu {
    background: rgba(8, 106, 197, 0.5);
}

.nav-index .dropdown-menu:before {
    border-bottom-color: rgba(8, 106, 197, 0.5);
}

.nav-index .dropdown-menu li {
    border-bottom: 1px solid rgba(8, 106, 197, 0.2);
}

.nav-index .dropdown-menu li:last-child {
    border-bottom: 0px;
}

.navbar-form {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group {
    margin: 17px 0px;
    border: 1px solid #fff;
    border-radius: 4px;
}

.form-control {
    color: #fff;
    float: left;
    background: transparent;
    border: 0;
    height: 30px;
    width: 120px !important;
    padding-right: 0px;
}

.form-control::-webkit-input-placeholder {
    color: #fff;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.form-control:-ms-input-placeholder {
    color: #fff;
}

.form-group .btn-default {
    background: transparent;
    border: 0;
    width: 30px;
    height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    color: #fff;
}

.nav-index {
    width: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
}

.index-bg .nav-index {
    background: rgba(255, 255, 255, 0);
}

.nav-index .form-group {
    border: 2px solid #636363;
}

.nav-index .form-control {
    color: #636363;
}

.nav-index .form-group .btn-default {
    background: #636363
        /*#CCCCCC*/
    ;
    border-radius: 0px;
}

.nav-index .form-control::-webkit-input-placeholder {
    color: #636363;
}

.nav-index .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #636363;
}

.nav-index .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #636363;
}

.nav-index .form-control:-ms-input-placeholder {
    color: #636363;
}

.index-news {
    width: 100%;
    height: auto;
    padding-top: 100px;
    background: url(../images/bg.png) center bottom no-repeat;
}

.maintitle {
    display: flex;
    margin-bottom: 35px;
}

.maintitle h2 {
    line-height: 40px;
    font-size: 22px;
    padding: 0px 10px;
    color: #066bc7;
    font-weight: normal;
    border-bottom: 2px solid #066bc7;
    flex-grow: 0;
}

.maintitle span.rm {
    line-height: 40px;
    font-size: 14px;
    color: #BEBEBE;
    font-weight: normal;
    flex-grow: 1;
    text-align: right;
    border-bottom: 2px solid #ccc;
}

.bgmore {
    padding-right: 20px;
    background: url(../images/more.png) right center no-repeat;
}

.slider-news {
    float: left;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.slider-news .bxslider-news li {
    height: 310px;
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-color: white;
    overflow: hidden;
}

.slider-news .bx-wrapper {
    border: 0px;
    box-shadow: 0 0 0;
    margin-bottom: 0px;
}

.slider-news .bx-wrapper .bx-controls-direction a {
    top: "";
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    text-align: center;
    text-indent: 0px;
    z-index: 9999;
    font-size: 16px;
    color: #333;
    background: rgba(255, 255, 255, 0.5);
    overflow: hidden;
}

.slider-news .bx-wrapper .bx-controls-direction a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.slider-news .bx-wrapper .bx-prev {
    left: 10px;
    margin-left: 0px;
    background: #fff;
    font-size: 12px;
    text-indent: 0px;
    text-align: center;
    color: #ccc;
}

.slider-news .bx-wrapper .bx-next {
    right: 10px;
    background: #fff;
    font-size: 12px;
    text-indent: 0px;
    text-align: center;
    color: #ccc;
}

.slider-news .label_text {
    position: absolute;
    line-height: 30px;
    padding: 10px 10px;
    z-index: 2;
    bottom: 0px;
    color: #fff;
    text-align: center;
    background: rgba(8, 106, 197, 0.7);
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.slider-news .label_text a {
    color: #fff;
}

.news_top {
    border-bottom: 1px solid #BEBEBE;
}

.news_top h1 {
    display: flex;
    line-height: 130%;
}

.news_top h1 a {
    flex-grow: 0;
    font-size: 120%;
    color: #066bc7;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news_top h1 span {
    flex-grow: 1;
    font-size: 100%;
    min-width: 80px;
    font-weight: normal;
    text-align: right;
    color: #BEBEBE;
}

.news_top p {
    text-indent: 2rem;
    line-height: 30px;
    padding: 10px 0px;
}

.news_top p a {
    color: #333;
}

.news_list {
    padding: 10px 0px;
}

.news_list li {
    display: flex;
    padding-left: 25px;
    background: url(../images/more.png) left center no-repeat;
    line-height: 32px;
}

.news_list li a {
    flex-grow: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news_list li a:hover {
    color: #066bc7;
}

.news_list li span {
    flex-grow: 1;
    min-width: 80px;
    text-align: right;
}

.index-banner {
    padding: 25px 0px;
}

.typenews,
.dachengzhijia {
    background: #ffffff;
    padding: 40px 0px;
}

.typenews .type-content {
    box-shadow: 0px 4px 3px #eee;
}

.typenews h2 {
    height: 50px;
    line-height: 50px;
    background: #066bc7;
    font-size: 18px;
    color: #fff;
    padding: 0px 15px;
}

.typenews ul {
    width: 100%;
    padding: 15px 15px 0px 15px;
    background: #fff;
    overflow: hidden;
}

.typenews ul li {
    color: #333;
    padding-left: 25px;
    background: url(../images/more.png) left center no-repeat;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.typenews ul a {
    color: #333;
}

.typenews ul a:hover {
    color: #066bc7;
}

.typenews .more {
    width: 100%;
    padding: 0px 15px 15px 15px;
    background: #fff;
    text-align: right;
    margin-bottom: 15px;
}

.typenews .more a {
    color: #066bc7;
}

.yewu {
    padding: 15px 0px 30px 0px;
    background: #fafafa;
}

.flip-next {
    box-shadow: -10px 10px 20px #eee;
}

.flip-future {
    box-shadow: -10px 20px 20px #eee;
}

.flip-prev {
    box-shadow: 10px 20px 20px #eee;
}

.flip-past {}

.flip-current {
    box-shadow: 0px 10px 20px #eee;
}

.flip-content {
    border: 0px solid #fff;
}

.pricing {
    margin: 0 auto;
}

.pricing-top {
    padding: 1.2em 0;
    background: #fd5c63;
    text-align: center;
}

.blue-top {
    background: #2B8AE4;
}

.green-top {
    background: #077433;
}

.tu-top {
    background: #E5CA63;
}

.he-top {
    background: #BB613E;
}

.bi-top {
    background: #52C5B4;
}

.pricing-top h2 {
    color: #FFF;
    font-size: 1.6em;
    margin: 0;
}

.pricing-bottom {
    background: #FFF;
    text-align: center;
}

.dc-logo {
    margin: 0px;
    border-left: 1px solid #ccc;
}

.col-md-2-5 {
    width: 12.5%;
    background: #fff;
    height: 100px;
    color: #1F345F;
    font-size: 120%;
    font-weight: bold;
    line-height: 100px;
}

.col-md-2-5 img {
    max-width: 100%;
    max-height: 60px;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    vertical-align: middle;
}

li.col-md-2-5 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;
}

li.col-md-2-5:before {
    border: solid transparent;
    content: '';
    height: 100%;
    top: -1px;
    left: -1px;
    position: absolute;
    width: 1;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

li.col-md-2-5:after {
    border: solid transparent;
    content: '';
    height: 1;
    top: -1px;
    bottom: -1px;
    right: -1px;
    position: absolute;
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

li.col-md-2-5:hover img {
    -webkit-transform: rotateY(350deg);
    -moz-transform: rotateY(350deg);
    -o-transform: rotateY(350deg);
    transform: rotateY(360deg);
}

.m5_2_1a {
    width: 100%;
    display: table;
}

.type-banner {
    width: 100%;
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    overflow: hidden;
}

.type-bgccc {
    width: 100%;
    float: left;
    height: 60px;
    background: #F2F2F2;
}

.type-container {
    width: 100%;
    float: left;
    margin-top: -50px;
    min-height: 800px;
}

.type-nav {
    /*min-width:260px;*/
}

.type-nav .type-title {
    height: 90px;
    background: #086AC5;
    padding: 20px 20px;
    color: #fff;
}

.type-nav .type-title h2 {
    background: url(../images/typejt.png) right center no-repeat;
    font-size: 22px;
    line-height: 25px;
}

.type-nav h2 span {
    display: block;
    font-size: 12px;
}

.type-nav ul {
    background: #fff;
}

.type-nav ul li {
    padding: 20px 20px;
    background: url(../images/typeljt.png) right center no-repeat #75B8E3;
    margin-bottom: 1px;
    font-size: 16px;
    color: #fff;
}

.type-nav ul li.active,
.type-nav ul li:hover {
    background: url(../images/typeljt.png) right center no-repeat #1296E9;
}

.type-container .location {
    height: 50px;
    line-height: 50px;
    background: url(../images/home.png) left center no-repeat;
    text-indent: 20px;
}

.type-container .main-center-body-bt h1 {
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    padding: 20px 0px;
}

.type-container .main-center-body-xx {
    color: #999;
    text-align: center;
    line-height: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
}

.type-container .content {
    padding: 30px 0px 100px 0px;
    line-height: 180%;
}

.type-container .content table tr td {
    border: 1px solid #ccc;
    padding: 10px 0px;
    line-height: 20px;
}

.type-container .content .firstRow {
    background: #4F78F0;
    color: #fff;
}

.type-container .content img {
    max-width: 100%;
}

.type-container .content p {
    margin: 10px 0px;
    text-indent: 2rem;
}

.type-container .content p img {
    margin-left: -2rem;
    margin-bottom: 10px;
}

.type-container .content-page {
    padding: 30px 0px 30px 0px;
}

.page-list .row {
    margin-left: 0px;
    margin-right: 0px;
}

.page-list li {
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
}

.page-list .page-title,
.page-list .page-dec,
.page-list .page-more {
    padding-left: 0px;
    padding-right: 0px;
}

.page-list .page-title {
    width: 100%;
}

.page-list .page-title .page-img {
    float: left;
    width: 120px;
    text-align: center;
}

.page-list .page-title .page-img img {
    max-width: 120px;
    max-height: 40px;
    line-height: 40px;
}

.page-list h3.page-title {
    float: left;
    font-size: 16px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-list h3.page-title a:hover {
    color: #0059AD;
}

.page-list .page-title span {
    width: 1px;
    height: 20px;
    background: #000;
    display: block;
    float: left;
    margin: 10px 20px;
}

.page-list .page-dec {
    margin: 15px 0px 0px 0px;
    line-height: 180%;
    min-height: 50px;
}

.page-list .page-more {
    text-align: right;
    line-height: 30px;
    margin-bottom: 10px;
}

.page-list .page-more a {
    color: #4DA7E6;
}

.item-list-pages {
    text-align: right;
}

.item-list-pages li a,
.item-list-pages li span {
    margin: 0px 2px;
    border-radius: 2px;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.item-list-pages li span {
    padding: 3px 8px;
}

.item-list-pages li span.prev,
.item-list-pages li span.next {
    padding: 3px 15px;
}

.item-list-pages li a {
    padding: 3px 8px;
}

.item-list-pages li a span {
    padding: 0px 0px;
}

a.navbar-brand img {
    height: 50px;
}

.nav-index a.navbar-brand img {
    height: 65px;
}

.search .nav-index {
    position: relative;
}

.search .page-list .page-title span {
    background: transparent;
    width: auto;
    height: auto;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .header .nav>li {
        float: left;
        line-height: 50px;
    }

    .header .nav>li>a {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        color: #FFF;
        line-height: 50px;
    }

    .header .nav>li>a span {
        position: absolute;
        bottom: 20px;
        left: 50%;
        display: inline-block;
        width: 0%;
        margin: 0 auto;
        background: #FFF;
        height: 3px;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .header .nav>li>a.current {
        color: #086AC5;
    }

    .header .nav>li>a.current span {
        width: 80%;
    }

    .nav>li:hover .dropdown-menu {
        display: block;
        top: 80px;
    }

    .nav-index .nav>li>a {
        color: #343434;
        line-height: 65px;
    }

    .nav-index .nav>li>a:hover {
        color: #086AC5;
    }

    .nav-index .nav>li>a span {
        background: #086AC5;
        bottom: 25px;
    }
}

@media only screen and (min-width: 1102px) {
    .wrap {
        width: 1030px;
    }

    .nav-index .wrap {
        width: 1170px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 100%;
    }

    .nav-index a.navbar-brand img {
        height: 50px;
    }

    .ban_focus li img.yd-bnimg {
        max-height: 100vh;
        width: auto;
        margin-left: -100px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        color: #fff;
    }

    .navbar-toggle {
        margin: 20px;
    }

    .navbar-default .navbar-collapse {
        background: #fff;
        text-align: center;
        border: 0;
        position: relative;
        z-index: 1;
    }

    .navbar-default .navbar-nav>li>a {
        color: #333;
    }

    .navbar-default .navbar-nav>li>a:hover {
        color: #0059AD;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-nav li {
        border-bottom: 1px solid #ccc;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 440px;
    }

    .icon-bar {
        background-color: #fff !important;
    }

    .navbar-form {
        width: auto;
        border: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .form-group {
        position: relative;
        display: block;
        height: 33px;
        width: auto;
        margin: 0px 15px;
    }

    .form-group .form-control {
        width: 100% !important;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .form-group .btn-default {
        position: absolute;
        right: 0px;
    }

    .nav-index .navbar-toggle .icon-bar {
        background: #CCC !important;
    }

    .ban_f_con {
        bottom: 150px;
        left: 20px;
    }

    .ban_f_con h3 {
        margin-left: 0px;
    }

    .col-md-2-5 {
        width: 25%;
    }

    .type-banner {
        min-height: 260px;
    }

    .type-container .content,
    .type-container .content-page {
        padding: 0px 0px 30px 0px;
    }
}

@media only screen and (min-width: 1920px) {
    body {
        font-size: 140%;
    }

    .type-banner {
        min-height: 500px;
    }
}

.mo-re {
    margin: 20px auto;
    font-size: 20px;
    text-align: center;
}

.mo-re p {
    border: 1px solid #4598E3;
    padding: 5px 15px;
    display: inline-block;
    height: 37px;
    overflow: hidden;
}

.mo-re a {
    transform: translateY(0px);
    display: inline-block;
    transition: all 0.2s ease-out;
    font-weight: 700;
    color: #4598E3;
}

.mo-re a:hover {
    transform: translateY(-29px);
    color: red;
    font-size: 18px;
}

.thumbnail .caption .mo-re {
    margin-top: 30px;
}

#zjlist img {
    border-radius: 16px;
    padding-right: 9px;
    padding-left: 9px;
}

#zjlist .thumbnail .caption .mo-re p a:hover {
    font-size: 100%;
}

#zjlist .thumbnail .caption h4 {
    margin: 16px auto;
    font-size: 16px;
}

#zjlist .thumbnail .caption p.descript {
    line-height: 160%;
    padding-bottom: 28px;
}

#zjlist .common-title h3 {
    margin: 16px auto;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 200%;
    padding-right: 16px;
    padding-left: 16px;
}

#zjlist .thumbnail h3 {
    margin: 16px auto 18px;
    font-size: 16px;
}

#zjlist .thumbnail h3 a:hover {
    color: #f00;
}

#zjlist .thumbnail p {
    font-size: 14px;
    line-height: 280%;
    padding-left: 12px;
    padding-right: 12px;
}

.typenews,
.dachengzhijia {
    background: #ffffff;
    padding: 16px 0px;
    margin-top: 60px;
    margin-bottom: 20px;
    margin: auto auto;
}

#bottomys {
    margin-bottom: 30px;
}

.typenews .type-content h2 {
    height: 50px;
    line-height: 50px;
    background: #438bca;
    font-size: 18px;
    color: #fff;
    padding: 0px 15px;
    text-align: center;
    border-radius: 6px;
    font-weight: 900;
    margin-top: 16px;
}

.typenews .type-content h2 a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 6px;
    text-shadow: 0px 0px 0px #066bc7;
}

.typenews .type-content h2 a:hover {
    color: #f00;
    font-size: 18px;
}

.typenews .type-content h3 a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 6px;
    text-shadow: 0px 0px 0px #066bc7;
}

.typenews .type-content h2 a:hover {
    color: #f00;
    font-size: 18px;
}

.typenews .type-content strong {
    height: 50px;
    line-height: 200%;
    background: #066bc7;
    font-size: 18px;
    color: #fff;
    padding: 0px 15px;
    text-align: center;
    border-radius: 6px;
    font-weight: 900;
}

.typenews .type-content strong a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 6px;
    text-shadow: 0px 0px 0px #066bc7;
}

.typenews .type-content strong a:hover {
    color: #eee;
    font-size: 21px;
}

.typenews .type-content strong a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: 6px;
    text-shadow: 0px 0px 0px #066bc7;
}

.typenews .type-content strong a:hover {
    color: #f00;
    font-size: 21px;
}

.typenews .type-content h3 {
    width: 100%;
    padding: 0px 15px 0px 15px;
    background: #fff;
    overflow: hidden;
    color: #272727;
    padding-left: 25px;
    background: url(../images/more.png) left center no-repeat;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}

.typenews .type-content h3 a {
    color: #272727;
}

.typenews .type-content h3 a strong {
    color: #272727;
}

.typenews .type-content h3 a:hover {
    color: #066bc7;
}

.typenews .type-content h3 a strong:hover {
    color: #066bc7;
}

.typenews .type-content p {
    line-height: 180%;
}

.typenews ul a {
    color: #333;
}

.typenews ul a:hover {
    color: #066bc7;
}

.typenews .more {
    width: 100%;
    padding: 0px 15px 15px 15px;
    background: #fff;
    text-align: right;
    margin-bottom: 15px;
}

.typenews .more a {
    color: #066bc7;
}

.typenews .more a:hover {
    color: #f00;
}

#headerseo {
    text-align: center;
    line-height: 160%;
    margin: 8px auto;
}

.navbar-header .logo {
    width: 317px;
    height: 50px;
}

.navbar-header .logo img {
    width: 100%;
    height: auto;
}

.navbar-header button span {
    color: #f00;
}

#ncsddt {
    padding: 0px;
    margin: 0px auto;
}

#ncsddt .news-content {
    padding: 0px;
    margin: 0px;
}

#ncsddt .news-content h2 a:hover {
    color: #f00;
}

#ncsddt .news-content h3 a:hover {
    color: #f00;
}

#ncsddt .news-content .common-title {
    padding: 0px;
    margin: 0px;
}

#ncsddt .news-content .common-title h3 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px;
}

.navbar-header .icon-bar {
    border: 2px solid #066bc7;
}

.flink {
    float: left;
    width: 100%;
    background: #2c79c7;
    padding: 20px 0px;
}

.flink .flink-flex h2 {
    float: left;
    font-size: 120%;
    color: #fff;
    line-height: 30px;
}

#flink .container .flink-flex h3 {
    color: #fff;
    font-size: 16px;
}

.flink .flink-flex .dropup-menu {
    float: left;
    margin-left: 20px;
    position: relative;
}

.flink .flink-flex .dropup-menu .btn-default {
    background: #C4D6EA;
    color: #2c79c7;
    font-size: 110%;
}

.flink .flink-flex .dropup-menu .btn {
    padding-left: 35px;
}

.flink .flink-flex .dropup-menu .btn .caret {
    margin-left: 35px;
}

.flink .flink-flex .dropdown-menu {
    width: auto;
    min-width: 100%;
    max-height: 280px;
    overflow-y: auto;
    background: #C4D6EA;
}

.flink .flink-flex .dropdown-menu:before {
    border-width: 0px;
}

.flink .flink-flex .dropdown-menu>li>a {
    color: #0059AD;
}

.flink .flink-flex .dropdown-menu>li>a:hover {
    color: #000;
}

#flink h4 {
    color: #fff;
    margin-bottom: 12px;
}

#flink a:hover {
    color: #f00;
}

.footer {
    float: left;
    width: 100%;
    background: #f1ad4a;
    background: #2c79c7;
    padding: 35px 0px;
}

.footer .text-left {
    margin-bottom: 16px;
    margin-left: 30px;
    margin-right: 30px;
}

.footer .sylist {
    margin-bottom: 16px;
    margin-left: 30px;
    margin-right: 30px;
}

.footer-wx {
    font-size: 120%;
    margin-bottom: 15px;
}

.footer-wx h4 {
    margin-top: 16px;
}

.footer-wx,
.footer-power {
    text-align: center;
    color: #fff;
    line-height: 30px;
}

.footer .footer-wx p {
    margin-top: 12px;
}

.footer-power a {
    color: #fff;
}

.footer-power a:hover {
    color: #efefef;
}

.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bxslider {
    margin: 0;
    padding: 0;
}

ul.bxslider {
    list-style: none;
}

.bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
}

/** THEME===================================*/
.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 5px solid #fff;
    background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('images/bx_loader.gif') center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url('images/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url('images/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url('images/controls.png') -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url('images/controls.png') -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

.news-detail {
    padding-bottom: 30px;
}

.news-detail .news-detail-content h2 {
    padding: 12px 20px;
    background-color: #f6f6f6;
    background-color: #e6e6e6;
    margin: 0px;
    border-left: 5px solid #ff0000;
    color: #0066bb;
    font-style: italic;
    font-style: normal;
    font-size: 18px;
    font-weight: 600;
    display: block;
}

.news-detail .news-detail-content strong {
    padding: 12px 20px;
    background-color: #f6f6f6;
    background-color: #e6e6e6;
    margin: 0px;
    border-left: 5px solid #ff0000;
    color: #0066bb;
    color: #f00;
    font-style: italic;
    font-style: normal;
    font-size: 18px;
    font-weight: 600;
    display: block;
}

.news-detail .news-detail-content {
    padding-bottom: 18px;
}

.news-detail .news-detail-content a {
    color: #0066bb;
}

.news-detail .news-detail-content a:hover {
    color: #f00;
}

.news-detail img {
    text-align: center;
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

.page-box {
    border-top: 1px solid #f0f2f5;
    padding-top: 30px;
}

.page-box p {
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-box p:first-child {
    float: left;
}

.page-box p:last-child {
    float: right;
}

#product p {
    color: #fff;
    padding: 18px;
    line-height: 180%;
    font-size: 14px;
    text-indent: 16px;
    text-align: left;
}

#product img {
    border-radius: 9px;
}

#product h4 {
    margin: 16px auto;
    padding-left: 8px;
    padding-right: 8px;
}

#product h4 a {
    display: block;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 600;
}

#product h4 a:hover {
    color: #043e7a;
}

#product h3 {
    text-align: center;
    margin: 30px auto;
    text-overflow: hidden;
}

#product .common-title h3 {
    text-overflow: hidden;
}

#product h3 a {
    display: block;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: 96%;
}

#product h4 {
    text-align: center;
    margin: 10px auto 20px;
    text-overflow: hidden;
}

#product .common-title h4 {
    text-overflow: hidden;
    border: 1px solid red;
}

#product h4 a {
    display: block;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: 96%;
}

.introduce {
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: 2px solid #0066bb;
}

.introduce .intro-content h1.common-title {
    margin-top: 0px;
    padding-top: 0px;
    color: #ff0000;
}

.introduce .intro-content {
    margin-bottom: 20px;
    width: 90%;
    margin: 12px auto;
    padding-top: 0px;
    line-height: 200%;
}

.introduce .intro-content h2.common-title {
    font-weight: 600;
    font-size: 20px;
    padding-top: 20px;
    margin-bottom: 30px;
}

.introduce .intro-content p {
    margin-bottom: 30px;
    text-indent: 0px;
}

.introduce .intro-content p strong {
    display: inline-block;
    padding-bottom: 18px;
}

#product h3 a:hover {
    color: #043e7a;
}

#product h2 {
    text-align: center;
    margin: 12px auto;
}

#product h2 a {
    display: block;
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

#product h2 a:hover {
    color: #043e7a;
    font-size: 120%;
}

#product img {
    border-radius: 8px;
}

#product .pro-content-item {
    border: 0px;
}

.common-title h2 {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    margin-top: 12px;
    margin-bottom: 16px;
}

.common-title h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 16px;
}

.news-more a:hover {
    color: #066bc7;
}

.caption h3 a:hover {
    color: #066bc7;
}

.introduce .intro-content h3 {
    margin-top: 12px;
    margin-bottom: 16px;
    padding-right: 16px;
}

.introduce .intro-content h3 a:hover {
    color: #f00;
}

.introduce .intro-content h2 {
    margin-top: 12px;
    margin-bottom: 26px;
}

.introduce .intro-content p {
    margin-top: 12px;
    margin-bottom: 6px;
}

.common-title h2 {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    margin-top: 0px;
    margin-bottom: 16px;
    padding-top: 0px;
}

.introduce .intro-content .common-title {
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.introduce .intro-content .common-title hgroup {
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.xg .row h3 {
    margin-bottom: 12px;
}

.xg .row h3 a {
    font-weight: 700;
}

.xg .row h3 a:hover {
    color: #066bc7;
    text-decoration: underline;
    padding-bottom: 2px;
}

.xg .row p {
    text-indent: 0px;
    margin-bottom: 12px;
    line-height: 260%;
}

.xg .row h4 {
    margin-bottom: 12px;
    font-size: 16px;
}

.xg .row h4 a {
    font-weight: 700;
}

.xg .row h4 a:hover {
    color: #066bc7;
    text-decoration: underline;
    padding-bottom: 2px;
}

.xg .row p {
    text-indent: 0px;
    margin-bottom: 12px;
    line-height: 160%;
    font-size: 14px;
}

.news-list {
    padding-left: 36px;
    padding-right: 30px;
}

.news-list img {
    border-radius: 6px;
}

.news-list h3 a {
    font-size: 16px;
}

.news-list h3 b a {
    display: inline-block;
    padding-right: 12px;
}

.news-list h3 a:hover {
    color: #066bc7;
    text-decoration: underline;
}

.news-list p {
    text-indent: 0px;
}

.news-list a.readmore:hover {
    color: #f30;
}

.news .row li {
    text-align: left;
    border-radius: 5px;
}

.news .row li.sidebar-item a {
    font-size: 16px;
    display: inline-block;
}

.news .row li.sidebar-item a:hover {
    color: #f30;
    text-decoration: underline;
}

.breadcrumb {
    font-size: 16px;
    font-weight: 600;
}

.breadcrumb strong {
    font-size: 16px;
}

.breadcrumb a {
    font-size: 16px;
}

.breadcrumb a:hover {
    color: #066bc7;
}

.news .row .sidebar ul li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

li.sidebar-item a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    text-overflow: hidden;
    white-space: nowrap;
    width: 96%;
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
    display: block;
}

.page-box ul li {
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 100%;
}

.page-box ul li a {
    line-height: 100%;
    display: inline-block;
}

.right-content .news-detail .news-detail-content {
    width: 94%;
    margin: 20px auto;
    padding-right: 6px;
    padding-left: 6px;
    font-family: "寰蒋闆呴粦";
    font-size: 15px !important;
}

.right-content .mobile-nav .mobile-nav-item a {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    text-overflow: hidden;
    white-space: nowrap;
    width: 96%;
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
    display: block;
}

#flink a {
    float: left;
    display: inline-block;
    padding-right: 6px;
    color: #fff;
}

.breadcrumb {
    width: 94%;
    margin: 12px auto;
}

.news-detail .news-detail-title {
    width: 94%;
    margin: 12px auto;
}

.news-detail .news-detail-title h1 {
    text-align: center;
    font-size: 16px;
    margin: 16px auto 12px;
    font-weight: 800;
    color: #373737;
}

.news-detail .news-detail-title span {
    text-align: center;
    display: inline-block;
    margin: auto;
}

.page-box a:hover {
    color: #f00;
    text-decoration: underline;
}

.xg .row h4 a:hover {
    color: #066bc7;
}

.xg .row h4 a:hover {
    text-decoration: none;
}

#mainbox {
    height: 1800px;
    max-height: 100% !important;
    overflow: hidden;
}

.qdjzx {
    text-align: center;
    display: block;
    height: 100% !important;
    line-height: 200%;
    margin: 30px auto;
    padding: 16px 16px;
}

.qdjzx a span {
    color: #000;
    display: inline-block;
    padding: 16px auto 32px;
}

.qdjzx a span:hover {
    color: #ee6e01;
}

.qdjzx a i {
    background: #ee6e01;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    padding: 16px auto 32px;
}

.qdjzx a i:hover {
    color: #fff;
    background: #0066bb;
}

.news-detail-content {
    border-bottom: 1px dotted #0066bb;
    padding-bottom: 20px;
}

.dqwz {
    font-size: 14px;
    padding-left: 32px;
    width: 100%;
    padding-top: 18px;
    ;
}

.dqwz a {
    color: #373737;
    font-size: 16px;
    font-weight: 500;
}

.dqwz a:hover {
    color: #ff0000;
}


.section #headh2 {
    margin: 8px auto 0px !important;
    text-align: center;
    margin-top: 36px;
    
}

.section #headh2 strong {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #0066bb;
    background-color: #0066bb !important;
    background-image: linear-gradient(to bottom right, #0066bb, #239097);
    background-color: #438bca !important;
    background-image: linear-gradient(to bottom right, #438bca, #026cb0);
    padding: 16px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 12px;
    margin-top: 16px;
    max-width: 15%;
}

.bigmain {
    width: 96%;
    background-color: #438bca !important;
    margin: 0px auto;
    background-image: linear-gradient(to bottom right, #438bca, #026cb0);
    margin-bottom: 36px !important;
    text-align: center;
    border-radius: 4px;
    line-height: 100%;
}

.news-content .common-title h1 {
    line: 100%;
    margin: 16px auto;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.bigmain .news-content .common-title h2 {
    line: 100%;
    margin: 16px auto;
    height: 30px;
    line-height: 30px;
}

.bigmain .news-content .common-title h2 a {
    color: #fff;
    font-size: 18px;
    margin: auto auto;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    line-height: 100%;
    color: #fff;
    text-shadow: 0px 0px 0px #066bc7;
}

.bigmain .news-content .common-title h2 a:hover {
    color: #f00;
}

.bigmain .news-content .common-title span {
    margin: 16px auto 12px;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 100%;
}

.bigmain .news-content .common-title span a.yszl {
    background-color: #ef7800 !important;
    display: inline-block;
    border: 1px solid #fff;
    height: 32px;
    line-height: 32px;
    padding-right: 12px;
    padding-left: 12px;
    color: #fff;
    border-radius: 4px;
}

.bigmain .news-content .common-title span a.yszl:hover {
    background-color: #dc5250 !important;
    color: #fff;
    border: 1px solid #fff;
}

.news .news-content .common-title h1 {
    font-size: 18px;
}

.news .news-content .common-title h1 a {
    color: #000;
    font-weight: 700;
}

.news .news-content .common-title h1 a:hover {
    color: #f00;
}

.news .news-content .common-title span {
    font-size: 16px;
}

.news .news-content .common-title span a {
    color: #000;
    font-weight: 700;
    display: inline-block;
    margin-left: 18px;
    margin-right: 18px;
}

.news .news-content .common-title span a:hover {
    color: #f00;
}

.news .news-content .common-header {
    background-color: #0066bb !important;
    border-radius: 6px;
    background-image: linear-gradient(to bottom right, #2c79c7, #2a74bc);
    background-color: #efefef !important;
    background-image: linear-gradient(#efefef, #eee);
}

.news .news-content .common-header h2 {
    padding-bottom: 30px;
    padding-top: 30px;
    line-height: 100%;
}

.news .news-content .common-header:hover {}

.news .news-content .common-header h2 a:hover {
    color: #f00;
}

@media screen and (max-width:780px) {
    .section #headh2 {
        text-align: center;
        margin: 20px auto;
        text-align: center;
        padding-left: 5%;
    }

    .section #headh2 strong {
        max-width: 45%;
        text-align: center;
    }

    .bigmain .news-content .common-title span a.yszl {
        padding-right: 3px;
        padding-left: 3px;
    }
}

.section #headh2 strong a {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.section #headh2 strong a:hover {
    color: #f00;
    border-bottom: 1px solid #f00;
}

#ncsddt .zstj {
    margin: 20px auto 30px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #272727;
}

.mfzx {
    margin: 36px auto 36px;
    line-height: 200%;
    background-color: #0066bb;
    padding: 12px 24px;
    border-radius: 9px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

.mfzx a {
    color: #fff;
    font-weight: 600;
}

.mfzx a:hover {
    color: #f00;
    color: #fff;
    font-weight: 600;
}

.section #headh2 {
    margin: 12px auto 0px;
    text-align: center;
    margin-top: 36px;
}

.section #headh2 strong {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #0066bb;
    padding: 12px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 8px;
    max-width: 23%;
}

@media screen and (max-width:780px) {
    .section #headh2 {
        text-align: center;
        margin: 12px auto;
        text-align: center;
        margin-left: 2%;
        margin-right: 2%;
    }

    .section #headh2 strong {
        max-width: 46%;
        text-align: center;
        display: inline-block;
    }
}

.section #headh2 strong a {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.section #headh2 strong a:hover {
    color: #f00;
    border-bottom: 1px solid #f00;
}

#ncsddt .zstj {
    margin: 12px auto 0px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #272727;
}

.news-detail .news-detail-content div a {
    color: #0066bb;
}

.news-detail .news-detail-content div a:hover {
    color: #ff0000;
}

.news-detail-content .audio {
    margin: 8px auto 0px;
    height: 100%;
    text-align: center;
}

.news-detail-content .audio audio {
    background-color: #ff2400;
    padding: 6px 20px;
    margin: 12px auto;
    border-radius: 6px;
}


.section #headh22 {
    margin: 0px auto 4px;
    text-align: center;
    
}

.section #headh22 strong {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #0066bb;
    background-color: #0066bb !important;
    background-image: linear-gradient(to bottom right, #0066bb, #239097);
    background-color: #438bca !important;
    background-image: linear-gradient(to bottom right, #438bca, #026cb0);
    padding: 16px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 12px;
    margin-top: 8px;
    max-width: 15%;
}


@media screen and (max-width:780px) {
    .section #headh22 {
        text-align: center;
        margin: 3px auto;
        text-align: center;
        padding-left: 5%;
    }

    .section #headh22 strong {
        max-width: 45%;
        text-align: center;
    }

    .bigmain .news-content .common-title span a.yszl {
        padding-right: 3px;
        padding-left: 3px;
    }
}

.section #headh22 strong a {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.section #headh22 strong a:hover {
    color: #f00;
   
}




.section #headh22 {
    margin: 4px auto !important;
    text-align: center;
    margin-bottom: 22px;
}

.section #headh22 strong {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #0066bb;
    padding: 12px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 8px;
    max-width: 23%;
}

@media screen and (max-width:780px) {
    .section #headh22 {
        text-align: center;
        margin: 12px auto;
        text-align: center;
        margin-left: 2%;
        margin-right: 2%;
    }

    .section #headh22 strong {
        max-width: 46%;
        text-align: center;
        display: inline-block;
    }
}

.section #headh22 strong a {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.section #headh22 strong a:hover {
    color: #f00;
    border-bottom: 1px solid #f00;
}


.mainred{

    font-weight:600;

    color: #f0f !important;

    
  
}

.thumbnail h3 a:hover,.thumbnail h3 a:focus{

color: #f00 !important;

text-decoration:underline !important;

}