@charset "utf-8";

    * {
        margin: 0;
        padding: 0
    }

    img,
    input,
    button {
        border: 0;
        /* width:100%; */
    }

    i,
    em {
        font-style: normal
    }

    a {
        text-decoration: none;
        cursor: pointer;
        color: #666
    }

    ul,
    li {
        list-style: none
    }

    body {
        font-size: 14px;
        font-family: 微软雅黑
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 400
    }

    .fl {
        float: left
    }

    .fr {
        float: right
    }

    .clearThis {
        clear: both
    }

    .center {
        width: 1200px;
        overflow: hidden;
        margin: 0 auto
    }

    .topbanner img {
        max-width: 100%
    }

    .nav {
        width: 100%;
        min-width: 1200px;
        height: 90px;
        border-bottom: 1px solid #eaeaea
    }

    .nav .logo {
        padding: 0px 0
    }

    .nav .nume {
        padding: 23px 0
    }

    .nav .nume li {
        float: left
    }

    .nav .nume li a {
        display: block;
        padding: 0 47px;
        text-align: center;
        line-height: 44px;
        font-size: 16px;
        font-weight: 700;
    }
    .nav .nume li a:hover{
        color:#2d83f9;
    }

    .nav .nume li a.active {
        color: #2d83f9;
        border-bottom: 2px #2d83f9 solid
    }

    @media(max-width:1500px) {

        .company .zhungs,
        .schemebox .zhungsme,
        .productbox .zhungs,
        .newsbox .zhungsme {
            display: none
        }
    }

    .company {
        width: 100%;
        overflow: hidden;
        padding-top: 100px;
        position: relative
    }

    .company .zhungs {
        position: absolute;
        left: 0;
        top: 120px
    }

    .company .complf {
        width: 588px
    }

    .company .complf h2 {
        font-size: 24px;
        color: #222;
        font-weight: 700
    }

    .company .complf h2 span {
        display: block;
        width: 26px;
        height: 3px;
        background: #2d83f9;
        margin: 10px 0 70px
    }

    .company .complf h4 {
        font-size: 18px;
        color: #222;
        font-weight: 700;
        margin-bottom: 20px
    }

    .company .complf p {
        font-size: 14px;
        line-height: 28px;
        text-indent: 2em;
        padding-top:20px;
    }

    .company .complf a.more {
        display: block;
        width: 80px;
        height: 42px;
        line-height: 42px;
        color: #222;
        border: 1px #ccc solid;
        background: url(../images/moreicon.png) 0 0 no-repeat;
        padding-left: 80px;
        margin-top: 35px
    }

    .company .complf a:hover {
        background: url(../images/moreicon.png) #2d83f9;
        background-position: 0 -44px;
        color: #fff;
        border: 1px #2d83f9 solid
    }

    .company .comprt {
        padding-top: 30px
    }

    .schemebox {
        width: 100%;
        overflow: hidden;
        background: url(../images/schemebg.png) 50% 0 no-repeat;
        margin-top: 90px;
        position: relative;
        padding-top: 100px
    }

    .schemebox .zhungsme {
        position: absolute;
        right: 0;
        top: 120px
    }

    .schemebox .schemelf {
        width: 600px
    }

    .schemebox .schemelf h2 {
        font-size: 36px;
        color: #fff;
        line-height: 48px;
        padding-left: 40px;
        float: left
    }

    .schemebox .schemelf h2 span {
        display: block;
        width: 31px;
        height: 3px;
        background: #fff;
        margin: 6px 0 60px
    }

    .schemebox .schemelf li {
        float: left;
        width: 210px;
        text-align: center;
        font-size: 24px;
        color: #fff;
        margin-bottom: 75px
    }

    .schemebox .schemelf li p {
        line-height: 60px
    }

    .schemebox .schemert {
        width: 480px;
        padding-left: 120px
    }

    .schemebox .schemert a.more {
        display: block;
        float: right;
        width: 80px;
        height: 42px;
        line-height: 42px;
        color: #fff;
        border: 1px #ccc solid;
        background: url(../images/moreicon.png) 0 -44px no-repeat;
        padding-left: 80px
    }

    .schemebox .schemert a:hover {
        background: url(../images/moreicon.png) #2d83f9;
        background-position: 0 -44px;
        color: #fff;
        border: 1px #2d83f9 solid
    }

    .productbox {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding-top: 100px
    }

    .productbox .zhungs {
        position: absolute
    }

    .productbox ul {
        overflow: hidden
    }

    .productbox ul li {
        width: 378px;
        overflow: hidden;
        float: left;
        border: 1px #ddd solid;
        margin-right: 30px;
        margin-bottom: 30px;
        transition: all .5s
    }

    .productbox ul li:nth-child(3n+0) {
        margin-right: 0
    }

    .productbox ul li.clearmr {
        margin-right: 0
    }

    .productbox ul li:hover {
        -webkit-box-shadow: 0 1px 5px #999;
        box-shadow: 0 1px 5px #999;
        -webkit-transform: translate3d(0, 0px, -2px);
        transform: translate3d(0, 1px, -2px)
    }

    .productbox ul li i {
        display: block;
        width: 378px;
        height: 290px;
        overflow: hidden;
        line-height: 378px
    }

    .productbox ul li .prdtxt {
        padding: 10px 6px;
        text-align: center
    }

    .productbox ul li .prdtxt p {
        font-size: 20px;
        color: #222;
        line-height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .productbox ul li .prdtxt span {
        color: red;
        font-size: 16px
    }

    .prtcenter a.more {
        display: block;
        width: 80px;
        height: 42px;
        line-height: 42px;
        color: #222;
        border: 1px #ccc solid;
        background: url(../images/moreicon.png) 0 0 no-repeat;
        margin: 0 auto 100px;
        padding-left: 80px
    }

    .prtcenter a:hover {
        background: #2d83f9;
        background-position: 0 -44px;
        color: #fff;
        border: 1px #2d83f9 solid
    }

    .newsbox {
        width: 100%;
        overflow: hidden;
        position: relative;
        background: #f8f8f8;
        padding: 100px 0;
        margin-bottom: 100px
    }

    .newsbox .zhungsme {
        position: absolute;
        right: 0;
        top: 120px
    }

    .newsbox .newslf {
        width: 448px;
        overflow: hidden
    }

    .newsbox .newslf i {
        display: block;
        width: 446px;
        height: 268px;
        overflow: hidden;
        margin-bottom: 12px;
        border-top: 1px #ddd solid;
        padding-top: 30px
    }

    .newsbox .newslf i img {
        width: 446px;
        height: auto
    }

    .newsbox .newslf h2 {
        font-size: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 16px
    }

    .newsbox .newslf p {
        font-size: 14px;
        color: #666;
        height: 64px;
        overflow: hidden;
        margin-bottom: 20px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .newsbox .newslf .time {
        font-size: 18px;
        font-weight: 700;
        color: #999
    }

    .newsbox .newslf .time span,
    .newsbox .newslf .time a {
        display: block
    }

    .newsbox .newslf .time a {
        width: 50px;
        height: 20px;
        background: url(../images/newnext.png) 0 6px no-repeat
    }

    .newsbox .newslf .time a:hover {
        background: url(../images/newnext.png) 0 -14px no-repeat
    }

    .newsbox .newsrt {
        width: 1150px;
        overflow: hidden
    }

    .newsbox .newsrt ul li {
        overflow: hidden;
        border-top: 1px #ddd solid;
        padding-top: 26px;
        margin-bottom: 30px
    }

    .newsbox .newsrt ul li .info {
        width: 480px;
        float: left
    }

    .newsbox .newsrt ul li .info h3 {
        font-size: 18px;
        color: #222;
        margin-bottom: 20px
    }

    .newsbox .newsrt ul li .info p {
        font-size: 14px;
        width: 900px;
        color: #666;
        line-height: 26px;
        height: 52px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .newsbox .newsrt ul li .infotime {
        font-size: 18px;
        font-weight: 700;
        color: #999
    }

    .newsbox .newsrt ul li .infotime a {
        display: block;
        margin-top: 50px;
        width: 100%;
        height: 20px;
        background: url(../images/newnext.png) 58px 6px no-repeat
    }

    .newsbox .newsrt ul li .infotime a:hover {
        background: url(../images/newnext.png) 58px -14px no-repeat
    }

    .newsbox .newsrt a.more {
        display: block;
        width: 80px;
        height: 42px;
        line-height: 42px;
        color: #222;
        border: 1px #ccc solid;
        background: url(../images/moreicon.png) 0 0 no-repeat;
        padding-left: 80px;
        margin-top: 50px
    }

    .newsbox .newsrt a.more:hover {
        background: url(../images/moreicon.png) #2d83f9;
        background-position: 0 -44px;
        color: #fff;
        border: 1px #2d83f9 solid
    }

    .footer {
        width: 100%;
        overflow: hidden;
        padding-top: 48px;
        background: #171717
    }

    .footer .footol {
        width: 290px;
        margin-right: 180px
    }

    .footer .footol h2 {
        line-height: 48px;
        font-size: 22px;
        color: #fffefe;
        border-bottom: 1px #ddd solid;
        margin-bottom: 36px
    }

    .footer .footol h2 span {
        color: #ddd;
        font-size: 16px;
        margin-left: 6px
    }

    .footer .footol p {
        font-size: 14px;
        color: #fffefe;
        margin-bottom: 12px
    }

    .footer .footol a {
        display: block;
        width: 116px;
        font-size: 15px;
        color: #fffefe;
        line-height: 40px;
        margin-bottom: 12px;
        float: left;
        display: flex;
        align-items: center;
    }
    .footer .footol a:before {
        content: '■';
        color:#2d83f9;
        display: block;
        margin-right: 5px;
        font-size: 16px;
    }
    .footer .footol.clearmr {
        margin-right: 0
    }

    .bottom {
        line-height: 25px;
        background: #0c0c0c;
        font-size: 14px;
        color: #fffefe;
        text-align: center;
        padding: 20px 0;
    }

    .fenye {
        width: 100%;
        text-align: center;
        margin: 60px 0
    }

    .fenye a {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        text-align: center;
        width: auto;
        border: 1px #eee solid;
        border-radius: 3px;
        padding: 0 12px
    }

    .fenye a:hover,
    .fenye a.active {
        background: #2d83f9;
        border: 1px #2d83f9 solid;
        color: #fff
    }
    .link {height:120px;background: url(../images/06.jpg) no-repeat center;margin:20px 0;overflow: hidden;}
    .link .container{
    width: 1200px;
    margin:0 auto;
    }
    .link .container li{float: left;padding:46px 20px;}
    .link .container li:nth-child(1){padding-left:160px;}
    #ftop .center{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px;
        font-size: 15px;
      }