.banner img{width:100%;}
.banner .swiper-pagination {bottom:2.2vw;}
.banner .swiper-pagination .swiper-pagination-bullet{width:40px;height:6px;background:#fff;border-radius:0;opacity:1;margin: 0px 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#f39606;}


.banner .mask{width:100%;height:100%;position:absolute;top:0px;left:0px;background:url(../images/bg1.png) center center no-repeat;background-size: cover;}
.banner .words{position:absolute;top:50%;transform: translateY(-60%);width: 40vw;left:50%;margin-left: -20vw;text-align: center;color: #fff;}
.banner .words .p1{font-size: 1.9vw;}
.banner .words .p2{font-size: 3.1vw;color:#c30d23;font-family:'Arial';padding:0px 0px 5px 0px;border-bottom:1px solid #c30d23;display:inline-block;margin: 5px 0px 12px 0px;}
.banner .words .p3{font-size:16px;}


.product{margin: 2.5vw 0px 0px 0px;position: relative;}
.content .name{margin:3.1vw auto 0px;text-align:center;font-size:30px;color:#444444;position: relative;}
.content .name .en{display:block;font-size:14px;color:#adadad;font-family:'Arial';text-transform: uppercase;letter-spacing: 0.5px;}
.content .name .en:before{content:'';display:block;width:30px;height:2px;background:#303964;margin:10px auto;}
.productList {width: 73vw;margin: 30px auto 0px;min-width:1200px;padding: 0px 0px 75px 0px;position: relative;}
.product li{float:left;width:440px;}
.product li .Img{width:100%;height: 15.4vw;overflow:hidden;min-height: 250px;}
.product li img{height:100%;width:100%;transition:0.5s all ease;}
.product li .title{font-size: 18px;color: #333333;margin: 15px 0px 0px 0px;text-align: center;}
.product li:hover img{transform:scale(1.2);}
.product .swiper-button-prev{bottom: -2px;top:auto;width:35px;height:35px;box-shadow:0px 5px 5px 2px #eee;background:url(../images/icon-left.png) #fff center center no-repeat;left:50%;margin-left: -65px;border: 1px solid #cccccc;border-radius: 5px;}
.product .swiper-button-next{bottom: -2px;top:auto;width:35px;height:35px;box-shadow:0px 5px 5px 2px #eee;background:url(../images/icon-right.png) #fff center center no-repeat;right: 50%;margin-right: -65px;border: 1px solid #cccccc;border-radius: 5px;}
.product .icon{position:absolute;bottom: -10px;left:50%;margin-left: -20px;background: url(../images/icon.png) center top no-repeat;width: 40px;height: 45px;}
.product .swiper-button-prev:hover{background:url(../images/icon-left1.png) #f39606 center center no-repeat;}
.product .swiper-button-next:hover{background:url(../images/icon-right1.png) #f39606 center center no-repeat;}
.product li:hover .title{color:#303964;}



.solutionList{height: 31.25vw;width: 100%;background: url(../images/bg1.jpg) center center no-repeat;background-size: cover;margin:30px auto 0px;}
.solutionList ul{height:100%;}
.solutionList ul li{height:100%;float: left;width:16.6666%;border-right: 1px solid #b6b8ba;box-sizing: border-box;position:relative;transition:0.5s all ease;overflow:hidden;}
.solutionList ul li .icon{text-align:center;height:55px;line-height:53px;}
.solutionList ul li .icon img{vertical-align:middle;max-height: 100%;max-width: 100%;}
.solutionList ul li .title{color:#fff;font-size:16px;text-align:center;margin:26px 0px 0px 0px;position: relative;transition:0.5s all ease;}
.solutionList ul li .en{display:block;font-family:'Arial';margin:6px 0px 0px 0px;}
.solutionList ul li .words{position:absolute;width:100%;transform:translateY(-50%);top:50%;}
.solutionList ul li .sum{width:78%;margin:1.8vw  auto 0px;color:#fff;font-size:14px;line-height:30px;max-height:0px;overflow:hidden;transition:0.5s all ease;}
.solutionList ul li:hover{background:rgba(47,58,100,0.6);}
.solutionList ul li:hover .sum{max-height: 135px;}
.solutionList ul li:hover .title{padding:0px 0px 2.9vw 0px;border-bottom:1px solid #fff;}
.solutionList ul li .title:after{width: 34px;height: 5px;content:'';display:block;position:absolute;background:#fff;left:50%;margin-left: -17px;bottom: -2.5px;display:none;}
.solutionList ul li:hover .title:after{display:block;}
.solutionList ul li .micon{display:none;}


.News{max-width: 1400px;margin:0 auto;min-width: 1200px;}
.News .center{margin:30px 0px 0px 0px;}
.News1L{width: 43%;height: 21vw;float:left;min-height: 344px;}
.News1L .swiper-slide{height: 400px;min-height: 344px;}
.News1L img{width:100%;height:100%;}
.News1L .title{position:absolute;bottom: 0px;font-size: 16px;color: #fff;line-height: 50px;height: 50px;text-indent: 20px;z-index: 999999;}
.News1L .swiper-slide:after{content:'';display:block;position:absolute;bottom:0px;background:rgba(0,0,0,0.5);height:50px;width:100%;}
.News1L .swiper-pagination{width: auto;right: 15px;left: auto;bottom:15px;}
.News1L .swiper-container .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;margin:0px 7px;}
.News1L .swiper-container .swiper-pagination-bullet-active{background:#f39606;}

.News1R{background:#fff;width: 55%;box-sizing:border-box;float:right;}
.News1R li{border-bottom: 1px dashed #dedede;padding: 17px 0px 17px 18px;position:relative;background: url(../images/icon-arrow.png) left center no-repeat;}
.News1R li .title{font-size:16px;color:#333333;line-height: 22px;width: calc(100% - 100px);height: 22px;overflow: hidden;}
.News1R li .sum{font-size:14px;color:#777777;line-height: 30px;}
.News1R li:first-child{border-top: 1px dashed #dedede;}
.News1R .time{position:absolute;bottom:20px;font-size:14px;color:#999999;right: 0px;}
.News1R li:hover .title{color:#f39606;}
.News1R li:hover .time{color:#f39606;}
.News1R li:hover .sum{color:#f39606;}
.News1R li:hover {background: url(../images/icon-arrow1.png) left center no-repeat;}

.News .more{color:#fff;background:#f39606;font-size:16px;width:155px;height:50px;line-height:50px;display:block;border-radius:50px;text-align:center;margin: 2.1vw auto 4.2vw;}
.News .more:hover{font-weight:bold;}

@media(max-width:1401px){
    .News1R li{padding: 13px 0px 13px 15px;}
    .solutionList ul li .sum{line-height:22px;}
    .News1L{float:left;min-height: 344px;}
    .News1L .swiper-slide{height: 344px;min-height: 344px;}

    .News{width:1200px;}
}




.Mbanner{display: none;}



@media(max-width:1024px){

    .Mbanner{display: block;}
    .PCbanner{display: none;}
    .banner .mask{background:url(../images/bg2.png) center center no-repeat;background-size: 110%;}
    .banner .words .p3{font-size: 10px;}
    .banner .words .p1{font-size:18px;}
    .banner .words .p2{font-size:28px;}
    .banner .words{width: 70vw;margin-left: -35vw;}
    .banner .swiper-pagination{bottom:15px;}
    .banner .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 5px;}

    .content .name{font-size: 20px;margin: 30px auto 0px;}
    .content .name .en:before{width:25px;}
    .content .name .en{font-size:12px;}
    .product{margin: 0px;}
    .productList{width:92%;min-width: unset;padding: 0px 0px 60px 0px;margin: 17px auto 0px;}
    .product li .Img{height: 30vw;min-height: unset;}
    .product li .title{font-size: 12px;height: 20px;overflow: hidden;margin: 10px 0px 0px 0px;}
    .solutionList ul li .micon{display:block;height:8vw;line-height:7.5vw;}
    .solutionList ul li .pcicon{display:none;}
    .solutionList{height:unset;background:#fff;width: 92%;margin: 18px auto 0px;border-right: 1px solid #b6b8ba;border-bottom: 1px solid #b6b8ba;}
    .solutionList ul li{height: auto;color:#333;width:33.333%;padding: 13px 0px 8px 0px;border: 1px solid #b6b8ba;border-right: 0px;border-bottom: 0;}
    .solutionList ul li .title{color:#444;margin: 12px 0px 0px 0px;font-size: 14px;}
    .solutionList ul li .en{color:#adadad;font-size: 10px;}
    .solutionList ul li .words{top:0px;transform:translateY(0);position: relative;}

    .News{width: 92%;min-width: unset;}
    .News .center{margin:20px 0px 0px 0px;}
    .News1L{width: 100%;height: 61vw;float: none;min-height: unset;}
    .News1L .swiper-slide:after{height:40px;}
    .News1L .title{height:40px;line-height:40px;font-size:14px;text-indent: 10px;width: calc(100% - 100px);overflow: hidden;}
    .News1L .swiper-pagination{bottom:10px;right: 10px;}
    .News1L .swiper-container .swiper-pagination-bullet{width: 8px;height: 8px;margin:0px 5px;}

    .News1R{width:100%;float:none;}
    .News1R li .title{font-size:14px;width: calc(100% - 75px);}
    .News1R .time{font-size:12px;}
    .News .more{font-size: 14px;margin: 20px auto 35px;width: 120px;height: 38px;line-height: 38px;}

    .News1L .swiper-slide{height: 61vw;min-height: 61vw;}










}