.banner-pagination{ bottom: 20px!important;}
.banner-pagination .swiper-pagination-bullet{ width: 18px; height: 18px; margin: 0 6px!important; background: #fff; opacity:1;}
.banner-pagination .swiper-pagination-bullet-active{ background: #c40101;}

.index-search{ padding: 38px 0; background: #f0f0f0;}
.i-s-hot{ font-size: 18px; line-height: 40px;}
.i-s-hot b{ color: #c40000;}
.i-s-hot a{ display: inline-block; margin-right: 15px;}
.i-s-input{ float: left; width: 400px; height: 40px; border: 0; background: #fff; padding: 0 10px;}
.i-s-btn{ float: left; width: 130px; height: 40px; border: 0; background: #c40000; color: #fff; font-size: 20px;}

.i-tit{ margin-bottom: 40px;}
.i-tit h2{ position: relative; font-size: 38px; color: #333; font-weight: bold; overflow: hidden;}
.i-tit h2::before,.i-tit h2::after{ position: absolute; left: 160px; top: 50%; content: ''; margin-top: -6px; height: 12px;}
.i-tit h2::before{ width: 100%; background: #e6ebef;}
.i-tit h2::after{ width: 15px; background: #3d508c; }
.i-tit p{ color: #6e6e6e; margin-top: 20px;}

/*index-pro*/
.index-pro{ padding: 50px 0 60px;}
.index-pro li{ float: left; position: relative; width: 31.7%; overflow: hidden;
    -webkit-box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.35); }
.index-pro li{ margin-left: 1%;margin-top: 2%;}
.index-pro .pic img{ width: 100%;}
.index-pro .pic p{ font-size: 24px; color: #333; text-align: center; line-height: 70px; background: #fff;}
.index-pro .info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 40px; color: #fff; background: rgba(196,1,1,.85);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear ;
    -ms-transition: all .4s linear ;
    -o-transition: all .4s linear ;
    transition: all .4s linear ;
    -webkit-transform: translateY(102%);
    -moz-transform: translateY(102%);
    -mstransform: translateY(102%);
    -o-transform: translateY(102%);
    transform: translateY(102%); }
.index-pro .info h3{ position: relative; padding-bottom: 15px; margin-bottom: 15px; font-size: 20px; font-weight: bold; }
.index-pro .info h3::before{ position: absolute; left: 0; bottom: 0; content: ''; width: 74px; border-top: 2px solid #fff;}
.i-pro-links a{ display: block; line-height: 36px; max-width: 220px;}
.index-pro li:hover .info{ transform: translateY(0);}

/*index-case*/
.index-case{ padding: 60px 0; background: #f0f2fd;}
.i-case-list{ height: 442px; overflow: hidden;}
.i-case-list li{ position: relative; float: left; width: 16.66%; /*width: 9.2%;*/ overflow: hidden;
    -webkit-border-radius: 0 0 50px 0;
    -moz-border-radius: 0 0 50px 0;
    border-radius: 0 0 50px 0;}
.index-case .pic{ display: block; position: relative;}
.index-case .pic img{ width: 648px; height: auto;}
.index-case .pic::before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.5);}
.index-case .pic p{ position: absolute; left: 0; bottom: 25px; width: 100%; font-size: 14px; color: #fff; line-height: 24px; height: 48px; padding: 0 7px;}
.index-case .info{ display: none; position: absolute; left: 0; top: 50%; width: 477px; margin-top: -129px; padding: 35px 45px; background: rgba(255,255,255,.82);}
.index-case .info h3{ font-size: 20px; margin-bottom: 20px;}
.index-case .info .p{ line-height: 28px; margin: 10px 0;}
.index-case .btns a{ display: inline-block; padding: 10px; color: #fff; background: #3d508c; }
.index-case .btns a + a{ margin-left: 25px;}

.index-case .active{ width: 54%;}
.index-case .active .pic::before{ display: none;}
.index-case .active .pic p{ display: none;}
.index-case .active .info{ display: block;}

.i-case-mlist{ margin: -20px -6px 0;}
.i-case-mlist li{ float: left; width: 33.33%; padding: 0 6px; margin-top: 20px;}
.i-case-mlist p{ text-align: center; padding-top: 10px; }

/*index-about*/
.index-about{ padding: 60px 0;}
.i-a-cont{
    -webkit-box-shadow: 2px 3px 4px 0 rgba(4, 0, 0, 0.2);
    -moz-box-shadow: 2px 3px 4px 0 rgba(4, 0, 0, 0.2);
    box-shadow: 2px 3px 4px 0 rgba(4, 0, 0, 0.2);}
.i-a-adv{ width: 50.2%; padding: 60px 45px 0; border: 2px solid #c8c8c8; border-right: none;}
.i-a-adv ul{ margin: 0 -40px;}
.i-a-adv li{ float: left; width: 33.33%; padding: 0 40px; margin-bottom: 60px; text-align: center;}
.i-a-adv .round{ display: inline-block; width: 104px; height: 104px; text-align: center; line-height: 100px; font-size: 38px; color: #3d508c; font-weight: bold; border: 2px solid #c8c8c8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
    transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;}
.i-a-adv p{ line-height: 24px; margin-top: 8px;}
.i-a-intro{ width: 49.8%;}
.i-a-intro .p{ padding: 30px; line-height: 30px; background: #e9f0f6;}
.i-a-intro .more{ display: block; margin-top: 10px; width: 148px; line-height: 40px; text-align: center; color: #fff; background: #3d508c;}

/*index-news*/
.index-news{ padding-bottom: 60px;}
.index-news ul{ margin: 0 -30px;}
.index-news li{ float: left; width: 50%; padding: 0 30px;}
.index-news li a{ display: block; overflow: hidden;}
.i-n-list1 li a{ background: #e9f0f6;}
.i-n-list1 img{ float: left; width: 42%;}
.i-n-list1 .txt{ float: right; width: 58%; padding: 13px 30px 0;}
.i-n-list1 h3{ margin-bottom: 8px; font-size: 22px; line-height: 30px; height: 60px; color: #3d508c;}
.i-n-list1 p{ font-size: 18px; line-height: 30px; height: 60px; color: #787878;}
.i-n-list2 li{ margin-top: 22px;}
.i-n-list2 li a{ position: relative; border: 1px solid #c8c8c8; padding: 20px 40px 20px 105px; }
.i-n-list2 .date{ position: absolute; left: 15px; top: 50%; margin-top: -26px; padding-right: 15px; border-right: 1px solid #a0a0a0; text-align: center;}
.i-n-list2 .date .day{ font-size: 30px; padding: 2px 0 6px; color: #646464; font-weight: bold;}
.i-n-list2 .date .year{ color: #a0a0a0;}
.i-n-list2 h3{ font-size: 16px; color: #333; margin-bottom: 15px;}
.i-n-list2 p{ font-size: 14px; color: #a0a0a0;}

/*index-fuwu*/
.index-fuwu{ padding: 50px 0; background: url("../images/index-fuwu-bg.jpg") no-repeat center/cover;}
.index-fuwu .i-tit h2::before{ background: #fff;}
.index-fuwu .pic{ width: 37.7%;}
.index-fuwu ul{ width: 59.7%;}
.index-fuwu li{ float: left; width: 25%; margin: -1px -1px 0 0; padding: 30px 0; text-align: center; background: #fff; border: 1px solid #c8c8c8;}
.index-fuwu li a{ display: block; }
.index-fuwu li i{ display: block; font-size: 54px; line-height: 60px; color: #3d508c;}
.index-fuwu li .icon-address{ font-size: 64px;}
.index-fuwu li p{ font-size: 18px; margin-top: 10px;}
.index-fuwu li:hover a{ transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); -moz-transform: scale(1.06); -webkit-transform: scale(1.06);}


@media screen and (min-width: 992px){
    .i-a-intro .more:hover{ background: #c40101; }
    .i-a-adv li:hover .round{ 
        transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg); }
}

@media screen and (max-width: 1249px){
    .i-s-input{ width: 300px;}
    .i-s-btn{ width: 120px;}

    .i-tit{ margin-bottom: 30px;}
    .i-tit h2{ font-size: 34px;}
    .i-tit h2::before, .i-tit h2::after{ left: 145px;}

    .index-pro{ padding: 45px 0 55px;}
    .index-pro .pic p{ font-size: 22px; line-height: 60px;}
    .index-pro .info{ padding: 20px;}
    .index-pro .info h3{ margin-bottom: 10px;}
    .i-pro-links a{ line-height: 34px;}

    .index-case{ padding: 50px 0; }
    .i-case-list{ height: 346px;}
    .i-case-list .pic img{ width: 508px; }
    .i-case-list .info{ width: 420px; padding: 30px 25px; margin-top: -124px;}
    .i-case-list .info h3{ font-size: 18px;}
    .i-case-list .info .p{ font-size: 14px;}

    .index-about{ padding: 50px 0;}
    .i-a-adv{ padding: 54px 20px 0;}
    .i-a-adv ul{ margin: 0 -10px;}
    .i-a-adv li{ padding: 0 10px; margin-bottom: 51px;}

    .index-news{ padding-bottom: 50px; }
    .index-news ul{ margin: 0 -20px;}
    .index-news li{ padding: 0 20px;}
    .i-n-list1 .txt{ padding: 10px 15px 0;}
    .i-n-list1 h3{ font-size: 18px; line-height: 26px; height: 52px;}
    .i-n-list1 p{ font-size: 15px; line-height: 22px; height: 44px;}

    .index-fuwu li{ padding: 18px 0;}
    .index-fuwu li i{ font-size: 48px; line-height: 52px;}
    .index-fuwu li .icon-address{ font-size: 52px;}
}

@media screen and (max-width: 991px){
    .banner-pagination{ bottom: 15px!important;}
    .banner-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 0 5px!important;}

    .i-s-hot{ font-size: 15px;}
    .i-s-hot a{ margin-right: 8px;}
    .i-s-input{ width: 210px;}
    .i-s-btn{ width: 90px; font-size: 18px;}

    .i-tit h2{ font-size: 32px;}
    .i-tit h2::before, .i-tit h2::after{ left: 140px;}

    .index-pro{ padding: 40px 0 45px;}
    .index-pro .pic p{ font-size: 20px; line-height: 50px;}

    .index-case{ padding: 40px 0;}

    .index-about{ padding: 40px 0;}
    .i-a-adv{ padding: 50px 10px 20px;}
    .i-a-adv ul{ margin: 0 -6px;}
    .i-a-adv li{ padding: 0 6px; margin-bottom: 30px;}
    .i-a-adv .round{ width: 94px; height: 94px; line-height: 90px; font-size: 30px;}
    .i-a-adv p{ font-size: 15px;}
    .i-a-intro .p{ padding: 15px; }

    .index-news{ padding-bottom: 40px; }
    .index-news ul{ margin: 0 -10px;}
    .index-news li{ padding: 0 10px;}
    .i-n-list1 .txt{ padding: 15px 13px 0;}
    .i-n-list1 h3{ font-size: 17px; line-height: 20px; -webkit-line-clamp: 1; height: 20px; margin-bottom: 10px;}
    .i-n-list1 p{ font-size: 14px; line-height: 20px; height: 40px;}
    .i-n-list2 li a{ padding: 20px 10px 20px 90px;}
    .i-n-list2 .date{ left: 10px; padding-right: 10px;}

    .index-fuwu{ padding: 40px 0;}
    .index-fuwu li{ padding: 11px 0;}
    .index-fuwu li i{ font-size: 38px; line-height: 41px;}
    .index-fuwu li .icon-address{ font-size: 42px;}
    .index-fuwu li p{ font-size: 16px;}
}

@media screen and (max-width: 767px){
    .banner-pagination{ bottom: 10px!important;}
    .banner-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 3px!important;}

    .index-search{ padding: 20px 0 30px;}
    .i-s-hot{ position: relative; padding-left: 76px; width: 100%; line-height: 26px;}
    .i-s-hot b{ position: absolute; left: 0; top: 0; }
    .i-s-cont{ width: 100%; margin-top: 10px; line-height: 36px;}
    .i-s-input{ width: 70%; height: 36px;}
    .i-s-btn{ width: 30%; height: 36px; font-size: 16px;}

    .i-tit{ margin-bottom: 20px;}
    .i-tit h2{ font-size: 26px;}
    .i-tit h2::before, .i-tit h2::after{ left: 110px; height: 8px; margin-top: -4px;}
    .i-tit p{ font-size: 14px; line-height: 24px; margin-top: 13px;}

    .index-pro{ padding: 30px 0 35px;}
    .index-pro .pic p{ font-size: 15px; line-height: 36px;}

    .index-case{ padding: 30px 0;}
    .i-case-mlist{ margin: -3vw -1vw 0;}
    .i-case-mlist li{ width: 50%; padding: 0 1vw; margin-top: 3vw;}
    .i-case-mlist p{ font-size: 15px; padding-top: 1.5vw;}

    .index-about{ padding: 30px 0;}
    .i-a-adv{ width: 100%; padding: 20px 10px 10px; border-right: 2px solid #c8c8c8;}
    .i-a-adv ul{ margin: 0 -3px;}
    .i-a-adv li{ padding: 0 3px; margin-bottom: 10px;}
    .i-a-adv .round{ width: 74px; height: 74px; line-height: 70px; font-size: 24px;}
    .i-a-adv p{ font-size: 12px; line-height: 20px; margin-top: 5px;}
    .i-a-intro{ width: 100%;}

    .index-news{ padding-bottom: 30px; }
    .index-news ul{ margin: 0 -3px;}
    .index-news li{ padding: 0 3px;}
    .i-n-list1 img{ width: 100%;}
    .i-n-list1 .txt{ width: 100%; padding: 10px; text-align: center;}
    .i-n-list1 h3{ font-size: 15px; margin-bottom: 0;}
    .i-n-list2 li{ width: 100%; margin-top: 15px;}
    .i-n-list2 li a{ padding: 15px 10px 15px 80px;}
    .i-n-list2 h3{ margin-bottom: 12px;}
    .i-n-list2 .date{ margin-top: -22px; padding-right: 10px;}
    .i-n-list2 .date .day{ font-size: 24px;}
    .i-n-list2 .date .year{ font-size: 12px;}

    .index-fuwu{ padding: 30px 0;}
    .index-fuwu .pic{ width: 100%;}
    .index-fuwu ul{ width: 100%; margin-top: 20px;}
}
@media screen and (max-width: 440px){
    .i-case-mlist p{ font-size: 14px;}

    .index-fuwu li{ padding: 10px 0;}
    .index-fuwu li i{ font-size: 30px; line-height: 36px;}
    .index-fuwu li .icon-address{ font-size: 36px;}
    .index-fuwu li p{ font-size: 14px; margin-top: 6px;}
}
@media screen and (max-width: 353px) {
}