/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #000;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #000;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;background: #000;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    width: 100%;
}

.selected .gh a {
    /* background-color: transparent !important; */
	background: #000;
}


@media only screen and (max-width:1040px) {
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	html{
		font-size: 16px;
	}
	.webhide{
		display: block !important;;
	}
	
	.mobile{
		display: none !important;
	}
	.hbanner .btn{
		font-size: 14px;
		width: auto;
		display: inline-block;
		line-height: 2.4;
		left: 50%;bottom: 80px;
		right: auto;
		white-space: nowrap;
		transform: translateX(-50%) skewX(-6deg);
		padding: 0 20px;
	}
	.hpage1 .pic img{
		margin-bottom: 25px;
	}
	.mskjiaz{
	    width: 80%;
	}
	.wrap{
		width: auto;
		padding: 0 20px;
	}
	.hpage2 .txt{
		max-width: 100%;
		width: 280px;
		padding-top: 40px;
	}
	.hpage2 .txt p{
		margin-top: 15px;
	}
	.hpage2 .txt h2{
		font-size: 20px !important;
	}
	.hpage2 .bg{
		position: relative;
	}
	.hpage2 .wrap{
		position: absolute;
		left: 0;right: 0;top: 0;z-index: 6;
	}
	.hpage3{
		padding: 50px 0;
	}
	.hpage3 .hs{
	    margin: 0;
	}
	.hpage3 .hs h4{
		font-size: 14px !important;
		margin: 5px 0 0;
	}
	.hpage3 .fms ul{
		display: block;
	}
	.hpage3 .fms li{
		width: auto;
		margin-bottom: 15px;
		padding: 10px 20px;
	}
	.hpage3 .fms{
		margin: 20px 0 0;
		padding: 20px;
	}
	.hpage3 .fms li .t1{
		height: 34px;
		font-size: 14px;
	}
	.hpage1 .pic{
		margin-top: 30px;
	}
	.hpage3 .fms li h5{
		margin-bottom: 0;
	}
	.hpage3 .fms label{
		font-size: 12px;
		padding-left: 20px;
		background-size: 15px auto !important;
	}
	.hpage3 .btn{
		font-size: 16px;
		line-height: 47px;
	}
	.hpage4 li h3{
	    font-size: 16px !important;
	}
	.hpage4 ul{
		display: block;
		margin-left: 15px;
		padding-top: 30px;
		margin-bottom: 0px;
	}
	.hpage4 ul:before{
		left: 10px;
		top: 10px;
		display: none;
	}
	.hpage4 li{
		text-align: left;position: relative;
		padding-left: 40px;padding-bottom: 30px;
	}
	.hpage4 i{
		margin: 0;
		position: absolute;
		left: 0;z-index: 3;
		top: 10px;
	}
	.hpage4 li::after{
		left: 8px;content: "";
		top: 12px;bottom: -12px;
		width:4px ;
		background: #FCD6C6;
		position: absolute;
	}
	.hpage4 li:last-child::after{
		display: none;
	}
	.hpage4{
		background: url(../images/qw5-1.png) no-repeat center/100% 100%;
	}
	.hpage4 h6{
		line-height: 1.4;
	}
	.hpage4 li p{
		height: auto;
	}
	.hpage4 li p br{
		display: none;
	}
	.hpage5{
		padding: 40px 0;
	}
	.hpage5 .wrap{
		display: block;
	}
	.hpage5 .txt{
		width: auto;
	}
	.hpage5 .img{
		width: auto;margin: 0;
	}
	.hpage5 .txt h3{
		font-size: 22px !important;
	}
	.footer{
		padding: 30px 0;
	}
	.footer dd{
		margin: 0 6px;
	}
	.footer .logo img{
		height: 40px;
	}
	.footer dl{
		margin: 15px 30px 0;
		padding: 30px 0;
	}
	.copyright{
		font-size: 12px;
	}
	.footer dd .icon{
		width: 35px;height: 34px;
	}
	.mskjiaz .hs h4{
		font-size: 20px !important;
	}
	.mskfenx{
		width: auto;
	}
	.mskfenx .flax{
		display: block;
		text-align: center;
	}
	.mskfenx .canvasimg{
	    width:70vw;margin: 0 auto;height: auto;
	}
	.mskfenx .lts{
		width: auto;
		padding: 90px 10px 10px;
		width: 70vw;margin: 0 auto;
		height: auto;height: calc(70vw * 1.25);
		text-align: left;
	}
	.mskfenx .lts h4{
	    font-size: 14px !important;
	}
	.mskfenx .rts{
		width: auto;
	}
	.mskfenx{
	    top: 4%;
	}
	.mskfenx .lts p{
		margin-top: 20px;
		display: inline-block;
		font-size: 12px !important;
	}
	.mskfenx .lts .ico{
		width: 40%;
	}
	.mskfenx .rts{
		margin: 10px 15px ;padding: 15px 20px;
	}
	.mskfenx .rts dd a{
		line-height: 42px;font-size: 14px;
	}
	.mskfenx .rts dd{
		margin-bottom: 10px;
	}
	.mskfenx .rts dd img{
		width: 22px;margin-right: 3px;
	}
	.mskfenx .rts p br{
		display: none;
	}
	.mskfenx .rts p{
		padding-bottom: 15px;
	}
	.mskfenx .rts h6{
		margin-top: 15px;
	}
	.mskfenx .rts h6 span{
		font-size: 20px;
	}
	.mskfenx .uwgb{
		bottom: auto;
		top: -20px;right: 15px;
		left: auto;
	}
	.ulayui .uflxe{
		font-size: 12px;
		margin: 0 auto;width: calc(100% - 70px);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding: 15px;
	}
	.ulayui .uflxe p{
		width: calc(100% - 30px);overflow-wrap: break-word;line-height: 1.3;
	}
	.ulayui .uflxe img{
		width: 24px;
		margin-right: 6px;
	}
	
}