/* time:2020-04-07 */
.mt-20{ margin-top: .2rem;}
.mt-30{ margin-top: .3rem !important;}
.mt-70{ margin-top: .7rem;}
/* 首页 - 切换图 */
.banner { width: 100%; height: auto; display: block; overflow: hidden; position: relative; z-index: 97; font-size: 0}
.banner li .text{ position: absolute; z-index: 10; }
.banner li .text h2{ display: block; font-weight: bold; text-transform: uppercase; color: #fff; font-size: .72rem; line-height: .6rem; transition: all 0.5s ease-in-out .1s}
.banner li .text p{ display: block; font-size: .14rem; color: #fff; line-height: 1.5; margin: .5rem 0; transition: all 0.5s ease-in-out .1s}
.banner li .text p span{ display: block;}
.banner li .text a{ width: 1.8rem; height: .48rem; display: block; line-height: .48rem; text-align: center; font-size: .16rem; color: #fff; position: relative; z-index: 2;}
.banner li .text a::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0;transform: skewX(-20deg); background: #1d2088; z-index: -1;}
.banner li img{ max-width: 100%; float: left;}
/* banner01 */
.banner li.banner01 .text{ top: 50%; left: 50%; margin-left: -6.4rem; transform: translateY(-50%);}
.banner li.banner01 .text h2,
.banner li.banner01 .text p,
.banner li.banner01 .text a{ opacity: 0; margin-right: -50px;}
/* 延时动画 */
.banner li.banner01.ani-slide .text h2{ opacity: 1; margin-right: 0; transition: all 0.5s ease-in-out .1s}
.banner li.banner01.ani-slide .text p{ opacity: 1; margin-right: 0; transition: all 0.5s ease-in-out .6s}
.banner li.banner01.ani-slide .text a{ opacity: 1; margin-right: 0; transition: all 0.5s ease-in-out 1.1s}
/* banner01 END */

/* 切换按钮设置 */
.banner-prev,.banner-next{ position: absolute; top: 50%; transform: translateY(-50%); width: 76px; height: 72px; color: #fff; background: #0061ae; font-family: "iconfont"; font-size: 36px; text-align: center; line-height: 72px; z-index: 2; transition: all 0.3s ease-in-out; text-transform: uppercase; opacity: 0; cursor: pointer; left: 50px;}
.banner-next{ right: 50px; left: auto; line-height: 76px;}
.banner:hover .banner-prev,
.banner:hover .banner-next{ opacity: .3; }
.banner-prev:hover,
.banner-next:hover{ opacity: .8 !important; }
/* 首页 - 切换图 END */
.b-tel{ position: absolute; right: 0; bottom: 2rem; width: 4rem; z-index: 3; box-sizing: border-box; padding-left: .45rem;}
.b-tel i{ width: .9rem; height: .9rem; border-radius: 100%; box-sizing: border-box; border: .1rem solid #fff; display: inline-block; position: absolute; left: 0; top: 0; z-index: 2; background: #e60012; color: #fff; font-family: "iconfont"; font-size: .36rem; line-height: .7rem; text-align: center;}
.b-tel i::after{animation: breath 2s ease-in infinite alternate; content: ""; width: .9rem; height: .9rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: .17rem solid rgba(255,255,255,.32); display: block; border-radius: 100%;}
.b-tel .text{ width: 100%; height: .9rem; background: #e60012; box-sizing: border-box; padding: .2rem 0 .2rem .8rem;}
.b-tel .text h3{ display: block; font-size: .16rem; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: .05rem;}
.b-tel .text h2{ display: block; font-size: .24rem; color: #fff; font-weight: bold;}
@keyframes breath {
0% { width: .9rem; height: .9rem; opacity: 1}
15% { width: .9rem; height: .9rem; opacity: 1}
100% { width: .7rem; height: .7rem; opacity: .1; }
}

/* 通用标题装饰 */
.container{ display: block; width: 100%;}
.container .tit{ display: block;}
.container .tit h2{ font-size: .36rem; font-weight: bold; line-height: .94rem; text-transform: uppercase; text-align: center; display: block; position: relative; color: #1d2088; margin-bottom: .23rem;}
.container .tit h2::after{ content: ""; width: .52rem; height: .03rem; position: absolute; left: 50%; margin-left: -.26rem; bottom: 0; background: #1d2088}
.container .tit p{ font-size: .14rem; line-height: .26rem; margin: 0; text-align: center; display: block; color: #757575;}


/* 首页 搜索 */
.i-search{ display: block; font-size: 0; position: relative; margin-top: -.9rem; z-index: 101;}
.i-search .main{ width: 13.6rem;}
.i-search .box{ background: #fff; width: 100%; height: 2rem; box-shadow: 0 10px 10px #ccc; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 .45rem;}

.i-search .box .left{ font-family: "Avenir-Next-LT-Pro"; font-size: .3rem; color: #1d2088; text-transform: uppercase;}
.i-search .box .left span{ font-size: .48rem; font-family: "ITC-Avant-Garde";}
.i-search form{ width: 4.25rem;}
.i-search form select{padding-left: .1rem;box-sizing: border-box;  width: 1.9rem; box-sizing: border-box; border: 1px solid #b5b5b5; margin-right: .2rem; line-height: .4rem; height: .4rem;}

.i-search form input{padding-left: .1rem;box-sizing: border-box; width: 1.9rem; box-sizing: border-box; border: 1px solid #b5b5b5; margin: .2rem .2rem 0 0; background: #fff; line-height: .4rem; height: .4rem;}
.i-search form button{ width: 1.9rem; box-sizing: border-box; border: none; margin: .2rem .2rem 0 0; background: #e60012; transform: skewX(-20deg); line-height: .4rem; height: .4rem;}
.i-search form button span{transform: skewX(20deg); color: #fff; display: block;}


/* 首页 产品 */
.i-pr{ width: 100%; display: block; text-align: center; overflow: hidden; padding: .5rem 0;}
.i-pr .main{ width: 13.6rem;}
.i-pr-list{ padding: .94rem 0 .5rem;}

.i-pr-list li{ box-shadow: 0 5px 5px #ccc;}
.i-pr-list li a{ display: block;  width: 100%; transition: all 0.3s ease-in-out;}
.i-pr-list li .pic{ width: 100%; display: block;}
.i-pr-list li img { max-width: 100%;}
.i-pr-list li .tit{font-size: .16rem; line-height: .48rem; color: #000; transition: all 0.3s ease-in-out; display: none;}
.i-pr-list li a:hover{ background: #434343;}
.i-pr-list li a:hover .tit{ color: #fff;}



/* 切换按钮设置 */
.i-pr .i-pr-list-zt{ position: relative; margin: 0 auto; display: block;}
.i-pr .box{ width: 100%;}

.i-pr .prev,.i-pr .next{ position: absolute; top: 50%; transform: translateY(-50%); width: .6rem; height: .6rem; color: #fff; font-family: "iconfont"; font-size: 36px; text-align: center; line-height: .6rem; z-index: 2; transition: all 0.3s ease-in-out; text-transform: uppercase; opacity: 1; cursor: pointer; left: 0;}
.i-pr .next{ right: 0; left: auto; line-height: .62rem;}
.i-pr .prev:hover,
.i-pr .next:hover{ opacity: .6 !important;}
/* 切换按钮设置 END */


/* 首页 优势 */
.i-advantage{ width: 100%; display: block; padding-bottom: 2.7rem;}
.i-advantage .main{ width: 13.6rem;}

.i-advantage .blank{ width: 100%; position: relative; z-index: 2; margin-bottom: .32rem;}
.i-advantage .blank::after{ content: ""; width: 100%; height: 2px; margin-top: -1px; background: #0046e2; z-index: -4; display: block; position: absolute; top: 50%; left: 0;}
.i-advantage .blank i{ width: .8rem; height: .8rem; position: relative; margin: 0 auto; display: block;}
.i-advantage .blank i span{ width: 100%; height: 100%; border-radius: 100%; background: #0046e2; position: relative; z-index: 2; font-family: "iconfont"; font-size: .48rem; line-height: .8rem; color: #fff; display: block; text-align: center;}
.i-advantage .blank i::before{ content: ""; width: 1rem; height: 1rem; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 2px dotted #0046e2; border-radius: 100%; box-shadow: 0 0 5px #ccc; position: absolute; z-index: -2;}
.i-advantage .blank i::after{ content: ""; background: #fff; width: 1.36rem; height: 1.36rem; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; z-index: -3;}

.i-advantage .box{ width: 100%; position: relative; display: block; font-size: 0; margin: .5rem 0 0;}
.i-advantage .box .img{ width: 4.44rem; position: absolute; left: 50%; margin-left: -2.2rem; top: 0;}
.i-advantage .box .list{ width: 100%; box-sizing: border-box; margin-top: 1rem; position: relative;}

.i-advantage .box .left{ width: 50%; text-align: right; display: inline-block; vertical-align: middle;}
.i-advantage .box .left .list{ padding-right: 3.9rem;}
.i-advantage .box .left .list .iconfont{ right: 2.7rem;}
.i-advantage .box .right{ width: 50%; display: inline-block; vertical-align: middle;}
.i-advantage .box .right .list{ padding-left: 3.9rem;}
.i-advantage .box .right .list .iconfont{ left: 2.7rem;}

.i-advantage .box .list .iconfont{ width: .96rem; height: .96rem; box-sizing: border-box; border: 2px dotted #0046e2; border-radius: 100%; background: #f4f8fd; color: #1d2088; font-family: "iconfont"; font-size: .48rem; text-align: center; line-height: .92rem; position: absolute; top: 0;}
.i-advantage .box .list .text{ width: 100%; display: block;}
.i-advantage .box .list .text h2{ display: block; font-weight: bold; color: #1d2088; font-size: .2rem; padding: .1rem 0 .15rem;}
.i-advantage .box .list .text p{ display: block; font-weight: bold; color: #828080; font-size: .14rem; line-height: 1.65;}


/* 首页 关于 */
.i-about{ display: block; font-size: 0; position: relative;}
.i-about .text,
.i-about .img{ display: inline-block; width: 50%; vertical-align: top;}
.i-about .text{ box-sizing: border-box; padding: 0 .7rem 0 .38rem;}
.i-about .text .tit{ display: block; font-size: 0; margin-top: .1rem;}
.i-about .text .tit h2{ display: block; text-align: left; line-height: .76rem;}
.i-about .text .tit h2::after{ left: 0; margin-left: 0;}
.i-about .text .tit h3{ display: block; font-size: .16rem; font-family: "arial black"; color: #1d2088; line-height: .26rem; text-transform: uppercase; margin-top: .14rem;}
.i-about .text p{ display: block; margin: .18rem 0; font-size: .14rem; color: #757575; line-height: .24rem;}
.i-about .text > a{ line-height: .48rem; font-size: .14rem; margin-top: .15rem; font-weight: bold; color: #fff; background: #e60012; transform: skewX(-20deg); padding: 0 .6rem; display: inline-block;}
.i-about .text > a:hover{ background: #000;}
.i-about .text > a span{transform: skewX(20deg); color: #fff; display: block;}
.i-about .text > a:hover{ background: #000;}

.i-about .img img{ max-width: 100%; margin-left: .33rem}

/* 首页 设备*/
.i-equipment{ width: 100%; background: url(../images/i-equipment.jpg) no-repeat center center / cover; position: relative; margin-top: 1.3rem;}
.i-equipment-list-zt{ width: 11.15rem; overflow: hidden;}
.i-equipment .text{ position: absolute; left: 50%; top: 50%; width: 6.9rem; height: 3.85rem; background: #fff; box-sizing: border-box; padding: 0 .72rem; z-index: 1; transform: translateY(-50%); margin-left: -.5rem;}
.i-equipment .text .tit{ display: block; font-size: 0; margin-top: .4rem;}
.i-equipment .text .tit h2{ display: block; text-align: left; line-height: .84rem;}
.i-equipment .text .tit h2::after{ left: 0; margin-left: 0;}
.i-equipment .text .tit p{ text-align: left; line-height: 1.5}
.i-equipment .text .tit a{ margin-top: .3rem; padding: 0 .1rem 0 .2rem; font-size: .14rem; background: #1d2088; line-height: .36rem; display: inline-block; color: #fff; position: relative; z-index: 1;}
.i-equipment .text .tit a::after{ content: ""; width: 100%; height: 100%; position: absolute; left: .1rem; top: 0; z-index: -1; background: #1d2088; transform: skewX(25deg); transition: all 0.3s ease-in-out}
.i-equipment .text .tit a:hover{ background: #000;}
.i-equipment .text .tit a:hover::after{ background: #000;}

/* 首页 新闻 */
.i-news{ width: 100%; display: block; font-size: 0; padding: .6rem 0; box-sizing: border-box;background: url(/images/index-news.jpg) no-repeat; background-position: center .73rem;}
.i-news .tit p span{ display: block;}
.i-news .main{ width: 13.73rem;}
.i-news ul { margin: .6rem 0 0; display: flex; justify-content: space-evenly; width: 100%; }
.i-news ul li {position: relative; width: 3.8rem; height: 5.7rem; margin-bottom: .6rem; display: inline-block; box-sizing: border-box;}
.i-news ul li .img { width: 100%; height: 2.98rem;}
.i-news ul li .img img {width: 100%; height: 100%; object-fit: cover;object-position: center;}
.i-news ul li .text {padding: 0 .3rem; box-sizing: border-box; position: absolute;left: 0;bottom: 0;width: 100%;height: 2.72rem;background-color: #f7f7f8;}
.i-news ul li .text .time {line-height: .8rem;font-size: .14rem;border-bottom: 1px solid #dfdfe2;}
.i-news ul li .text .time .iconfont { font-size: .2rem;margin-right: .14rem; color: #1d2088; }
.i-news ul li .text .title {word-break: break-all; margin-top: .14rem; font-size: .24rem;line-height: .33rem;color: #01133c;}
.i-news ul li .text .button {position: absolute;left: .3rem; bottom: .46rem; width: 1.25rem; height: .35rem; background-color: #ef0f3a; text-align: center;line-height: .35rem;color: #fff; font-size: .14rem;font-weight: bold; transform: skewX(-10deg);display: block;}
.i-news ul li .text p {font-size: .16rem; line-height: .19rem;color: #fff;margin-top: .22rem;}
.mobile-only {display: none;}
@media screen and ( min-width:1280px){
    .i-news ul li.first {width: 5.61rem; height: 5.7rem;}
    .i-news ul li.first .img {height: 100%;}
    .i-news ul li.first .text-wrap {height: 5rem;width: 100%; background: linear-gradient(transparent, black);position: absolute;bottom: 0;} 
    .i-news ul li.first .text {background-color: transparent;padding: 0 .27rem;}
    .i-news ul li.first .text .time {color: #fff;}
    .i-news ul li.first .text .title {color: #fff;}
    
}



/* 首页 合作 */
.i-cooperation {padding-top: .4rem;box-sizing: border-box;position: relative;background-color: #fafafa;}
.i-cooperation .background-image {width: 100%; height: 2.73rem; background-color: #fff; background-image: url(/images/index-coo.jpg);background-position: right;background-repeat: no-repeat;}
.i-cooperation .main{ width: 13.73rem; display: flex; justify-content: space-between;}
.i-cooperation .title {position: relative; width: 5.6rem; font-size: .48rem;color: #01133c;line-height: 2.73rem; font-weight: bold;font-family: ArialNarrow;letter-spacing: 1px;a}
.i-cooperation .title .ch {font-size: .3rem;position: absolute;top: 1.75rem; left: 0;line-height: 1;}
#i-coo{ width: 100%; display: block; margin: 0 auto;}
#i-coo .swiper-slide{ padding: .2rem 0; display: flex;justify-content: center;align-items: center;}
#i-coo .swiper-slide img {max-width: 90%;box-shadow: 0 .04rem .12rem .03rem #ccc;}
.i-cooperation .i-cooperation-list{width: 7.71rem; padding: 0 .21rem; display: block; position: relative; margin: .76rem 0 0;}
.i-cooperation-list .swiper-slide img{ background: #fff;}
.i-cooperation .arrow {position: absolute; top: 0; left: 0; width: 100%; height: 1rem; z-index: 0;}
.i-cooperation .icon-right1,.i-cooperation .icon-arrow-left{ right: 0; font-size: .32rem; line-height: 1rem; color: #000; position: absolute; top: 0; width: .25rem; cursor: pointer;outline-style:none; -moz-outline-style: none;}
.i-cooperation .icon-right1{left: 0;}
.i-cooperation .icon-right1:hover,.i-cooperation .icon-arrow-left:hover{
    color: #0061ae;
}
.index-map {height: 3.57rem;}

@media screen and ( max-width:1366px){
    .main{ width: 100%; box-sizing: border-box; padding: 0 .4rem;}

}



@media screen and ( max-width:768px) {
    .mobile-only {display: block;}
    .b-tel{ display: none;}
    .main{ width: 100% !important; box-sizing: border-box; padding: 0 .12rem;}
    .banner {margin-top: .8rem;}
    .banner li.banner01 .text{
        left: 5%;
        width: 100%;
    }
    /* .banner li .text p span{ display: inline-block;} */
    .banner li .text p{
        font-size: .18rem;
        line-height: 1.5;
    }
    .banner li .text h2{ font-size: .24rem; line-height: 1.5;}
    .banner-prev, .banner-next {opacity: .8; width: .4rem; height: .7rem;right: 6%;font-size: .24rem}
    .banner-prev {left: 6%;}
    .i-search{ margin-top: -.2rem}
    .i-search .main,
    .i-search .box{ width: 100%;}
    .i-search .box{ flex-wrap: wrap; height: auto; padding: .2rem;}
    .i-search form{ width: 100%;}
    .i-search form select,.i-search form input{ width: 100%; margin: .1rem 0 0;}
    .i-search form button,.i-search form button span{ transform: skewX(0);}
    .i-search form button{ margin: .1rem 0 0;}

    .i-pr-list{ padding-top: .4rem;}

    .i-advantage{ padding-bottom: .2rem;}
    .i-advantage .box .left,
    .i-advantage .box .right,.i-advantage .box .img{ width: 100%;}
    .i-advantage .box .img{ position: relative; margin: 0 0 .2rem; left: 0;}
    .i-advantage .box .img img{ width: 100%;}

    .i-advantage .box .left .list,.i-advantage .box .right .list{ padding: 0 0 .2rem 1.1rem; border-bottom: 1px solid #eee; text-align: left; margin: 0 0 .2rem;}
    .i-advantage .box .left .list .iconfont,.i-advantage .box .right .list .iconfont{ left: 0; right: auto;}


    .i-about .text, .i-about .img{ width: 100%;}
    .i-about .text{ padding: 0;}
    .i-about .img img{ margin: 0;}
    .i-about .text > a,.i-about .text > a span{ transform: skewX(0);}

    .i-equipment-list-zt{ width: 100%;}
    .i-equipment-list-zt img{ max-width: 100%;}
    .i-equipment .text{ left: 0; top: 0; width: 100%; padding: .2rem; height: auto; margin-left: 0; position: relative;     transform: translateY(0%);}
    .i-equipment .text .tit h2{ font-size: .24rem}
    .i-equipment .text .tit{ margin-top: 0;}
    .i-news{ padding-bottom: .3rem;}
    .i-news .tit p span{ display: unset;}
    .i-news ul{margin: .3rem 0 0; display: block;}
    .i-news ul li{ width: 100%; border-bottom: 1px solid #eee; margin: .2rem 0 ; padding-bottom: .2rem; box-sizing: border-box;}
    .i-news ul li .img{ width: 100%; height: auto;}
    .i-news ul li .text{ position: relative;}
    .i-news ul li .text p{ display: none;}
    .i-news ul li:last-of-type{ display: none;}
    .i-cooperation{ padding: 0; background: none;}
    .i-cooperation .main{ width: 100%; display: block;}
    .i-cooperation .title{ width: 100%; color: #fff; font-size: .3rem; line-height: 1.75; padding: .2rem 0 0;}
    .i-cooperation .background-image{ height: auto; background-size: cover; padding: 0 0 .3rem;}
    .i-cooperation .i-cooperation-list{ width: 100%; margin: 0; padding: 0;}
}