﻿.banner .num{bottom:14vw;}
.nums{padding: 3.3vw 3vw 5.2vw 3vw;background:#f1f8fe;}
.nums li{float: left;width: 20%;font-size: 14px;color: #434343;text-align:center;}
.nums li .num{font-size: 2.6vw;}
.nums li.li1 .num{padding: 0px 10px 0px 0px;}
.nums li.li2 .num{padding: 0px 10px 0px 0px;}
.nums li.li3 .num{padding:0px 10px 0px 0px;}
.nums li.li4 .num{padding: 0px 10px 0px 0px;}
.nums li.li5 .num{padding: 0px 10px 0px 0px;}
.nums li .s1{margin:0px auto;text-align: left;}
.nums li.li1 .s1{width: 165px;}
.nums li.li2 .s1{width: 185px;}
.nums li.li3 .s1{width: 150px;}
.nums li.li4 .s1{width: 180px;}
.nums li.li5 .s1{width: 170px;}
/* 业务内容 */
.business{margin: 5vw 0px 0px 0px;color:#434343;position: relative;}
.content .name{text-align:center;font-size:32px;}
.content .en{text-align:center;font-size:18px;margin:3px 0px 0px 0px;}
.businessbox{width: 95%;margin:55px auto 0px;}
.businessbox li .Img{height:31.5vw;width:100%;overflow:hidden;}
.businessbox li .Img img{width:100%;height:100%;transform:scale(1);transition:1s all ease;}
.businessbox li:hover img{transform:scale(1.3);}
.businessbox li:nth-child(2n) .Img{height:24.5vw;}
.businessbox li .info{margin:1.5vw 0px 0px 0px;}
.businessbox li .info .icon{float:left;margin: 5px 0px 0px 0px;}
.businessbox li .info .right{width:80%;float:left;margin:0px 0px 0px 1.2vw;}
.businessbox li .info .t1{font-size:14px;color:#a0a0a0;}
.businessbox li .info .t2{font-size:20px;color:#434343;margin:7px 0px;}
.businessbox li .info .t3{font-size:16px;color:#434343;font-family:'Arial';}
.business .swiper-button-prev{background:url(../images/icon-left1.jpg) center center no-repeat;left: 0px;/* top: 50vw; */display: block;}
.business .swiper-button-next{background:url(../images/icon-right1.jpg) center center no-repeat;right: 0px;/* top: 50vw; */display: block;}

/*关于友通*/
.about{width:100%;height:650px;background: url(../images/icon-bg.jpg) center center no-repeat;margin: 5.3vw 0px 0px 0px;}
.aboutbox{width:1200px;margin: 0px auto;padding: 160px 0px;}
.aboutboxL{width:600px;height: 185px;background:#fff;font-size:16px;color:#434343;line-height: 21px;padding:80px 125px 80px 50px;position:relative;float:left;}
.aboutboxL a.more{position:absolute;right: -90px;width:150px;height:53px;line-height:53px;text-align:center;display:block;font-size:18px;color:#fff;background:#0068b7;bottom: 40px;}
.aboutboxL a.more img{margin: -5px 0px 0px 10px;vertical-align: middle;}
.aboutboxR{width:300px;float: right;padding: 60px 0px 0px 90px;font-size:32px;color:#fff;letter-spacing: 2px;height: 430px;/* background: url(../images/icon-bg2.png) center 220px no-repeat; */position: relative;}
.aboutboxR::after{width: 400px;height: 392px;background: url(../images/icon-bg2.png) center 0px no-repeat;display:block;content:"";position: absolute;bottom: -120px;left: -40px;transition:1s all ease;transform:translateY(0px)}
.aboutboxR .em1{font-size:18px;display:block;margin:10px 0px 0px 0px;font-family:'Arial';letter-spacing: 1px;}
.about:hover .aboutboxR::after{transform:translateY(-120px);}
/* 新闻资讯 */
.listname{text-align:center;margin:40px auto 60px;}
.listname a{display: inline-block;/* width:100px; */height:35px;color:#434343;font-size:16px;text-align: center;line-height: 35px;margin: 0px 50px 0px 0px;padding: 0 30px;}
.listname a:hover{background:#0068b7;color:#fff;}
.listname a.on{background:#0068b7;color:#fff;}
.News{margin: 5vw auto 0px;width:94%;display: none;}
.News li{float:left;width: 31.3%;margin: 0px 3% 0px 0px;position:relative;height: calc(170px + 17vw);}
.News li:nth-child(3){margin-right:0px;}
.News li .words{transition:1s all ease;position:absolute;top:0px;}
.News li .time{font-size:32px;color:#a0a0a0;font-family: 'Arial';}
.News li .time .t1{font-size:20px;padding:0px 0px 0px 20px;}
.News li .title{font-size:16px;color:#313131;margin: 13px 0px 0px 0px;}
.News li .sum{color:#a0a0a0;font-size:14px;height:46px;overflow:hidden;line-height:24px;padding: 15px 0px 15px 0px;border-bottom:1px solid #e5e5e5;}
.News li .Img{overflow:hidden;position:absolute;bottom:0px;height: 17vw;transition:1s all ease;transform: translateY(0px);width: 100%;}
.News li img{transform:scale(1.0);transition:1s all ease;width: 100%;height: 100%;}
.News li:nth-child(3n){margin: 0px 0px 0px 0px;}
.News li:hover img{transform:scale(1.3);}
.News li:hover .sum{border-bottom:1px solid #0068b7;}
.News li:hover .title{color:#0068b7;}
.News li:hover .words{bottom:auto;top:auto;transform: translateY(calc(20px + 17vw));}
.News li:hover .Img{transform:translateY(-160px);transition:1s all ease;}

/* 合作伙伴 */
.Type{margin:5.4vw auto 4vw;width:94%;}
.TypeBox{margin:3.5vw 0px 0px 0px;}
.Type li{margin:0px 0px 3.6vw 0px;height:100px;line-height:100px;text-align:center;}
.Type li img{vertical-align:middle;max-width:100%;max-height:90%;}
.Type li:hover{box-shadow:0px 0px 15px 3px #efefef;}
.Type .swiper-pagination-bullet{background:url(../images/icon-circle.png) center center no-repeat;width: 17px;height: 17px;margin:0px 15px;}
.Type .swiper-pagination-bullet-active{background:url(../images/icon-circle1.png) center center no-repeat;}
.Type .swiper-pagination{bottom:0px;}





@media(max-width:1020px){
  .nums{padding: 5vw 3vw 1vw 3vw;}
  .nums li.li1 .s1{width: 80px;}
  .nums li.li2 .s1{width: 90px;}
  .nums li.li3 .s1{width: 70px;}
  .nums li.li4 .s1{width: 95px;}
  .nums li.li5 .s1{width: 110px;}
  .nums li .num{font-size: 20px;}
  .nums li{width: 33.3%;text-align: left;margin: 0px 0px 20px 0px;}
  .nums li.li1 .num{padding: 0px;}
  .nums li.li2 .num{padding: 0px 5px 0px 0px;}
  .nums li.li3 .num{padding:0px 10px 0px 0px;}
  .nums li.li4 .num{padding:0px 10px 0px 0px;}
  .nums li.li5 .num{padding:0px 10px 0px 0px;}

  /* 业务内容 */
  .business{margin:5vw 0px 0px 0px;color:#434343;position: relative;}
  .content .name{font-size:20px;}
  .content .en{font-size: 12px;}
  .businessbox{margin: 6vw auto 0px;}
  .businessbox li .info{margin:3vw 0px 0px 0px;}
  .businessbox li .info .icon{width:15%;margin: 2px 0px 0px 0px;}
  .businessbox li .info .icon img{max-width:20px;}
  .businessbox li .info .t1{font-size:12px;}
  .businessbox li .info .t2{font-size:16px;}
  .businessbox li .info .t3{font-size:14px;word-break: break-word;}
  .businessbox li:nth-child(2n) .Img{height: 51vw;}
  .businessbox li .Img{height: 65vw;}
  .business .swiper-button-prev{background:url(../images/icon-left1.jpg) center center no-repeat;left: 0px;top: 50vw;display: block;}
  .business .swiper-button-next{background:url(../images/icon-right1.jpg) center center no-repeat;right: 0px;top: 50vw;display: block}

  /*关于友通*/
  .about{height: auto;background: url(../images/icon-bg1.jpg) center center no-repeat;margin: 9vw 0px 0px 0px;background-size: cover;}
  .aboutbox{width: 100%;margin: 0px auto;padding: 35px 0px 60px 0px;position: relative;}
  .aboutboxL{width: 90%;height: auto;font-size: 14px;line-height: 24px;padding: 10px 3% 30px 3%;float: none;margin: 15px auto 0px;z-index: 1;}
  .aboutboxL a.more{position:absolute;right: auto;width: 100px;height: 36px;line-height: 36px;text-align:center;display:block;font-size: 15px;color:#fff;background:#0068b7;bottom: -20px;left: 50%;margin-left: -50px;}
  .aboutboxR{width: 100%;float: none;padding: 0px;font-size: 20px;height: auto;background: unset;text-align: center;}
  .aboutboxR .em1{font-size: 12px;margin: 2px 0px 0px 0px;}
  .aboutboxR::after{display:none;}
  .aboutbox::after{width:60%;height: 200px;background: url(../images/icon-bg2.png) center 0px no-repeat;display:block;content:"";position: absolute;bottom: 10px;left: 39%;transition:1s all ease;transform:translateY(0px);background-size: cover;}
  .about:hover .aboutbox::after{transform:translateY(100px);}
  /* 新闻资讯 */
  .listname{text-align:center;margin: 7vw auto 7vw;}
  .listname a{width: 85px;height: 32px;color:#434343;font-size: 14px;text-align: center;line-height: 32px;margin: 0px 10px 0px 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;padding: 0 1vw;}
  .News{margin: 10vw auto 0px;width: 95%;}
  .News li{float: none;width: 100%;margin: 0px 0px 20px 0px;height: calc(130px + 53vw);}
  .News li:nth-child(3){margin-right:0px;}
  .News li .words{transition:1s all ease;position:absolute;top:0px;}
  .News li .time{font-size: 24px;}
  .News li .time .t1{font-size: 16px;padding: 0px 0px 0px 10px;}
  .News li .title{font-size: 14px;color:#313131;margin: 8px 0px 0px 0px;}
  .News li .sum{color:#a0a0a0;font-size: 12px;height: 35px;overflow:hidden;line-height: 20px;padding: 8px 0px 15px 0px;border-bottom:1px solid #e5e5e5;}
  .News li .Img{height: 53vw;}
  .News li:hover .words{transform: translateY(calc(14px + 53vw));}
  .News li:hover .Img{transform: translateY(-130px);}
  /*合作伙伴 */
  .Type li{margin:0px 0px 3.6vw 0px;height: 11vw;line-height: 10vw;text-align:center;}
  .Type li img{vertical-align:middle;max-width:100%;max-height:90%;}
  .Type .swiper-pagination-bullet{height:12px;width:12px;background-size:cover;}
  .Type .swiper-pagination{height: 15px;}
  .TypeBox{margin: 6vw 0px 0px 0px;height: 37vw;padding: 0px 0px 20px 0px;}
  .Type{margin: 7vw auto 10vw;}





}

