section img{
 width: 100%;
 min-width: 1280;
 display: block;
}
/* 首页轮播图 */
.banner_container{
width: 100%;
height: 31.25vw;
min-height: 400px;
/* height: 100vh; */
}
.banner_container a{
display: block;
width: 100%;
height: 100%;
}
.banner_container img{
width: 100%;
height: 100%;
}
.banner_container .swiper-slide{
min-width: 1280px;
}
.banner_container .swiper-pagination-bullet{
width: 14px;
height: 14px;
background-color: #FFFFFF;
opacity: 1;
margin: 40px 0px;
display: block;
}

.banner_container .swiper-pagination-bullets{
bottom: 50%;
transform: translateY(50%);
left: 3.7%;
width: 16px;
}
.banner_container .swiper-pagination-bullet-active{
background-color: #407BFF;
}
.banner_container > .swiper-pagination-bullets .swiper-pagination-bullet{
margin: 40px 0px;
}
.ty_banner{
position: relative;
}
.tr_head{
/* position: absolute; */
}


/* 特点 */
.feats{
 width: 100%;
 /* background: #F3F7FF; */
 min-width: 1280px;
 padding: 60px 0 0px 0;
}
.feats > p{
 font-size: 20px;
 font-weight: bold;
 line-height: 26px;
 color: #333333;
 margin-top: 60px;
 text-align: center;
}

.feats ul{
 width: 1160px;
 margin: 0 auto;
 
 display: flex;
 justify-content: space-between;
}
.feats li{
 display: flex;
 flex-direction: column;
 align-items: center;
}
.feats li p{
 margin-top: 10px;
 font-size: 16px;
 font-weight: bold;
 line-height: 21px;
 color: #666666;
}
.feats img{
 width: 100px;
}

/* 生产制造 */
.index_make{
    width: 1180px;
    margin: 100px auto 0 auto;
    display: flex;
    justify-content: space-between;
}
.index_make a{
    padding: 34px 20px 0 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 280px;
    height: 190px;
    background: #F3F7FF;
    border-radius: 20px;
    transition: all .3s;
}
.index_make a:hover{
    transform: translateY(-10px);
    box-shadow: 0 5px 12px #cccccc;
}
.index_make a p:first-child{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333333;
}
.index_make a p{
    font-size: 16px;
    color: #666666;
    margin-bottom: 7px;
}
.index_make img{
    display: inline-block;
    width: 108px;
    height: 108px;
}

/* 核心技术 */
.index_tech{
 height: 345px;
 box-sizing: border-box;
 padding: 40px 0 70px;
}
.index_tech h2{
 color: #FFFFFF;
}
.index_tech p{
 color: #FFFFFF;
 width: 1180px;
 margin: 0 auto;
 text-align: center;
}


/* 服务 */
.service{
 width: 100%;
 background: #F3F7FF;
 min-width: 1280px;
 padding: 100px 0 100px 0;
}
.service_con{
 width: 1180px;
 margin: 0 auto;
}
.service_coo{
 
 display: flex;
 justify-content: space-between;
}
.service_coo img{
 width: 380px;
 height: 190px;
}
.service_coo li{
 width: 380px;
 height: 190px;
 position: relative;
}
.service_coo p{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 font-size: 16px;
 font-weight: bold;
 line-height: 21px;
 color: #333333;
}
.service_intro{
 margin-top: 30px;
}
.service_intro li{
 display: flex;
 align-items: center;
 height: 300px;
 background: #FFFFFF;
}
.service_intro li:nth-child(2n + 1){
 justify-content: flex-start;
}
.service_intro li:nth-child(2n + 1) img{
 border-radius: 0 20px 20px 0;
 margin-right: 40px;
 box-shadow:5px 0 10px -3px #cccccc;
}
.service_intro li:nth-child(2n){

 justify-content: flex-end;
 margin: 20px 0;
}
.service_intro li:nth-child(2n) img{
 border-radius: 20px 0 0 20px;
 box-shadow: -5px 0 10px -3px #cccccc;
 margin-left: 40px;
}
.service_intro img{
 width: 448px;
 height: 300px;
}
.service_intro p{
 font-size: 16px;
 line-height: 21px;
 color: #707070;
}
.btn{
 margin-top: 60px;
}


/* 合作伙伴 */
.parters{
 padding: 100px 0;
 width: 100%;
 min-width: 1280px;
 position: relative;
}
.parters img{
 width: 100%;
 display: block;
 width: 1129px;
 margin: 0 auto;
}
.parters h2{
    margin-bottom: 24px;
}

/* 解决方案 */
.case{
width: 1350px;
margin: 0 auto;
font-size: 0;
}
.case li{
 display: flex;
}
.case li{
 margin-bottom: 10px;
}
.case li img{
 transition: all .3s;
}
.case li a:first-child{
    margin-right: 10px;
}
.case li div a:first-child{
    margin-bottom: 10px;
}
/* .case li img:first-child{
 margin-right: 10px;
} */
.case img:hover{
 box-shadow: 0px 0px 12px 8px rgba(204, 204, 204, 0.70);
}
.case{
padding: 100px 0;
}

.index_case01{
 width: 860px;
 height: 500px;
}
.index_case img{
    /* border-radius: 20px; */
    transition: all .3s;
}
.index_case a{
    display: block;
    overflow: hidden;
    /* border-radius: 20px; */
}
.index_case img:hover{
    transform: scale(1.06);
}

.index_case02,.index_case03{
 width: 480px;
 height: 245px;
}
.index_case04,.index_case05{
 width: 670px;
 height: 300px;
}
@media only screen and (max-width: 1440px) {
 .case,.index_make{
  width: 1210px;
 }
 .index_case01{
  width: 790px;
  height: 460px;
 }
 .index_case02,.index_case03{
  width: 410px;
  height: 225px;
 }
 .index_case04,.index_case05{
  width: 600px;
  height: 268px;
 }

 .index_make a{
    width: 280px;
    padding: 30px 30px 0 28px;
 }
}

.index_case a{
    position: relative;
    height: 400px;
}
.index_case img{
    display: block;
    position: absolute;
}
.index_case .index_case_title{
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 50%;
    font-size: 14px;
    text-align: center;
    transform: translateX(-50%);
}
.index_case_title p:first-child{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #06F6FF;
}
.index_case_title p:last-child{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #FFFFFF;
}
.feats_img{
    width: 110px;
    height: 110px;
    background: #F3F7FF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.feats_img img{
    width: 64px;
    height: 64px;
}
.index_intro{
    width: 1180px;
    margin: 0 auto;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.index_intro p{
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
}