.banner .banner-pagination{ bottom: 5%;}
.i-banner .i-banner-prev{background: url(../images/balefton.png) no-repeat; left:117px; }
.i-banner .i-banner-next{background: url(../images/barighton.png) no-repeat; right:117px;}
.i-banner-prev, .i-banner-next {
    position: absolute;
    top: 50%;
    margin-top: 2px;
    width: 60px;
    height: 60px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 9999;
}

/*index-pro*/
.index-pro{ padding-bottom: 60px; font-size: 24px; font-weight: bold; text-align: center; }
.i-pro-hd{ border-top: 2px solid #0193de; margin-bottom: 60px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);}
.i-pro-hd li{ float: left; width: 25%; text-align: center; line-height: 80px;}
.i-pro-hd li:hover,.i-pro-hd li.on{ color: #fff; background: #0193de; cursor: pointer;
    -webkit-border-radius: 0 0 50px 0;
    -moz-border-radius: 0 0 50px 0;
    border-radius: 0 0 50px 0;}

.i-pro-item{ display: none; margin: 0 -37px;}
.i-pro-item li{ float: left; width: 25%; padding: 0 37px; }
.i-pro-item li .pic{ position: relative; overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    max-width: 245px;
    max-height: 241px;
}
.i-pro-item li .more{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); color: #fff;}
.i-pro-item li span{ position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -60px; width: 120px; line-height: 50px; font-size: 18px; font-weight: normal; border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
.i-pro-item li p{ padding-top: 20px;font-size:18px;font-weight:200;}

/*index-fangan*/
.index-fangan{ padding: 50px 0; color: #fff; background: url("../images/i-fangan-bg.jpg") no-repeat center/cover;}
.index-fangan ul{ margin: 0 -6px;}
.index-fangan li{ float: left; width: 25%; padding: 0 6px;}
.index-fangan li a{ display: block; position: relative;}
.index-fangan .pic{ position: relative;}
.index-fangan .pic p{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 18px; color: #333; text-align: center; font-weight: bold; line-height: 46px; background: #fff;}
.index-fangan .txt{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 40px 30px 0; outline: 1px solid #fff;
    outline-offset: -15px; background: rgba(0,0,0,.6);}
.index-fangan .txt h3{ font-size: 24px; text-align: center; margin-bottom: 10px;}
.index-fangan .txt p{ line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8;  -webkit-box-orient: vertical; height: 288px;}
.index-fangan .txt .more{ color: #ee9e1e; font-weight: bold;}

/*index-case*/
.index-case{ padding: 60px 0;}
.i-case-swiper .swiper-slide{ position: relative; }
.i-case-swiper .pic{ position: relative; width: 46.7%;  padding: 9px;}
.i-case-swiper .pic i{ position: absolute; width: 200px; height: 200px;}
.i-case-swiper .pic .bian1{ left: 0; top: 0; background: #00a1e9;}
.i-case-swiper .pic .bian2{ right: 0; bottom: 0; background: #ee9e1e;}
.i-case-swiper .pic img{ position: relative; z-index: 5;}
.i-case-swiper .txt{ width: 49.6%; line-height: 36px; color: #777;}
.i-case-swiper .txt h3{ font-size: 24px; margin-bottom: 30px; color: #333; }
.i-case-swiper .txt h4{ margin: 20px 0; font-size: 18px; font-weight: bold; color: #333;}
.i-case-swiper .swiper-slide .p1{  -webkit-line-clamp: 7; max-height: 252px; }
.i-case-swiper .swiper-slide .p2{  -webkit-line-clamp: 2; max-height: 72px;}
.i-case-swiper .btns{ position: absolute; bottom: 0; right: 0;}
.i-case-swiper .btns a{ float: right; width: 170px; line-height: 50px; border: 1px solid #eaeaea; font-size: 18px; color: #777; text-align: center; font-weight: bold; }
.i-case-swiper .btns a + a{ margin-right: 50px;}
.i-case-swiper .btns a:hover{ background: #00a1e9; color: #fff;}
.i-case-swiper [class^="swiper-button"]{ bottom: 0; top: auto!important; width: 50px; height: 50px; color: #fff; text-align: center; line-height: 50px; font-size: 28px; background: #eaeaea;}
.i-case-swiper .i-case-prev{ left: 50%; background: #00a1e9;}
.i-case-swiper .i-case-next{ left: 50%; right: auto; margin-left: 50px;}
.i-case-swiper [class^="swiper-button"]:hover{ background: #00a1e9;}

/*index-keji*/
.index-keji{ padding-top: 55px; color: #fff; background: url("../images/i-keji.jpg") no-repeat center/cover;}
.index-keji .i-title i{ width: 23%;}
.index-keji ul{ margin-bottom: 80px;}
.index-keji li{ float: left; text-align: center; font-size: 24px; line-height: 56px; font-weight: bold; }
.index-keji li + li{ margin-left: 152px;}
.index-keji li span{ display: block; font-size: 36px;}
.index-keji li b{ font-size: 72px; color: #ee9e1e;}
.i-keji-btns a{ float: left; width: 33.33%; font-size: 24px; font-weight: bold; text-align: center; line-height: 100px; border: 1px solid #333;}
.i-keji-btns a:hover{ background: #00a1e9; border-color: #00a1e9;}

/*index-news*/
.index-news{ padding: 60px 0;}
.i-news-first{ width: 45.83%;}
.i-news-first h3{ padding: 30px 0 10px; font-size: 24px; text-align: center;}
.i-news-first p{ line-height: 36px; color: #777; -webkit-line-clamp: 2; max-height: 72px;}
.i-news-lists{ width: 50%; padding-top: 50px;}
.i-news-hd{ margin-bottom: 30px; font-size: 24px; font-weight: bold; text-align: center; color: #777;}
.i-news-hd li{ position: relative; display: inline-block; margin: 0 30px; padding-bottom: 18px; cursor: pointer; }
.i-news-hd li i{ display: none; position: absolute; bottom: 0; left: 10%; width: 80%; border-top: 4px solid #00a1e9;}
.i-news-hd li:hover,.i-news-hd li.on{ color: #00a1e9;}
.i-news-hd li:hover i,.i-news-hd li.on i{ display: block;}

.i-news-item{ display: none;}
.i-news-bd li{ position: relative; padding-right: 90px; line-height: 60px; font-weight: bold; border-bottom: 1px solid #a6a6a6; }
.i-news-bd li a{ display: block;}
.i-news-bd li span{ position: absolute; right: 0; top: 0;}
.i-news-bd li:first-child{ border-top: 1px solid #eaeaea;}
.i-news-bd .more{ float: right; margin-top: 20px; font-size: 18px; color: #777;}
.i-news-bd li:hover{ color: #ee9e1e; border-bottom-color: #ee9e1e;}

/*index-zhaobiao*/
.index-zhaobiao{ padding: 50px 0; color: #fff; background: url("../images/i-zhaobiao.jpg") no-repeat center/cover;}
.i-zb-cont{ font-size: 24px;}
.i-zb-cont h3{ width: 200px; line-height: 100px; color: #fff; text-align: center; background: #00a1e9;}
.i-zb-cont .txt{ position: relative; padding: 25px 260px 0 50px; margin-left: 200px; line-height: 50px; background: #fff; color: #777;}
.i-zb-cont .txt .name{ font-weight: bold; color: #777;}
.i-zb-cont .txt .name span{ float: left; padding-right: 30px; margin-right: 28px; border-right: 1px solid; }
.i-zb-cont .txt .name a{ display: block; font-size:16px;}
.i-zb-cont .txt .more{ position: absolute; right: 50px; top: 25px; width: 200px; color: #fff; text-align: center; font-weight: bold; background: #ee9e1e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.i-zb-cont .txt .more i{ position: relative; top: -2px; vertical-align: middle; margin-right: 6px;}

/*index-fuwu*/
.index-fuwu{ padding: 60px 0 30px;}
.index-fuwu .i-title i{ width: 35%;}
.index-fuwu li{ float: left; width: 16.667%; text-align: center;}
.index-fuwu li i{ font-size: 86px; color: #00a1e9;}
.index-fuwu li p{ font-size: 18px; font-weight: bold; padding-top: 35px;}

/*index-hezuo*/
.index-hezuo{ padding: 50px 0 60px; background: url("../images/i-hezuo-bg.jpg") no-repeat center/cover;}


@media screen and (min-width: 992px){
    /*index-pro*/
    .i-pro-item li:hover .more{ display: block;}
    .i-pro-item li:hover p{ color: #ee9e1e;}

    /*index-fangan*/
    .index-fangan li:hover .pic p{ display: none;}
    .index-fangan li:hover .txt{ display: block;}

    /*index-news*/
    .i-news-first .cont:hover h3,.i-news-bd .more:hover{ color: #ee9e1e;}

}

@media screen and (max-width: 1249px){
    /*index-pro*/
    .index-pro{  padding-bottom: 50px; font-size: 22px;}
    .i-pro-hd{ margin-bottom: 50px;}
    .i-pro-item{ margin: 0 -20px;}
    .i-pro-item li{ padding: 0 20px;}

    /*index-fangan*/
    .i-title + .p{ margin-bottom: 40px;}
    .index-fangan .txt{ padding-top: 35px;}
    .index-fangan .txt h3{ font-size: 20px; margin-bottom: 8px;}
    .index-fangan .txt p{ -webkit-line-clamp: 6; height: 216px; }

    /*index-case*/
    .index-case{ padding: 50px 0;}
    .i-case-swiper .btns a + a{ margin-right: 16px;}
    .i-case-swiper .swiper-slide .p1{  -webkit-line-clamp: 4; max-height: 144px; }

    /*index-keji*/
    .index-keji .i-title i{ width: 19%;}
    .index-keji li + li{ margin-left: 66px;}
    .index-keji li span{ font-size: 32px;}
    .index-keji li b{ font-size: 64px;}

    /*index-news*/
    .index-news{ padding: 50px 0;}
    .i-news-lists{  padding-top: 0;}
    .i-news-bd li{ line-height: 56px;}

    /*index-zhaobiao*/
    .i-zb-cont{ font-size: 22px;}
    .i-zb-cont .txt{ padding-left: 25px; padding-right: 230px;}
    .i-zb-cont .txt .name span{ padding-right: 20px; margin-right: 20px;}
    .i-zb-cont .txt .more{ right: 25px;}

    /*index-fuwu*/
    .index-fuwu{ padding: 50px 0 25px;}
    .index-fuwu .i-title i{ width: 30%;}
    .index-fuwu li p{ padding-top: 30px;}

    /*index-hezuo*/
    .index-hezuo{ padding: 40px 0 50px;}

}

@media screen and (max-width: 991px){
    /*index-pro*/
    .index-pro{ font-size: 20px;}
    .i-pro-hd li{ line-height: 70px; }
    .i-pro-hd{ margin-bottom: 45px;}
    .i-pro-item{ margin: 0 -15px;}
    .i-pro-item li{ padding: 0 15px;}

    /*index-fangan*/


    /*index-case*/
    .index-case{ padding: 45px 0;}
    .i-case-swiper .swiper-slide{ }
    .i-case-swiper .swiper-slide .p1{  -webkit-line-clamp: 3; max-height: 96px; }
    .i-case-swiper .swiper-pagination{ text-align: left; padding-left: 100px; bottom: 20px;}
    .i-case-swiper .swiper-pagination-bullet{ background: rgba(0,0,0,.5);}
    .i-case-swiper .txt{ line-height: 32px;}
    .i-case-swiper .txt h3{ font-size: 22px; margin-bottom: 20px;}
    .i-case-swiper .txt h4{ margin: 10px 0;}
    .i-case-swiper .btns a{ width: 150px; line-height: 46px;}
    .i-case-swiper .btns a + a{ margin-right: 20px;}

    /*index-keji*/
    .index-keji{ padding-top: 45px;}
    .index-keji .i-title i{ width: 16%;}
    .index-keji li + li{ margin-left: 40px;}
    .index-keji li{ font-size: 20px; line-height: 46px;}
    .index-keji li span{ font-size: 26px;}
    .index-keji li b{ font-size: 54px;}
    .i-keji-btns a{ line-height: 80px; font-size: 22px;}

    /*index-news*/
    .index-news{ padding: 40px 0;}
    .i-news-first h3,.i-news-hd li{ font-size: 18px;}
    .i-news-first h3{ padding: 22px 0 12px;}
    .i-news-first p{ line-height: 28px;}
    .i-news-hd{ margin-bottom: 20px;}
    .i-news-bd li{ line-height: 46px; }

    /*index-zhaobiao*/
    .i-zb-cont{ font-size: 20px;}
    .i-zb-cont h3{ width: 140px; line-height: 90px;}
    .i-zb-cont .txt{ margin-left: 140px; padding: 20px 180px 0 15px; line-height: 50px; }
    .i-zb-cont .txt .name span{ padding-right: 15px; margin-right: 15px;}
    .i-zb-cont .txt .more{ width: 160px; right: 15px; top: 20px;}

    /*index-fuwu*/
    .index-fuwu{ padding: 40px 0 20px;}
    .index-fuwu .i-title i{ width: 30%;}
    .index-fuwu li i{ font-size: 76px;}
    .index-fuwu li p{ padding-top: 25px;}

    /*index-hezuo*/
    .index-hezuo{ padding: 30px 0 40px;}

}

@media screen and (max-width: 767px){
    /*index-pro*/
    .index-pro{ font-size: 17px;}
    .i-pro-hd{ margin-bottom: 5px;}
    .i-pro-hd li{ line-height: 28px; padding: 13px 5px;  }
    .i-pro-hd li.on,.i-pro-hd li:hover{-webkit-border-radius: 0 0 30px 0;
        -moz-border-radius: 0 0 30px 0;
        border-radius: 0 0 30px 0;}
    .i-pro-item{ margin: 0 6px;}
    .i-pro-item li{ width: 50%; padding: 0 6px; margin-top: 15px;}
    .i-pro-item li p{ padding-top: 8px;height:50px;}


    /*index-fangan*/
    .index-fangan{ padding: 35px 0 25px;}
    .index-fangan li{ width: 50%; margin-bottom: 15px;}
    .index-fangan li img{ width: 100%;}

    /*index-case*/
    .index-case{ padding: 35px 0;}
    .i-case-swiper{ padding-bottom: 25px;}
    .i-case-swiper .pic{ width: 100%; padding: 1vw;}
    .i-case-swiper .pic i{ width: 20vw; height: 20vw;}
    .i-case-swiper .txt{ width: 100%;}
    .i-case-swiper .txt h3{ margin-bottom: 0; padding-top: 10px; font-size: 16px; text-align: center;}
    .i-case-swiper .i-case-pagination{ bottom: 0; text-align: center; padding-left: 0;}

    /*index-keji*/
    .index-keji{ padding-top: 35px;}
    .index-keji .i-title i{ width: 35%;}
    .index-keji ul{ margin-bottom: 50px;}
    .index-keji li + li{ margin-left: 0;}
    .index-keji li{ width: 23%; padding: 0 5px; font-size: 16px; line-height: 24px;}
    .index-keji li:first-child{ width: 28%;}
    .index-keji li:nth-child(3){ width: 25%;}
    .index-keji li span{ font-size: 20px; margin-bottom: 15px;}
    .index-keji li b{ font-size: 38px;}
    .i-keji-btns a{ line-height: 66px; font-size: 20px;}

    /*index-news*/
    .index-news{ padding: 35px 0;}
    .i-news-first,.i-news-lists{ width: 100%;}
    .i-news-hd{ margin-bottom: 20px;}
    .i-news-hd li{ margin: 0 15px;}
    .i-news-bd li{ font-size: 15px; line-height: 46px; padding-right: 82px;}
    .i-news-bd .more{ margin-top: 15px;}

    /*index-zhaobiao*/
    .i-zb-cont{ font-size: 16px;}
    .i-zb-cont h3{ width: 100%; line-height: 50px; float: none!important;}
    .i-zb-cont .txt{ margin: 0; padding: 15px; line-height: 40px;}
    .i-zb-cont .txt .name{}
    .i-zb-cont .txt .more{ position: static; display: block; line-height: 46px; font-size: 18px; width: 90%; margin: 20px auto 0;}

    /*index-fuwu*/
    .index-fuwu{ padding: 30px 0 0;}
    .index-fuwu .i-title i{ width: 35%; bottom: 27px;}
    .index-fuwu li{ width: 33.333%; margin-bottom: 25px;}
    .index-fuwu li i{ font-size: 58px;}
    .index-fuwu li p{ padding-top: 15px; font-size: 16px;}

    /*index-hezuo*/
    .index-hezuo{ padding: 20px 0 30px;}
}
@media screen and (max-width: 530px){
    /*index-keji*/
    .index-keji ul{ margin-bottom: 20px;}
    .index-keji li{ width: 47%; padding: 0 3px; margin-bottom: 20px;}
    .index-keji li:nth-child(odd){ width: 53%;}
    .i-keji-btns a{ font-size: 16px; line-height: 50px;}
}
@media screen and (max-width: 460px){
    /*index-fangan*/


    /*index-fuwu*/
    .index-fuwu .i-title h2{ line-height: 1.3;}
    .index-fuwu .i-title i{ width: 32%;}
}