/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#333;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.wh{max-width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}






/*头部样式*/

    .header {
        position: absolute;
        z-index: 999;
        left: 0;
        right: 0;
        top: 0;
        padding: 15px 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .header .container {
        width: 100% !important;
        padding: 0 40px
    }

    .header-left {
        position: relative;width:10%;
    }

    .header-left .logo {
        display: block;
        height: 34px
    }

    .header-left .logo img {
        height: 100%
    }

    @media (min-width:1200px) {
        .container {
            width: 1200px
        }
    }

 .menu-left {
        margin-left: 50px
    }

    .menu-right .btn-primarys {
        display: inline-block;
        padding: 0 16px;
        line-height: 30px;
        color: #fff;
        vertical-align: middle;
        border-radius: 0;
        background: none;
        font-size: 18px;
        line-height: 35px;
        cursor: auto;
        padding-right: 0
    }







/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch1{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch1 input{height:24px;background:#fff;border:1px solid #c8c8c8;line-height:24px;}
#formsearch1 input#keyword{height:24px;line-height:24px;padding-left:4px;color:#666;}
#formsearch1 input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#024fa0;color:#fff;border:none;cursor:pointer;font-size: 12px;}








/*导航栏样式*/
#menu{}
.navs{background-color:#3480ce;height:32px;}
.navs li{line-height:32px;height:32px;text-align:center;width:90px;float:left;position:relative;z-index:999;}
.navs li a{display:block;line-height:32px;color:#fff;height:32px;padding: 0;}
.navs li a:hover{color:#fff;text-decoration:none;background-color:#24588e;}

.navs .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:32px;left:0px;}
.navs .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:90px;}
.navs .sec a:hover{background:#042d3f;text-decoration:none;}






/* 导航样式 */
.header-menu{float:left;margin-left:50px;width:56%;}
.x-menu{width:100%;}

.x-menu > li {
  float:left;width:12%;text-align:center;
  position: relative;

}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height:35px;
}

.x-menu > li > a:hover {
  color: #fff;text-shadow:#000 3px 2px 3px;
}

.x-menu > li.active > a {
  color: #fff;text-shadow:#000 3px 2px 3px;
}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 150%;
  left: -25%;
  top: 65px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;
  line-height: 2;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  padding: .5em;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}

.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}





.x-banner{position:relative;}
    .banner-text {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        z-index: 99999;
        background: rgba(248, 247, 250, .08)
    }

    .banner-text ul {
        border-left: 1px solid hsla(0, 0%, 100%, .1)
    }

    .banner-text li {
        width: 20%;
        float: left;
        border-right: 1px solid hsla(0, 0%, 100%, .1);
        text-align:left;
        padding: 3em 1.5em;
        color: #fff;
    }

    @media (max-width:1440px) {
        .banner-text li {
            padding: 2.5em 0
        }
    }

    @media (max-width:1366px) {
        .banner-text li {
            padding: 1.5em 0
        }
    }

    .banner-text li a {
        color: #fff
    }

    .banner-text li a h4 {
        font-size:17px;
        margin-bottom: 10px;
        font-weight: 400
    }

    .banner-text li a h3 {
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: 400;
    }


    .banner-text li a p {
        font-size:12px;
    }

    .banner-text li:hover {
        background: hsla(0, 0%, 100%, .1)
    }

    @media (max-width:990px) {
        .banner-text {
            display: none;
        }
    }



    @media (max-width:768px) {
        .topbanner {
            margin-top:60px!important;
        }
        .page-banner {
            margin-top:0px!important;
        }
        .banner .num{bottom:5%!important;}

    }




.topbanner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:2px;bottom:30%;width:100%;z-index:100;padding:5px 0px;opacity:0.8;text-align:center;}
.banner .num li{width:35px;height:6px;display:inline-block;margin-right:8px;background:#fff;_display:inline;_font-size:0px; text-indent:-100px;}
.banner .num li{*display:inline;_zoom:1;_display:inline;}
.banner .num li.num_hover{background-color:#ff0000;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;overflow:hidden;opacity:1;line-height: 20px;}







/*产品提供商*/

 .main-product {
        padding-top: 75px;
        padding-bottom: 35px
    }

    .main-product-list {
        margin-top: 40px
    }

    .main-product-list .main-product-item {
        display: block;
        padding: 50px 0 25px;
        text-align: center;
        background: #fff;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .main-product-list .main-product-item .icon {
        margin-bottom: 30px
    }

    .main-product-list .main-product-item .icon img {
        max-width: 140px
    }

    .main-product-list .main-product-item h2 {
        font-size: 18px;
        color: #323232;
        font-weight: 400;
        margin: 20px 0 15px;
        line-height: 1
    }

    .main-product-list .main-product-item p {
        font-size: 13px;padding:0 2%;
        line-height:1.5;
        color: #3e3e3e;
        height: 90px;
        overflow: hidden
    }

    @media (max-width:420px) {
        .main-product-list .main-product-item p br {
            display: none
        }
    }

   @media (max-width:420px) {
        .main-product-list .main-product-item .icon img{    max-width: 80px;}
    }



    .main-product-list .main-product-item:hover {
        -webkit-box-shadow: .521px 2.954px 10px 0 rgba(0, 0, 0, .16);
        box-shadow: .521px 2.954px 10px 0 rgba(0, 0, 0, .16);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    .index-title {
        text-align: center;
        margin-bottom: 4.16666667%;
        font-weight:400;
    }

    .index-title h3 {
        font-size: 30px;
        font-weight:400;
        color: #000;
        line-height: 1.2;
        margin: 0 0 1%
    }

    .index-title P {
        font-size: 14px;
        color: #5f5f5f;
    }

    .index-title P span{
        color: #214b9d;
    }


    .index-title.white h3,
    .index-title.white p {
        color: #fff
    }

    @media (max-width:640px) {
        .index-title {
            padding: 0 10%
        }
    }

    @media (max-width:990px) {
        .main-product {
            padding: 30px 0 15px;
        }

        .main-product-list .main-product-item {
            padding: 20px 0
        }

        .main-product-list .main-product-item .iconfont {
            font-size: 50px
        }

        .main-product-list .main-product-item h2 {
            font-size: 16px;
            margin: 10px 0 5px
        }

        .main-product-list .main-product-item p {
            font-size: 14px;
            height: 84px
        }

        .index-title h3 {
            font-size: 20px;
            margin-bottom: 10px
        }

        .index-title P {
            font-size: 14px
        }
    }









/*备件服务*/
 .fw{
      padding-top: 75px;
      padding-bottom:80px;
    }

.fwtt{width:80%;margin:0 auto;}
.fwtt img{width:100%;margin:0 auto;}
.ads{margin-top:40px;}
.ads li{width:100%;position:relative;}
.ads li .img img{width:100%;}
.ads li .det{padding-top:20px;}
.ads li:nth-child(n) .det{padding-left:5%;}
.ads li:nth-child(2n) .det{padding-left:75%;}
.ads li h3{color:#fff;font-size:20px;background:url(../images/x.png) no-repeat left bottom;line-height:40px;}
.ads li span{color:#fff;font-size:12px;display:block;padding-top:12px;line-height:20px;height:90px;overflow:hidden;}


 @media (max-width:1024px) {
        .ads li{padding-bottom:5%;}
        .ads li .det{top:3%;}
        .ads li h3{font-size:14px;line-height:30px;}
        .ads li:nth-child(2n) .det{padding-left:68%;}
        .ads li span{color:#fff;font-size:12px;display:block;padding-top:12px;line-height:20px;height:50px;overflow:hidden;}

    }



 @media (max-width:768px) {
        .ads li{padding-bottom:5%;}
        .ads li .det{top:3%;}
        .ads li h3{font-size:14px;line-height:30px;}
        .ads li:nth-child(2n) .det{padding-left:60%;}
        .ads li span{color:#fff;font-size:12px;display:block;padding-top:12px;line-height:20px;height:50px;overflow:hidden;}

    }



/*新闻*/
 .news {background:#f7f7f7;
        padding: 52px 0 90px;
    }

    .news-list {
        margin-top: 60px
    }

    .news-img-item {
        margin-bottom: 20px
    }

    .news-img-item a {
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        display: block
    }

    .news-img-item .img {
        display: block;
        overflow: hidden
    }

    .news-img-item .img img {
        width: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .news-img-item h3 {
        border: 1px solid #c9c9c9;
        border-top: none;
        margin: 0;
        padding:10px 12px;
        font-weight: 400;
        line-height: 20px;
        font-size: 16px;
        color: #111111;height:40px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;
    }
    .news-img-list h4{color:#575757;font-size:12px;line-height:20px;text-indent:15px;display:block;padding-top:7px;font-weight:400;}


    .news-img-item:hover a {
  /*      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)*/
    }

    .news-img-item:hover .img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .news-img-item:hover h3 {
        color: #111111;
    }


    @media (max-width:990px) {
        .news {
            padding: 30px 0
        }

        .news .news-list {
            margin-top: 30px
        }
    }


.news-list .news-text-list ul {
    padding: 10px 0;
    margin: 0 15px;
    border: 1px solid #c9c9c9;
}

.news-list .news-text-list a {
    font-size: 14px;
    color: #444;
    line-height: 28px;
    display: block
}

.news-list .news-text-list a span {
    font-size: 12px;
    color: #666;
    float: right
}

.news-list .news-text-list a:hover {
    color: #03a9f4
}

@media (max-width: 990px) {
    .news {
        padding:30px 0
    }

    .news .news-list {
        margin-top: 30px
    }
}





/*产品*/
.prod{padding:45px 0 70px;}
.plist{margin-top:45px;}
.plist li{}
.plist li .bian{border:1px solid #fff;}
.plist li .img img{width:100%;margin:0 auto;display:block;border:1px solid #899fcb;}
.plist li .det{padding:15px 25px 15px;}
.plist li h3 a{font-weight:400;background:url(../images/h3.png) no-repeat left center;padding-left:15px;color:#000000;font-size:16px;}
.plist li span{display:block;padding-left:15px;color:#474747;font-size:13px;padding-top:5px;}
.plist li:hover .bian{border-color:#214b9d;}
.plist li:hover .det{background:#214b9d;}
.plist li:hover .img img{border-color:#214b9d;}
.plist li:hover h3 a{background:url(../images/h33.png) no-repeat left center;color:#fff;}
.plist li:hover span{color:#fff;}

   @media (max-width:640px) {
.plist li .det{padding:15px 25px 15px;height:152px;}

}


/*地图*/
 .map-index {
        background: #f8f8f8;
        padding: 50px 0;
        display: none
    }

    .map-index .map-content .map-img {
        width: 798px;
        height: 620px;
        position: relative;
        float: left;
    }

    .map-index .map-content .map-img .point-area {
        position: absolute;
        -webkit-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out;
        width: 34px;
        height: 34px;
        visibility: visible;
        opacity: 1
    }

    .map-index .map-content .map-img .point-area span {
        position: absolute;
        width: 50px
    }

    .map-index .map-content .map-img .point-area .point-dot {
        z-index: 1;
        background-color: #3bbdf7;
        display: block;
        border: 1px solid rgba(59, 189, 247, .37)
    }

    .map-index .map-content .map-img .point-area .point-dot.suzhou {
        background-color: #fd6e2e;
        border: 1px solid rgba(253, 110, 46, .37)
    }

    .map-index .map-content .map-img .point-area .point {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 8px;
        height: 8px;
        margin: auto;
        border-radius: 50%
    }

    .map-index .map-content .map-img .point-area div.point {
        width: 100%;
        height: 100%
    }

    .map-index .map-content .map-img .point-area div.point:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        border: 2px solid #00cdec;
        opacity: 0;
        -webkit-animation: ripple 4.5s ease-out 225ms infinite;
        animation: ripple 4.5s ease-out 225ms infinite
    }

    .map-index .map-content .map-img .point-area div.suzhou:after {
        border-color: #f0082f
    }

    .map-index .map-content .map-img .point-area div.point-70:after {
        -webkit-animation: ripple 4.5s ease-out 1.57s infinite;
        animation: ripple 4.5s ease-out 1.57s infinite
    }

    .map-index .map-content .map-text {
        text-align: right;
        float: right;width:380px;
    }

    .map-index .map-content .map-text li {
        padding-bottom:30px;
        position: relative;
    }

    .map-index .map-content .map-text li .num {
        position: relative;
        font-size:26px;color:#1d1d1d;
        font-weight: 700;
        height: 44px;
    }

    .map-index .map-content .map-text li span {
        font-size:26px;
        font-weight: 400;color:#1d1d1d;
    }


    .map-index .map-content .map-text li i {
        font-size:18px;
        font-weight: 400;color:#1d1d1d;font-style:normal;
    }

    .map-index .map-content .map-text li .txt {
        font-size: 12px;color:#626262;line-height:17px;
    }

    @media (max-width:1200px) {
        .map-index .map-content .map-text {
            width: 100%;
            text-align: left;
            padding-top: 30px
        }

        .map-index .map-content .map-text li {
            float: left;
            width: 33%;
            padding-bottom:20px;
        }

        .map-index .map-content .map-text li .num span {
            position: static;
            margin-top: -15px
        }
    }




  @-webkit-keyframes ripple {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)
        }

        5% {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: scale(1)
        }
    }

    @keyframes ripple {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1);
            transform: scale(.1)
        }

        5% {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }







/*更多案例*/
 .application {
        background: url(../images/bj.png) top no-repeat;
        background-size: cover;
        padding: 7.8125% 0
    }

    .application .index-more {
        margin-top:65px;
    }

    .application .white a {
        background: #214b9d;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

    .application .white a:hover {
        background: #fff;
        color: #0084ff;
    }

 .index-more {
        text-align: center
    }

    .index-more a {
        display: inline-block;
        line-height: 42px;
        font-size: 16px;
        color: #fff;
        background: #03a9f4;
        border-radius: 2.5em;
        width: 190px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }










 .tonglan {
        background: #111626;
        padding:27px 0 15px
    }

    .tonglan-nav dl {
        padding-left: 10%
    }

    .tonglan-nav dt {
        line-height: 40px
    }

    .tonglan-nav dt a {
        color: #fff;
        font-size: 15px
    }

    .tonglan-nav dd {
        line-height:33px
    }

    .tonglan-nav dd a {
        font-size: 12px;
        color: #fff;
    }

    .tonglan-nav dd a:hover {
        color: #0084ff;
    }

    .tonglan-contact h3 {
        font-size: 15px;
        color: #fff;
        line-height: 40px;
        margin: 0
    }

    .tonglan-contact p {
        font-size:12px;
        padding: 6px 0;
        line-height:16px;
        color: #fff;
    }

    .tonglan-contact p:first-of-type {
        font-size: 24px;
        font-weight: 700;
        color: #fff
    }

    .share {
        margin-top: 2px;width:75%;
    }

    .share a {
        display: inline-block;
        margin-right: 15px;
        line-height: 1
    }

    .share img {
       width:100%;margin:0 auto;
    }




    .link {
        color: #ffffff;
    }

    .link h3 {
        float: left;
        display: block;
        width: 60px;
        margin-top: 20px;font-weight:500;
    }

    .link ul {
        margin-left: 60px
    }

    .link ul li {
        float: left;
        line-height: 1.1;
        padding: 20px 5px
    }

    .link ul li a,
    .link ul li a:visited {
        color: #fff;
    }

    .link ul li a:hover {
        color: #03a9f4;
    }

    @media (max-width:990px) {
        .tonglan {
            padding: 40px 0
        }

        .tonglan-nav {
            margin-bottom: 10px
        }

        .tonglan-nav dl {
            padding-left: 15px;
            min-height: 160px
        }

        .tonglan-nav dt {
            line-height: 30px
        }

        .tonglan-nav dt a {
            font-size: 17px
        }

        .tonglan-nav dd {
            line-height: 30px
        }

        .tonglan-contact p {
            padding: 5px 0
        }
    }


    .footer {
        background: #111626;
    
    }

    .footer .links {
        font-size: 12px;
        padding: 15px 0;
        line-height: 2;
        color: #adaeb3;
        float: left
    }

    .footer .links a {
        color: #adaeb3
    }

    .footer .copyright {
        text-align: center;
        font-size: 12px;
        padding: 15px 0;
        line-height: 2;
        color: #fff;
    }

    .footer .copyright a {
        color: #fff
    }

    .footer .copyright a:hover {
        text-decoration:none;color:#0084ff;
    }

    .footer .copyright img {
        margin-right: 3px
    }

    @media (max-width:768px) {

        #tool-bar,
        .footer .links {
            display: none
        }

        .footer .copyright {
            float: none;
            text-align: center
        }
    }

  



/*内页左侧样式*/
/*.container{max-width:1200px;margin: 0 auto;padding: 0;}*/
.page-position a{color: #333;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}






.ads2{max-width:1200px;margin-top:5%;font-size:0;}
.ads2 li{position:relative;width:26.6%;margin-bottom:2%;display:inline-block;margin-right:2%;}
.ads2 li .img img{width:100%;margin:0 auto;}
.ads2 li .nr{position:absolute;width:100%;height:100%;top:0;left:0;z-index:99999;}
.ads2 li .det{width:85%;height:100%;position:absolute;left: 0;right: 0;margin: auto;display:flex;justify-content:center;align-items:center;z-index:9999;}
.ads2 li h3{width:100%;color:#fff;font-size:20px;line-height:40px;display:block;}
.ads2 li span{width:100%;color:#fff;font-size:12px;padding-top:12px;line-height:20px;display:block;background:url(../images/x.png) no-repeat left top;font-weight:normal;}
.ads2 li:nth-child(3){width:42.5%;}
.ads2 li:nth-child(4){width:42.5%;}
.ads2 li:nth-child(3n){margin-right:0;}
.ads2 li:nth-child(2) span{background:none;}
.ads2 li:nth-child(3n) h3{margin-top:-23px}

    @media (max-width:768px) {
      .fw{padding-top:15px;}
      .ads2 li h3{font-size:16px;}
      .ads2 li span{display:none;}
      .ads2 li:nth-child(3n) h3 {
       margin-top: 0px;
    }

  }






@media (max-width:768px){
    .topbanner{display:none!important;}
    .prod33{display:block!important;margin-top:60px;}
    .prod33 .cases .img img{width:100%;margin:0 auto;}

}




/* 页脚 */
.footer22 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #111626;padding:8px 0;
}

.footer22 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer22 ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 25px;
  font-size: 0;
}

.footer22 ul li.active {
  background: #e4007f;
}

.footer22 ul li a {
  display: block;color:#fff;
}

.footer22 ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer22 ul li span {
  display:block;
  vertical-align: middle;
  font-size: 16px;
}