/*==============================common css============================*/

html {
    overflow-x: hidden;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

body {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    background: #f8f8f8;
    font-family: Arial, SimHei, Helvetica;
}

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

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

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

.clearfix:after {
    display: block;
    clear: both;
    content: '.';
    height: 0;
    line-height: 0;
    visibility: hidden;
}


/*===header===*/

.topBar {
    background-color: #bf1b1a;
    padding: 15px 0 15px;
    border: medium none;
    margin: 0;
    z-index: 2;
    border-radius: 0;
}

.topBar .nav-search {
    background: rgba(255, 255, 255, .45);
    border: 1px solid #fff;
    border-radius: 8px;
    width: 30%;
    position: relative;
    margin-right: 15px;
    padding-right: 40px;
}

.topBar .nav-search .form-group {
    margin: 0;
}

.topBar .nav-search .form-input {
    background: none;
    padding: 5px;
    height: 29px;
    border: medium none;
    width: 100%;
}

.topBar .search-btn {
    float: right;
    margin-right: 20px;
}

.topBar .nav-search .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    float: none;
    margin-right: 0;
}

.topBar .nav-search .search-btn,
.topBar .search-btn {
    background: url(../image/icon-search.svg) no-repeat scroll 9px 4px;
    background-size: 50% auto;
    width: 40px;
    height: 29px;
    display: inline-block;
    border: medium none;
}

.topBar .navbar-brand {
    padding: 0;
    margin-top: 25px;
}

.topBar .navbar-brand img {
    max-width: 100%;
}

.topBar .toolbar-right {
    padding: 0;
    float: right;
}

.topBar .top-link {
    line-height: 29px;
    color: #fff;
    margin-right: 28px;
}

.topBar .top-link a {
    color: #fff;
}

.main_nav {
    width: 100%;
    text-align: right;
    color: #fff;
    margin: -25px 0 0;
    padding-right: 0;
    float: right;
}

.main_nav .navbar-nav {
    float: none;
    display: inline-block;
}

.navbar-default .main_nav .navbar-nav span {
    float: left;
    position: relative;
    right: -1px;
}

.navbar-default .main_nav .navbar-nav>li {
    padding: 5px 0;
    position: relative;
}

.navbar-default .main_nav .navbar-nav>li>a {
    padding: 0 13px;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.navbar-default .main_nav .navbar-nav>li>a:before {
    content: "";
    height: 15px;
    width: 1px;
    position: absolute;
    left: -1px;
    top: 4px;
    background-color: #fff;
}

.navbar-default .main_nav .navbar-nav>li:first-child>a:before {
    width: 0;
}

.navbar-default .main_nav .navbar-nav>li.current>a:before {
    width: 0;
}

.navbar-default .main_nav .navbar-nav>li>a:hover:before,
.navbar-default .main_nav .navbar-nav>li.on>a:before {
    width: 0;
}

.topBar.navbar-default .navbar-toggle {
    margin: 0;
}

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

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #bf1b1a;
}

.navbar-default .main_nav .navbar-nav>li:hover,
.navbar-default .main_nav .navbar-nav>li.current {
    background-color: #f2f2f2;
}

.navbar-default .main_nav .navbar-nav>li:hover a,
.navbar-default .main_nav .navbar-nav>li.current a {
    color: #000;
}

.navbar-default .main_nav .navbar-nav>li .second_menu {
    display: none;
}


/**footer**/

.footer {
    background: #000;
    padding: 43px 0 12px;
    color: #fff;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .footer-l {
    padding: 0 40px 0 0;
    border-right: 1px solid #5b5b5b;
}

.footer .footer-r {
    padding: 3px 0 0 70px;
}

.footer .footer-l dl {
    float: left;
    width: 140px;
    text-align: left;
    margin: 0 10px 0 0;
}

.footer .footer-l dl dt {
    margin-bottom: 25px;
}

.footer .footer-l dl dt a {
    font-weight: 700;
}

.footer .footer-l dl dd {
    line-height: 30px;
}

.footer .footer-r .media-left {
    padding-right: 20px;
}

.footer .footer-r .contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 26px;
}

.footer .footer-r .share {
    margin-top: 20px;
}

.footer .footer-r .share a {
    width: 39px;
    height: 39px;
    margin-right: 7px;
    display: inline-block;
    background: url(../image/icon-kms.png) no-repeat scroll 0 0;
}

.footer .footer-r .share a.wechat {
    background-position: 0 -361px;
}

.footer .footer-r .share a.sina {
    background-position: -46px -361px;
}

.footer .footer-r .media-heading {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.footer .copyright {
    text-align: left;
    font-size: 12px;
}


/**返回顶部**/

.lift {
    position: fixed;
    bottom: 10%;
    right: 20px;
}

.lift a {
    width: 51px;
    height: 51px;
    margin-bottom: 1px;
    display: block;
    padding: 8px 10px;
    text-align: center;
    background-color: #464646;
    line-height: 18px;
    color: #fff;
}

.lift .backtop {
    background-color: #bf1b1a;
    padding-top: 10px;
}

.lift .backtop i {
    background: url(../image/icon-kms.png) no-repeat scroll 0 -237px;
    width: 28px;
    height: 26px;
    display: inline-block;
}

@media (min-width:769px) {
    .navbar-default .main_nav .navbar-nav>li .second_menu {
        position: absolute;
        left: 0;
        top: 30px;
        width: 200px;
        background-color: #f2f2f2;
        text-align: left;
        line-height: 30px;
        padding: 5px 0;
        z-index: 9999;
    }
    .navbar-default .main_nav .navbar-nav>li .second_menu>li {
        position: relative;
    }
    .navbar-default .main_nav .navbar-nav>li .second_menu a {
        padding: 0 20px;
        display: block;
        width: 100%;
        line-height: 35px;
        position: relative;
        color: #333;
    }
    .navbar-default .main_nav .navbar-nav>li .second_menu a:hover,
    .navbar-default .main_nav .navbar-nav>li .second_menu>li.haschildren.on>a {
        background-color: #d5d5d5;
        color: #bf1b1a;
    }
    .navbar-default .main_nav .navbar-nav>li .second_menu a i {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #a1a1a1;
    }
    .navbar-default .main_nav .navbar-nav>li .third_menu {
        position: absolute;
        left: 200px;
        top: 0;
        width: 170px;
        background-color: #ededed;
        display: none;
    }
    .navbar-default .main_nav .navbar-nav>li .third_menu>li>a:hover {
        background-color: #d5d5d5;
    }
}

@media (min-width:1300px) {
    .container {
        width: 1200px;
        padding: 0;
    }
    .row {
        margin: 0;
    }
}

@media (max-width:1500px) {
    .navbar-default .main_nav .navbar-nav>li:nth-child(6) .third_menu {
        left: auto;
        right: 200px;
    }
}

@media (max-width:1300px) {
    .navbar-default .main_nav .navbar-nav>li:last-child .second_menu {
        right: 0;
        left: auto;
    }
    .navbar-default .main_nav .navbar-nav>li:nth-child(6) .third_menu {
        left: auto;
        right: 200px;
    }
    .footer .footer-r {
        padding-left: 60px;
    }
}

@media (max-width:1200px) {
    .main_nav {
        width: 75%;
    }
    .footer .footer-l {
        padding: 0 0 20px;
        border-right: medium none;
        border-bottom: 1px solid #5b5b5b;
    }
    .navbar-default .main_nav .navbar-nav>li>a {
        font-size: 14px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .footer .footer-l {
        padding-right: 30px;
    }
    .footer .footer-l dl {
        width: 118px;
    }
    .footer .footer-r {
        padding: 13px 0 0 40px;
    }
    .footer .footer-r .media-left {
        padding-right: 10px;
    }
    .footer .footer-r .share {
        margin-top: 35px;
    }
}

@media (min-width:769px) and (max-width:992px) {
    .footer .footer-l dl {
        width: 25%;
        margin: 0;
    }
    .footer .footer-r {
        padding-left: 60px;
    }
}

@media (max-width:768px) {
    .navbar-toggle {
        padding: 7px;
    }
    .topBar {
        padding: 15px 0 25px;
    }
    .topBar .navbar-brand {
        margin-top: 5px;
    }
    .main_nav {
        width: 100%;
        margin: 0;
    }
    .main_nav .navbar-nav {
        float: none;
        margin: 0;
        padding: 0;
    }
    .navbar-default .navbar-collapse {
        border: medium none;
        box-shadow: none;
        padding: 20px 0 0;
        margin: 0;
    }
    .main_nav .navbar-nav {
        width: 100%;
    }
    .navbar-default .main_nav .navbar-nav>li>a {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }
    .navbar-default .main_nav .navbar-nav>li>a:before {
        width: 0;
    }
    .navbar-default .main_nav .navbar-nav>li {
        padding: 0;
    }
    /**mobile nav**/
    .navbar-default .main_nav .navbar-nav .sub-menu {
        display: none;
    }
    .navbar-default .main_nav .navbar-nav>li:hover,
    .navbar-default .main_nav .navbar-nav>li.current {
        background: none;
    }
    .navbar-default .main_nav .navbar-nav>li.current>a {
        background: #950c0b;
        color: #fff;
    }
    .navbar-default .main_nav .navbar-nav>li:hover>a {
        color: #fff;
    }
    .navbar-default .main_nav .navbar-nav>li .second_menu {
        text-align: left;
        background: #d32f2e;
    }
    .navbar-default .main_nav .navbar-nav>li .second_menu a {
        color: #fff;
        display: block;
        line-height: 35px;
        padding: 0 20px;
        border-bottom: 1px solid #bd2d2c;
    }
    .navbar-default .main_nav .navbar-nav>li .third_menu {
        background-color: #e77f7f;
        display: none;
    }
    .navbar-default .main_nav .navbar-nav>li .third_menu a {
        padding: 0 40px;
    }
    .navbar-default .main_nav .navbar-nav li.haschildren a {
        position: relative;
    }
    .navbar-default .main_nav .navbar-nav li.haschildren a i {
        position: absolute;
        right: 20px;
        color: #fff;
        top: 10px;
    }
    .navbar-default .main_nav .navbar-nav li.haschildren.selected>a>i {
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .topBar .top-link {
        width: 100%;
        text-align: right;
        margin: 5px 0 0;
        padding: 0;
    }
    .footer .footer-l {
        border: medium none;
        padding: 0;
    }
    .footer .footer-r {
        padding: 0;
    }
    .footer .footer-l dl {
        width: 100%;
        margin: 0 0 20px;
    }
    .footer .copyright,
    .footer .footer-r .share {
        text-align: center;
    }
}

@media (max-width:450px) {
    .topBar {
        padding: 20px 0 10px;
    }
}


/*==============================homepage==========================*/


/*banner*/

.carousel-control {
    width: 5%;
}

.carousel-indicators {
    z-index: 1;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    font-size: 40px;
}


/*content*/

.index-block {
    padding: 40px 0 20px;
    background: #fff;
}

.index-block h2.title {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
}

.index-block h2.title span {
    border-bottom: 2px solid #bf1b1a;
    padding: 10px 90px;
    font-size: 30px;
    display: inline-block;
}

.bg-gray {
    background: #eaeaea;
}

.index-box-1 .contBox {
    margin-bottom: 20px;
    overflow: hidden;
}

.index-box-1 .contBox .pic {
    margin: 0 30px 0 0;
    float: left;
    width: 38%;
}

.index-box-1 .contBox .pic img {
    max-width: 100%;
}

.index-box-1 .contBox .textBox {
    padding: 0 0 20px;
    height: 285px;
}

.index-box-1 .contBox .text {
    line-height: 24px;
}

.index-box-1 .contBox .text p {
    margin: 0 0 15px;
    word-break: break-all;
    word-wrap: break-word;
}

.index-box-1 .contBox .text .in_title {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin: 0 0 8px;
}

.index-block .actions,
.index-block .actions-more {
    text-align: center;
    padding: 10px 0 0;
}

.index-block .actions .moreBtn,
.index-block .actions-more .moreBtn {
    background: url(../image/icon-kms.png) no-repeat scroll -53px 0;
    width: 187px;
    height: 53px;
    display: inline-block;
}

.index-block .actions .moreBtn.expand,
.index-block .actions-more .moreBtn.expand {
    background-position: -110px -80px;
}

.index-box-2 {
    padding-bottom: 40px;
}

.index-box-2 .common_list_wrap {
    overflow: hidden;
    height: 280px;
}

.index-box-2 .common_list .item {
    padding: 0 5px;
    margin: 10px 0;
}

.index-box-2 .common_list .item a {
    position: relative;
    display: block;
}

.index-box-2 .common_list .item img {
    width: 100%;
}

.index-box-2 .common_list .item .over-lay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/opacity46.png) repeat scroll 0 0;
    z-index: 2;
}

.index-box-2 .common_list .item a:before {
    content: "";
    background: url(../image/playbtn.png) repeat scroll center;
    width: 92px;
    height: 92px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -46px 0 0 -46px;
    z-index: 3;
}

.index-box-3 .common_list_wrap {
    overflow: hidden;
}

.index-box-3 .item {
    padding: 10px 5px;
}

.index-box-3 .itembox {
    background: #f7f7f7;
    display: block;
    height: 100%;
    border: 1px solid #e9e9e9;
}

.index-box-3 .itembox img {
    max-width: 100%;
}

.index-box-3 .btmbox {
    padding: 15px 25px;
}

.index-box-3 .btmbox h2 {
    margin: 0 0 15px;
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-box-3 .btmbox .actions {
    padding-top: 22px;
    margin-top: 25px;
    border-top: 1px solid #acacac;
    color: #b7b7b7;
}

.index-box-3 .btmbox .desc {
    color: #3c3c3c;
    height: 90px;
    overflow: hidden;
}

.viewMore {
    color: #b7b7b7;
}

.viewMore i {
    background: url(../image/icon-kms.png) no-repeat scroll -41px -195px;
    width: 24px;
    height: 17px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.index-box-3 .itembox:hover {
    background: #e4e4e4;
}

.index-box-3 .btmbox .actions,
.index-box-3 .itembox:hover .viewMore,
.viewMore:hover {
    color: #000;
}

.index-box-3 .itembox:hover .viewMore i,
.viewMore:hover i {
    background-position: 0 -195px;
}

@media (min-width:992px) and (max-width:1200px) {
    .index-box-2 .common_list_wrap {
        height: 240px;
    }
}

@media (min-width:769px) and (max-width:992px) {
    .index-block h2.title span {
        padding: 10px 70px;
        font-size: 26px;
    }
    .index-box-2 .common_list_wrap {
        height: 180px;
    }
}

@media (max-width:768px) {
    .row {
        margin: 0;
    }
    .index-block {
        padding: 8px 0 8px;
    }
    .index-box-1 .contBox .textBox {
        height: 375px;
    }
    .index-block h2.title span {
        font-size: 24px;
        padding: 10px 60px;
    }
    .index-box-2 {
        padding-bottom: 25px;
    }
    .index-box-2 .common_list_wrap {
        height: 180px;
    }
    .index-box-3 .itembox img {
        width: 100%;
    }
    .index-box-2 .common_list .item,
    .index-box-3 .item {
        width: 50%;
    }
}

@media (max-width:450px) {
    .index-box-2 .common_list .item {
        width: 100%;
    }
    .media-body,
    .media-left,
    .media-right {
        display: block;
        width: 100%;
    }
    .footer .footer-r .media-left {
        padding: 0;
        margin: 0 0 20px;
        text-align: center;
    }
    .media-object {
        display: inline-block;
    }
    .index-box-1 .contBox .pic {
        width: 100%;
        margin: 0 0 15px;
        text-align: center;
    }
    .index-box-3 .item {
        width: 100%;
    }
}


/*==============================about us==========================*/

.secondBanner h2 {
    font-size: 36px;
    color: #090909;
    padding-top: 10%;
}

.secondBanner h2.black {
    color: #090909;
}

.secondBanner h2.white {
    color: #fff;
}

.secondBanner .maptitle {
    background: url(../image/opacity46.png) repeat scroll 0 0;
    line-height: 38px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
}

.secondBanner .maptitle span {
    margin: 0 3px;
}

.secondBanner .maptitle a {
    color: #fff;
    margin: 0 3px;
}

.secondBanner .maptitle .icon-home {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../image/icon-home.svg) no-repeat scroll 0 0;
    background-size: 100%;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.secondBanner.aboutUSbg {
    background: url(../image/banner-aboutUs.jpg) no-repeat scroll center 0;
}

.secondBanner.productbg-f {
    background: url(../image/banner-product.jpg) no-repeat scroll center 0;
}

.secondBanner.productbg-g {
    background: url(../image/banner-product-g.jpg) no-repeat scroll center 0;
}

.secondBanner.productbg-x {
    background: url(../image/banner-product-x.jpg) no-repeat scroll center 0;
}

.secondBanner.partnerbg {
    background: url(../image/banner-partner.jpg) no-repeat scroll center 0;
}

.secondBanner.newsbg {
    background: url(../image/banner-news.jpg) no-repeat scroll center 0;
}

.secondBanner.partnerbg h2,
.secondBanner.newsbg h2 {
    color: #fff;
}

.secondBanner.contactbg {
    background: url(../image/banner-contactUs.jpg) no-repeat scroll center 0;
}

.secondBanner.recruitbg {
    background: url(../image/banner-recruit.jpg) no-repeat scroll center 0;
}

.secondBanner.xinbg {
    background: url(../image/banner-xinservice.jpg) no-repeat scroll center 0;
}

.secondBanner.fkhbg {
    background: url(../image/banner-fkh.jpg) no-repeat scroll center 0;
}

.secondBanner.clinkbg {
    background: url(../image/banner-clink.jpg) no-repeat scroll center 0;
}

.secondBanner.productbg-f h2,
.secondBanner.productbg-g h2,
.secondBanner.productbg-x h2,
.secondBanner.aboutUSbg h2,
.secondBanner.contactbg h2,
.secondBanner.clinkbg h2,
.secondBanner.fkhbg h2 {
    color: #000;
}


/*20170523*/

.secondBanner.partnerbg h2,
.secondBanner.newsbg h2,
.secondBanner.productbg-f h2,
.secondBanner.productbg-g h2,
.secondBanner.productbg-x h2,
.secondBanner.aboutUSbg h2,
.secondBanner.contactbg h2,
.secondBanner.xinbg h2,
.secondBanner.recruitbg h2,
.secondBanner.clinkbg h2,
.secondBanner.fkhbg h2 {
    color: #bf1b1a;
    font-size: 36px;
    font-weight: 500;
    background: url(../image/icon-banner.png) no-repeat scroll 0 0;
    padding: 12px 0 0 90px;
    height: 95px;
    margin-top: 8%;
}

.content {
    margin: 30px 0 40px;
}


/**二级页面侧导航**/

.sideNav {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-top: 3px solid #bf1b1a;
    padding: 5px 20px 35px;
    float: left;
}

.sideNav .sideNav-list>li {
    line-height: 37px;
    padding: 2px 0;
    border-bottom: 1px dotted #c5c5c5;
}

.sideNav .sideNav-list>li a {
    display: block;
    line-height: 37px;
    color: #282828;
    padding-left: 25px;
    position: relative;
    font-size: 15px;
}

.sideNav .sideNav-list>li>a:hover {
    background: #f1f1f1;
}

.sideNav .sideNav-list li.on>a {
    background: #bf1b1a;
    color: #fff;
    position: relative;
}

.sideNav .sideNav-list li.hasChild>a i {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 11px;
    color: #282828;
}

.sideNav .sideNav-list li.hasChild.on>a i {
    color: #fff;
}

.sideNav .sideNav-list li.hasChild>a i:before {
    content: "\e258";
    display: inline-block;
}

.sideNav .sideNav-list li.hasChild.on>a i {
    top: 10px;
    color: #fff;
}

.sideNav .sideNav-list li.hasChild.on>a i:before {
    content: "\e259";
}

.sideNav .sideNav-list .second_ul {
    background: none;
    display: none;
}

.sideNav .sideNav-list li.on .second_ul {
    display: block;
}

.sideNav .sideNav-list .second_ul>li {
    line-height: 30px;
}

.sideNav .sideNav-list .second_ul>li>a {
    padding-left: 40px;
}

.sideNav .sideNav-list .second_ul>li>a:hover,
.sideNav .sideNav-list>li.on .second_ul>li.selected>a {
    color: #bf1b1a;
}

.rightCont {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    float: right;
    padding: 0;
}

.rightCont h3 {
    padding: 8px 25px 8px 45px;
    height: 47px;
    line-height: 31px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    font-size: 16px;
    margin: 0;
}

.rightCont h3:before {
    content: "";
    width: 7px;
    height: 28px;
    background-color: #bf1b1a;
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 9px;
}

.artical_cont {
    padding: 25px 25px 30px;
    font-family: Arial, "宋体", Helvetica;
}

.artical_cont h4 {
    font-size: 16px;
    margin: 0 0 20px;
}

.artical_cont p {
    margin-bottom: 25px;
}

@media (min-width:1300px) {
    .sideNav {
        width: 241px;
    }
    .rightCont {
        width: 926px;
        margin: 0;
    }
    .secondBanner {
        width: 100%;
        height: 316px;
        position: relative;
    }
}

@media (min-width:769px) and (max-width:1300px) {
    .secondBanner {
        width: 100%;
        height: 316px;
        position: relative;
    }
    .sideNav {
        width: 25%;
        padding: 5px 10px 20px;
    }
    .sideNav .sideNav-list li.on>a {
        padding-left: 20px;
    }
    .sideNav .sideNav-list>li a {
        padding-left: 30px
    }
    .rightCont {
        width: 72%;
    }
    .rightCont h3:before {
        width: 5px;
        height: 22px;
    }
    .rightCont h3 {
        padding: 8px 25px 8px 40px;
    }
    .secondBanner.partnerbg h2,
    .secondBanner.newsbg h2,
    .secondBanner.productbg-f h2,
    .secondBanner.productbg-g h2,
    .secondBanner.productbg-x h2,
    .secondBanner.aboutUSbg h2,
    .secondBanner.contactbg h2,
    .secondBanner.xinbg h2,
    .secondBanner.recruitbg h2,
    .secondBanner.fkhbg h2,
    .secondBanner.clinkbg h2 {
        font-size: 28px;
        height: 80px;
        padding: 8px 0 0 80px;
        background-size: auto 100%;
    }
}

@media (max-width:992px) {
    .sideNav .sideNav-list .second_ul {
        padding-left: 28px;
    }
}

@media (max-width:768px) {
    .sideNav {
        width: 100%;
        margin-bottom: 20px;
    }
    .artical_cont p {
        width: 100%
    }
    .artical_cont p img {
        width: 100%
    }
    .artical_cont video {
        width: 100%;
    }
    .secondBanner {
        width: 100%;
        position: relative;
    }
    .secondBanner h2 {
        font-size: 26px;
        position: absolute;
        left: 4%;
        top: 24%;
        padding: 0px;
        margin: 0px;
    }
    .rightCont {
        width: 100%;
    }
    .rightCont h3:before {
        width: 5px;
        height: 24px;
        left: 17px;
        top: 11px;
    }
    .rightCont h3 {
        padding-left: 35px;
    }
    .secondBanner img.imgArea {
        width: 100%
    }
    .artical_cont {
        padding: 15px;
    }
    .secondBanner.partnerbg h2,
    .secondBanner.newsbg h2,
    .secondBanner.productbg-f h2,
    .secondBanner.productbg-g h2,
    .secondBanner.productbg-x h2,
    .secondBanner.aboutUSbg h2,
    .secondBanner.contactbg h2,
    .secondBanner.xinbg h2,
    .secondBanner.recruitbg h2,
    .secondBanner.fkhbg h2,
    .secondBanner.clinkbg h2 {
        font-size: 28px;
        height: 60px;
        padding: 5px 0 0 60px;
        background-size: auto 100%;
        margin-top: 2%;
    }
}


/*===========================history==========================*/

.cdContent {
    position: relative;
    width: 100%;
    padding: 1% 4% 0 5%;
}

.cdContent .cdUllist:after {
    display: block;
    clear: both;
    content: '.';
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.cdContent .cdUllist {
    display: block;
    margin: 0 auto;
    position: relative
}

.cdContent .cdUllist li .xianP {
    display: none;
}


/*
.cdfl {
    float: left
}

.cdfr {
    float: right
}*/

.cdhidden {
    display: none;
}

.cdContent .cdUllist li {
    width: 100%;
    margin-bottom: 23px;
}

.cdContent .cdUllist li .InforP img.imgArea {
    width: 256px;
    box-shadow: 5px 4px 4px #7f7d7d;
}

.cdContent .cdUllist li .InforP b {
    width: 100%;
    display: block;
    font-size: 16px;
    color: #3f3b3a;
    font-weight: 700;
    line-height: 32px;
}

.cdContent .cdUllist li .InforP span {
    width: 100%;
    display: block;
    font-size: 14px;
    color: #3f3b3a;
    line-height: 18px;
    margin-bottom: 15px;
}

@media (max-width:768px) {
    .cdContent {
        padding: 1% 3%;
    }
}

@media (max-width:450px) {
    .cdContent .cdUllist li .InforP img.imgArea {
        width: 100%;
    }
}


/*===========================product==========================*/

.red {
    color: #bf1b1a;
}

.artical_cont .product-pic {
    margin-bottom: 25px;
}

.artical_cont .product-pic img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

.artical_cont .p-title {
    font-size: 24px;
    margin: 0 10px 0 5px;
}

.p-detail-2 {
    padding: 0 25px;
}

.p-detail-2 h4 {
    text-align: center;
    font-size: 24px;
    line-height: 60px;
}

.p-tableBox {
    width: 100%;
    overflow-x: auto;
}

.p-table {
    width: 100%;
    margin-bottom: 40px;
}

.rightCont table {
    width: 100%;
    margin-bottom: 40px;
    overflow-x: auto
}

.rightCont p img {
    max-width: 100%
}

.p-table,
.rightCont table {
    border: 1px solid #3c3c3c;
    border-bottom: medium none;
}

.p-table td,
.rightCont table td {
    padding: 5px 10px;
    font-size: 13px;
    border-left: 1px solid #3c3c3c;
    border-bottom: 1px solid #3c3c3c;
    white-space: nowrap;
}

.p-table td:first-child,
.rightCont table td:first-child {}

.p-table th,
.rightCont table th,
.rightCont table tr.firstRow td {
    border-left: 1px solid #333;
}

.p-table th:first-child,
.rightCont table th:first-child,
.rightCont table tr.firstRow td:first-child {
    border-left: medium none;
}

.p-table th,
.rightCont table .firstRow td {
    padding: 10px;
    background-color: #3c3c3c;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
}

.p-table tr.odd,
.rightCont table tr.odd {
    background-color: #fff;
}

.p-table tr.even,
.rightCont table tr.even {
    background-color: #f6f6f6;
}

.rightCont table.left-table tr.firstRow td {
    background: none;
    color: #000;
}

.rightCont table tr.firstRow td:first-child,
.rightCont table.left-table td:first-child {
    background-color: #3c3c3c;
    color: #fff;
    border-bottom: 1px solid #333;
    width: 30%;
}

@media (min-width:769px) and (max-width:1300px) {
    .artical_cont .product-pic img {
        max-width: 100%;
    }
}


/*===========================partner==========================*/

.full-content {
    border: 1px solid #dedede;
    padding: 10px 0 20px;
    background: #fff;
}

.partnerBox {
    padding: 0 1px 0 6px;
}

.partnerBox li {
    width: 186px;
    margin: 5px 6px;
    float: left;
}

.partnerBox a {
    display: block;
    position: relative;
}

.partnerBox a img {
    height: 92px;
    max-width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}

.partnerBox .title {
    width: 100%;
    min-height: 35px;
    line-height: 25px;
    padding: 5px 0;
    text-align: center;
    font-size: 14px;
    color: #3f3b3a;
    display: block;
}

@media (max-width:1300px) {
    .partnerBox {
        padding: 0 1px 0 2px;
    }
    .partnerBox li {
        margin: 5px 6px;
        width: 175px;
    }
    .partnerBox a img {
        height: auto;
        max-height: 100%;
    }
}

@media (min-width:769px) and (max-width:992px) {
    .partnerBox li {
        width: 165px;
    }
}

@media(max-width:768px) {
    .partnerBox {
        padding: 8px 5px;
    }
    .partnerBox li a {
        display: inline-block;
    }
    .partnerBox li {
        margin: 0;
        padding: 1% 2%;
        width: 33.33%;
    }
}

@media(max-width:450px) {
    .partnerBox li {
        width: 50%;
    }
}


/*===========================news==========================*/

.newsList {
    padding: 0 26px 20px;
}

.newsList .newsItem {
    padding: 12px 0;
    border-bottom: 1px solid #dbdbdb;
}

.newsList .newsItem .media-left {
    padding-right: 25px;
}

.newsList .newsItem .media-left img {
    border: 1px solid #e9e9e9;
}

.newsList .newsItem .media-heading {
    margin-bottom: 5px;
}

.newsList .newsItem .desc {
    margin-bottom: 10px;
}

.newsList .newsItem .media-heading a {
    font-size: 16px;
    color: #000;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
}

.newsList .newsItem .date {
    color: #b7b7b7;
    margin-left: 30px;
}


/**page**/

.pagenation {
    padding: 20px 0;
}

.pagenation a,
.pagenation input[type='text'] {
    float: left;
}

.pagenation a {
    border: 1px solid #d9d9d9;
    color: #3c3c3c;
    margin: 5px 10px 5px 0;
    padding: 2px 10px;
}

.pagenation input[type='text'] {
    width: 100px;
    border: 1px solid #d9d9d9;
    padding: 2px 5px;
    margin: 5px 10px 5px 0;
}

.pagenation a:hover {
    background-color: #3c3c3c;
    color: #fff;
}

.pagenation .count {
    line-height: 28px;
    display: inline-block;
    margin: 5px 10px 5px 0;
}

.artical_detail {
    padding: 25px 30px;
}

.artical_detail h4 {
    margin-bottom: 5px;
    line-height: 30px;
    text-align: center;
    color: #000;
    font-size: 16px;
}

.artical_detail .title {
    color: #acacac;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
}

.artical_detail .article-cont {
    padding-top: 25px;
    border-top: 1px solid #dbdbdb;
}

.artical_detail .article-cont p {
    margin-bottom: 10px;
}

@media (max-width:1300px) {
    .newsList .newsItem .media-left {
        padding-right: 10px;
    }
}

@media(max-width:992px) {
    .newsList {
        padding: 0 15px 15px;
    }
    .newsList .newsItem .media-left {
        width: 35%;
        float: left;
        display: inline-block;
    }
    .newsList .newsItem .media-left img {
        width: 100%;
    }
    .newsList .newsItem .media-body {
        width: 65%;
        float: left;
        display: inline-block;
    }
}

@media(max-width:450px) {
    .newsList .newsItem .media-left {
        width: 100%;
        padding: 0 0 15px;
        text-align: center;
    }
    .newsList .newsItem .media-body {
        width: 100%;
    }
}


/*===========================contact==========================*/

.contactWrap {
    padding: 10% 15%;
    ;
}

.contactWrap .ewm {
    padding: 0 20px 20px;
    float: left;
    margin-right: 20px;
}

.contactWrap h2 {
    font-size: 18px;
    margin: 0 0 15px;
}

.contactWrap .contact-info p {
    margin-bottom: 15px;
    font-size: 16px;
}

.contactWrap .contact-info i {
    width: 25px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.contactWrap .contact-info .icon-address {
    background: url(../image/icon-address.svg) no-repeat scroll 1px 0;
    background-size: 70% auto;
    height: 25px;
    top: 8px;
}

.contactWrap .contact-info .icon-telephone {
    background: url(../image/icon-telephone.svg) no-repeat scroll 0 0;
    background-size: 80% auto;
    height: 20px;
    top: 4px;
}

.contactWrap .contact-info .icon-fax {
    background: url(../image/icon-fax.svg) no-repeat scroll 0 0;
    background-size: 100% auto;
    height: 23px;
    top: 7px;
}

.contactWrap .contact-info .icon-email {
    background: url(../image/icon-email.svg) no-repeat scroll 0 0;
    background-size: 93% auto;
    height: 18px;
    top: 5px;
}

@media (max-width:1300px) {
    .contactWrap {
        padding: 10% 8%;
    }
}

@media (min-width:769px) and (max-width:992px) {
    .contactWrap {
        padding: 8% 5%;
    }
    .contactWrap .ewm {
        padding: 0 0px 20px;
    }
    .contactWrap .contact-info p {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media (max-width:768px) {
    .contactWrap {
        padding: 10% 12%;
    }
    .contactWrap .ewm {
        width: 100%;
        padding: 0 5px 20px;
        margin-right: 10px;
        text-align: center;
    }
}

@media (max-width:450px) {
    .contactWrap {
        padding: 10% 8%;
    }
}


/*===========================recruit==========================*/

.recruitBox {
    padding: 4% 5%;
}

@media (max-width:768px) {
    .recruitBox {
        padding: 4% 2%;
    }
}


/*===========================sitemap==========================*/

.sitemap_cont {
    padding: 20px 40px;
}

.sitemap_cont h2 {
    text-align: center;
}

.sitemap_cont h2 span {
    display: inline-block;
    font-size: 30px;
    padding: 10px 25px;
    color: #000;
    font-weight: 500;
    border-bottom: 2px solid #bf1b1a;
}

.sitemapList li {
    padding: 25px 0;
    border-bottom: 1px solid #d6d6d6;
}

.sitemapList .first-menu {
    color: #3f3f3f;
    font-size: 20px;
}

.sitemapList .first-menu i {
    background: url(../image/icon-heart.svg) no-repeat scroll 0 0;
    background-size: 100% auto;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0 10px 0 0;
}

.sitemapList .second_menu {
    display: block;
    width: 100%;
    margin-top: 25px;
}

.sitemapList .second_menu .second_item {
    display: inline-block;
    float: left;
    line-height: 35px;
}

.sitemapList .second_menu .second_item.haschildren {
    display: block;
    width: 100%;
}

.sitemapList .second_menu .second_item>a {
    float: left;
    font-size: 16px;
    margin-right: 30px;
}

.sitemapList .second_menu .second_item>a,
.sitemapList .third_menu .third_item>a {
    color: #000;
}

.sitemapList .third_menu {
    display: inline-block;
    float: left;
}

.sitemapList .third_menu .third_item {
    display: inline-block;
    float: left;
    padding: 0;
}

.sitemapList .third_menu .third_item>a {
    font-size: 14px;
    position: relative;
    margin-right: 20px;
    padding-left: 10px;
}

.sitemapList .third_menu .third_item>a:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #000;
    margin-right: 6px;
    position: absolute;
    left: 0;
    top: 6px;
}

@media (max-width:768px) {
    .sitemap_cont {
        padding: 10px 20px;
    }
    .sitemap_cont h2 span {
        font-size: 22px;
    }
    .sitemapList .first-menu {
        font-size: 18px;
    }
}


/*===========================service==========================*/

.service_consulting {
    padding: 6% 15% 5%;
}

.service_consulting p.text {
    margin: 0;
    line-height: 25px;
    padding-left: 25%;
}

.one-pic {
    text-align: center;
}

.one-pic img {
    max-width: 100%;
}

.two-pic:after {
    display: block;
    clear: both;
    content: '.';
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.two-pic img {
    float: left;
    margin: 0 5%;
    max-width: 100%;
}

@media (max-width:768px) {
    .two-pic img {
        margin: 0 0 20px;
        float: none;
    }
}


/*======================================fancybox=========================*/

.fancyPopup {
    width: 807px;
    height: 560px;
    background: #fff;
    display: none;
    overflow: hidden;
}

.fancybox-close {
    top: -32px;
    right: -40px;
}

.fancyPopup video {
    width: 100%;
    height: 100%;
}

@media (max-width:992px) {
    .fancyPopup {
        width: 100%;
        height: 560px;
    }
    .fancybox-close {
        top: -50px;
        right: 0;
    }
}

@media (max-width:768px) {
    .fancyPopup {
        height: 380px;
    }
    .fancybox-wrap {
        width: 80% !important;
    }
    .fancybox-inner {
        width: 100% !important;
    }
    .fancybox-wrap img {
        width: 100%;
        height: 100%;
    }
    .fancybox-wrap video {
        width: 100%;
        height: 100%;
    }
}


/*======================================service support=========================*/

.service-support {
    padding: 40px 30px;
}

.service-support .filterbox {
    text-align: center;
}

.service-support .filtForm {
    display: inline-block;
}

.service-support .filtForm select {
    width: 168px;
    height: 31px;
    background-color: #fff;
    border: 1px solid #aaa;
}

.service-support .select2-container--default .select2-selection--single {
    border-radius: 0;
    height: 31px;
}

.service-support .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    text-align: left;
    font-size: 12px;
}

.service-support .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: medium none;
    background: url(../image/icon-kms.png) no-repeat scroll -385px 0;
    width: 13px;
    height: 8px;
    margin: -4px 0 0 -7px;
    display: inline-block;
}

.service-support .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 4px;
    height: 30px;
}

.select2-dropdown {
    font-size: 12px;
}

.select2-results__option {
    padding: 4px 6px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #bf1b1a;
}

.select2-search--dropdown .select2-search__field {
    padding: 2px 4px;
}

.service-support .searchbtn {
    background-color: #282828;
    line-height: 29px;
    padding: 0 25px;
    display: inline-block;
    border: medium none;
    margin-left: 17px;
    color: #fff;
}

.service-support .mapBox {
    padding: 30px 0;
}

.service-support .mapBox #map {
    height: 550px;
}

.filterResult .result_count {
    font-size: 16px;
    padding: 10px;
}

.filterResult .result_count strong {
    color: #bf1b1a;
    font-weight: 500;
}

.filterResult .list li {
    background: #f6f6f6;
    margin: 20px 0 0;
    padding: 10px 22px 15px;
}

.filterResult .list li:first-child {
    margin-top: 0;
}

.filterResult .list .title {
    line-height: 30px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
    color: #000;
}

.filterResult .list .title a {
    color: #000;
}

.filterResult .list p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

@media (max-width:992px) {
    .service-support .mapBox #map {
        height: 400px;
    }
}

@media (max-width:768px) {
    .service-support {
        padding: 25px 20px;
    }
}

@media (max-width:450px) {
    .service-support .filtForm {
        text-align: left;
    }
    .service-support .filtForm select {
        width: 100%;
    }
    .service-support .searchbtn {
        margin: 10px 0 0;
    }
    .service-support .mapBox #map {
        height: 350px;
    }
}

.partner_introduction {
    padding: 10px 20px;
}

.partner_introduction p {
    margin: 0 0 25px;
}


/*=================================search result=========================*/

.searchResult_form {
    margin: 20px 0 30px;
}

.searchResult_form span {
    font-size: 16px;
    margin-right: 10px;
    line-height: 35px;
}

.searchResult_form .searchInput {
    line-height: 33px;
    border: 1px solid #c9c9c9;
    padding: 0 5px;
    width: 200px;
}

.searchResult_form .searchBtn {
    margin: 0 0 0 20px;
    display: inline-block;
    border: medium none;
    background-color: #bf1b1a;
    padding: 0 25px;
    line-height: 35px;
    color: #fff;
}

.searchResult_wrap {
    padding: 0 20px;
}

.searchResult_wrap .newsList .newsItem {
    padding: 12px 10px;
    margin: 0;
}

.searchResult_wrap .newsList .newsItem:hover {
    background-color: #efefef;
}

.searchResult_wrap .newsList {
    padding: 0;
}

.searchResult_count {
    margin-bottom: 20px;
}

.searchResult_count strong {
    color: #bf1b1a;
    margin: 0 5px;
}

@media (max-width:992px) {
    .searchResult_wrap .newsList .newsItem .media-body {
        width: 100%;
    }
}

@media (max-width:450px) {
    .searchResult_wrap {
        padding: 0 15px;
    }
    .searchResult_form {
        margin: 5px 0 20px;
    }
    .searchResult_form span {
        display: block;
    }
    .searchResult_form .searchInput {
        width: 100%;
    }
    .searchResult_form .searchBtn {
        margin: 15px 0 0;
    }
}


/*--------------share---------------------*/

#qrcode img {
    margin: 0 auto;
}


/*弹框样式1*/

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999;
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    position: relative;
    width: 320px;
    margin: 200px auto;
    padding: 10px;
    height: 280px;
    background: #fff;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.cd-popup-container>p {
    margin-bottom: 15px;
}

.cd-popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 16px;
    height: 16px;
    display: block;
    font-size: 0;
    background: url(../image/icon_close.png) no-repeat scroll 0 0;
}

.is-visible .cd-popup-container {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tooltip-inner {
    background-color: #ffffff;
    padding: 0px;
}

.android_download {
    padding-top: 15px
}

@media (max-width:768px) {
    .android_download {
        text-align: center;
    }
}

@media (max-width:768px) {
    .cd-popup-container {
        width: 80%;
    }
}

@media screen\0 {
    .footer .footer-l {
        padding-right: 30px;
    }
    .footer .footer-r {
        padding-left: 60px;
    }
}