.banner{height:336px;margin-top: 64px;position: relative}
.banner .swiper-container,.banner .swiper-slide{width:100%;height:100%}
.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}
.banner .swiper-slide img{max-width:100%;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}
.words{position:absolute;
/*line-height: 411px;width:100%*/
top:0;text-align:center;z-index: 11;}
.words>div{display:inline-block;}
.words p{font-size:76px;color:#fff;line-height: 1.5;font-weight:600}
.words .en{font-size:18px;color:#fff;line-height:1;text-transform: uppercase;letter-spacing: 16px;margin-right: -16px;font-family:arial}

.pageCon{display: flex;justify-content: space-between;margin-top: 15px;padding-bottom: 70px;}
.pageCon .left{width: 300px;}
.pageCon .left .title{padding: 40px 20px 6px;box-sizing: border-box;background: #f2f2f2;/* margin-bottom: 4px; */}
.pageCon .left .title p{font-size: 24px;color: #1d2a77;}
.pageCon .left .title .en{font-size: 14px;color: #999999;line-height: 1.5;text-transform: uppercase;font-family: arial;}
.pageCon .left ul li{line-height: 24px;background:#f2f2f2;margin: 4px 0;}
.pageCon .left ul li a{font-size: 16px;position: relative;display: block;width: 100%;height: 100%;padding: 20px;box-sizing: border-box;}
.pageCon .left ul li p{width: 70%;}
.pageCon .left ul li span{display: inline-block;position: absolute;width: 16px;height: 16px;top: calc(50% - 8px);right: 20px;background: #c9caca url(../img/aboutIcon.png) center center no-repeat;background-size: 5px;}
.pageCon .left ul li:hover,.pageCon .left ul li.active{background: #1D2A77;}
.pageCon .left ul li:hover a,.pageCon .left ul li.active a{color: #fff;}
.pageCon .left ul li:hover span,.pageCon .left ul li.active span{background-color: #ff5527;}
.pageCon .right{width: 885px;}
.pageCon .right .row{display:flex;justify-content:space-between;margin-top:50px;padding-bottom:10px;border-bottom:1px solid #999999;margin-bottom: 40px;position:relative}
.pageCon .right .row p:after{content:"";width:118px;height:6px;background:#1D2A77;position:absolute;left:0;bottom: -14px;}
.pageCon .right .row p{font-size:18px;color:#2f2725;padding-left:10px;position: relative;}
.pageCon .right .row .location a{color:#999;position:relative;padding: 0 10px;}
.pageCon .right .row .location a:after{content:"";position:absolute;width:1px;height:10px;background:#999;right:0;top:calc(50% - 5px)}
.pageCon .right .row .location a:last-child{color:#46403f;}
.pageCon .right .row .location a:last-child::after{display:none}
.pageCon .infoBox>p.title{font-size:24px;color:#2f2725;text-align:center;margin: 60px 0 20px;}
.pageCon .infoBox .info{font-size:14px;color:#2f2725;line-height:2;padding:0 10px}
.pages{margin-top:35px;text-align:center}
.pages a{display:inline-block;width:26px;height:26px;background:#f2f2f2;margin:0 2px;font-size:12px;line-height: 26px;}
.pages a:hover,.pages a.currentpage{background:#1d2a77;color:#fff}
.pages a:first-of-type,.pages a:last-of-type{background:#fff;font-family:"宋体";color:#000}

.proList .infoBox .info ul{display:flex;flex-wrap:wrap;}
.proList .infoBox .info ul li{width:280px;margin-right: 12px;}
.proList .infoBox .info ul li:nth-child(3n){margin-right:0}
.proList .infoBox .info ul li .Img{height: 230px;position: relative;overflow:hidden;text-align:center;line-height:230px}
.proList .infoBox .info ul li .Img img{transition:all .35s ease-in-out;max-width:100%;max-height:100%;vertical-align:middle;display:inline-block}
.proList .infoBox .info ul li .Img:after{content:"";position: absolute;width:100%;height:5px;background:#ff5527;bottom:-5px;left:0;transition:all .35s ease-in-out}
.proList .infoBox .info ul li p{font-size:14px;color:#2f2725;padding-left:15px;position:relative;line-height: 44px;margin-bottom: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.proList .infoBox .info ul li p:after{content:"";position:absolute;width:5px;height:5px;background:#2f2725;left:0;top: 19px;}
.proList .infoBox .info ul li:hover img{transform:scale(1.2)}
.proList .infoBox .info ul li:hover .Img:after{bottom:0}
.proList .infoBox .info ul li:hover p{color:#1d2a77}
.proList .infoBox .info ul li:hover p:after{background:#1d2a77}

.product .infoBox{margin-top:60px;padding-bottom: 65px;border-bottom:1px solid #e7e7e7}
.product .infoBox *{vertical-align:middle;line-height: 1.5;color: #2f2725;font-size: 14px;}
.product .otherBox{padding:15px 20px 0}
.product .otherBox p{display:block;margin:10px 0 15px;color:#686868;font-size:14px}
.product .otherBox a{color:#686868;}

.newsList ul{display:flex;flex-wrap:wrap;padding-bottom: 20px;}
.newsList ul li{width: 288px;height:400px;margin-right: 10px;background:#f2f2f2;box-sizing: border-box;padding: 20px;margin-bottom: 10px;color:#2f2725;position:relative;}
.newsList ul li:nth-child(3n){margin-right:0}
.newsList ul li .Time{margin-bottom:65px;}
.newsList ul li .Time span{font-size:24px;}
.newsList ul li .Time p{font-size:34px}
.newsList ul li p.title{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:20px}
.newsList ul li .summary{height:132px;line-height:22px;font-size:12px;overflow:hidden}
.newsList ul li a{display:inline-block;width:100px;height:40px;line-height:40px;text-align:center;background:#c9caca;color:#fff;text-transform:uppercase;font-size:12px;position:absolute;right:10px;bottom:15px}
.newsList ul li:hover a{background:#1d2a77}

.industryList ul{display:flex;flex-wrap:wrap;padding-bottom:30px}
.industryList ul li{width: 437px;margin-right:10px;margin-bottom: 10px;background: #f2f2f2;height: 400px;}
.industryList ul li:nth-child(2n){margin-right:0}
.industryList ul li .Img{height:193px;overflow:hidden}
.industryList ul li .Img img{transition:all .35s ease-in-out}
.industryList ul li .Text{padding:35px 25px 35px 20px;}
.industryList ul li p.title{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:20px}
.industryList ul li .summary{line-height:22px;font-size:12px;overflow:hidden;height: 66px;}
.industryList ul li a{text-transform:uppercase;font-size:12px;float: right;margin-top: 15px;color: #c9caca;}
.industryList ul li:hover a{color:#1d2a77}
.industryList ul li:hover img{transform:scale(1.2)}

.newsInfo .infoBox .info{padding:0;padding-bottom:20px;border-bottom:1px solid #e0e0e0;}
.newsInfo .time{color:#b2b2b2;font-size:12px;text-align:right;margin-bottom:20px}
.newsInfo .time p{padding-left:20px;display:inline-block;background:url(../img/timeIcon.png) left center no-repeat;background-size:14px;}
.newsInfo .info *{color:#686868;font-size:14px}
.newsInfo .info hr{background: #e0e0e0;border: 0;width: 100%;height: 1px;margin: 13px 0;}
.newsInfo .otherBox{padding:15px 0 0}
.newsInfo .otherBox p{display:block;margin:10px 0 15px;color:#2f2725;font-size:12px}
.newsInfo .otherBox a{color:#2f2725;}

.qualification .infoBox{position:relative;margin:70px 50px;background:url(../img/qualify.jpg) center center no-repeat;background-size:100%;height: 1105px;}
.qualification .swiper-container{height: 100%;}
.qualification .swiper-slide{width: 100%;position:relative}
.qualification .swiper-slide .Img{width: 414px;bottom:123px;position:absolute;height: 583px;left: calc(50% - 186px);}
.qualification .swiper-slide .Text{margin-top:135px;font-size:48px;color:#46403f;font-weight: lighter;text-align: center;padding:0 20px;box-sizing:border-box}
.qualification .swiper-slide .Text .summary{color:#868688;font-size:30px;margin-top:25px}
.qualification .swiper-button-next,.qualification .swiper-button-prev{width:40px;height:40px;background-color:#1d2a77;background-size:10px;background-position:center center;margin-top:0;top: 670px;}
.qualification .swiper-button-next{right:75px}
.qualification .swiper-button-prev{left:120px}
.qualification .swiper-button-next.swiper-button-disabled,.qualification .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#c9caca;}
.qualification .swiper-slide:not(.swiper-slide-active) .Text{display:none}

.network .infoBox{position:relative;}
.network .infoBox .words{position:absolute;bottom:33px;left:30px;width:399px;color:#00579a;font-size:14px;line-height:26px;text-indent:2em;display:  block;top: auto;text-align:  left;}
.network .infoBox .words p{font-size:24px;text-indent:0;margin-bottom:18px;color:#00579a;}

.caseList ul{padding-bottom:30px}
.caseList ul li{margin-bottom:20px}
.caseList ul li a{display:flex}
.caseList ul li .Img{width:300px;overflow: hidden;}
.caseList ul li .Img img{transition:all .35s ease-in-out}
.caseList ul li .Text{width:calc(100% - 300px);padding:55px 35px 0 20px;box-sizing:border-box;background:#f2f2f2;color:#2f2725;position:relative}
.caseList ul li .Text p{font-size:16px;margin-bottom:20px}
.caseList ul li .Text .summary{font-size:12px;line-height:22px;height:88px;overflow:hidden}
.caseList ul li .Text span{position:absolute;right:35px;font-size:12px;text-transform:uppercase;color:#c9caca;bottom:40px;transition:all 1s ease-in-out}
.caseList ul li:hover img{transform:scale(1.2)}
.caseList ul li:hover .Text{background:#1d2a77;color:#fff}
.caseList ul li:hover .Text span{left:20px}
/* .caseList ul li:hover .Text span{transform:translateX(-490px)} */

#maps,.map{height: 508px;}
.contact .con{padding:30px 15px}
.contact .con ul li{color:#2f2725;font-size:14px;line-height:22px;margin:15px 0;padding-left:25px;position:relative}
.contact .con ul li span{display:inline-block;width:16px;height:22px;background:center center no-repeat;position:absolute;left:0;}

.liuyan{padding-bottom:30px}
.liuyan *{font-family: "微软雅黑";}
.liuyan input{width:100%;height:55px;line-height:55px;background:#f2f2f2;margin-bottom:20px;padding:0 15px;box-sizing:border-box;font-size:14px;color:#575251;}
.liuyan input[type=submit]{font-size:16px}
.liuyan textarea{width:100%;height:235px;padding:0 15px;box-sizing:border-box;font-size:14px;color:#575251;background:#f2f2f2;border:0;line-height:55px;margin-bottom:20px;}
.prompt{position:fixed;top:50%;width: 250px;height:70px;line-height:70px;text-align:center;background:#fff;box-shadow:0px 0px 10px 3px #ccc;left:50%;margin-left: -125px;border-radius: 7px;font-size: 16px;display: none;}

@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}

    .pageCon{/* width:92%; */margin:0 auto;padding-bottom: 10vw;}
    .pageCon .left{display:none}
    .pageCon .right{width: 92%;margin: 0 auto;}
    .pageCon .right .row{margin:6vw 0;padding-bottom: 4px;flex-wrap: wrap;}
    .pageCon .right .row p{width: auto;font-size: 16px;max-width:100%;padding-left: 2vw;}
    .pageCon .right .row p:after{width:100%;height: 3px;bottom: -6px;}
    .pageCon .right .row .location{width: 70%;text-align: right;}
    .pageCon .right .row .location a{padding:0 1vw}
    .pageCon .infoBox>p.title{margin: 6vw 0 3vw;font-size: 16px;}
    .pageCon .infoBox .info,.newsInfo .info *{font-size:12px;line-height:1.8;padding: 0;}

    .proList ul{padding-bottom:4vw}
    .proList .infoBox .info ul li{width:44vw;}
    .proList .infoBox .info ul li:nth-child(3n){margin-right: 3vw;}
    .proList .infoBox .info ul li:nth-child(2n){margin-right:0}
    .proList .infoBox .info ul li .Img{height:36.5vw;line-height:36.5vw}
    .proList .infoBox .info ul li p{margin-bottom:0;font-size: 13px;padding-left: 12px;line-height: 10vw;}
    .proList .infoBox .info ul li p:after{width:4px;height:4px;top: calc(50% - 2px);}

    .product .infoBox{margin-top:10vw;padding-bottom: 0;}
    .product .infoBox *{line-height:1.8;font-size:12px}
    .product .otherBox{padding: 0 0 0 0;}
    .product .otherBox p{margin:3vw 0;font-size: 13px;}

    .newsList ul li{width:100%;margin-right: 0;padding: 3vw 3vw 16vw;height: auto;margin-bottom: 3vw;}
    .newsList ul li .Time{margin-bottom: 4vw;}
    .newsList ul li .Time span{font-size:16px}
    .newsList ul li .Time p{font-size:24px}
    .newsList ul li p.title{margin-bottom: 2vw;}
    .newsList ul li .summary{line-height:20px;height:60px}
    .newsList ul li a{width:16vw;height:8vw;line-height:8vw;background: #1d2a77;}
    .pages{margin-top:0}

    .industryList ul{padding-bottom:3vw}
    .industryList ul li{width:100%;margin-right:0;height:auto;margin-bottom: 4vw;}
    .industryList ul li .Img{height:40vw}
    .industryList ul li .Text{padding: 5vw 3vw 9vw;}
    .industryList ul li p.title{font-size:14px;margin-bottom:2vw}
    .industryList ul li .summary{line-height:20px;height:60px;overflow:hidden}
    .industryList ul li a{right:4vw;margin-top: 2vw;}

    .newsInfo .time{margin-bottom:3vw}
    .newsInfo .infoBox .info{padding-bottom:3vw}
    .newsInfo .info hr{margin:2vw 0}
    .newsInfo .otherBox{padding-top:0}
    .newsInfo .otherBox p{margin:3vw 0}


    .pageCon .qualification{width:100%}
    .pageCon .qualification .row{width:92%;margin:6vw auto}
    .qualification .infoBox{margin:0;height: 147vw;}
    .qualification .swiper-slide .Img{width: 53vw;height: 73.9vw;bottom: 19vw;left: 26.5vw;}
    .qualification .swiper-slide .Text{margin-top:20vw;line-height:30px;font-size:26px;padding: 0 4vw;}
    .qualification .swiper-slide .Text .summary{font-size:14px;margin-top:3vw;line-height: 20px;}
    .qualification .swiper-button-next, .qualification .swiper-button-prev{width:25px;height:25px;top: 88vw;}
    .qualification .swiper-button-next{right:7vw}
    .qualification .swiper-button-prev{left:12vw}

    .network .infoBox .words p{font-size:14px;margin-bottom: 2vw;}
    .network .infoBox .words{width:92%;text-align:left;left: 4vw;font-size: 12px;line-height: 20px;bottom: 4vw;}
    .pageCon .network{width:100%}
    .pageCon .network .row{width:92%;margin:6vw auto}
    
    .caseList ul{padding-bottom:4vw}
    .caseList ul li{margin-bottom:4vw}
    .caseList ul li .Img{width:41vw;}
    .caseList ul li .Text{width:calc(100% - 41vw);padding: 3vw;}
    .caseList ul li .Text p{margin: 1vw 0 2vw;font-size: 14px;}
    .caseList ul li .Text .summary{line-height: 18px;height: 54px;overflow:hidden;}
    .caseList ul li .Text span{bottom:2vw;right:3vw}

    .liuyan{padding-bottom:0}
    .liuyan input{height:10vw;line-height: 10vw;padding: 0 2vw;margin-bottom: 2vw;font-size: 12px;}
    .liuyan textarea{line-height: 10vw;padding: 0 2vw;margin-bottom: 2vw;font-size: 12px;height:31vw}
    .liuyan input[type=submit]{font-size:12px}

    #maps, .map{height:53vw}
    .contact .con{padding:10vw 3vw 0}
    .contact .con ul li{margin:4vw 0;font-size: 12px;}

}