.banner img{width:100%;}
.banner .swiper-button-next{width:30px;height:60px;background:url(../images/icon-next.png) #f2f2f2 center center no-repeat;transition:0.5s all ease;}
.banner .swiper-button-prev{width:30px;height:60px;background:url(../images/icon-prev.png) #f2f2f2 center center no-repeat;transition:0.5s all ease;}
.banner .swiper-button-prev:hover{background:url(../images/icon-prev1.png) #2c82e9 center center no-repeat;}
.banner .swiper-button-next:hover{background:url(../images/icon-next1.png) #2c82e9 center center no-repeat;}

.Number{background: #f5f5f5;padding: 3vw 0px 3.4vw 0px;}
.Number ul{width:1200px;margin:0 auto;}
.Number ul li{float:left;/* font-size: 50px; */color:#464646;margin: 0px 255px 0px 0px;font-size: 2.6vw;margin-right: calc((1200px - 22.7vw)/3);}
.Number ul li .i1{font-size:20px;color:#999999;display:block;text-align: right;position: relative;top: 10px;}
.Number ul li .tit{font-size:20px;color:#999999;display:block;}
.Number ul li .number-add{font-weight: 300;display: block;text-align: center;}
.Number ul li.li1{width: 140px;width: 7.3vw;}
.Number ul li.li2{width: 90px;width: 4.7vw;}
.Number ul li.li3{width: 100px;width: 5.2vw;}
.Number ul li.li4{width: 105px;width: 5.5vw;margin: 0px;}
.Number ul li.li1 .number-add{display:inline-block;}
.Number ul li.li3 .number-add{text-align:right;padding: 0px 18px 0px 0px;}
.Number ul li.li4 .number-add{padding: 0px 0px 0px 10px;text-align: left;}
.Number ul li.li1 .tit{text-align:center;}

.product{margin: 2.5vw 0px 0px 0px;position: relative;}
.body .name{font-size: 24px;color: #464646;padding: 0px 0px 7px 3.4vw;line-height: 36px;width: 100px;position: relative;}
.body .name .en{display:block;font-size:18px;color:#999999;text-transform:uppercase;line-height: 30px;letter-spacing: 1px;}
.body .name:after{width:100%;height:1px;background:#d6d6d6;content:'';display:block;position: absolute;left: 0px;bottom: 0px;}
.className {float:right;position: absolute;top: 35px;right: 3.4vw;}
.className a{color:#999999;font-size:16px;padding: 5px 10px;margin:0px 10px;position:relative;transition:0.5s all ease;}
.className a:after{width:1px;height:15px;background:#e5e5e5;content:"";position:absolute;right: -10px;top: 8px;}
.className a:last-child:after{display:none;}
.className a:hover{background:#2c82e9;color:#fff;}
.className a.on{background:#2c82e9;color:#fff;}
.className a:last-child{margin-right:0px;}


.product ul{margin: 2.3vw auto 5.2vw;padding: 0px 3.4vw;display: none;}
.product li{float:left;width: 24%;height: 16.7vw;margin: 0px 1.33% 0px 0px;position:relative;overflow:hidden;}
.product li:nth-child(4n){margin-right:0px;}
.product li .Img{height:100%;overflow:hidden;}
.product li img{height:100%;width:100%;transition:0.5s all ease;}
.product li .words{position:absolute;bottom:0px;background:#2c82e9 url(../images/icon-arrow2.png) 385px center no-repeat;width:100%;padding:17px 0px 17px 20px;box-sizing:border-box;opacity:0;transition:0.5s all ease;left:-430px;}
.product li .title{font-size:16px;color:#fff;}
.product li .sum{color:#c3dcfe;font-size:12px;margin:5px 0px 0px 0px;}
.product li:hover .words{opacity:1;left:0px;}
.product ul.on{display:block;}
.product li:hover img{transform:scale(1.2);}
.about{width:100%;height: 29vw;background: url(../images/indexbg.jpg) center top no-repeat;background-size: cover;height: 560px;position: relative;}
.aboutBox{width:1200px;margin:0 auto;position: relative;}
.product .arrow{width:125px;height:35px;display:block;background: #2c82e9 url(../images/icon-arrow5.png) center center no-repeat;margin: 30px auto;cursor: pointer;display: none;}

.aboutBoxL{padding: 8.4vw 0px 0px 0px;position: absolute;left: -10px;/* height: 20vw; */}
.aboutBoxL img{max-width:100%;max-height:100%;}
.aboutBoxR{float:right;width: 640px;padding: 6vw 0px 0px 0px;}
.aboutBoxR .name{color:#fff;padding: 0px 0px 10px 3.4vw;}
.aboutBoxR .name .en{color:#fff;}
.aboutBoxR .name:after{background:#9bb2ef;}
.aboutBoxR .text{background:#fff;color:#9c9c9c;font-size:14px;line-height: 26px;padding: 30px 35px 60px 35px;margin: 28px 0px 0px 35px;}
.aboutBoxR .text .arrow{width:125px;height:35px;display:block;background: #2c82e9 url(../images/icon-arrow5.png) center center no-repeat;margin: 30px 0px 0px 0px;cursor: pointer;}

.News{margin:5vw 0px 0px 0px;position: relative;}
.News ul{margin: 58px 0px 0px 0px;padding: 0px 3.4vw;display: none;}
.News li{float: left;width: 24.2%;height: 14.6vw;background: #f3f3f3;margin: 0px 1% 0px 0px;border-bottom:2px solid transparent;padding: 0px 1.7vw 0px 1.7vw;box-sizing:border-box;transition:0.5s all ease;}
.News li .time{width: 5.2vw;min-width: 70px;min-height: 4.3vw;background:url(../images/timebg.jpg) center top no-repeat;text-align: center;padding: 0px 0.5vw;box-sizing: border-box;margin: -20px 0px 0px 0px;transition:0.5s all ease;}
.News li .time .month{color:#fff;font-size:28px;padding: 1vw 0px 0px 0px;transition:0.5s all ease;font-size: 1.45vw;}
.News li .time .years{color:#fff;font-size:14px;text-align:right;}
.News li:hover{border-bottom:2px solid #2c82e9}
.News li .title{font-size:16px;color:#464646;margin: 1.5vw 0px 1vw 0px;height: 20px;overflow: hidden;}
.News li .sum{color:#a1a1a1;font-size:14px;line-height: 26px;height: 80px;overflow: hidden;}
.News li:hover .time{min-height: 6.5vw;}
.News li:hover .time .month{padding: 2.1vw 0px 0px 0px;}
.News li:last-child{margin-right:0px;}
.News ul.on{display:block;}
.News .arrow{width:8.9vw;height:2.6vw;display:block;background: #2c82e9 url(../images/icon-arrow5.png) center center no-repeat;margin: 2.4vw auto 4.4vw;cursor: pointer;/* background-size: 2.6vw; */}

.Qualification .name{width: 288px;}
.Qualification .name .en{letter-spacing:0px;}
.Qualification .swiper-container{width:93.2vw;margin: 2vw auto 2vw;}
.Qualification li{background:url(../images/indexbg1.jpg) center top no-repeat;background-size:cover;text-align:center;height:23vw;line-height:23vw;cursor: pointer;}
.Qualification li img{vertical-align: middle;width: 69%;max-height: 80%;}
.Qualification .swiper-container .swiper-button-prev{background:#f3f3f3 url(../images/icon-prev.png) center center no-repeat;width:30px;height:40px;left:0px;transition:0.5s all ease;}
.Qualification .swiper-container .swiper-button-next{background:#f3f3f3 url(../images/icon-next.png) center center no-repeat;width:30px;height:40px;right:0px;transition:0.5s all ease;}
.Qualification .swiper-container .swiper-button-prev:hover{background:#2c82e9 url(../images/icon-prev1.png) center center no-repeat;}
.Qualification .swiper-container .swiper-button-next:hover{background:#2c82e9 url(../images/icon-next1.png) center center no-repeat;}

.Network{padding: 5.2vw 0px 6.5vw 0px;/*background:url(../images/map.jpg) center center no-repeat;*/}
.Network .center{width:1200px;margin:0 auto;}
.Network .name{width:225px;color:#fff;}
.Network .name .en{color:#fff;}
.Network .name:after{background:#9ec5f0;}


.mapL{width:400px;float:left;margin: 8.5vw 0px 0px 0px;margin: 160px 0px 0px 0px;}
.mapL1{display:none;}
.mapL .title{font-size:24px;color:#ffffff;}
.mapL .info{font-size:14px;color:#ffffff;margin:15px 0px 0px 0px;line-height:24px;text-indent:2em;}
.mapL1.on{display:block;}
.mapL1 .arrow{width: 6.5vw;height: 2vw;display:block;background: #2c82e9 url(../images/icon-arrow5.png) center center no-repeat;margin: 55px 0px 0px 0px;cursor: pointer;/* background-size: 2.7vw; */}

.mapR{float:right;width:650px;height:540px;background:url(../images/map.png) center center no-repeat;position:relative;margin-top: -50px;}
.mapR i{position:absolute;font-size:12px;color:#013468;width: 30px;height: 20px;}
.mapR i:after{width: 7px;height: 7px;background:#154474;content:"";display:block;border-radius:50%;position:absolute;}
.mapR i.on:after{background:#ff0505;}
.mapR i.i1{right: 120px;top: 210px;text-align: right;}
.mapR i.i1:after{top: 0px;left: -7px;}
.mapR i.i2{right: 75px;top: 158px;text-align: center;}
.mapR i.i2:after{top: 20px;left: 10px;}
.mapR i.i3{right:150px;top: 180px;text-align: center;}
.mapR i.i3:after{top: 20px;left: 10px;}
.mapR i.i4{right: 55px;bottom: 205px;text-align: right;}
.mapR i.i4:after{top: 6px;left: -6px;}
.mapR i.i5{right: 266px;bottom: 168px;text-align: right;}
.mapR i.i5:after{top: 6px;right: -10px;}
.mapR i.i6{right: 172px;bottom: 111px;text-align: right;}
.mapR i.i6:after{top: 18px;right: 8px;}

.AddressBox{width:235px;height:134px;position:relative;float: left;background: #2c82e9;}



.mapText .address{color:#fff;font-size:16px;width: 235px;float: left;box-sizing: border-box;height: 100%;background: #2c82e9 url(../images/icon-address.png) 55px center no-repeat;padding: 2.4vw 0px 2.4vw 92px;position: absolute;top: 0px;left: 0px;opacity: 0;transition: 1s all ease;}
.mapText .address.on{opacity:1;}
.mapText{margin: 55px 0px 0px 0px;background: #fff;}
.mapText .address .en{display:block;text-transform:uppercase;}
.mapText .text1{float:left;/* width:255px; */padding: 2.2vw 50px 2.2vw 110px;box-sizing:border-box;color:#464646;font-size:18px;text-align: left;}
.mapText .text1 .em1{display:block;font-size:12px;color:#464646;margin:0px 0px 5px 0px;}
.mapText .swiper-button-prev{width:50px;height:30px;background:url(../images/prev.png) center center no-repeat;left: auto;right: 115px;margin-top: -15px;}
.mapText .swiper-button-next{width:50px;height:30px;background:url(../images/next.png) center center no-repeat;right: 72px;margin-top: -15px;}
.mapText .mapRight{width: 965px;float: right;height: 134px;padding: 0px 200px 0px 0px;box-sizing: border-box;position: relative;}

.LinkBox{padding: 3.6vw 0px;background:#fff;width: 1200px;}
.LinkBox ul li{float:left;width:200px;text-align:center;height:60px;line-height:56px;}
.LinkBox ul li img{vertical-align:middle;max-width:100%;max-height:100%;}
.LinkBox .swiper-button-next{width:25px;height:40px;background:url(../images/icon-next1.png) #2c82e9 center center no-repeat;opacity: 0;transition:0.5s all ease;right: 0px;margin-top: -20px;}
.LinkBox .swiper-button-prev{width: 25px;height: 40px;background:url(../images/icon-prev1.png) #2c82e9 center center no-repeat;opacity: 0;transition:0.5s all ease;left: 0px;margin-top: -20px;}
.LinkBox:hover .swiper-button-prev,.LinkBox:hover .swiper-button-next{opacity:1;}





@media(max-width:1700px){
    .about{height:530px;}
    .Number ul li .tit{font-size:18px;}
    .Number ul li .i1{font-size:18px;}
}

@media(max-width:1500px){
    .about{height:520px;}
    .News li .sum{line-height:22px;height: 64px;}
    .aboutBoxL{width: 510px;left: 65px;bottom: -40px;}
    .Number ul li .tit{font-size:16px;}
    .Number ul li .i1{font-size:16px;}
    .body .name{font-size:18px;width: 75px;line-height: 30px;}
    .body .name .en{font-size: 13px;}
    .aboutBoxR .name{width:80px;}
    .Qualification .name{width:233px;}
    .Network .name{width:165px;}
    .className a{font-size:14px;}
    .mapL .title{font-size: 18px;}
    .News li .time{min-height:4.7vw}
    .News li .time .month{font-size: 20px;padding: 1.2vw 0px 0px 0px;}
    .News li .time .years{font-size:12px;}
}

@media(max-width:1400px){
    .about{height: 510px;}
    .News li .sum{line-height:20px;height:58px;}
    .mapL1 .arrow{background-size:40px;}
    .Number ul li .tit{font-size:14px;}
    .Number ul li .i1{font-size:14px;}
}


.Mbanner{display: none;}



@media(max-width:1024px){

    .Mbanner{display: block;}
    .Pcbanner{display: none;}
    .banner .swiper-button-prev{height: 40px;width: 25px;}
    .banner .swiper-button-next{height: 40px;width: 25px;}

    .Number ul{width: 90%;}
    .Number ul li{font-size: 20px;margin-right: calc((100% -  235px)/3);}
    .Number ul li.li1{width: 60px;}
    .Number ul li .tit{font-size: 12px;}
    .Number ul li .i1{font-size: 12px;top: 4px;}
    .Number ul li.li2{width:60px;}
    .Number ul li.li3{width: 55px;}
    .Number ul li.li4{width:60px;}
    .Number ul li.li3 .number-add{padding: 0px 8px 0px 0px;}
    .product{margin:20px 0px 0px 0px;}
    .body .name{font-size: 16px;line-height: 20px;padding: 0px 0px 5px 5%;width: 67px;}
    .body .name .en{line-height: 18px;font-size: 12px;letter-spacing: 0.5px;}
    .className{width: 250px;top: 15px;height: 26px;overflow: hidden;text-align: right;}
    .className a{font-size:12px;padding: 0px 8px;height: 26px;line-height: 26px;display: inline-block;margin: 0px 5px;}
    .className a:nth-child(2n){margin-right:0px;}
    .className a:after{height:12px;}
    .product li{width:49%;margin: 0px 0px 9px 0px;height: 40vw;}
    .product li .words{padding: 5px 5px 10px 5px;opacity: 1;left: 0px;}
    .product li .title{font-size:14px;}
    .product li .sum{font-size:12px;height: 18px;overflow:hidden;margin: 0px;}
    .product li:nth-child(2n){float:right;}
    .product .arrow{display:block;margin: 13px auto 32px;width: 90px;height: 30px;background-size: 40px;}
    .product ul{padding:0px;margin:20px auto 10px;width:95%;}

    .about{height: auto;padding: 0px 0px 20vw 0px;background: url(../images/indexbg2.jpg) center top no-repeat;background-size: cover;}
    .aboutBox{width:95%;}
    .aboutBoxL{position: unset;left: 0px;margin: 0 auto;text-align: center;width: 95%;padding: 80px 0px 0px 0px;}
    .aboutBoxL img{max-width: 85%;}
    .aboutBoxR{width:100%;float:none;padding: 10px 0px 0px 0px;margin: -25px 0px 0px 0px;}
    .aboutBoxR .name{width: 70px;}
    .aboutBoxR .text{padding: 15px 15px 10px 18px;font-size: 12px;line-height: 20px;margin: 10vw auto 0px;width: 90%;text-indent: 2em;}
    .aboutBoxR .text .arrow{width: 80px;height: 27px;line-height: 27px;margin: 15px 0px 20px 15px;background-size: 40px;}
    

    .News .className{width: 160px;}
    .News li{width:49%;margin: 0px 0px 25px 0px;height: 150px;padding: 10px;border-bottom: 2px solid #2c82e9;}
    .News li:nth-child(2n){float: right;}
    .News li .time{height: 65px;min-width: 60px;padding: 0px 5px;}
    .News li .time .month{font-size:16px;padding: 15px 0px 0px 0px;line-height: 20px;}
    .News li:hover .time .month{padding: 15px 0px 0px 0px;}
    .News li .time .years{font-size:12px;line-height: 16px;}
    .News li .title{font-size:14px;margin: 10px 0px 6px 0px;}
    .News li .sum{font-size:12px;height: 50px;line-height: 16px;}
    .News .arrow{width: 80px;height: 27px;line-height: 27px;margin: 0 auto 25px;background-size: 40px;}
    .News ul{margin: 25px auto 0px;padding:0px;width:95%;}

    .Qualification .swiper-container{margin:20px auto;}
    .Qualification .name{width: 206px;letter-spacing: 0px;}
    .Qualification li{height: 58vw;line-height: 58vw;}
    .Qualification .swiper-container .swiper-button-prev{width:25px;height: 25px;background-size: 7px;margin-top: -12px;}
    .Qualification .swiper-container .swiper-button-next{width:25px;height: 25px;background-size: 7px;margin-top: -12px;}
    .Qualification .swiper-container .swiper-button-prev:hover,.Qualification .swiper-container .swiper-button-next:hover{background-size: 7px;}

    .Network{padding: 30px 0px 20px 0px;background-size: cover;}
    .Network .name{width: 146px;}
    .Network .center{width: 95%;}
    .mapR{width: 340px;background-size: contain;height: 300px;margin: -20px auto 0px;float: none;}
    .mapL{width:100%;margin: -10px 0px 0px 0px;}
    .mapL .title{font-size:16px;}
    .mapL .info{font-size: 10px;line-height:20px;width: 70%;margin: 10px 0px 0px 0px;}
    .mapL1 .arrow{width: 80px;height:27px;background-size:40px;margin: 30px 0px 10px 0px;}

    .mapR i:after{width:5px;height:5px;}
    .mapR i.i1{top: 118px;right: 45px;}
    .mapR i.i2{top: 79px;right: 30px;}
    .mapR i.i3{top: 91px;right: 68px;}
    .mapR i.i4{top: 172px;right: 10px;}
    .mapR i.i5{top: 189px;right: 145px;}
    .mapR i.i6{bottom: 63px;right: 85px;}

    .mapText{height: 52px;margin: 30px 0px 20px 0px;}
    .AddressBox{width: 27%;font-size: 12px;height: 100%;}
    .mapText .address{padding: 7px 0px 10px 23px;background: #2c82e9 url(../images/icon-address.png) 5px center no-repeat;background-size: 14px;width: 100%;}
    .mapText .text1{width: 31%;padding: 10px 0px 10px 15px;font-size: 12px;}
    .mapText .swiper-button-prev{right: 35px;width: 20px;height: 20px;margin-top: -10px;}
    .mapText .swiper-button-next{right: 8px;width: 20px;height: 20px;margin-top: -10px;}
    .mapText .text1 .em1{margin:0;}
    .mapText .address .en{font-size: 10px;}
    .mapText .mapRight{width:73%;height: 100%;padding: 0px 50px 0px 0px;}

    .LinkBox{width:95%;padding: 20px 10px;box-sizing: border-box;}
    .LinkBox ul{width: 95%;}
    .LinkBox ul li{width: 33.33%;}
    .LinkBox ul li img{max-width: 65%;max-height: 65%;}

    .LinkBox .swiper-button-prev{width:20px;/*height:30px;margin-top:-15px;*/}
    .LinkBox .swiper-button-next{width:20px;/* height:30px; *//* margin-top:-15px; */}






}