@charset "utf-8";
@media screen and (max-width: 1920px){
	.main .sec5_line {width: 1000px;}
}
@media screen and (max-width: 1768px){
	.main .sec6_line {width: 400px;}
}
@media screen and (max-width: 1770px){
    html{font-size: 55%;}
	
	.main_wrapper .header {padding: 0 20px;}

	.header .logo {left: 20px;}
	.header .util {right: 20px;}
	.header .gnb {max-width: 750px;}
	.header .gnb > ul > li > a {line-height: 84px;}

	.main .sec2 .ico_list {top: 170px;}
	.main .sec2 .cont2 {margin-top: 260px;}
	
	.main .sec4 .cont_wrap {padding-right: 9%;}

	.main .sec6 .btn_box {margin-top: 60px;}
	.main .sec6 .btn_box a {height: 350px;}
	.main .sec6 .btn_box a .txt_box em {font-size: 3.2rem;}

	.phone_frame .type1 .swiper-pagination {bottom: -25px;}
} /* 1770 */

@media screen and (max-width: 1600px){
	html{font-size: 52%;}
}
@media screen and (max-width: 1450px){
	

	.header .util .login {width: 120px;}
	.header .util .leng {width: 80px;}

	.main .size {max-width: 1100px; padding: 0 20px; box-sizing: border-box;}

	.main .free_btn_box a {max-width: 250px; padding: 20px;}
	
	.main .cont_box strong {font-size: 4rem;}
	.main .cont_box p {font-size: 1.8rem;}

	.main .sec1 .txt_box em {font-size: 3.5rem;}
	.main .sec1 .txt_box .slogan {display: inline-block; width: 240px;}
	.main .sec1 .txt_box strong {font-size: 6.7rem;}

	.main .sec2 .size:before {left: -86%;}
	.main .sec2 .cont_wrap {max-width: 800px;}
	/* .main .sec2_line {left: var(--line2-left2);} */
	
	.main .sec3 .cont_box {left: 20px;}
	.main .sec3 .bg_box {max-width: 850px; height: 470px;}
	.main .sec3 .ico_list .li1 {bottom: 33px; left: -315px;}
	.main .sec3 .ico_list .li2 {bottom: 237px; left: -220px;}
	.main .sec3 .ico_list .li3 {bottom: 380px; left: -20px;}
	.main .sec3 .ico_list .li4 {bottom: 380px; right: -20px;}
	.main .sec3 .ico_list .li5 {bottom: 237px; right: -220px;}
	.main .sec3 .ico_list .li6 {bottom: 33px; right: -315px;}

	.main .sec4 .phone_bg {left: 3%; width: 450px; height: 360px;}

	.main .sec5 .phone_bg {right: 9%; width: 460px; height: 320px;}
	.main .sec5_line {width: 760px;}

	.main .sec6 .btn_box a {height: 250px;}
	.main .sec6 .btn_box a.cloud .img_box .img1 {width: 100%;}
	.main .sec6 .btn_box a.cloud .img_box .img2 {width: 130px;}
	.main .sec6 .btn_box a.cloud .img_box .img3 {right: -28px; width: 79px;}
	.main .sec6 .btn_box a.premise .img_box .img1 {top: 20px;}
	.main .sec6 .btn_box a.premise .img_box .img2 {top: 75px; left: 12px; width: 90px;}
	.main .sec6 .btn_box a.premise .img_box .img3 {top: 25px; width: 62px;}
	.main .sec6 .btn_box a .bg {top: -47%; left: -6px; width: 660px; height: 600px;}

	.main .sec7 .top_wrap {height: 350px;}
	.main .sec7 .top_wrap strong {font-size: 3rem;}
	.main .sec7 .top_wrap img {width: 240px;}
	.main .sec7 .top_wrap .free_btn_box a {width: 320px; padding: 20px;}
 
	.phone_frame {width: 240px; height: 450px;}
	.phone_frame:before {left: -120px; width: 382px; height: 553px;}
	.phone_frame .frame_img:before {top: 5px; height: 35px; width: 120px; margin-left: -60px;}
	.phone_frame .inner {border-radius: 16px 14px 14px 16px;}


	.phone_frame .sec2 .dc4 {top: 10px; left: -310px; width: 400px;}

	.phone_frame .sec3 ul {background-position: 50% 40px; background-size: 75px;}
	.phone_frame .sec3 ul li {padding-top: 80px;}
	.phone_frame .sec3 ul li .ico {height: 80px;}
	.phone_frame .sec3 ul li .txt {margin-top: 20px;}
	.phone_frame .sec3 ul li .txt em {font-size: 16px;}
	.phone_frame .sec3 ul li .txt span {margin-top: 10px; font-size: 12px;}
	.phone_frame .sec3 ul .li1 .ico img {width: 60px;}
	.phone_frame .sec3 ul .li2 .ico img {width: 60px;}
	.phone_frame .sec3 ul .li3 .ico img {width: 80px;}
	.phone_frame .sec3 ul .li4 .ico img {width: 75px;}
	.phone_frame .sec3 ul .li5 .ico img {width: 65px;}
	.phone_frame .sec3 ul .li6 .ico img {width: 70px;}
	
	.phone_frame .type1 .bg_slide .bg {border-radius: 16px 14px 14px 16px;}
	.phone_frame .type1 .cont_slide .tit_box {width: 220px; height: 80px; font-size: 1.4rem;}
	.phone_frame .type1 .cont_slide .tit_box b {font-size: 1.85rem;}
	.phone_frame .type1 .cont_slide .ico_box {width: 55px; height: 55px;}
	.phone_frame .type1 .cont_slide .obj_box img {display: block; width: 100%;}

	.phone_frame .sec4 .cont_slide .sl1 .obj_box {bottom: 140px; width: 224px;}
	.phone_frame .sec4 .cont_slide .sl2 .obj_box {top: 20px; right: 12px; width: 305px;}
	.phone_frame .sec4 .cont_slide .sl3 .obj_box {top: 105px; left: -37px; width: 310px;}
	.phone_frame .sec4 .cont_slide .sl4 .obj_box {top: 77px; left: -60px; width: 345px;}
	
	.phone_frame .sec4 .cont_slide .sl1 .ico_box {left: -25px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box {top: 210px; left: -65px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box {left: -25px;}

	.phone_frame .sec4 .cont_slide .sl1 .ico_box img {width: 26px;}
	.phone_frame .sec4 .cont_slide .sl2 .ico_box img {width: 24px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box img {width: 28px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box img {width: 22px;}

	.phone_frame .sec5 .cont_slide .tit_box {bottom: 115px; left: -120px;}
	.phone_frame .sec5 .cont_slide .sl1 .obj_box {top: 135px; left: -125px; width: 235px;}
	.phone_frame .sec5 .cont_slide .sl2 .obj_box {top: 100px; right: -70px; width: 190px;}
	.phone_frame .sec5 .cont_slide .sl3 .obj_box {top: 110px; right: -90px; width: 290px;}
	.phone_frame .sec5 .cont_slide .sl4 .obj_box {top: 270px; right: -80px; width: 200px;}
	
	.phone_frame .sec5 .cont_slide .sl1 .ico_box {right: -25px;}
	.phone_frame .sec5 .cont_slide .sl2 .ico_box {left: -25px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box {left: -25px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box {right: -25px;}

	.phone_frame .sec5 .cont_slide .sl1 .ico_box img {width: 23px;}
	.phone_frame .sec5 .cont_slide .sl2 .ico_box img {width: 26px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box img {width: 20px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box img {width: 23px;}
	

	
} /* 1450 */

@media screen and (max-width: 1366px){
	.main .sec4_line {width: 840px; transform: rotate(10deg); -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg);}
} /* 1366 */

@media screen and (max-width: 1360px){
	.main .sec5_line {width: 690px;}
} /* 1366 */

@media screen and (max-width: 1280px){
	html{font-size: 62.5%;}
	
	.main .size {max-width: 1200px;}

	.main .free_btn_box a {max-width: 300px; padding: 25px;}
		
/* 	.main .bg_line {display: none;} */

	.main .section.sec1 {background-image: url('/resource/home/img/main_bg_1-1.jpg');}
	.main .section.sec3 {background-image: url('/resource/home/img/main_bg_2-1.jpg');}

    .main .sec1 .txt_box .slogan {width: auto;}
	.main .sec1 .txt_box em {font-size: 4rem;}
	.main .sec1 .txt_box strong {font-size: 7.5rem;}

	.main .sec2_line {display: none;}
	.main .sec2_line_2 {display: block; height: 1060px;}
	
	.main .sec3 .size {max-width: 1280px; padding: 0;}
	.main .sec3 .cont_box {top: 18%; left: 100px;}
	.main .sec3 .bg_box {bottom: 420px; max-width: none; height: 460px;}
	.main .sec3 .bg_box .bg {display: none; background-image: url('/resource/home/img/sec3_border_1.png');}
	.main .sec3 .ico_list {width: 100%; height: 50%;}
	.main .sec3 .ico_list .li1 {bottom: 72%; left: 3%;}
	.main .sec3 .ico_list .li2 {bottom: 91%; left: 17%;}
	.main .sec3 .ico_list .li3 {bottom: 101%; left: 35%;}
	.main .sec3 .ico_list .li4 {bottom: 101%; right: 35%;}
	.main .sec3 .ico_list .li5 {bottom: 91%; right: 17%;}
	.main .sec3 .ico_list .li6 {bottom: 72%; right: 3%;}
	.main .sec3_line {display: none;}
	.main .sec3_line_2 {display: block; }
	
	.main .sec4_line {width: 960px; transform: rotate(15deg); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg);}
	
	.main .sec5 .phone_bg {right: 5%;}
	.main .sec5_line {display: none;}
	.main .sec5_line_2 {display: block;}

	.main .sec6 .btn_box a {height: 350px; padding: 0 4%;}
	.main .sec6 .btn_box a .txt_box em {font-size: 3rem;}
	.main .sec6 .btn_box a.cloud .img_box .img1 {width: 100%;}
	.main .sec6 .btn_box a.cloud .img_box .img2 {width: 152px;}
	.main .sec6 .btn_box a.cloud .img_box .img3 {right: -30px; width: 95px;}
	.main .sec6 .btn_box a.premise .img_box .img1 {top: 0;}
	.main .sec6 .btn_box a.premise .img_box .img2 {top: 77px; left: 16px; width: 123px;}
	.main .sec6 .btn_box a.premise .img_box .img3 {top: 3px; right: 2px; width: 92px;}
	.main .sec6 .btn_box a .bg {top: -47%; left: -6px; width: 660px; height: 600px;}
	.main .sec6 .btn_box a:hover .txt_box em {color: #111; text-shadow: none;}
	.main .sec6 .btn_box a:hover .txt_box p {color: #111;}
	.main .sec6 .btn_box a:hover .bg {display: none; opacity: 0;}
	.main .sec6_line {width: 500px;}
	
	.main .sec7 .top_wrap {height: 500px;}
	.main .sec7 .top_wrap strong {font-size: 3.4rem;}
	.main .sec7 .top_wrap img {width: auto;}
	.main .sec7 .top_wrap .free_btn_box a {width: 400px; padding: 25px;}


	.phone_frame {width: 340px; height: 657px;}
	.phone_frame:before {left: -150px; width: 452px; height: 763px;}
	.phone_frame .frame_img:before {top: 7px; height: 40px; width: 172px; margin-left: -86px;}
	.phone_frame .inner {border-radius: 28px 26px 26px 28px;}


	.phone_frame .sec2 .dc4 {top: -65px; left: -515px; width: auto;}

	.phone_frame .sec3 ul {background-position: 50% 50px; background-size: 95px;}
	.phone_frame .sec3 ul li {padding-top: 140px;}
	.phone_frame .sec3 ul li .ico {height: 120px;}
	.phone_frame .sec3 ul li .txt {margin-top: 37px;}
	.phone_frame .sec3 ul li .txt em {font-size: 24px;}
	.phone_frame .sec3 ul li .txt span {margin-top: 20px; font-size: 18px;}
	.phone_frame .sec3 ul .li1 .ico img {width: 94px;}
	.phone_frame .sec3 ul .li2 .ico img {width: 95px;}
	.phone_frame .sec3 ul .li3 .ico img {width: 125px;}
	.phone_frame .sec3 ul .li4 .ico img {width: 110px;}
	.phone_frame .sec3 ul .li5 .ico img {width: 100px;}
	.phone_frame .sec3 ul .li6 .ico img {width: 107px;}
	
	.phone_frame .type1 .bg_slide .bg {border-radius: 28px 26px 26px 28px;}
	.phone_frame .type1 .swiper-pagination {bottom: -40px;}
	.phone_frame .type1 .cont_slide .tit_box {width: 300px; height: 103px; font-size: 1.6rem;}
	.phone_frame .type1 .cont_slide .tit_box b {font-size: 2.2rem;}
	.phone_frame .type1 .cont_slide .ico_box {width: 80px; height: 80px;}
	.phone_frame .type1 .cont_slide .obj_box img {width: 100%;}

	.phone_frame .sec4 .cont_slide .sl1 .obj_box {bottom: 170px; width: 324px;}
	.phone_frame .sec4 .cont_slide .sl2 .obj_box {top: 25px; right: 5px; width: 485px;}
	.phone_frame .sec4 .cont_slide .sl3 .obj_box {top: 155px; left: -49px; width: 447px;}
	.phone_frame .sec4 .cont_slide .sl4 .obj_box {top: 110px; left: -60px; width: 497px;}
	
	.phone_frame .sec4 .cont_slide .sl1 .ico_box {left: -25px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box {top: 305px; left: -85px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box {left: -35px;}

	.phone_frame .sec4 .cont_slide .sl1 .ico_box img {width: 35px;}
	.phone_frame .sec4 .cont_slide .sl2 .ico_box img {width: 33px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box img {width: 38px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box img {width: 30px;}

	.phone_frame .sec5 .cont_slide .tit_box {width: 310px; bottom: 190px; left: -178px;}
	.phone_frame .sec5 .cont_slide .sl1 .obj_box {top: 190px; left: -187px; width: 332px;}
	.phone_frame .sec5 .cont_slide .sl2 .obj_box {top: 120px; right: -115px; width: 295px;}
	.phone_frame .sec5 .cont_slide .sl3 .obj_box {top: 170px; right: -133px; width: 415px;}
	.phone_frame .sec5 .cont_slide .sl4 .obj_box {top: 380px; right: -120px; width: 280px;}
	
	.phone_frame .sec5 .cont_slide .sl1 .ico_box {right: -30px;}
	.phone_frame .sec5 .cont_slide .sl2 .ico_box {left: -35px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box {left: -35px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box {right: -35px;}

	.phone_frame .sec5 .cont_slide .sl1 .ico_box img {width: 33px;}
	.phone_frame .sec5 .cont_slide .sl2 .ico_box img {width: 36px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box img {width: 25px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box img {width: 33px;}
} /* 1280 */

@media screen and (max-width: 1130px){
	.main .sec2 .cont_wrap {max-width: 690px;}
}
@media screen and (max-width: 1024px){
	.main .sec2 .cont_wrap {max-width: 670px;}
	.main .sec2_line_2 {height: 830px;}
	
	.main .sec3 .cont_box {top: 13%;}
	.main .sec3 .bg_box {display: none;}
	.main .sec3 .ico_list {bottom: auto; top: 50%; max-width: 730px; height: auto; margin-top: -90px; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-ransform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
	.main .sec3 .ico_list li {position: relative; float: left; width: 33.33333%; margin-top: 60px;}
	.main .sec3 .ico_list li:before {top: 50%; left: 50%; width: 130px; height: 130px; margin-top: -65px; margin-left: -65px;}
	.main .sec3 .ico_list li em {display: none;}
	.main .sec3 .ico_list .li1 {top: 50px; bottom: auto; left: auto; margin-left: 0;}
	.main .sec3 .ico_list .li2 {top: 50px; bottom: auto; left: auto; margin-left: 0; margin-bottom: 0;}
	.main .sec3 .ico_list .li3 {top: 50px; bottom: auto; left: auto; margin-left: 0; margin-bottom: 0;}
	.main .sec3 .ico_list .li4 {top: 50px; bottom: auto; right: auto; margin-right: 0; margin-bottom: 0;}
	.main .sec3 .ico_list .li5 {top: 50px; bottom: auto; right: auto; margin-right: 0; margin-bottom: 0;}
	.main .sec3 .ico_list .li6 {top: 50px; bottom: auto; right: auto; margin-right: 0;}
	.main .sec3 .ico_list.on .li1 {top: 0;}
	.main .sec3 .ico_list.on .li2 {top: 0;}
	.main .sec3 .ico_list.on .li3 {top: 0;}
	.main .sec3 .ico_list.on .li4 {top: 0;}
	.main .sec3 .ico_list.on .li5 {top: 0;}
	.main .sec3 .ico_list.on .li6 {top: 0;}
	.main .sec3_line_2 {display: none;}
	.main .sec3_line_3 {display: block;}

	.main .section.sec4 {background-image: url('/resource/home/img/object_img.svg'); background-repeat: no-repeat; background-position: left 45% bottom 188px; background-size: 655px auto;}
	.main .sec4 .cont_wrap {position: absolute; top: 13%; left: 100px; float: none; padding: 0;}
	.main .sec4_line {display: none;}
	.main .sec4_line_2 {display: block; width: 940px;}

	.main .section.sec5 {background-image: url('/resource/home/img/object_img_02.svg'); background-repeat: no-repeat; background-position: left 45% bottom 179px; background-size: 660px auto;}
	.main .sec5 .cont_wrap {position: absolute; top: 13%; left: 100px; float: none; padding: 0;}
	.main .sec5_line_2 {display: none;}
	.main .sec5_line_3 {display: block;}

	.main .sec6 .btn_box {width: 100%; max-width: 700px; margin-left: 0; margin: 90px auto 0; z-index: 1;}
	.main .sec6 .btn_box a {float: none; width: 100%; margin-left: 0; margin-top: 30px; padding: 0 13%;}
	.main .sec6 .btn_box a:first-child {margin-top: 0;}
	.main .sec6 .btn_box a.cloud .img_box .img1 {width: 97%;}
	.main .sec6 .btn_box a.cloud .img_box .img2 {width: 162px;}
	.main .sec6 .btn_box a.cloud .img_box .img3 {right: -20px;}
	.main .sec6 .size {z-index: 2;}
	.main .sec6_line {display: none;}
	.main .sec6_line_2 {display: block; width: 970px; z-index: 1;}

	.main .section.sec7 .top_wrap {background-image: url('/resource/home/img/main_bg_3-1.jpg');}
	.main .sec7 .top_wrap {height: 400px;}
	.main .sec7 .top_wrap img {margin-top: 0;}

	.main .phone_bg {display: none;}
	.main .swiper-button-next.pc, .main .swiper-button-prev.pc {display: block;}

	
} /* 1024 */

@media screen and (max-width: 1000px){
	.main .bg_line {display: none;}

	.main .sec2 .size {padding: 0;}

	.main .sec2 .cont_box.mo {display: block;}
	.main .sec2 .size:before {display: none;}
	.main .sec2 .cont_wrap {position: absolute; top: 18%; left: 0; float: none; max-width: none; padding-left: 0; text-align: center;}
	.main .sec2 .ico_list {display: none;}
	.main .sec2 .cont1 {display: none;}
	.main .sec2 .cont2 {display: none;}

	.phone_frame .sec2 .dc4 {top: -40px;}
	.phone_frame .sec2_mo_ico {display: block;}


}

@media screen and (max-width: 890px){
	.main .swiper-button-next.pc {right: -230px;}
	.main .swiper-button-prev.pc {left: -230px;}
	.phone_frame .sec5 .cont_slide .sl1 .obj_box {left: -167px;}
	.phone_frame .sec5 .cont_slide .tit_box {left: -158px;}
}
@media screen and (max-width: 860px){

	.main .free_btn_box a {font-size: 14px;}
	
	.main .cont_box {width: 100%; text-align: center;}
	.main .cont_box p {display: none;}
	.main .cont_box a {display: none;}
	
	.main .sec4 .size, .main .sec5 .size {padding: 0;}
		
	.main .sec3 .cont_box {left: 0;}
	.main .sec3 .ico_list {margin-top: 0; max-width: 560px; transform: translate(-50%, -105%); -webkit-transform: translate(-50%, -105%); -ms-transform: translate(-50%, -105%); -moz-ransform: translate(-50%, -105%); -o-transform: translate(-50%, -105%);}
	.main .sec3 .ico_list li {margin-top: 0;}
	.main .sec3 .ico_list li:before {width: 90px; height: 90px; margin-left: -45px; margin-top: -45px;}
	.main .sec3 .ico_list .li1 img {width: 42px;}
	.main .sec3 .ico_list .li2 img {width: 45px;}
	.main .sec3 .ico_list .li3 img {width: 53px;}
	.main .sec3 .ico_list .li4 img {width: 55px;}
	.main .sec3 .ico_list .li5 img {width: 46px;}
	.main .sec3 .ico_list .li6 img {width: 55px;}

	.main .sec4 .cont_wrap {left: 0; width: 100%;}

	.main .sec5 .cont_wrap {left: 0; width: 100%;}

	.main .sec6 .btn_box {max-width: 560px; margin-top: 70px;}
	.main .sec6 .btn_box a {height: 260px; padding: 0 10%;}
	.main .sec6 .btn_box a.cloud .img_box .img2 {width: 142px; left: -8px;}
	.main .sec6 .btn_box a.premise .img_box .img1 {top: 12px;}
	.main .sec6 .btn_box a.premise .img_box .img2 {top: 73px; width: 123px;}
	.main .sec6 .btn_box a.premise .img_box .img3 {top: 18px;width: 70px;}
	
	.main .sec2 .cont_wrap {top: var(--tit-top0);}
	.main .sec4 .cont_wrap {top: var(--tit-top0);}
	.main .sec5 .cont_wrap {top: var(--tit-top0);}

	.phone_frame .type1 .cont_slide .tit_box {display: none;}
	.main .swiper-button-next.pc, .main .swiper-button-prev.pc {display: none;}
	
} /* 840 */


@media screen and (max-width: 768px){
    html{font-size: 47%;}
	
	.main .sec6 {background-color: pink;}
	.main .sec6 .btn_box a.cloud .img_box .img2 {left: -12px; width: 150px;}
	.main .sec6 .btn_box a.premise .img_box .img1 {top: 15px;}
	.main .sec6 .btn_box a.premise .img_box .img2 {width: 110px;}
	.main .sec6 .btn_box a.premise .img_box .img3 {top: 20px; right: 2px; width: 70px;}
} /* 768 */

@media screen and (max-width: 675px){
	.main .section.sec4 {background-size: calc(100% - 10px) auto; background-position: left 45% bottom 188px;}

	.main .section.sec5 {background-size: calc(100% - 10px) auto; background-position: left 45% bottom 179px;}
}

@media screen and (max-width: 540px){
	.main .free_btn_box a {padding: 22px; letter-spacing: -.05rem;}

	.main .section.sec1 {background-position: 0 50%;}
	.main .sec1 .txt_box .slogan {width: 250px;}

	.main .sec2 .cont2 {display: block;}
	
	.main .sec3 .ico_list {top: 36%; max-width: 320px;}
	.main .sec3 .ico_list li {width: 16.66666%; height: 64px; transition-delay: 0; -webkit-transition-delay: 0; -ms-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0;}
	.main .sec3 .ico_list li:before {width: 64px; height: 64px; margin-left: -32px; margin-top: -32px;}
	.main .sec3 .ico_list .li1 img {width: 33px;}
	.main .sec3 .ico_list .li2 img {width: 33px; margin-left: -7px;}
	.main .sec3 .ico_list .li3 img {width: 38px;}
	.main .sec3 .ico_list .li4 img {width: 36px;}
	.main .sec3 .ico_list .li5 img {width: 32px;}
	.main .sec3 .ico_list .li6 img {width: 36px;}
	.main .sec3 .ico_list li.active em {display: none;}
	.main .sec3 .ico_list li.active:before {transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);}

	.main .section.sec4 {background-position: left 45% bottom 18px;}

	.main .section.sec5 {background-position: left 45% bottom 37px;}

	.main .sec6 .btn_box {margin-top: 26px;}
	.main .sec6 .btn_box a {height: 190px; margin-top: 20px; padding: 0 5% 0 7%;}
	.main .sec6 .btn_box a .txt_box {padding-left: 9%;}
	.main .sec6 .btn_box a .txt_box p {margin-top: 15px; font-size: 14px;}
	.main .sec6 .btn_box a.cloud .img_box {width: 32%;}
	.main .sec6 .btn_box a.cloud .img_box .img1 {top: 50px; left: 5px;}
	.main .sec6 .btn_box a.cloud .img_box .img2 {top: 39px; width: 95px;}
	.main .sec6 .btn_box a.cloud .img_box .img3 {top: 58px; right: -10px; width: 60px;}
	.main .sec6 .btn_box a.cloud .txt_box {width: 68%;}
	.main .sec6 .btn_box a.premise .img_box {width: 32%;}
	.main .sec6 .btn_box a.premise .txt_box {width: 68%;}
	.main .sec6 .btn_box a.premise .img_box .img1 {top: 47px;}
	.main .sec6 .btn_box a.premise .img_box .img2 {top: 94px; left: 10px; width: 77px;}
	.main .sec6 .btn_box a.premise .img_box .img3 {top: 52px; right: 7px; width: 55px;}

	.main .sec7 .top_wrap {height: 320px;}
	.main .sec7 .top_wrap .free_btn_box a {width: 350px;}
	.main .sec7 .top_wrap img {width: 255px;}

	.phone_frame {width: 286px; height: 555px;}
	.phone_frame .frame_img:before {width: 154px; height: 36px; margin-left: -77px;}

	.phone_frame .sec2 .sec2_cont li img.pc {display: none;}
	.phone_frame .sec2 .sec2_cont li img.mo {display: block;}
	.phone_frame .sec2 .dc4 {top: 85px; left: -236px; width: 320px;}

	.phone_frame .sec3 ul {background-size: 78px; background-position: 50% 45px;}
	.phone_frame .sec3 ul li {padding-top: 95px;}
	.phone_frame .sec3 ul li .txt em {font-size: 20px;}
	.phone_frame .sec3 ul li .txt span {margin-top: 10px; font-size: 16px;}


	.phone_frame .type1 .cont_slide .ico_box {width: 70px; height: 70px;}
	
	.phone_frame .sec4 .cont_slide .sl1 .ico_box {top: 50px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box {top: 169px; left: -45px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box {top: 30px; left: -30px;}

	.phone_frame .sec4 .cont_slide .sl1 .ico_box img {width: 30px;}
	.phone_frame .sec4 .cont_slide .sl2 .ico_box img {width: 28px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box img {width: 33px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box img {width: 25px;}

	.phone_frame .sec4 .cont_slide .sl1 .obj_box {bottom: 226px; width: 265px;}
	.phone_frame .sec4 .cont_slide .sl2 .obj_box {top: 22px; right: 11px; width: 320px;}
	.phone_frame .sec4 .cont_slide .sl3 .obj_box {top: 104px; left: -19px; width: 325px;}
	.phone_frame .sec4 .cont_slide .sl4 .obj_box {top: 52px; left: -40px; width: 367px;}
	
	.phone_frame .sec5 .cont_slide .sl1 .obj_box {top: 157px; left: -80px; width: 272px;}
	.phone_frame .sec5 .cont_slide .sl2 .obj_box {top: 66px; right: -65px; width: 225px;}
	.phone_frame .sec5 .cont_slide .sl3 .obj_box {top: 52px; right: -80px; width: 325px;}
	.phone_frame .sec5 .cont_slide .sl4 .obj_box {top: 161px; right: -60px; width: 270px;}

	.phone_frame .sec5 .cont_slide .sl2 .ico_box {left: -30px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box {left: -30px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box {right: -30px;}
	
	.phone_frame .sec5 .cont_slide .sl1 .ico_box img {width: 28px;}
	.phone_frame .sec5 .cont_slide .sl2 .ico_box img {width: 31px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box img {width: 23px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box img {width: 28px;}

	.main .sec2 .cont_wrap {top: var(--tit-top);}
	.main .sec4 .cont_wrap {top: var(--tit-top);}
	.main .sec5 .cont_wrap {top: var(--tit-top);}

	.mo_txt_slide {height: 85px;}
	.mo_txt_slide .tit_box span {font-size: 13px;}
	.mo_txt_slide .tit_box b {margin-top: 5px; font-size: 18px;}
	.main .swiper-button-prev.mo:after, .main .swiper-button-next.mo:after {font-size: 19px;}
	
} /* 540 */


@media screen and (max-width: 430px) {
	html{font-size: 40%;}
	/* .main .sec3 .ico_list li {width: 16.66666%; margin-top: 0;} */
	.main .cont_box strong {line-height: 1.3;}
	.main .cont_box p {display: block; margin-top: 15px; font-size: 2.3rem; padding: 0 40px; box-sizing: border-box;}
	.main .cont_box p .dpb {display: none;}
	.main .cont_box p .dpb2 {display: block;}

	.main .free_btn_box {margin-top: 45px;}

	.main .sec1 .txt_box .slogan {width: 220px;}
	.main .sec1 .txt_box strong {font-size: 7rem; line-height: 1.2;}

	.main .sec2 .cont1 {display: none;}
	.main .sec2 .cont2 {display: none;}

	.main .sec3 .cont_box p {display: none;}
	.main .sec3 .ico_list {top: 54%; max-width: 360px;}
	.main .sec3 .ico_list li {width: 33.33333%; margin-top: 20px; height: 80px;}
	.main .sec3 .ico_list li:before {width: 80px; height: 80px; margin-left: -40px; margin-top: -40px;}
	.main .sec3 .ico_list li em {display: none;}
	.main .sec3 .ico_list .li1 img {width: 38px;}
	.main .sec3 .ico_list .li2 img {width: 38px; margin-left: -7px;}
	.main .sec3 .ico_list .li3 img {width: 43px;}
	.main .sec3 .ico_list .li4 img {width: 43px;}
	.main .sec3 .ico_list .li5 img {width: 38px;}
	.main .sec3 .ico_list .li6 img {width: 41px;}

	
	.main .sec6 .cont_box {margin-top: 50px;}
	.main .sec6 .cont_box p {padding: 0;}
	.main .sec6 .btn_box {margin-top: 40px;}
	.main .sec6 .btn_box a {height: 160px;}
	.main .sec6 .btn_box a .txt_box p {margin-top: 10px; font-size: 11.5px;}
	.main .sec6 .btn_box a .txt_box em {font-size: 2.8rem;}
	.main .sec6 .btn_box a.cloud .img_box {width: 30%;}
	.main .sec6 .btn_box a.cloud .txt_box {width: 70%;}
	.main .sec6 .btn_box a.cloud .img_box .img_cont {height: 160px;}
	.main .sec6 .btn_box a.cloud .img_box .img1 {top: 46px;}
	.main .sec6 .btn_box a.cloud .img_box .img2 {top: 35px; left: 0; width: 82%;}
	.main .sec6 .btn_box a.cloud .img_box .img3 {top: 50px; width: 49px;}
	.main .sec6 .btn_box a.premise .img_box {width: 30%;}
	.main .sec6 .btn_box a.premise .txt_box {width: 70%;}
	.main .sec6 .btn_box a.premise .img_box .img_cont {height: 160px;}
	.main .sec6 .btn_box a.premise .img_box .img1 {top: 36px;}
	.main .sec6 .btn_box a.premise .img_box .img2 {top: 77px; left: 8px; width: 55px;}
	.main .sec6 .btn_box a.premise .img_box .img3 {top: 40px; right: 4px; width: 35px;}
	
	.main .sec7 .top_wrap .size {padding: 0;}
	.main .sec7 .top_wrap .free_btn_box {margin-top: 30px;}
	.main .sec7 .top_wrap .free_btn_box a {width: 300px; padding: 20px; font-size: 2.3rem;}
	.main .sec7 .top_wrap .free_btn_box a i {font-size:1.8rem;}

	.phone_frame {width: 280px; height: 547px;}
	.phone_frame:before {display: none; left: -100px; width: 352px; height: 453px;}
	.phone_frame .inner {border-radius: 18px 16px 16px 18px;}
	.phone_frame .frame_img:before {width: 114px; height: 35px; margin-left: -57px;}

	.phone_frame .sec2_mo_ico {right: -23px; width: 75px; height: 75px; border-radius: 15px;}
	.phone_frame .sec2_mo_ico li {height: 71px;}
	.phone_frame .sec2_mo_ico li.li1 img {width: 50px;}
	.phone_frame .sec2_mo_ico li.li2 img {width: 39px;}
	.phone_frame .sec2_mo_ico li.li3 img {width: 39px;}
	.phone_frame .sec2_mo_ico li.li4 img {width: 42px;}
	.phone_frame .sec2_mo_ico li.li5 img {width: 49px;}
	.phone_frame .sec2_mo_ico li.li6 img {width: 42px;}
	.phone_frame .sec2 .dc4 {top: 75px; left: -215px; width: 290px;}

	.phone_frame .sec3 ul {background-size: 68px; background-position: 50% 40px;}
	.phone_frame .sec3 ul li {padding-top: 65px;}
	.phone_frame .sec3 ul .li1 .ico img {width: 70px;}
	.phone_frame .sec3 ul .li2 .ico img {width: 70px;}
	.phone_frame .sec3 ul .li3 .ico img {width: 90px;}
	.phone_frame .sec3 ul .li4 .ico img {width: 85px;}
	.phone_frame .sec3 ul .li5 .ico img {width: 75px;}
	.phone_frame .sec3 ul .li6 .ico img {width: 80px;}
	.phone_frame .sec3 ul li .txt {margin-top: 7px;}
	.phone_frame .sec3 ul li .txt em {font-size: 17px;}
	.phone_frame .sec3 ul li .txt span {font-size: 13px;}

	.phone_frame .type1 .bg_slide .bg {border-radius: 24px 22px 22px 24px;}
	.phone_frame .type1 .cont_slide .ico_box {width: 55px; height: 55px;}

	.phone_frame .sec4 .cont_slide .sl1 .obj_box {bottom: 216px; right: -33px; width: 280px;}
	.phone_frame .sec4 .cont_slide .sl2 .obj_box {top: 23px; right: 11px; width: 310px;}
	.phone_frame .sec4 .cont_slide .sl3 .obj_box {top: 88px; left: 50%; width: 300px; margin-left: -150px;}
	.phone_frame .sec4 .cont_slide .sl4 .obj_box {top: 85px; left: 50%; width: 320px; margin-left: -160px;}

	.phone_frame .sec4 .cont_slide .sl1 .ico_box {left: -23px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box {top: 169px; left: -36px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box {left: -24px;}
	
	.phone_frame .sec4 .cont_slide .sl1 .ico_box img {width: 25px;}
	.phone_frame .sec4 .cont_slide .sl2 .ico_box img {width: 23px;}
	.phone_frame .sec4 .cont_slide .sl3 .ico_box img {width: 26px;}
	.phone_frame .sec4 .cont_slide .sl4 .ico_box img {width: 20px;}
	

	.phone_frame .sec5 .cont_slide .sl1 .obj_box {top: 155px; left: -30px; width: 230px;}
	.phone_frame .sec5 .cont_slide .sl2 .obj_box {top: 92px; right: -45px; width: 205px;}
	.phone_frame .sec5 .cont_slide .sl3 .obj_box {top: 75px; right: -44px; width: 280px;}
	.phone_frame .sec5 .cont_slide .sl4 .obj_box {top: 159px; right: -35px; width: 230px;}

	.phone_frame .sec5 .cont_slide .sl1 .ico_box {right: -25px;}
	.phone_frame .sec5 .cont_slide .sl2 .ico_box {left: -25px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box {left: -22px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box {right: -25px;}

	.phone_frame .sec5 .cont_slide .sl1 .ico_box img {width: 23px; margin-top: 2px;}
	.phone_frame .sec5 .cont_slide .sl2 .ico_box img {width: 26px;}
	.phone_frame .sec5 .cont_slide .sl3 .ico_box img {width: 19px;}
	.phone_frame .sec5 .cont_slide .sl4 .ico_box img {width: 22px;}


	.mo_txt_slide .tit_box span {line-height: 1.1;}

	.main .sec2 .cont_wrap {top: var(--tit-top2);}
	.main .sec4 .cont_wrap {top: var(--tit-top2);}
	.main .sec5 .cont_wrap {top: var(--tit-top2);}

	.footer {padding: 40px 0;}

} /* 420 */
 
@media screen and (max-width: 430px) and (max-height: 700px) {
	.main .cont_box p {display: none;}

	.main .sec2 .cont_wrap {top: var(--tit-top3);}
	.main .sec4 .cont_wrap {top: var(--tit-top3);}
	.main .sec5 .cont_wrap {top: var(--tit-top3);}

	.main .sec3 .ico_list {top: 51%; max-width: 320px;}
	.main .sec3 .ico_list li {width: 33.33333%; margin-top: 20px; height: 64px;}
	.main .sec3 .ico_list li:before {width: 64px; height: 64px; margin-left: -32px; margin-top: -32px;}
	.main .sec3 .ico_list li em {display: none;}
	.main .sec3 .ico_list .li1 img {width: 33px;}
	.main .sec3 .ico_list .li2 img {width: 33px; margin-left: -7px;}
	.main .sec3 .ico_list .li3 img {width: 38px;}
	.main .sec3 .ico_list .li4 img {width: 36px;}
	.main .sec3 .ico_list .li5 img {width: 32px;}
	.main .sec3 .ico_list .li6 img {width: 36px;}
}

@media screen and (max-width: 320px){
	html{font-size: 35%;}
	
	.header {height: 70px;}
	.header .logo {margin-top: -13px;}
	.header .logo a {width: 85px; height: 26px;}
	.header .util {margin-top: -19px;}
	.header .util .button > a {width: 38px; height: 38px; line-height: 38px;}

	.main .sec3 .cont_box {top: 11%;}
	.main .sec3 .ico_list {top: 46%;}
	.main .sec3 .ico_list li {height: 54px; margin-top: 3%;}
	.main .sec3 .ico_list li:before {width: 54px; height: 54px; margin-left: -27px; margin-top: -27px;}
	.main .sec3 .ico_list .li1 img {width: 28px;}
	.main .sec3 .ico_list .li2 img {width: 28px;}
	.main .sec3 .ico_list .li3 img {width: 30px;}
	.main .sec3 .ico_list .li4 img {width: 32px;}
	.main .sec3 .ico_list .li5 img {width: 27px;}
	.main .sec3 .ico_list .li6 img {width: 30px;}

	.main .section.sec4 {background-position: left 45% bottom 68px;}

	.main .section.sec5 {background-position: left 45% bottom 54px;}
	
	.main .sec6 .btn_box {margin-top: 20px;}
	.main .sec6 .btn_box a {margin-top: 15px;}

	.phone_frame .sec4 .cont_slide .sl3 .ico_box {left: -33px;}

	.phone_frame .sec5 .cont_slide .sl2 .obj_box {right: -35px;}
	.phone_frame .sec5 .cont_slide .sl3 .obj_box {right: -30px;}
} /* 320 */