.imgHover{ overflow: hidden;}
.imgHover img{ 
    transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
}
.imgHover:hover img{
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


.banner img{ width: 100%;  }


.title{ text-align: center; }
.title h2{ position: relative; display: inline-block; padding-left: 66px; font-size: 50px; background: url(../images/gangzha/title-icon1.png) no-repeat left center;}

.box{  padding: 70px 0 75px; background: #fff; }

.gzx-yingyong{ background: #f9f7f8; }
.gzx-yingyong .p{ position: relative; margin: 40px 0 50px; padding: 15px 45px 15px 20px; line-height: 36px; background: #f5f5f5; }
.gzx-yingyong .p i{ position: absolute; width: 80px; height: 40px; border: solid #d0111b; }
.gzx-yingyong .p .bian1{ left: 0; top: 0; border-width: 2px 0 0 2px;}
.gzx-yingyong .p .bian2{ right: 0; bottom: 0; border-width: 0 2px 2px 0; }
/*.gzx-yingyong .txt{ width: 39%; }
.gzx-yingyong .txt h3{ position: relative; padding-bottom: 15px; margin: 20px 0; font-size: 24px; color: #d0111b; }
.gzx-yingyong .txt h3 i{ position: absolute; left: 0; bottom: 0; width: 80px; border-top: 2px solid #d0111b; }
.gzx-yingyong .txt p{ line-height: 42px; color: #000; }
.gzx-yingyong .pic{ width: 55.8%; }*/
.gzx-yingyong .txt{ display: none; }
.gzx-yingyong .pic{ width: 100%; }
.gzx-yingyong .pic img{ margin: 0 auto;}


.gzx-liucheng .title h2{ background-image: url(../images/gangzha/title-icon2.png); }
.gzx-liucheng ul{ margin: 50px -6px; }
.gzx-liucheng li{ float: left; width: 33.33%; padding: 0 6px; }
.gzx-liucheng li .cont{ position: relative; padding-left: 58px; }
.gzx-liucheng li h3{ position: absolute; left: 0; top: 0; padding: 40px 6px 0; width: 58px; height: 100%; font-size: 24px; text-align: center; line-height: 30px; color: rgba(255,255,255,.8); background: #d0111b; }
.gzx-liucheng li h3 i{ display: block; margin-bottom: 20px; font-family: Impact; font-style: normal; font-size: 42px; color: rgba(255,255,255,.6); }
.gzx-liucheng li .cont p{ padding: 15px 20px 0; font-size: 14px; line-height: 30px; height: 244px; color: #000; background: url(../images/gangzha/liucheng1.jpg) no-repeat center/cover; }
.gzx-liucheng .li2 .cont p{ background-image: url(../images/gangzha/liucheng2.jpg); }
.gzx-liucheng .li3 .cont p{ background-image: url(../images/gangzha/liucheng3.jpg); }
.gzx-liucheng .li3 h3{ line-height: 28px; }
.gzx-liucheng .li3 h3 i{ margin-bottom: 10px; }
.gzx-liucheng .li2 .cont p{ padding: 55px 55px 0; }
.gzx-liucheng .li3 .cont p{ padding: 15px 15px 0; line-height: 27px; }
.gzx-liucheng .lc-pic{ padding: 25px 0 30px; border: 8px solid #f0f0f0; }
.gzx-liucheng .lc-pic h3{ text-align: center; font-size: 24px; color: #d0111b; margin-bottom: 20px; }


.index-pro{ padding: 60px 0 0; position: relative; color: #fff; background: url("../images/gangzha/pro-bg.jpg") no-repeat center/cover;}

.i-pro-big{ position: relative; width: 82.7%; }
.pro-big-bg{ position: absolute; left: 15%; top: 90px; width: 50%; }
.pro-big-bg img{
    animation: imgRot2 12s infinite linear;
    -webkit-animation: imgRot2 12s infinite linear;
    -o-animation: imgRot2 12s infinite linear;
    -moz-animation: imgRot2 12s infinite linear;
}
.i-pro-big .swiper-slide{ position: relative; padding-top: 90px; }
.pro-big-img{ width: 66%; margin-left: 4%; height: 600px;
    transform: scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);}

.p-big-txt-left{ position: absolute; left: 0; top: 95px; width: 0; overflow: hidden; }
.p-big-txt-left img{ height: auto;}
.p-big-txt-left1 img{ width: 172px; }
.p-big-txt-left2{ top: 280px; }
.p-big-txt-left2 img{ width: 146px; }
.p-big-txt-left3{ top: 430px; }
.p-big-txt-left3 img{ width: 170px; }

.p-big-txt-right-xian{ position: absolute; top: 20px; left: 45%; width: 0; overflow: hidden; }

.p-big-txt-cont{ position: absolute; right: 0; top: 0; width: 30%; height: 0; overflow: hidden;}
.p-big-txt-cont h3{ position: relative; width: 80%; margin: 0 auto; font-size: 22px; text-align: center; line-height: 56px; background: rgba(255,255,255,0.24);}
.p-big-txt-cont h3::before,.p-big-txt-cont h3::after{ content: ''; position: absolute; width: 20px; height: 20px;}
.p-big-txt-cont h3::before{ left: 0; top: 0; border: 2px solid rgba(255,255,255,0.6); border-width: 2px 0 0 2px;}
.p-big-txt-cont h3::after{ right: 0; bottom: 0; border: 2px solid rgba(255,255,255,0.6); border-width: 0 2px 2px 0;}
.p-big-txt-cont .bian span{ display: inline-block; width: 17px; height: 72px; background: url("../images/gangzha/index-pro-bian1.png") no-repeat bottom center;}
.p-big-txt-cont .bian .bian1{ float: left; margin-left: 17%; }
.p-big-txt-cont .bian .bian2{ float: right; margin-right: 17%; }
.p-big-txt-cont .wen{ margin-top: -35px; border: 2px solid rgba(255,255,255,0.6); padding: 13px; }
.p-big-txt-cont .wen p{ padding: 20px 15px 13px; line-height: 22px; font-size: 14px; background: rgba(255,255,255,0.24); }

.i-pro-cont{ position: relative;  }
.i-pro-next,.i-pro-prev{ right: 10%; left: auto; bottom: 65px; top: auto; width: 75px; height: 75px; background: url("../images/gangzha/index-pro-bottom.png") no-repeat; opacity: 1!important;}
.i-pro-prev{ bottom: 190px; background-image: url("../images/gangzha/index-pro-top.png");}
.index-pro .swiper-button-disabled{ opacity: .3!important;}
.i-pro-prev:hover,.i-pro-next:hover{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 1px #ccc;
    -moz-box-shadow: 0 0 10px 1px #ccc;
    box-shadow: 0 0 10px 1px #ccc;}

.i-pro-samll{ padding-top: 50px; width: 17.3%;}
.i-pro-samll .swiper-slide + .swiper-slide{ margin-top: 30px;}
.i-pro-samll .pro-small-img{ position: relative; text-align: center; line-height: 150px; border: 1px solid rgba(255,255,255,0.4);  background: #2f3132;  }
.i-pro-samll .active-nav .pro-small-img{ background: #7b7b7c;
    -webkit-box-shadow: 0 0 10px #7c7d7d;
    -moz-box-shadow: 0 0 10px #7c7d7d;
    box-shadow: 0 0 10px #7c7d7d;}
.i-pro-samll .pro-small-img::before,.i-pro-samll .pro-small-img::after{ content: ''; position: absolute; border: 2px solid rgba(255,255,255,0.7); }
.i-pro-samll .pro-small-img::before{ left: -1px; top: -1px; width: 13%; height: 12.5%; border-bottom: none; border-right: none;}
.i-pro-samll .pro-small-img::after{ right: -1px; bottom: -1px; width: 70%; height: 45%; border-top: none; border-left: none;}
.i-pro-samll .pro-small-img img{ display: inline-block;}



.gzx-case{ padding-bottom: 45px; }
.gzx-case .p{ line-height: 36px; margin-bottom: 30px;}
.gzx-case .p a{ color: #c40000;}
.gzx-case .p a:hover{ text-decoration: underline;}
.gzx-case .title{ margin-bottom: 45px; }
.gzx-case .title h2{ background-image: url(../images/gangzha/title-icon3.png); }
.gzx-case li{ float: left; width: 31.25%; margin-left: 0.95%; }
.gzx-case li p{ padding-top: 20px; margin-bottom: 30px; font-size: 20px; letter-spacing: -0.5px; color: #393939; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gzx-case .li1{ width: 35.6%; margin-left: 0; }




@media screen and (max-width: 1259px){

   .box{ padding: 60px 0 65px; }
   .title h2{ font-size: 46px;  }

   .gzx-yingyong .txt{ width: 42%; }
   .gzx-yingyong .txt h3{ margin: 10px 0 20px; }
   .gzx-yingyong .txt p{ line-height: 36px; }

   .gzx-liucheng ul{ margin: 45px -6px; }
   .gzx-liucheng li .cont p{ padding: 10px 12px 0; line-height: 24px; height: 260px; }
   .gzx-liucheng .li2 .cont p{ padding: 50px 30px 0; line-height: 30px; }
   .gzx-liucheng .li3 .cont p{ padding: 10px 10px 0; line-height: 22px; }

   .gzx-case{ padding-bottom: 40px; }
   .gzx-case li p{ padding-top: 12px; margin-bottom: 23px; }


   /*index-pro*/
   .index-pro{ padding-top: 50px; }
    .pro-big-img{ height: 500px;}

    .p-big-txt-cont h3{ font-size: 19px; }
    .p-big-txt-cont .bian span{ height: 55px; background-size: contain; }
    .p-big-txt-cont .wen{ padding: 10px; margin-top: -25px; }
    .p-big-txt-cont .wen p{ padding: 20px 10px 10px; font-size: 13px; line-height: 20px; }

    .p-big-txt-right-xian{ left: 40%; }
    .p-big-txt-right-xian img{ width: 250px; }
    .p-big-txt-left1 img{ width: 140px; }
    .p-big-txt-left2{ top: 245px;}
    .p-big-txt-left2 img{ width: 105px; }
    .p-big-txt-left3{ top: 365px;}
    .p-big-txt-left3 img{ width: 120px;}

    .i-pro-next, .i-pro-prev{ bottom: 45px; width: 60px; height: 60px; background-size: contain; }
    .i-pro-prev{ bottom: 125px;}

    .i-pro-samll .pro-small-img{ height: 110px; line-height: 110px; }
    .i-pro-samll .swiper-slide + .swiper-slide{ margin-top: 45px;}


}

@media screen and (max-width: 991px){
   .box{ padding: 45px 0 50px; }
   .title h2{ font-size: 40px; padding-left: 55px;  }

   .gzx-yingyong .p{ padding: 20px 25px; margin: 35px 0 45px; line-height: 32px; }
   .gzx-yingyong .txt{ width: 44.5%; }
   .gzx-yingyong .txt h3{ margin-bottom: 15px; font-size: 22px; letter-spacing: -1px; }
   .gzx-yingyong .txt p{ line-height: 32px; }
   .gzx-yingyong .pic{ width: 53%; padding-top: 35px; }

   .gzx-liucheng ul{ margin: 35px -6px; }
   .gzx-liucheng li .cont{ padding-left: 50px; }
   .gzx-liucheng li .cont h3{ width: 50px; padding: 65px 3px 0; }
   .gzx-liucheng li h3 i{ font-size: 38px; }
   .gzx-liucheng li .cont p{ padding: 10px 10px 0; line-height: 22px; height: 310px; }
   .gzx-liucheng .li2 .cont p{ padding: 50px 20px 0; }
   .gzx-liucheng .li3 .cont p{ line-height: 21px; font-size: 13px; }

   .gzx-case{ padding-bottom: 30px; }
   .gzx-case li p{ padding-top: 10px; margin-bottom: 15px; font-size: 17px; }

   
   /*index-pro*/
    .index-pro{ padding-top: 40px; }

    .pro-big-img{ height: 410px;}

    .p-big-txt-left{ top: 67px;}
    .p-big-txt-left1 img{ width: 145px; }
    .p-big-txt-left2{ top: 185px;}
    .p-big-txt-left2 img{ width: 90px;}
    .p-big-txt-left3{ top: auto; bottom: 187px;}
    .p-big-txt-left3 img{ width: 110px;}
    .p-big-txt-left4{ top:auto; bottom: 64px;}
    .p-big-txt-left4 img{ width: 102px; }

    .p-big-txt-right-xian img{ width: 175px;}

    .p-big-txt-cont{ width: 32%; }
    .p-big-txt-cont h3{ font-size: 18px; line-height: 50px;}
    .p-big-txt-cont .bian span{ height: 40px;}
    .p-big-txt-cont .wen{ padding: 5px; margin-top: -20px;}
    .p-big-txt-cont .wen p{ padding: 15px 4px 10px; font-size: 12px;}

    .i-pro-next, .i-pro-prev{ bottom: 30px; width: 45px; height: 45px;}
    .i-pro-prev{ bottom: 85px;}

    .i-pro-samll{ padding-top: 30px;}
    .i-pro-samll .swiper-slide + .swiper-slide{ margin-top: 25px;}
    .i-pro-samll .pro-small-img{ padding: 10px; line-height: 80px; height: 100px;}

    
}

@media screen and (max-width: 767px){
    
   .box{ padding: 30px 0 35px; }
   .title h2{ font-size: 36px; padding-left: 50px; background-size: contain;  }

   .gzx-yingyong .p{ padding: 4vw 5vw; margin: 30px 0 35px; font-size: 15px; line-height: 30px;s }
   .gzx-yingyong .txt{ width: 100%; }
   .gzx-yingyong .txt h3{ font-size: 20px; font-weight: bold; }
   .gzx-yingyong .txt p{ line-height: 30px; font-size: 15px; }
   .gzx-yingyong .pic{ width: 100%; padding-top: 0; }

   .gzx-liucheng ul{ margin: 30px 0; }
   .gzx-liucheng li{ width: 100%; padding: 0; }
   .gzx-liucheng li + li{ margin-top: 15px; }
   .gzx-liucheng li .cont{ padding-left: 0; }
   .gzx-liucheng li .cont h3{ position: static; width: 100%; line-height: 50px; padding: 0; }
   .gzx-liucheng li h3 i{ display: inline-block; font-size: 34px; margin-bottom: 0!important; position: relative; top: 3px; margin-right: 10px; }
   .gzx-liucheng li .cont p{ padding: 15px!important; font-size: 14px!important; line-height: 28px!important; height: auto; }
   .gzx-liucheng .lc-pic { padding: 15px 0 20px; }
   .gzx-liucheng .lc-pic h3{ font-size: 20px; font-weight: bold; margin-bottom: 15px; }

   .gzx-case{ padding-bottom: 20px; }
   .gzx-case .title{ margin-bottom: 5vw; }
   .gzx-case li p{ padding-top: 1.2vw; margin-bottom: 1.5vw; font-size: 2.5vw; }

   /*index-pro*/
   .index-pro{ padding: 30px 0; }
    .i-pro-big{ width: 100%;}
    .pro-big-bg{ width: 72%; left: 14%; top: 0;}
    .i-pro-m-swiper{ padding-bottom: 30px;}
    .i-pro-m-swiper .i-pro-m-pagination{ bottom: 0;}
    .i-pro-m-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; opacity: .8;}
    .i-pro-m-pagination .swiper-pagination-bullet-active{ width: 24px; background: #007aff; opacity: 1;
        -webkit-border-radius: 5px ;
        -moz-border-radius: 5px;
        border-radius: 5px;}

    .i-pro-big .swiper-slide{ padding-top: 0;}
    .pro-big-img{ width: 100%; margin-left: 0; height: auto;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);}
    .p-big-txt-cont{ position: static; width: 100%; height: auto; margin-top: 6vw;}
    .p-big-txt-cont h3{ width: 70%;}
    .p-big-txt-cont .wen p{ padding: 20px 10px 10px; font-size: 14px; line-height: 26px; }
    .p-big-txt-cont .bian span{ height: 50px;}
    .p-big-txt-cont .bian .bian1{ margin-left: 21%;}
    .p-big-txt-cont .bian .bian2{ margin-right: 21%;}


}
@media screen and (max-width: 600px){
   

}
@media screen and (max-width: 520px){
    .title h2{ font-size: 8vw; padding-left: 12vw; background-size: contain;  }

}