@media screen and (min-width: 1440px){
    .container { width: 1410px; }
}

/*mobile-nav start*/
.mobile-nav {
    position: fixed; top: 0; left: 0;
    width: 100%; height: 44px;
    padding: 0;
    color: #999; line-height: 44px;
    background: #f2f2f2;
    z-index: 999;
}
.mnavbar-left { padding-left: 15px; }
.mnavbar-left a { width: 120px; height: 44px; display: block; background: url(../images/logo.png) center no-repeat; background-size: 100%; }
.mobile-nav a { color: #999; }
.mobile-nav .mnavbar-right i { min-width: 40px; line-height: 44px; font-size: 20px; text-align: center; display: block; }
.mobile-nav .mnavbar-right .icon-bars{ font-size: 24px; font-weight: 700; }
/*mobile-nav end*/

@media (min-width: 1440px){
    .main-nav .pro-nav-sub { width: 1380px; }
}



/*sbanner start*/
.s-banner { width: 100%; position: relative; }
.index-banner { width: 100%; text-align: center; position: relative; }
.index-banner > a{
    position: absolute; top: 50%;
    width: 50px; height: 80px;
    margin-top: -40px;
    background-image: none;
    text-align: center; line-height: 80px; color: #a9a9a9; font-size: 24px;
    background: rgba(0, 0, 0, 0.2)!important;
    filter: Alpha(opacity=20);
    z-index: 2;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.index-banner > a:hover{ background: rgba(0, 0, 0, 0.5)!important; filter: Alpha(opacity=50); }
.index-banner .arrow-left{ left:50%; margin-left: -690px; }
.index-banner .arrow-right{ right:50%; margin-right: -690px; }
.index-banner .pagination{
    position: absolute; bottom: 15px; left: 0;
    width: 100%; margin: 0;
    text-align: center;
    z-index: 99;
}
.index-banner .swiper-pagination-bullet{
    display: inline-block;
    width: 10px; height: 10px;
    margin: 0 3px;
    opacity: 1;
    border-radius: 10px;
    background: rgba(255,255,255,0.3);
    cursor: pointer;
}
.index-banner .swiper-pagination-bullet-active{ background: #D0011B; border: 1px solid #D0011B; }
.s-banner .swiper-slide a{ display: block; position: relative; padding-top: 34.7%; background: #ccc; }
.s-banner .swiper-slide img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*sbanner end*/


.i-bt{ position: relative; padding-bottom: 13px; font-size: 32px; font-weight: 700; color: #0076e0; text-align: center; text-transform: uppercase; margin-bottom: 40px;}
.i-bt span{ position: absolute; left: 50%; bottom: 0; width: 154px; height: 2px; margin-left: -77px; background: #0076e0;}

.index-solution{ padding: 50px 0;}
.index-solution ul{ margin: 0 -25px;}
.index-solution li{ float: left; width: 20%; padding: 0 25px; }
.index-solution li span{ display: block; line-height: 38px; font-size: 18px; text-align: center; border: 1px solid #C8C8C8; border-width: 0 1px 4px; border-bottom-color: #505050; }


.index-pro{ padding: 30px 0 35px; background: #f0f0f0;}
.index-pro ul{ margin: 0 -30px;}
.index-pro li{ float: left; width: 25%; padding: 0 30px;}
.index-pro li a{ display: block;}
.index-pro li span{ display: block; line-height: 56px; text-align: center; font-size: 18px; background: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 8px;}
.index-pro li:hover a{ background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,.2);
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}
.index-pro li:hover span{ background: #787878; color: #fff;}
.index-pro .more{ display: block; margin: 30px auto 0; max-width: 300px; text-align: center; width: 50%; line-height: 50px; background: #0076e0; color: #fff; font-size: 22px; }

.index-case{ padding: 60px 0;}
.i-case-pic{ width: 47.4%;}
.i-case-txt{ width: 50%; height: 413px; padding: 30px; line-height: 30px; font-size: 14px; background: #f0f0f0;}
.i-case-txt h3{ font-size: 17px; font-weight: 700; line-height: 1.3; }
.i-case-txt h3 + p{ margin: 18px 0 12px;}


.index-about{ padding: 30px 0; background: #dde6ed;}
.i-about-txt{ position: relative; width: 44%; }
.i-about-txt ul{ position: absolute; width: 460px; right:0; top: 60px; }
.i-about-txt li{ float: left; font-size: 22px; min-width: 140px;}
.i-about-txt .li1,.i-about-txt .li2{ margin-bottom: 30px;}
.i-about-txt .li1,.i-about-txt .li3{ margin-right: 100px;}
.i-about-txt li b{ font-size: 46px;}
.i-about-video{ width: 42.6%; margin-right: 10%; background: #ccc;}
.i-about-shipin{ position: relative; width: 100%; padding-top: 59%; }
.i-about-video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


.index-more{ padding: 40px 0; }
.index-more h2{ text-align: left; margin-bottom: 10px; }
.index-more h2 i{ display: inline-block; font-style: normal; padding-bottom: 13px; border-bottom: 1px solid #0076e0; }
.index-news{ width: 55.1%;}
.index-news li + li{ margin-top: 30px; }
.index-news li:hover h3,
.index-news li:hover p span{ text-decoration: underline; }
.i-news-date{ width: 52px; height: 52px; text-align: center; border: 1px solid #0076e0; }
.i-news-date .day{ display: block; font-size: 20px; line-height: 32px; color: #fff; background: #0076e0; }
.i-news-date .year{ display: block; font-size: 12px; line-height: 20px; color: #0076e0; }
.i-news-cont{ padding-left: 65px; line-height: 18px; }
.i-news-cont h3{ font-size: 16px; margin: 0; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-news-cont p{ position: relative; font-size: 12px; color: #939292; height: 36px; overflow: hidden; text-align: justify; margin-bottom: 0; }
.i-news-cont p span{ position: absolute; bottom: 0; right: 0; background: #fff; padding-left: 20px; color: #0076e0; }

.index-contact{ width: 36%;}
.index-contact h2{ padding: 0; margin-bottom: 10px;}
.i-lianxi li{ float: left; line-height: 60px; }
.i-lianxi .li1,.i-lianxi .li3,.i-lianxi .li5{ width: 252px; margin-right: 40px;}
.i-lianxi i{ display: inline-block; width: 19px; font-size: 19px; margin-right: 15px; }
.i-share li{ margin: 10px 30px 0 0; float: left; }
.i-share i{ color: #333; font-size: 38px; }






@media (max-width: 1439px){
    .index-banner .arrow-left{ margin-left: -570px; }
    .index-banner .arrow-right{ margin-right: -570px; }

    .index-solution ul{ margin: 0 -15px;}
    .index-solution li{ padding: 0 15px;}

    .index-pro ul{ margin: 0 -15px;}
    .index-pro li{ padding: 0 15px;}

    .index-case{ padding: 50px 0;}
    .i-case-txt{  height: 341px; padding: 15px 20px 20px; line-height: 23px; }
    .i-case-txt h3{ font-size: 15px; }
    .i-case-txt h3 + p{ margin: 10px 0 10px;}

    .i-about-txt ul{ top: 25px;}

    .index-contact{ width: 41%;}
    .i-lianxi .li1, .i-lianxi .li3, .i-lianxi .li5{ margin-right: 18px;}
    .i-lianxi i{ margin-right: 10px;}
}
@media (max-width: 1199px){
    .index-banner .arrow-left{ margin-left: -470px; }
    .index-banner .arrow-right{ margin-right: -470px; }

    .i-bt{ margin-bottom: 30px;}

    .index-solution{ padding: 40px 0;}
    .index-solution ul{ margin: 0 -10px;}
    .index-solution li{ padding: 0 10px;}

    .index-pro ul{ margin: 0 -10px;}
    .index-pro li{ padding: 0 10px;}
    .index-pro li span{ font-size: 16px; line-height: 44px;}

    .index-case{ padding: 40px 0;}
    .i-case-pic{ float: none!important; width: 100%; }
    .i-case-txt{ float: none!important; width: 100%; max-width: 654px; margin: 20px auto 0; height: auto; padding: 20px; line-height: 30px; }
    .i-case-txt h3{ font-size: 16px; }
    .i-case-txt h3 + p{ margin: 10px 0 10px;}


    .i-about-txt ul{ width: 380px; top: 30px; }
    .i-about-txt li{ font-size: 20px; min-width: 122px; line-height: 1.2;}
    .i-about-txt li b{ font-size: 40px; }
    .i-about-txt .li1,.i-about-txt .li2{ margin-bottom: 20px;}
    .i-about-txt .li1,.i-about-txt .li3{ margin-right: 70px;}

    .index-more{ padding: 30px 0;}
    .i-lianxi li{ font-size: 14px; margin-right: 18px!important;}
    .i-lianxi .li1, .i-lianxi .li3, .i-lianxi .li5{ width: auto;}

}

@media (max-width: 991px){
    .s-banner .swiper-slide a{ padding-top: 45.6%; }

    .i-bt{ margin-bottom: 20px; font-size: 28px;}

    .index-solution{ padding: 30px 0;}
    .index-solution ul{ margin: 0 -5px;}
    .index-solution li{ padding: 0 5px;}
    .index-solution li span{ font-size: 14px; line-height: 30px;}

    .index-pro ul{ margin: 0 -5px;}
    .index-pro li{ padding: 0 5px;}
    .index-pro li span{ font-size: 14px; line-height: 36px;}

    .index-case{ padding: 25px 0;}
    .i-case-txt{ line-height: 22px; padding: 15px 10px; font-size: 13px;}
    .i-case-txt h3 + p{ margin: 10px 0 8px;}

    .i-about-txt ul{ width: 312px; top: 20px; }
    .i-about-txt li{ font-size: 19px; min-width: 110px; }
    .i-about-txt li b{ font-size: 34px; }
    .i-about-txt .li1,.i-about-txt .li2{ margin-bottom: 15px;}
    .i-about-txt .li1,.i-about-txt .li3{ margin-right: 40px;}

    .index-more{ margin-bottom: 46px;}
    .index-news{ width: 100%; margin-bottom: 30px;}
    .index-contact{ width: 100%;}
    .i-lianxi li{ width: 33.333%!important; font-size: 14px;}
    .i-lianxi .li1, .i-lianxi .li3, .i-lianxi .li5{ margin-right: 0; }
    .i-lianxi i{ margin-right: 10px;}
}

@media (max-width: 767px){
    .i-bt{ font-size: 22px; padding-bottom: 8px;}

    .index-solution{ padding: 20px 0;}
    .index-solution ul{ margin: 0 -5px;}
    .index-solution li{ width: 33.33%; margin-bottom: 15px; padding: 0 5px;}
    .index-solution li span{ border-bottom-width: 3px;}

    .index-pro{ padding: 20px 0;}
    .index-pro ul{ margin: 0 -5px;}
    .index-pro li{ width: 50%; margin-bottom: 10px; padding: 0 5px;}
    .index-pro li span{ font-size: 13px; line-height: 36px;}

    .i-about-txt{ width: 100%;}
    .i-about-txt ul{ position: static; width: auto; }
    .i-about-txt li{ font-size: 15px; width: 50%; margin-bottom: 15px!important; }
    .i-about-txt li b{ font-size: 26px; }
    .i-about-txt .li1,.i-about-txt .li3{ padding-left: 10%; margin-right: 0;}
    .i-about-video{ width: 100%; margin-right: 0;}

    .index-more{ padding: 20px 0;}
    .index-more h2{ margin-bottom: 10px;}
    .index-news li + li{ margin-top: 20px;}
    .index-more h2 i{ padding-bottom: 8px;}
    .i-lianxi li{ width: 100%!important; line-height: 46px; font-size: 16px;}
}