html,body {
	width: 100%;
	height: 100%;
}
.information .cont3-item-mible { display: none;}
@media screen and (max-width: 768px) {
    .middle {width: 100%;height: 100%;}
    .middle .img1 { object-fit: cover;}
    .middle .img2 { width: auto; height: 50px; left: 10px; top: 15px;} 
    .middle .cont { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
    .middle .cont * { position: unset;}
    .middle .p { font-size: 60px;}
    .middle .pp { font-size: 20px;}
    .middle .btn-box { display: flex; justify-content: center; margin-top: 40px;}
    .middle .btn-box>a { width: 30%;}
    .middle .btn-box .button { width: 100%; height: 40px; border-radius: 4px; font-size: 16px; line-height: 40px; background-size: 100% 100%}
    .middle .btn-box .button1 { width: 100%; height: 40px; border-radius: 4px; font-size: 16px; line-height: 40px; margin-left: 20px;}
    .information {width: 100%;height: 100%;}
    .information .center { width: 100%; height: calc(100% - 55px);}
    .information .aa { width: calc(100% - 20px); height: auto; padding-bottom: 10px; left: 10px; top: 60px; background-size: 100% 100%; display: flex; flex-wrap: wrap;z-index: 99;}
    .information .img2 { width: 80px; height: auto; margin: 0;}
    .information .bb { position: relative; z-index: 1;}
    .information .bb .dd { position: unset;}
    .information .cc { width: calc(32% - 10px);font-size: 14px; height: 32px; line-height: 32px; background-size: 100% 100%; margin-left: 10px;}
    .information .cont { width: 100%; height: 100%;}
    .information .cont * { position: unset;}
    .information .cont1 { padding-top: 180px; width: 94%; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
    .information .cont1 .img1 { width: auto; height: 50px; margin: 10px; position: absolute; top: 0; left: 0;}
    .information .pp { width: 100%; margin: 0; margin-top: 30px;}
    .information .pp img { width: 100%; height: auto;}
    .information .button { width: 160px; height: 40px; font-size: 16px; line-height: 40px; margin-top: 30px;}
    .information .cont2 {position: relative; overflow-y: scroll;}
    .information .cont2 .cmain { padding-top: 180px; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    .information .cont2 .cmain img { width: 100%; height: auto;}
    .information .cont2 .bg { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
    .information .cont2 .img3 { width: auto; height: 50px; margin: 10px; position: fixed; top: 0; left: 0;}
    .information .cont3 { width: 94%; margin: 0 auto; overflow-y: scroll; overflow-x: hidden; text-align: center;}
    .information .cont3 img { max-width: 100%; margin: 0 auto; height: auto;}
    .information .cont3 .img1 { width: auto; height: 50px; margin: 10px; position: fixed; top: 0; left: 0;}
    .c2 img,.c3 img,.yssp,.sp .sp1 { margin: 0;}
    .c2 button, .c1 button,.c3 button { display: inline-block; width: 120px; height: 40px; font-size: 16px;line-height: 40px; background-size: 100% 100%;}
    .c1 img { margin: 0;}
    .sp .sp1 { width: 100%; height: auto;}
    .sp1 video { width: 100% !important; height: auto !important;}
    .yssp { display: flex; height: 30px; margin: 20px 0 10px;}
    .information .cont3 .c1 { text-align: center;}
    .information .cont3 .c2 { text-align: center;}
    .information .cont3 .c2 img { height: 90px; object-fit: contain; margin-bottom: 30px;}
    .information .cont3 .c1 img { width: 120px; height: 90px; object-fit: contain; margin-bottom: 5px;}
    .information .cont3 .c3 img { width: 120px; height: 90px; object-fit: contain; margin-bottom: 5px;}
    .information .cont3 .c1 button {margin: 0; margin-left: -154px; margin-top: 20px;position: relative;top: 26px;}
    .information .cont3 .c3 { margin-top: 30px;}
    .information .cont3 .c3 button {margin: 0; margin-left: -154px; margin-top: 20px;position: relative;top: 26px;}
    .information .cont3 .yssp img { width: auto; height: 30px;}
    .information .cont3 .wen { margin-top: 10px;}
	.information .cont3-item { display: none;}
	.information .cont3-item-mible { display: block; margin-top: 220px;}
	.information .cont3-item-mible .clear { content: ''; display: block; clear: both;}
	.information .cont3-item-mible .list { display: flex;}
	.information .cont3-item-mible .list .item { width: 50%;}
	.information .cont3-item-mible .item { margin-bottom: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.information .cont3-item-mible img { width: 90px; height: 90px;}
	.information .cont3-item-mible button { margin-top: 10px; width: 120px;
    height: 40px;
    background-image: url(../img/btn-1.png);
    background-size: 100% 100%;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 16px;}
    .information .cont4 { overflow-y: scroll; padding-top: 180px; width: 94%; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
    .information .cont4 .img1 { width: auto; height: 50px; margin: 10px; position: absolute; top: 0; left: 0;}
    .information .cont4 .img6 { max-width: 100%; width: 100%;}
    .information .cont4 * { margin: 0;}
    .information .cont4 .list-box { width: 100%;}
    .information .cont4 .list { display: flex; justify-content: center;}
    .information .cont4 .cx { width: 60%;}
    .information .cont4 .cx1 li { height: 115px;}
    .information .cont4 .cx1 ul li img { width: 60px; height: 60px;}
    .information .cont4 .cx1 a { display: flex;}
    .information .cont4 .cx2 { width: 60%;}
    .information .cont4 .cx3 li { height: 115px;}
    .information .cont4 .cx3 ul li img { width: 60px; height: 60px;}
    .information .cont5 { overflow-y: scroll; padding-top: 180px; width: 94%; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
    .information .cont5 .img1 { width: auto; height: 50px; margin: 10px; position: absolute; top: 0; left: 0;}
    .information .cont5 * { margin: 0;}
    .information .cont5 .ppp { width: 100%;}
    .information .cont5 img { max-width: 100%; height: auto;}
    .information .cont5 .img9 { width: 50%;}
    .information .cont5 .yyzz { width: auto; height: 20px; object-fit: contain;}



    .information .footer { height: auto !important; font-size: 14px !important; padding: 0 2%;}
}