@font-face {
    font-family: "思源黑体";
    src: url("../fonts/SOURCEHANSANSCN-MEDIUM.woff2") format("woff2"), url("../fonts/SOURCEHANSANSCN-MEDIUM.woff") format("woff"), url("../fonts/SOURCEHANSANSCN-MEDIUM.ttf") format("truetype"), url("../fonts/SOURCEHANSANSCN-MEDIUM.eot") format("embedded-opentype"), url("../fonts/SOURCEHANSANSCN-MEDIUM.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

a:hover a:link {
    text-decoration: none;
}

body {
    background: #fefefe;
}


/*banner*/
.banner {
    /*background: url(../../images/banner_Bg.jpg) no-repeat top center;*/
    background: url(../../images/banner_Bg1.jpg) no-repeat top center;
}

.banner_left {
    font-family: "思源黑体";
    color: #ffffff;
    margin: 184px 0 100px 287px;
    float: left;
    line-height: 30px;
}

.banner_right {
    float: left;
    margin: 184px 0 0 0;
}
/* 新闻资讯 */
.Newsinformation {
    min-height: 780px;
    margin-top: 64px;
    margin-bottom: 34px;
}

    .Newsinformation > .panel-default > .panel-heading {
        text-align: center;
        background-color: #fff;
        border: none;
        font-family: "microsoft yahei";
        height: 80px;
        padding: 0 15px;
    }

        .Newsinformation > .panel-default > .panel-heading p {
            color: #2e8cdb;
            font-size: 24px;
        }

        /*more更多*/
.panel-default > .panel-heading > a {
    color: #ababab;
    font-size: 16px;
    float: right;
    font-family: 'Microsoft YaHei';
}
.wrap > .animated > a {
    position: absolute;
    top: -110px;
    right: 15px;
    z-index: 999;
    color: #ababab;
    font-size: 16px;
    float: right;
    font-family: 'Microsoft YaHei';
}
.wrap > .animated > a:hover  {
      color: #2e8cdb;
}

    .panel-default > .panel-heading > a:hover {
        color: #2e8cdb;
    }

.panel-body {
    position: relative;
    height: 80px;
}

.Newsinformation .panel-body a {
    display: block;
    color: #babcbf;
    font-family: "microsoft yahei";
    font-size: 18px;
}

.Newsinformation .panel-body > ul {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -150px;
}

    .Newsinformation .panel-body > ul > li {
        border: 1px solid red;
        float: left;
        list-style: none;
        text-align: center;
        border: 2px solid #bbbcbf;
        border-radius: 18px;
        width: 139px;
        height: 40px;
        line-height: 36px;
        margin-right: 40px;
    }

@media (max-width:767px) {

    .Newsinformation .panel-body > ul > li {
        border: 1px solid red;
        float: left;
        list-style: none;
        text-align: center;
        border: 2px solid #bbbcbf;
        border-radius: 18px;
        width: 110px;
        height: 40px;
        line-height: 36px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

#panel-body .Selection {
    border: 2px solid #2e8cdb;
}

    #panel-body .Selection a {
        color: #2e8cdb;
        text-decoration: none;
    }

.panel-default {
    border: none;
    box-shadow: none;
}

.newscontent ul li {
    border: none;
}

@media (max-width:769px) {

    .list-group-item .right {
        border-bottom: 1px #cccccc dashed;
    }
}

.newscontent ul li p.introduction {
    padding: 0 20px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/*新闻列表缩略图*/
.newscontent_a {
    width: 105px;
    height: 110px;
    display: block;
    padding: 2.5px;
    box-sizing: border-box;
    border: 2px #ccc solid;
    border-radius: 105px;
    overflow: hidden;
}

.newscontent_img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

    .newscontent_img:hover {
        transform: scale(1.3);
    }

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 0 0;
}

.btn-default {
    font-size: 18px;
    font-family: "microsoft yahei";
    color: #babcbf;
    border-radius: 18px;
}

.Selection {
    color: #2e8cdb;
    border-color: #2e8cdb;
    background-color: #fefefe;
}

.list-group-item .left {
    width: 13%;
}

.list-group-item .right {
    width: 87%;
}

@media (max-width:1200px) {
    .list-group-item .left {
        width: 15%;
    }

    .list-group-item .right {
        width: 85%;
    }
}

@media (max-width:767px) {


    .list-group-item .right {
        width: 100%;
    }
}

.list-group-item .right > a {
    color: #2e8cdb;
    font-size: 16px;
    font-family: "microsoft yahei";
}

    .list-group-item .right > a > h3 {
        font-size: 18px;
        font-family: "microsoft yahei";
    }

        .list-group-item .right > a > h3:hover {
            color: #000022;
        }

@media (max-width:767px) {
    .list-group-item .left {
        display: none;
    }
}

/* 我们的产品 */

.MyProductbanner {
    background: url(../../images/ServiceBg.jpg) no-repeat top center;
    /*background: url(../../images/OurServices.png) no-repeat top center;*/
}

@media (max-width:991px) {
    .MyProductbanner {
        background: none;
    }
}

.MyProductbanner .heading {
    text-align: center;
    height: 70px;
    margin-top: 72px;
}

    .MyProductbanner .heading p {
        font-size: 24px;
        color: #2e8cdb;
        font-family: "microsoft yahei";
    }

    .MyProductbanner .heading label {
        text-align: right;
        width: 100%;
        color: #ababab;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        margin-bottom: 20px;
    }

/*.MyProductbanner .heading span a {
            font-size: 16px;
            color: #FFFFFF;
            font-family: "microsoft yahei";
            color: #FFFFFF;
        }
        .MyProductbanner .heading a:hover {
            text-decoration: none;
            color: #2e8cdb;
        }

       .MyProductbanner .heading > span {
            color: #FFFFFF;
            font-size: 16px;
            float: right;
            margin-right: 300px;
        }

.MyProductContent {
    margin-left: 100px;
}

.product_Left {
    float: left;
    margin: 0 0 0 287px;
}

    .product_Left ul li a {
        color: #fff;
    }

    .product_Left ul li {
        font-size: 18px;
        font-family: "microsoft yahei";
        color: #fff;
        list-style: none;
        margin-bottom: 48px;
        text-align: right;
    }

        .product_Left ul li span {
            font-size: 10px;
            list-style: none;
            margin-bottom: 48px;
            text-align: right;
        }

.product_Right {
    float: left;
    margin-left: 200px;
}
            */
/*热门产品轮播 */
.HotProducts {
    padding: 0;
    background: url(../../images/OurServices.png) top center no-repeat;
}
/*3、5、8的数字样式*/
.leftSize {
    position: relative;
    top: 205px;
    left: 20px;
    font-size: 27px;
    color: #c5c3c3
}
/*1数字样式*/
.leftSize01 {
    position: relative;
    top: 215px;
    left: 20px;
}

/*2、7的数字样式*/
.rightSize {
    position: relative;
    top: 200px;
    left: 20px;
    font-size: 27px;
    color: #c5c3c3
}
/*6的样式*/
.TopSize {
    position: relative;
    top: 35px;
    left: 20px;
    font-size: 27px;
    color: #c5c3c3
}

.productTop {
    font-size: 21px;
}

    .productTop h4 {
        position: relative;
        bottom:10px;
        left: 65px;
        font-size: 21px;
        font-weight: bold
    }

.product_Left {
    width: 17%;
    background: url(../../images/组.png) left bottom no-repeat;
}

.productContent {
    margin: 0 180px;
}

.left_content {
    font-size: 21px;
    float: left;
    width: 350px;
}

    .left_content h4 {
        margin-left: 70px;
        margin-top: 167px;
        font-size: 21px;
        margin-bottom: 21px;
        font-family: 'Microsoft YaHei UI';
        font-weight: bold;
    }

.right_content {
    float: left;
    margin-top: 89px;
    margin-left: 150px;
}

    .right_content img {
        -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));
        filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));
    }

.btn {
    position: absolute;
    bottom: 40px;
    left: 890px;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 140px;
    background: none;
    color: #fff;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
}

    .btn:hover {
        border: none;
        color: #000;
        background: #fff;
    }


/* 我们的服务 */
.OurServicesbanner {
    background: url(../../images/OurServices.png) top center no-repeat;
    padding-bottom: 100px;
}

@media (max-width:992px) {

    .OurServicesbanner {
        background-image: none;
    }
}

.OurServicesbanner > .container > .row {
    text-align: center;
}

    .OurServicesbanner > .container > .row > .heading > h3 {
        margin-top: 102px;
        font-size: 24px;
        color: #ffffff;
        font-family: "microsoft yahei";
    }

@media (max-width:992px) {
    .OurServicesbanner > .container > .row > .heading > h3 {
        color: #1c1c1c;
    }
}

.OurServicesbanner > .container > .row > .content {
    margin-top: 60px;
    margin-left: 100px;
}

    .OurServicesbanner > .container > .row > .content > .Service {
        padding-left: 70px;
    }

@media (max-width:992px) {
    .OurServicesbanner > .container > .row > .content > .Service {
        padding-left: 0;
    }

    .Service .imgbg {
        left: 0;
    }
}

.imgbg {
    width: 381px;
    height: 250px;
    top: 0;
    left: 70px;
    position: absolute;
    border-radius: 6px;
    background: #000;
    opacity: 0.3;
    filter(alpha=50);
}

    .imgbg:hover {
        opacity: 0;
        filter(alpha=0);
    }



.OurServicesbanner > .container > .row > .content > .col-lg-5 > a {
    display: block;
}

.OurServicesbanner > .container > .row > .content > .col-lg-5 > img {
    position: absolute;
}

.OurServicesbanner > .container > .row > .content > .col-lg-5 > h3 {
    text-align: center;
    position: relative;
    top: 80px;
    font-family: "microsoft yahei";
    width: 384px;
    margin-bottom: 251px;
    font-size: 36px;
    color: #ffffff;
}

.OurServicesbanner > .container > .row > .content > .col-lg-5 > a {
    display: block;
}

@media (max-width:991px) {
    .OurServicesbanner > .container > .row > .content {
        width: 384px;
        margin: 50px auto;
    }
}

.serviceContent {
    text-align: center;
}
/* 专业团队 */
.team {
    padding: 50px 0;
}

    .team .heading {
        text-align: center;
        height: 70px;
    }

        .team .heading p {
            font-size: 24px;
            color: #2e8cdb;
            font-family: "microsoft yahei";
        }

        .team .heading > a {
            color: #ababab;
            font-size: 16px;
            float: right;
        }

            .team .heading > a:hover {
                color: #2e8cdb;
                font-size: 16px;
                float: right;
            }

    .team > .container > .row > .content {
        margin-top: 100px;
        margin-left: 60px;
    }

        .team > .container > .row > .content > .col-lg-4 > img {
            position: absolute;
        }

        .team > .container > .row > .content > .col-lg-4 > div {
            text-align: center;
            position: relative;
            top: 13px;
            font-family: "microsoft yahei";
            width: 259px;
            height: auto;
            height: auto;
            margin-bottom: 80px;
        }

@media (max-width:768px) {
    .team > .container > .row > .content > .col-xs-12 {
        padding: 0;
    }
}

.team > .container > .row > .content > .col-lg-4:hover {
    transform: scale(1.1);
}

.team > .container > .row > .content > .col-lg-4 > div > a {
    color: #ffffff;
    display: block;
}

.team > .container > .row > .content > .col-lg-4 > div > h3 {
    font-size: 18px;
}

.team > .container > .row > .content > .col-lg-4 > div > p {
    font-size: 14px;
}

@media (max-width:991px) {
    .team > .container > .row > .content {
        width: 259px;
        margin: 50px auto;
    }
}

/* 合作伙伴 */
.Partner {
    background:url(../../images/PartnerBg.jpg) no-repeat center center;
}

@media (max-width:992px) {
    .Partner {
        background: none;
    }
}

.Partner .heading {
    text-align: center;
    height: 70px;
    margin-top: 40px;
}

    .Partner .heading p {
        font-size: 24px;
        color: #fff;
        font-family: "Microsoft YaHei UI";
    }

    .Partner .heading > a {
        color: #ababab;
        font-size: 16px;
        float: right;
    }

        .Partner .heading > a:hover {
            color: #2e8cdb;
            font-size: 16px;
            float: right;
        }

.Partner > .Partner_img_list {
    padding-bottom: 30px;
}

.both {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width:1200px) {
    .both .bothImg {
        height:86.5px;
    }
}

    .both .both_content {
        width: 100%;
        border-radius: 8px;
        background: #fff;
        position: relative;
        /*padding: 10px;*/
        cursor: pointer;
        overflow: hidden;
        border: none;
    }

@media (max-width:992px) {
    .Partner .heading p {
        color: #333;
    }

    .both .both_content {
        border: 2px solid #e8e8e8;
    }
}

.Partner img {
    width: 100%;
}

/*合作伙伴 鼠标悬停特效*/
.both_display_none {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,34,0.75);
    border-radius: 7px;
    margin: 10px 0px 0 0px;
    text-align: center;
    line-height: 78px;
    color: #fff;
    font-size: 16px;
    font-family: 'Microsoft YaHei UI';
    transition: all 0.6s ease;
}


.both_content:hover .both_display_none {
    top: -10px;
}

/*合作伙伴列表*/
.Partner_list {
    background: none;
    margin: 0
}

    .Partner_list > .container {
        margin-bottom: 20px;
    }

.Partner .list p {
    color: #333;
}

.both .list_content {
    border: 2px solid #e8e8e8;
}

/*banner*/
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/*jssor slider bullet skin 051 css*/
.jssorb051 .i {
    position: absolute;
    cursor: pointer;
}

    .jssorb051 .i .b {
        fill: #fff;
        fill-opacity: 0.5;
    }

    .jssorb051 .i:hover .b {
        fill-opacity: .7;
    }

.jssorb051 .iav .b {
    fill-opacity: 1;
}

.jssorb051 .i.idn {
    opacity: .3;
}
/*jssor slider arrow skin 051 css*/
.jssora051 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora051 .a {
        fill: none;
        stroke: #ccc;
        stroke-width: 600;
        stroke-miterlimit: 10;
    }

    .jssora051:hover {
        opacity: .8;
    }

    .jssora051.jssora051dn {
        opacity: .5;
    }

    .jssora051.jssora051ds {
        opacity: .3;
        pointer-events: none;
    }