@media all and (max-width:1650px){ 

/*
.i_pro_box .info {
    min-width: 310px;
}

.i_pro_box>img {
    width: calc(100% - 335px);
}
*/

.i_pro_box .info img{
	width: 45px;
}


.i_pro_box .info .text h2 {
    font-size: 24px;
}

.i_pro_box .info .text p {
    font-size: 17px;
}



.step_ul {
    gap: 50px 30px;
}


.step_ul li:nth-child(odd) {
    min-width: calc(33.3% - 53px);
}


.step_ul .img {
    width: 80px;
    height: 80px;
}

.step_ul .img img{
	width: 40px;
}

.step_ul li .info {
    margin-top: 10px;
}

}
/*1650px*/

@media all and (max-width:1350px){ 


.i_b3 .bottom {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
}



.i_pro_box {
    width: 800px;
    max-width: 90%;
}

.i_b3 .bottom h5 {
    width: 100%;
    text-align: center;
    font-size: 70px;
}

.i_pro_box.pro_02 {
	width: 100%;
	max-width: 100%;
	padding-left: calc(100% - 800px);
	margin-top: -50px;

}

.pro_02 .color_title {
    right: auto;
    left: calc(100% - 800px);
    padding: 15px 10px 15px 20px;
}


.i_b4 {
    padding-top: 50px;
    padding-bottom: 50px;
}


.i_b4_list li h2 {
    font-size: 22px;
    margin-bottom: 10px;
}


.i_b4_list li p {
    font-size: 17px;
}

.i_b4 .left .color_title {
    width: 90%;
}

.i_b4_list li {
    padding: 2rem 2rem;
    height: 220px;
}

.i_b5 .left {
    gap: 50px;
}



.i_b5 .left {
    width: 400px;
}

.i_b5 .right {
    width: calc(100% - 400px);
}

.step_ul {
    gap: 50px 20px;
}

.step_ul li {
    gap: 15px;
}

.step_ul .img {
    width: 70px;
    height: 70px;
}

.step_ul li:nth-child(odd) {
    min-width: calc(33.3% - 40px);
}



.service_list_ul li {
    height: 260px;
}

.service_list_ul li .info h3 {
    font-size: 20px;
}



}
/*1350px*/

@media all and (max-width:1200px){ 

.menu_logo {
    padding: 15px 0;
    width: 300px;
}

.menu_logo.active{
    padding: 15px 0;
}

.top_padding,
.top_padding.active{
    padding-bottom: 57px;
}



.all_pd_left{
	padding-left: 6rem;
}

.all_pd_right{
    padding-right: 6rem;
}

.i_b2 {
    gap: 20px 30px;
    padding: 40px 0;
    min-height: auto;
}

.i_b2 .left {
    width: 430px;
}

.i_b2 .right {
    width: calc(100% - 460px);
}


.good_ul li h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.good_ul li p {
    font-size: 15px;
    line-height: 22px;
    min-height: 66px;
}

.owl_btn {
    gap: 0 15px;
    padding-left: 10px;
}




.all_title_box h3 {
    margin-bottom: 30px;
    font-size: 18px;
}

.all_title_box h2 {
    font-size: 30px;
}

.color_title {
    padding: 12px 15px 12px 6rem;
    margin-left: -7rem;
    font-size: 18px;
}

.good_ul li {
    margin: 10px 10px;
    padding: 1rem 1rem;
}

.i_box3 {
    padding: 50px 0;
}


.i_pro_box .color_title {
    padding: 12px 20px 12px 20px;
}

.i_b4 {

    background-image: url(../img/i_b4_bg_2.jpg);
}

.i_b4 .left {
    width: calc(70% - 15px);
}


.i_b4 .left .info {
    margin: 30px 0;
    gap: 20px 30px;
    flex-direction: column;
    padding-right: 10px;
}

.i_b4 .left .info .img {
    width: 200px;
}


.i_b4 .left .info ul {
    width: 100%;
    gap: 20px 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

.i_b4 .left .info ul li {
    align-items: center;
    width: calc(50% - 5px);
}


.i_b4 .left .color_title {
    width: 100%;
}

.i_b5 {
    gap: 20px 30px;
}

.i_b5 .left {
    width: 320px;
}

.i_b5 .right {
    width: calc(100% - 350px);
}

.i_box6 {
    padding: 70px 0;
}




.dealer_ul li div{
    font-size: 17px;
    line-height: 26px;
}


}
/*1200px*/



@media all and (max-width:900px){ 

.i_pro_box.pro_02{
	padding-left: 10%;

}

.pro_02 .color_title {
    left: 10%;
}


.i_box5 {
    padding: 80px 0;
}

.i_b5_bg {
    width: 220px;
}



.i_b5 {
    gap: 50px 30px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.i_b5 .left {
    width: 100%;
    padding: 0 6rem;
}

.i_b5 .right {
    width: 100%;
    padding: 0 6rem;
}


.i_b5 .color_title{
    width: 500px;
    max-width: 100%;
}

.i_b5 .left {
    gap: 20px;
}

}
/*900px*/




@media all and (max-width:768px){


.i_b2 {
    gap: 30px 30px;
    flex-direction: column;

}

.i_b2 .left {
    width: 100%;
    padding: 0 3rem;
}

.all_title_box h3 {
    margin-bottom: 15px;
    font-size: 16px;
}

.all_title_box h2 {
    font-size: 28px;
}

.all_tab{
	display: none;
}

.i_b2 .right {
    width: 100%;
    padding-left: 1rem;
}

.i_b3 .top{
	padding: 0 3rem;
}


.i_b3 .all_title_box{
	padding: 0;
	width: 100%;
}

.i_b3 .top {
    flex-direction: column;
    gap: 20px;
}

.i_b3 .top .img {
    width: 100%;
    height: 120px;
}


.all_pd_left {
    padding-left: 3rem;
}


.i_pro_box>img {
    width: calc(40% - 5px);
}

.i_pro_box .info {
    width: calc(60% - 5px);
}



.i_pro_box .info .text h2 {
    font-size: 20px;
}

.i_pro_box .info .text p {
    font-size: 15px;
}


.i_b4 {
    background-image: url(../img/i_b4_bg_3.jpg);
}

.i_b4 .right {
    display: none;
}


.i_b4 .left{
	width: 100%;
    padding: 0 3rem;
}

.i_b4 .left .info {
    padding-left: 0px;
}

.i_b4_list {
    flex-direction: column;
}

.i_b4_list li {
    height: 200px;
    width: 100%;
}


.i_b4 .left .color_title {
    width: 130%;
}





.step_ul {
    gap: 40px 10px;
}

.step_ul .img {
    width: 50px;
    height: 50px;
}

.step_ul .img img {
    width: 30px;
}

.step_ul li .info {
    margin-top: 0px;
}

.step_ul li .info h2 {
    margin-bottom: 5px;
}


.step_ul li:nth-child(even) img{
    width: 10px;
}

.i_b5 .left {
    padding: 0 3rem;
}

.i_b5 .right {
    padding: 0 3rem;
}

.step_ul li:nth-child(odd) {
    min-width: calc(50% - 40px);
}


.i_box6 {
    padding: 50px 0;
}


.wave_box {
    top: 7%;
}

.wave_box_img {
    height: 160px;
}

.footer {
    padding: 40px 0;
    margin-top: 0px;
}

.footer_box {
    gap: 45px 30px;
}

.footer_copyright {
    margin-top: 10px;
}


.footer_copyright a{
    display: block;
    margin-top: 5px;
}

.all_width{
    max-width: calc(100% - 6rem);
}




.i_box7 {
    padding: 50px 0 0px 0;
}

.service_list_ul li {
    height: 220px;
    width: 100%;
}

.service_list_ul li .info h3 {
    font-size: 18px;
}


.service_list_ul li .num h5 {
    font-size: 16px;
}



.service_list_ul li:nth-child(1) .num, 
.service_list_ul li:nth-child(3) .num {
    right: 30px;
/*    left: 30px;*/
}

.service_list_ul li:nth-child(2) .num,
.service_list_ul li:nth-child(4) .num{
    left: 30px;
}

.service_list_ul li:nth-child(3) .info {
    padding-bottom: 1rem;
}

.i_box7 h3.bg{
    font-size: 80px;
    top: 80px;
}



.all_title_box h2 span.color2{
    font-size: 18px;
}


.dealer_ul {
    gap: 30px 30px;
    flex-direction: column;
}

.dealer_ul li {
    width: 100%;
}


.dealer_ul li h3 {
    margin-bottom: 5px;
}



}
/*768px*/



@media all and (max-width:500px){ 

.all_title_box h2 {
    font-size: 25px;
}

.i_b2 {
    padding: 30px 0;
}

.i_b2 .left {
    padding: 0 2rem;
}

.i_b2 .info {
    margin: 20px 0 20px 0;
    padding-top: 20px;
    gap: 20px;
}

.i_b2 .info img {
    width: 50px;
}

.i_b2 .info h3 {
    font-size: 46px;
}

.i_b2 .info p {
    width: calc(100% - 170px);
}


.i_b3 .top .img {
    height: 80px;
}




.i_pro_box {
    width: 100%;
    max-width: 100%;
    padding: 0 2rem;
    min-height: auto;
    flex-direction: column;
    gap: 10px;
}

.i_pro_box>img {
    width: 300px;
    max-width: 95%;
}

.i_pro_box .info {
	width: 100%;
    justify-content: flex-start;
    padding-bottom: 80px;
}


.i_pro_box .color_title {
    right: 10%;
}

.i_pro_box.pro_02{
	flex-direction: column-reverse;
    margin-top: -30px;
}


.i_b3 .top {
    padding: 0 2rem;
}

.i_b3 .bottom h5 {
    line-height: 70px;
    font-size: 80px;
}

.i_b4 .left .info ul li {
    width: 100%;
}




.i_b5 {
    gap: 30px 30px;
}


.step_ul {
    gap: 16px 10px;
}

.step_ul li:nth-child(odd) {
    min-width: 100%;
}


.step_ul li:nth-child(even) {
    display: none;
}


.i_b5 .color_title{
    width: 120%;
    max-width: 120%;
    margin-left: -4rem;
    padding: 12px 15px 12px 2rem;
}


.all_title_box h2 span {
    margin-left: 0px;
    display: block;
    margin-top: 20px;
}

.work_ul {
    margin-top: 20px;
}


.footer_box .left h1 {
    font-size: 24px;
}

.footer_contect_ul {
    gap: 10px 0;
}

.footer_icon {
    right: 0.2rem;
    bottom: 1rem;

}


.i_box5 {
    padding: 50px 0;
}

.i_b5_bg {
    width: 120px;
}

.service_list_ul li {
    height: 180px;
}



.all_title_box h2 span.color2{
    font-size: 16px;
}


}
/*500px*/





@media all and (max-width:450px){ 



}
/*450px*/