/*i-pro*/
.i-pro{ padding: 60px 0;}
.i-pro ul{ margin: 0 -11px; }
.i-pro li{ float: left; width: 33.333%; padding: 0 11px;}
.i-pro-box{ padding: 12px 0; background: #e6e6e6;}
.i-pro-box .pic{ width: 59%; }
.i-pro-box .txt{ width: 41%; padding-top: 24px;}
.i-pro-box h2{ margin-bottom: 5px; font-size: 24px; font-weight: 400;}
.i-pro-box p{ font-size: 16px; line-height: 30px;}
/*i-pro*/
.center{text-align: center;}

/*i-fangan*/
.i-fangan{ background: url("../image/i-fangan-bg.jpg") no-repeat center/cover;}
.i-fangan .i-tit{ color: #fff;}
.i-fangan .p{ margin: -15px 0 30px; color: #fff;}
.i-fangan ul{ margin: 0 -10px;}
.i-fangan li{ float: left; width: 25%; padding: 0 10px;}
.i-fangan-item{ display: block; position: relative; padding-bottom: 46px;
    -webkit-box-shadow: 3px 5px 6px 0 rgba(7, 0, 2, 0.38);
    -moz-box-shadow: 3px 5px 6px 0 rgba(7, 0, 2, 0.38);
    box-shadow: 3px 5px 6px 0 rgba(7, 0, 2, 0.38);}
.i-fangan-item p{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 18px; line-height: 46px; text-align: center; background: #fff;
    -webkit-transition: line-height .2s linear;
    -moz-transition: line-height .2s linear;
    -ms-transition: line-height .2s linear;
    -o-transition: line-height .2s linear;
    transition: line-height .2s linear;}
.i-fangan-item i{ display: none;}
/*i-fangan*/

/*i-case*/
.i-case{  }
.i-case .p{ line-height: 30px; margin: -13px 0 30px;}
.i-case .p b{ font-size: 20px; font-weight: 400;}
.i-case-swiper{ position: relative; padding-bottom: 20px;}
.i-case-item{ padding: 27px 0; margin-left: 9.5%; width: 90.5%; color: #000; background: #e6e6e6;}
.i-case-item .img{ width: 51.6%; margin-left: -10.4%;}
.i-case-item .info{ width: 48.8%; margin-right: 5%;}
.i-case-item .info h3{ font-size: 24px; color: #d32e26; margin: 15px 0 25px;}
.i-case-item .info h3 + p{ line-height: 30px;}
.i-case-item .canshu{ line-height: 36px; margin: 20px 0 35px;}
.i-case-item .canshu span{ display: inline-block;}
.i-case-item .canshu span + span{ margin-left: 30px;}
.i-case-item .btns a{ display: inline-block; width: 154px; text-align: center; line-height: 38px; font-size:16px; color: #d32e26; border:1px solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.i-case-item .btns a + a{ margin-left: 60px;}
.i-case-item .btns a:hover{ color: #fff; background: #d32e26;}

.i-case-swiper .i-case-prev,.i-case-swiper .i-case-next{ width:48px; height: 62px; margin-top: -31px; background-color: #b4b4b4; background-size: 18px 30px; }
.i-case-swiper .i-case-prev{ left: -60px;}
.i-case-swiper .i-case-next{ right: -60px;}
.i-case-pagination{ bottom: 0; text-align: center; width: 100%;}
.i-case-pagination .swiper-pagination-bullet{ width:18px; height: 6px; margin: 0 3px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0; }
/*i-case*/

/*i-about*/
.i-a-top{ position: relative; color: #fff; background: #222229;}
.i-a-video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;}
.i-a-video video{ position: absolute; width: 100%;left: 0; right: 0; bottom: 0; opacity: .14;}
.i-a-box{ position: relative; padding: 70px 0 110px; }
.i-a-box h2{ font-size:42px; text-align: center; margin-bottom: 30px;}
.i-a-box h2 span{ display: inline-block; margin: 0 22px;}
.i-a-box h2 + p{ line-height: 30px;}
.i-a-box h2 + p b{ font-size: 20px; font-weight: 400;}
.i-a-box ul{ margin: 50px 0 60px; }
.i-a-box li{ float: left; width: 25%; text-align: center; font-size: 20px;}
.i-a-box li span{ display: block; color: #e99212; margin-bottom: 10px;}
.i-a-box li b{ font-size:60px;}
.i-a-box .btns{ text-align: center; }
.i-a-box .btns a{ display: inline-block; font-size: 22px; padding: .7em 2.7em; border: 1px solid;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;}

.i-a-bot{ color: #fff; background: #2761c4;}
.i-a-bot li{ float: left; width: 33.333%; height: 160px; border-right:1px solid rgba(255,255,255,.3); }
.i-a-bot li:first-child{ border-left:1px solid rgba(255,255,255,.3); }
.i-a-bot li a{ display: block; text-align: center; line-height:160px; font-size: 22px; background: #2761c4;}
.i-a-bot li i{ position: relative; top: -5px; display: inline-block; margin-right: 25px; font-size: 50px; vertical-align: middle;}
.i-a-bot li .icon-shifanjidi{ font-size: 54px;}
/*i-about*/

/*i-news*/
.i-news h3{ font-size: 18px; margin-bottom: 10px; }
.i-n-hot{ width: 32.17%;}
.i-n-hot .txt{ padding: 25px 25px; background: #f1f1f1;}
.i-n-hot .txt p{ line-height: 30px; color: #666;}
.i-n-lists{ width: 40%; margin-left: 2.58%; margin-top: -35px;}
.i-n-lists li:first-child{ display: none; }
.i-n-lists li + li{ margin-top: 35px;}
.i-n-lists li a,.i-n-links li a{ display: block;}
.i-n-lists .date{ float: left; margin-right: 25px; text-align: center; }
.i-n-lists .day{ font-size: 44px; color: #333; margin-bottom: 14px;}
.i-n-lists .y-m{ font-size: 16px; color: #666; }
.i-n-lists .txt{ overflow: hidden; }
.i-n-lists p{ color: #666; line-height: 26px; height: 52px;}
.i-n-links{ width: 22.67%;}
.i-n-links li + li{ position: relative; margin-top: 16px;}
.i-n-links li a{ display: block; position: relative; overflow: hidden; height:130px}
.i-n-links li a img{ width: 100%; }
.i-n-links li span{ position: absolute; left: 0; top:50%; margin-top: -12px; width: 100%; text-align: center; font-size:24px; color: #fff;}
.i-n-links li .bg{ height: 100%; margin-top: 0; top: 0; background: rgba(0,0,0,.4); }
/*i-news*/

/*i-zhaobiao*/
.i-zhaobiao{ background: url("../image/i-zhaobiao.jpg") no-repeat center/cover;}
.i-zhaobiao .i-tit{ color: #fff;}
.i-zhaobiao .p{ margin: -15px 0 40px; font-size: 18px; color: #fff; text-align: center;}
.i-zb-cont{ background: #fff; }
.i-zb-cont h3{ width: 86px; text-align: center; padding: 14px 10px; font-size: 24px; line-height: 30px; color: #2761c4; background: #eef2fd; margin-right: 35px; }
.i-zb-box{ position: relative; padding: 35px 260px 35px 0; font-size:18px; height: 18px; overflow: hidden;}
.i-zb-box .swiper-slide{ color: #666;}
.i-zb-box .swiper-slide a{ display: block; position: relative; padding-left: 150px;}
.i-zb-box .i-zb-time{ position: absolute; left: 0; top: 0; font-size: 16px; line-height: 18px; padding-right: 25px; margin-right: 45px; border-right: 1px solid #ccc;}
.i-zb-box .more{ position: absolute; right:25px; top: 22px; font-size: 14px; line-height: 44px; color: #fff; padding: 0 15px; background: #d32e26;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.i-zb-box .more i{ position: relative; top: -1px; display:inline-block; margin-right: 6px; vertical-align: middle;}
/*i-zhaobiao*/







@media screen and (min-width: 992px){
	.i-pro-box .txt{
		height: 103px;
		line-height:103px;
	}
	 
    .i-pro li:hover img,.i-n-links li a:hover img{
         transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    .i-fangan li:hover p{ line-height: 98px; color: #fff; background: #d32e26;}
    .i-fangan li:hover i{ display: inline-block;}

    .i-a-bot li a:hover{ position: relative; top: -30px; line-height: 190px; }

    .i-n-links li a img{ -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear; }
}


@media screen and (max-width: 1340px){
    .i-case-swiper .i-case-next{ right: 10px;}
    .i-case-swiper .i-case-prev{ left: 10px;}
}

@media screen and (max-width: 1249px){
    /*i-pro*/
    .i-pro{ padding: 50px 0;}
    .i-pro-box .pic img{ width: 90%;}
    .i-pro-box .txt{ padding-top: 15px;}
    
    .i-n-links li a{height:103px}
    /*i-fangan*/
    .i-fangan-item p{ font-size: 16px;}
    .i-fw-txt{ padding-top: 42px;}

    /*i-case*/
    .i-case-item .info{ width: 52%; margin-right: 4%; font-size: 13px;}
    .i-case-item .info h3{ font-size: 20px; margin: 5px 0 10px;}
    .i-case-item .info h3 + p{ line-height: 29px;}
    .i-case-item .canshu{ line-height: 32px; margin: 5px 0 15px;}
    .i-case-item .canshu span + span{ margin-left: 4px;}
    .i-case-swiper .i-case-prev, .i-case-swiper .i-case-next{ width: 42px; height: 58px;}
    .i-case-swiper .i-case-next{ right: -50px;}
    .i-case-swiper .i-case-prev{ left: -50px;}

    /*i-about*/
    .i-a-box{ padding: 60px 0 90px;}
    .i-a-box h2{ font-size: 38px;}
    .i-a-bot li{ height: 140px;}
    .i-a-bot li a{ line-height: 140px;}
    .i-a-bot li a:hover{ line-height: 170px; }

    /*i-news*/
    .i-n-hot .txt{ padding: 20px;}
    .i-n-hot .txt p{ line-height: 28px;}
    .i-n-lists { margin-top: -16px; }
    .i-n-lists li + li{ margin-top: 16px;}
    .i-n-lists .date{ margin-right: 15px;}
    .i-n-lists .day{ margin-bottom: 12px;}
    .i-n-lists p{ line-height: 24px; height: 48px;}
    .i-n-links li + li{ margin-top: 21px;}

    /*i-zhaobiao*/
    .i-zhaobiao .p{ font-size: 17px; margin: -10px 0 35px;}


}
@media screen and (max-width: 1060px){
    .i-case-swiper .i-case-next{ right: 10px;}
    .i-case-swiper .i-case-prev{ left: 10px;}
}
@media screen and (min-width: 767px){
	.i-pro-box .txt{height: 96px;line-height:96px;display:flex}
}
@media screen and (max-width: 991px){
    /*i-pro*/
    .i-pro{ padding: 40px 0;}
    .i-pro ul{ margin: 0 -5px;}
    .i-pro li{ padding: 0 5px;}
    .i-pro-box .pic { width: 52%;}
    .i-pro-box .txt{ width: 48%; padding-top: 0;}
    .i-pro-box h2{ font-size: 20px;align-self:center!important;}
    .i-pro-box p{ font-size: 15px; line-height: 26px;}

.i-n-links li a{height:auto}
    /*i-fangan*/
    .i-fangan .p{ margin: -15px 0 20px;}
    .i-fangan ul{ margin: 0 -5px;}
    .i-fangan li{ padding: 0 5px;}
    .i-fangan-item p{ font-size: 14px;}

    /*i-case*/
    .i-case .p{ margin: -10px 0 20px;}
    .i-case-item{ padding: 20px 0;}
    .i-case-item .info h3{ font-size: 18px; line-height: 1.4; }
    .i-case-item .canshu{ line-height: 30px; }
    .i-case-item .canshu span{ display: block;}
    .i-case-item .canshu span + span{ margin-left: 0;}
    .i-case-item .btns a{ width: 130px; line-height: 34px;}
    .i-case-item .btns a + a{ margin-left: 25px;}
    .i-case-swiper .i-case-next{ right: -50px;}
    .i-case-swiper .i-case-prev{ left: -50px;}

    /*i-about*/
    .i-a-box{ padding: 50px 0 70px; background: url("../image/i-about-bg.jpg") no-repeat center/cover;}
    .i-a-box h2{ font-size: 34px;}
    .i-a-box ul{ margin: 35px 0 50px;}
    .i-a-box li b{ font-size: 48px;}
    .i-a-bot li{ height: auto;}
    .i-a-bot li a{ line-height: 120px; }
    .i-a-bot li a:hover{ line-height: 120px; top: 0; }
    .i-a-bot li i{ font-size: 44px; margin-right: 10px;}
    .i-a-bot li .icon-shifanjidi{ font-size: 48px;}

    /*i-news*/
    .i-n-hot{ width: 43%;}
    .i-n-lists{ width: 54%; }
    .i-n-links{ width: 100%; margin-top: 25px;}
    .i-n-links li{ float: left; width: 33.333%; padding: 0 5px;}
    .i-n-links li + li{ margin-top: 0;}
    .i-n-links li span{ font-size: 20px; margin-top: -10px;}

    /*i-zhaobiao*/
    .i-zhaobiao .p{ line-height: 1.8; margin: -10px 0 30px;}
    .i-zb-cont h3{ margin-right: 20px; font-size: 21px; line-height: 28px; width: 70px; padding: 10px;}
    .i-zb-box{ font-size: 16px; padding: 30px 210px 30px 0;}
    .i-zb-box .swiper-slide a{ padding-left: 118px;}
    .i-zb-box .i-zb-time{ padding-right: 13px; margin-right: 25px;}
    .i-zb-box .more{ right: 15px; top: 18px; line-height:40px; padding: 0 10px;}



}
@media screen and (max-width: 835px){
    .i-case-swiper .i-case-next{ right: 10px;}
    .i-case-swiper .i-case-prev{ left: 10px;}
}

@media screen and (max-width: 767px){
    /*i-pro*/
    .i-pro{ padding: 30px 0;}
    .i-pro ul{ margin: 0 -2px;}
    .i-pro li{ padding: 0 2px;}
    .i-pro-box{ padding: 10px 0 20px;}
    .i-pro-box .pic { width: 100%; }
    .i-pro-box .pic img { width: 75%; max-width: 150px; }
    .i-pro-box .txt{ width: 100%; padding: 10px;text-align:center;}
    .i-pro-box h2{ font-size: 16px; font-weight: 700;}
    .i-pro-box p{ font-size: 14px; line-height: 26px;}


    /*i-fangan*/
    .i-fangan .p{ margin: -10px 0 20px;}
    .i-fangan ul{ margin: 0 -3px;}
    .i-fangan li{ padding: 0 3px; }
    .i-fangan-item{ padding-bottom: 40px;}
    .i-fangan-item p{ line-height: 40px;}

    /*i-case*/
    .i-case .p{ margin: -10px 0 15px; line-height: 26px;}
    .i-case-swiper .swiper-slide{ width:50%; padding: 0 5px;}
    .i-case-item{ padding: 0; width: 100%; margin-left: 0;}
    .i-case-item .img{ width: 100%; margin-left: 0;}
    .i-case-item .info{ width:100%; margin-right: 0; padding: 8px 15px 15px;}
    .i-case-item .info h3{ font-size: 15px; }
    .i-case-item .btns{ text-align: center;}
    .i-case-item .btns a{ width: 43%; line-height: 35px; font-size:15px;}
    .i-case-item .btns a + a{ margin-left: 5%;}

    /*i-about*/
    .i-a-box{ padding: 40px 0 50px; }
    .i-a-box h2{ font-size: 28px; line-height: 1.5; margin-bottom: 20px;}
    .i-a-box h2 span{ margin: 0 8px;}
    .i-a-box ul{ margin: 30px 0 40px;}
    .i-a-box li{ font-size: 18px;}
    .i-a-box li b{ font-size: 40px;}
    .i-a-box .btns a{ font-size: 20px; }
    .i-a-bot li a{ line-height: 100px; font-size: 18px; }
    .i-a-bot li a:hover{ line-height: 100px; }
    .i-a-bot li i{ font-size: 40px; margin-right: 10px;}
    .i-a-bot li .icon-shifanjidi{ font-size: 44px;}

    /*index-news*/
    .i-news h3{ font-size: 16px; margin-bottom: 5px;}
    .i-n-hot .txt{ padding: 20px 13px;}
    .i-n-hot .txt p{ line-height: 26px; }
    .i-n-lists .date{ margin-right: 10px;}
    .i-n-lists .day{ font-size: 34px; line-height:40px; margin-bottom: 8px;}
    .i-n-lists .y-m{ font-size: 14px;}
    .i-n-lists p{ font-size: 13px; line-height:22px; height: 44px;}
    .i-n-links{ margin-top: 15px;}
    .i-n-links li{ position: relative; }

    /*i-zhaobiao*/
    .i-zhaobiao .p{ font-size: 16px; margin: -5px 0 25px;}
    .i-zb-cont h3{ margin-right: 5px; font-size: 16px; line-height: 22px; width: 50px; padding: 8px 5px;}
    .i-zb-box{ font-size: 15px; padding: 21px 90px 21px 0;}
    .i-zb-box .swiper-slide a{ padding-left: 0; line-height: 18px;}
    .i-zb-box .more{ font-size:13px; right: 8px; top: 13px; line-height: 34px; padding: 0 8px;}
    .i-zb-box .more i{ margin-right: 3px;}


}

@media screen and (max-width: 520px){
    .i-fangan .p{ margin-bottom: 5px; }
    .i-fangan ul{ margin: 0 -8px;}
    .i-fangan li{ width: 50%; padding: 0 8px; margin-top: 16px;}

    .i-case li{ width: 50%; }

    /*i-about*/
    .i-a-box{ padding: 30px 0 40px;}
    .i-a-box h2{ font-size: 22px; margin-bottom: 10px;}
    .i-a-box h2 + p{ line-height: 28px;}
    .i-a-box ul{ margin: 20px 0 15px;}
    .i-a-box li{ width: 50%; font-size: 15px; margin-bottom: 20px;}
    .i-a-box li b{ font-size: 32px;}
    .i-a-box .btns a{ font-size: 18px;}
    .i-a-bot li a{ padding: 10px 0 15px; line-height: 1.2; font-size: 16px;}
    .i-a-bot li a:hover{ line-height: 1.2; }
    .i-a-bot li i{ display: block; margin: 0 0 5px 0; line-height: 40px; font-size: 30px; top:0;}
    .i-a-bot li .icon-shifanjidi{ font-size: 34px;}

}
@media screen and (max-width: 460px){
    .i-case-swiper .swiper-slide{ width: 100%; padding: 0;}

    /*i-news*/
    .i-news img{ width:100%;}
    .i-n-hot{ width: 100%;}
    .i-n-lists{ width: 100%; margin: 0;}
    .i-n-links ul{ margin: 0 -2px;}
    .i-n-links li{ padding: 0 2px; }
    .i-n-links li span{ font-size: 15px; margin-top: -7px;}
}