@media (min-width:750px){
    .in1 {position: relative;}
    .in1 .swiper-slide{}
    .in1 .swiper-slide img{width: 100%;}

    .in1_text{position: absolute; left: 50%; top: 50%; width: 79.2%; max-width: 1280px; transform: translate(-50%,-50%); padding-left: 90px; color: #fff;}
    .in1_text h1{font-family: bold; font-size: 40px; line-height: 48px;position: relative;}
    .in1_text h1::after{position: absolute; left: -45px; top: -45px; width: 45px; height: 45px; background:url(../img/ico/border.png) no-repeat; content: "";}
    .in1_text h2{ font-size: 16px; line-height: 48px;}
    .in1 .swiper-pagination{width: auto !important; left: 10.4vw !important;}
    
    .in2 ul{display: flex; justify-content: space-between; flex-flow: wrap;position: relative;margin-top: 15px; margin-right: 15px; margin-left: 15px;}
    .in2 ul li{background: #f1f1f1;width: calc(33.333% - 10px);; margin-bottom: 15px;color: #fff; position: relative;}
    .in2 ul li h2{font-family: bold; font-size: 20px;}
    .in2 ul li h3{ font-size: 14px; line-height: 24px;}
    .in2 ul li img{width: 100%;}
    .in2 ul li .in2_text{position: absolute; top: 0; padding: 30px 35px; background: rgba(0, 0, 0, .4); width: 100%; height: 100%; box-sizing: border-box;}
    .in2 ul li .in2_text>span{position: absolute; font-size: 16px; bottom: 30px; display: none; padding-left: 30px;}
    .in2 ul li .in2_text>span::after{position: absolute; left: 2px; bottom: 2px; content: ""; width: 22px; height: 22px; background: url(../img/ico/ArcRYuanfff.png);}
    .in2 ul li .in2_text>div{color: #fff;}
    .in2 ul li:hover .in2_text{ background: rgba(140, 213, 10, 0.9);}
    .in2 ul li:hover  .in2_text span{display: block;}

    .in3 ul{display: flex; justify-content: space-between; width: 620px; margin: 0 auto; padding: 90px 0;}
    .in3 ul>li{position: relative; padding-left: 85px; transition: all 0.5s;}
    .in3 ul>li:nth-child(1):hover{color: #75bb3b;}
    .in3 ul>li:nth-child(2):hover{color: #0a91d5;}
    .in3 ul>li:nth-child(3):hover{color: #f08518;}
    .in3 ul>li::after{position: absolute; width: 60px; height: 60px; top: 50%; left: 0%; transform: translate(-0%,-50%); content: ""; background: no-repeat;}
    .in3 ul>li:nth-child(1)::after{ background-image: url(../img/ico/in1.png);}
    .in3 ul>li:nth-child(2)::after{width: 70px; background-image: url(../img/ico/in2.png);}
    .in3 ul>li:nth-child(3)::after{ background-image: url(../img/ico/in3.png);}

    .in4{background-color: #f4f4f4;}
    .in4 a{transition: all .5s;}
    .in4 a:hover{color: #000;}
    .in4 .in4Tab{font-size: 24px; font-family: bold; text-align: center; padding: 65px 0 50px 0; color: rgba(45, 55, 60, .5);}
    .in4 .in4Tab span{padding: 0 20px;}
    .in4 .in4Tab span:last-child{display: none;}
    .in4 .in4Tab .in4TabC{color: rgba(45, 55, 60, 1);}
    .in4 ul{overflow: hidden; width: 79.2%; max-width: 1280px; margin: 0 auto; padding-bottom: 50px;}
    .in4 ul>li{ float: left; width: calc(33.33% - 20px); margin-right: 30px; min-height: calc(20vw + 50px); position: relative; background: #fefefe; margin-bottom: 30px;}
    .in4 ul>li:nth-of-type(3n){margin-right: 0px;}
    .in4 ul>li div{overflow: hidden;}
    .in4 ul>li img{width: 100%;  transition: all .5s;}
    .in4 ul>li:hover img{transform: scale(1.1);}
    .in4 ul>li h2{font-size: 18px; padding: 0 25px; font-family: bold; padding-top: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; color: #2d373c;}
    .in4 ul>li h4{font-size: 14px; padding: 0 25px; padding-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.225rem; color: #788791;}
    .in4 ul>li p{position: absolute; bottom: 30px; left: 25px; color: #788791; line-height: 1.1em; font-size: 14px;}
    .in4 ul>li::after{position: absolute; bottom: 30px; right: 25px; color: #788791; width: 22px; height: 22px; background: url(../img/ico/arcR.png); content: "";}

    .in5{padding-bottom: 15px;}
    .in5 h1{font-size: 30px; color: #2d373c; font-family: bold; text-align: center; padding: 65px 0 40px 0;}
    .in5 .swiper-container{width: 79.2%;  max-width: 1280px;  margin: 0 auto; padding-bottom: 90px;}
    .in5 .swiper-container .swiper-slide{text-align: center;box-sizing: border-box; position: relative; width: 100%;overflow: hidden;}
    .in5 .swiper-container .swiper-slide img{display: inline-block; text-align: center; width:calc( 20% - 8.5px) ; box-sizing: border-box;margin: 2px; padding: 10px 25px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px;}
    .in5 .swiper-pagination-bullet{border-radius: 0;}
}
@media (max-width:750px){
    .in1 {position: relative;}
    .in1 .swiper-slide{}
    .in1 .swiper-slide img{width: 110%; transform: translate(-5%,0);}

    .in1_text{position: absolute; left: 50%; top: 50%; width: 79.2%; max-width: 1280px; transform: translate(-50%,-50%); padding-left: 90px; color: #fff;}
    .in1_text h1{font-family: bold; font-size: 40px; line-height: 48px;position: relative;}
    .in1_text h1::after{position: absolute; left: -45px; top: -45px; width: 45px; height: 45px; background:url(../img/ico/border.png) no-repeat; content: "";}
    .in1_text h2{ font-size: 16px; line-height: 48px;}
    .in1 .swiper-pagination{width: auto !important; left: 10.4vw !important;}
    
    .in2 ul{ position: relative; margin-top: 35px;}
    .in2 ul li{width: calc(100% - 40px); color: #fff; position: relative; box-sizing: border-box; margin: 20px; overflow: hidden;}
    .in2 ul li h2{font-family: bold; font-size: 14px;}
    .in2 ul li h3{ font-size: 12px; }
    .in2 ul li img{width: 100%;}
    .in2 ul li .in2_text{position: absolute; top: 0; padding: 10px 15px; width: 100%; box-sizing: border-box; background: rgba(140, 213, 10, .7); width: 100%; height: 100%; box-sizing: border-box;}
    .in2 ul li .in2_text>span{position: absolute; font-size: 16px; bottom: 30px; display: none; padding-left: 30px;}
    .in2 ul li .in2_text>span::after{position: absolute; left: 2px; bottom: 2px; content: ""; width: 22px; height: 22px; background: url(../img/ico/ArcRYuanfff.png);}
    .in2 ul li .in2_text>div{color: #fff;}
    .in2 ul li:hover .in2_text{ background: rgba(140, 213, 10, 0.9);}
    .in2 ul li:hover  .in2_text span{display: block;}

    .in3{overflow-x: scroll; width: 100vw;}
    .in3 ul{display: flex; justify-content: space-between; width: 530px; margin: 0 auto; padding: 70px 20px;}
    .in3 ul>li{position: relative; padding-left: 85px; transition: all 0.5s;}
    .in3 ul>li:nth-child(1):hover{color: #75bb3b;}
    .in3 ul>li:nth-child(2):hover{color: #0a91d5;}
    .in3 ul>li:nth-child(3):hover{color: #f08518;}
    .in3 ul>li::after{position: absolute; width: 60px; height: 60px; top: 50%; left: 0%; transform: translate(-0%,-50%); content: ""; background: no-repeat;}
    .in3 ul>li:nth-child(1)::after{ background-image: url(../img/ico/in1.png);}
    .in3 ul>li:nth-child(2)::after{width: 70px; background-image: url(../img/ico/in2.png);}
    .in3 ul>li:nth-child(3)::after{ background-image: url(../img/ico/in3.png);}

    .in4{background-color: #f4f4f4; width: calc(100%); padding: 20px; box-sizing: border-box; margin: 0 auto;}
    .in4 a{transition: all .5s; display:block; text-align: center;}
    .in4 a:hover{color: #000;}
    .in4 .in4Tab{font-size: 24px; font-family: bold; text-align: center; padding: 65px 0 50px 0; color: rgba(45, 55, 60, .5);}
    .in4 .in4Tab span{display: none;}
    .in4 .in4Tab .in4TabC{color: rgba(45, 55, 60, 1);}
    .in4 ul{overflow: hidden; width:100%; max-width: 1280px; margin: 0 auto;}
    .in4 ul>li{ width: calc(100%); margin-right: 30px; min-height: calc(20vw + 50px); position: relative; background: #fefefe; margin-bottom: 30px;}
    .in4 ul>li:nth-of-type(3n){margin-right: 0px;}
    .in4 ul>li div{overflow: hidden;}
    .in4 ul>li img{width: 100%;  transition: all .5s;}
    .in4 ul>li:hover img{transform: scale(1.1);}
    .in4 ul>li h2{font-size: 18px; padding: 0 5px; font-family: bold; padding-top: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; color: #2d373c; text-align: left;}
    .in4 ul>li h4{font-size: 14px; padding: 0 5px; min-height: 18px; padding-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.225rem; color: #788791; text-align: left;}
    .in4 ul>li p{position: absolute; bottom: 30px; left: 25px; color: #788791; line-height: 1.1em; font-size: 14px;}
    .in4 ul>li::after{position: absolute; bottom: 15px; right: 25px; color: #788791; width: 22px; height: 22px; background: url(../img/ico/arcR.png); content: "";}

    .in5{padding-bottom: 15px; width: calc(100% - 40px); margin: 0 auto;}
    .in5 h1{font-size: 30px; color: #2d373c; font-family: bold; text-align: center; padding: 65px 0 40px 0;}
    .in5 .swiper-container{width:100%;  max-width: 1280px;  margin: 0 auto; padding-bottom:50px;}
    .in5 .swiper-container .swiper-slide{text-align: center;box-sizing: border-box; position: relative; width: 100%;overflow: hidden;}
    .in5 .swiper-container .swiper-slide img{display: inline-block; text-align: center; width:calc( 50% - 10px) ; box-sizing: border-box;margin: 2px; padding: 5px; float: left; box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px;}
    .in5 .swiper-pagination-bullet{border-radius: 0;}
}