﻿.banner{position:relative;/*height: 680px;*/}
.banner .swiper-pagination-bullets{bottom:27px;z-index: 12;width:100%;}
.banner .swiper-pagination-bullet{width:58px;height: 4px;border-radius: 3px;margin: 0 10px;background:#fff;opacity:1}
.banner .swiper-pagination-bullet-active{background:#ff5527}
.words{position:absolute;
/*line-height:780px;width:100%;*/
top:0;text-align:center;z-index: 1;}
.words>div{display:inline-block}
.words p{font-size:76px;color:#fff;line-height: 1.5;font-weight:bold}
.words .en{font-size:18px;color:#fff;line-height:1;text-transform: uppercase;letter-spacing: 16px;margin-right: -16px;font-family:arial}

.head{padding:65px 0 30px;text-align:center;line-height: 30px;height: 30px;}
.head *{display:inline-block;font-size:24px;}
.head .title{color:#1d2a77;position:relative;margin-right: 20px;}
.head .title:after{content:"";width:1px;height: 18px;background:#1d2a77;position:absolute;right:-12px;top: calc(50% - 8px);}
.head span{color:#1d2a77;margin:0 10px;vertical-align: middle;}
.head .en{color:#ff5527;text-transform:uppercase}

.iAbout .con{display:flex;justify-content:space-between;padding-bottom:75px}
.iAbout .con .imgBox{width:677px;height:370px;position: relative;}
.iAbout .con .imgBox .swiper-slide{width:658px;height:100%;}
.iAbout .swiper-button-prev,.iAbout .swiper-button-next{width:38px;height:38px;background-color: #ff5527;background-size: 10px;bottom: 35px;right: 0;top: auto;margin-top: 0;}
.iAbout .swiper-button-prev{left:auto;bottom:74px}
.iAbout .swiper-button-prev.swiper-button-disabled,.iAbout .swiper-button-next.swiper-button-disabled{opacity:1;background-color: #c9caca;}
.iAbout .aboutCon p{margin:40px 0 20px;font-size:24px;color:#2f2725}
.iAbout .aboutCon .summary{font-size:14px;color:#2f2725;text-indent:2em;line-height:2}
.iAbout .aboutCon .moreBox{text-align:right}
.iAbout .aboutCon a{font-size:12px;color:#fff;width:66px;background:#444;display:inline-block;height:27px;line-height:27px;text-align:center;text-transform:uppercase;background:#c9caca}
.iAbout .aboutCon a:hover{background: #1d2a77}

.iPro{background:#f2f2f2}
.iPro ul{display:flex;flex-wrap:wrap}
.iPro ul li{width: 374px;height:376px;margin-bottom:40px;margin-right: 39px;}
.iPro ul li:nth-child(3n){margin-right:0}
.iPro ul li  .Img{overflow:hidden}
.iPro ul li img{transition:.5s all ease-in-out}
.iPro ul li p{line-height:70px;text-align:center;color:#000000;font-size:16px;background:#fff;border:1px solid #e8e8e8;box-sizing:border-box;border-top:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.iPro ul li:hover p{background:#1d2a77;border-color:#1d2a77;color:#fff}
.iPro ul li:hover img{transform:scale(1.2)}
.iPro .moreBox{text-align:center}
.iPro .moreBox a{width:100px;height:40px;line-height:40px;background:#1d2a77;display:inline-block;font-size:12px;color:#fff;text-transform:uppercase;margin-bottom:80px}

.iNews{position:relative}
.iNews:after{content:"";width:100%;height:1px;background:#e8e8e8;position:absolute;top:245px;left:0}
.iNews ul{display:flex;justify-content:space-between;margin-top:40px;margin-bottom: 35px;}
.iNews ul li{width:288px;position:relative}
.iNews ul li span{display:inline-block;width:19px;height:19px;background: #fff url(../img/newIcon.png) right center no-repeat;top: 71px;left:0;position:absolute;z-index: 1;}
.iNews ul li .time{font-size:24px;color:#2f2725;margin-bottom:90px;opacity: 0;}
.iNews ul li p{font-size:16px;color:#2f2725;margin-bottom:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.iNews ul li .summary{color:#999999;font-size:12px;line-height:2;height:140px;overflow:hidden}
.iNews ul li .moreBox{text-align:center;opacity: 0;}
.iNews ul li a{display:inline-block;width:100px;height:42px;line-height:42px;text-align:center;background:#1d2a77;color:#fff;text-transform:uppercase;;font-size:12px}
.iNews ul li.active span{background-position-x:left;}
.iNews ul li.active .summary{color:#2f2725}
.iNews ul li.active .moreBox,.iNews ul li.active .time{opacity:1}

.iQualify .content{margin-top:10px;position: relative;}
.iQualify .swiper-container{width: 1108px;}
.iQualify .swiper-button-prev,.iQualify .swiper-button-next{width: 38px;height: 38px;background-color: #1d2a77;background-size: 10px;right: 0;margin-top: -19px;}
.iQualify .swiper-button-prev{left:0}
.iQualify .swiper-button-prev.swiper-button-disabled,.iQualify .swiper-button-next.swiper-button-disabled{opacity:1;background-color: #c9caca;}

.iLinks{margin-bottom:115px}
.iLinks .content{position:relative}
.iLinks .swiper-container{width:1164px}
.iLinks .swiper-slide{border:1px solid #eaeaea;text-align:center;width:177px;height:87px;line-height:87px;cursor: pointer;box-sizing:border-box;overflow:hidden}
.iLinks .swiper-slide img{transition:.5s all ease-in-out}
.iLinks .swiper-slide:hover img{transform:scale(1.2)}
.iLinks .swiper-button-prev,.iLinks .swiper-button-next{width: 38px;height: 38px;background-color: #1d2a77;background-size: 10px;right: 0;margin-top: -19px;}
.iLinks .swiper-button-prev{left:0}
.iLinks .swiper-button-prev.swiper-button-disabled,.iLinks .swiper-button-next.swiper-button-disabled{opacity:1;background-color: #c9caca;}

@media screen and (max-width:1024px){
    .banner{height:53vw;margin-top: 50px;}
    .banner .swiper-container,.banner .swiper-slide{height:100%}
    .banner .swiper-slide img{max-height:100%;width:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;}
    .banner .words{line-height: 60vw;height: 53vw;}
    .banner .words p{font-size: 38px;}
    .banner .words .en{font-size:12px;letter-spacing: 6px;margin-right: -6px;}
    .banner .swiper-pagination-bullet{width: 9vw;margin: 0 1.5vw;height: 2px;}
    .banner .swiper-pagination-bullets{bottom:10px}

    .head{padding: 6vw 0 2vw;}
    .head *{font-size: 16px;}
    .head .title{margin-right:10px}
    .head .title:after{height:14px;top: calc(50% - 6px);right: -7px;}
    .head .en{font-size:14px}

    .iAbout .con{display:block;padding:0 4vw;}
    .iAbout .con .imgBox,.iAbout .con .aboutCon{width:100%;}
    .iAbout .con .imgBox{height:52vw}
    .iAbout .swiper-button-prev, .iAbout .swiper-button-next{width:30px;height:30px;background-size: 6px;bottom: 1px;}
    .iAbout .swiper-button-prev{bottom:32px}
    .iAbout .aboutCon p{margin:3vw 0 2vw;font-size:16px}
    .iAbout .aboutCon .summary{font-size:12px;line-height:1.5}
    .iAbout .aboutCon .moreBox{text-align:center;padding:2vw 0 7vw}
    .iAbout .aboutCon a{background:#1d2a77;}

    .iPro ul{padding:0 4vw}
    .iPro ul li{width:45vw;margin-right:2vw;height: auto;margin-bottom: 3vw;}
    .iPro ul li:nth-child(3n){margin-right:2vw}
    .iPro ul li:nth-child(2n){margin-right:0}
    .iPro ul li .Img{height:37vw}
    .iPro ul li p{line-height: 40px;font-size: 14px;}
    .iPro .moreBox a{margin:4vw 0 10vw;font-size:12px;color:#fff;width:66px;background:#444;display:inline-block;height:27px;line-height:27px;text-align:center;text-transform:uppercase;background:#1d2a77}

    .iNews{width:92vw;margin: 0 auto;}
    .iNews:after{top: calc(8vw + 76px);}
    .iNews .swiper-container{width:67vw}
    .iNews .swiper-button-prev,.iNews .swiper-button-next{width: 30px;height: 30px;background-color: #1d2a77;background-size: 7px;right: 0;margin-top: 20px;}
    .iNews .swiper-button-prev{left:0}
    .iNews .swiper-button-prev.swiper-button-disabled,.iNews .swiper-button-next.swiper-button-disabled{opacity:1;background-color: #c9caca;}
    .iNews ul{margin: 0;}
    .iNews ul li .time{font-size:16px;margin-bottom: 15vw;text-align: center;}
    .iNews ul li span{left:50%;top: 10vw;margin-left: -10px;top: 36px;}
    .iNews ul li p{margin-bottom:10px}
    .iNews ul li .summary{line-height:1.8;height: auto;}
    .iNews .moreBox a{/* margin:4vw 0 10vw; */font-size:12px;color:#fff;width:66px;background:#444;display:inline-block;height:27px;line-height:27px;text-align:center;text-transform:uppercase;background:#1d2a77;margin-top: 4vw;}

    .iQualify .content{width:92vw}
    .iQualify .swiper-container{width:73vw;}
    .iQualify .swiper-button-prev, .iQualify .swiper-button-next{width:30px;height:30px;background-size: 7px;}

    .iLinks{margin-bottom:10vw}
    .iLinks .content{width:92vw}
    .iLinks .swiper-container{width:80vw}
    .iLinks .swiper-slide{height:19vw;line-height: 18vw;}
    .iLinks .swiper-slide img{max-height:80%}
    .iLinks .swiper-button-prev, .iLinks .swiper-button-next{width:30px;height:30px;background-size: 7px;margin-top: -15px;}

}

