@media (max-width: 1400px) and (min-width: 1220px) {
	.container {
		width: 1200px;
	}


}

@media (max-width: 1220px) and (min-width: 1020px) {
	.container {
		width: 1020px;
	}
.heade li {
    margin-left: 20px;
}

}

@media (max-width: 1020px) {
	.container {
		width: 95%;
	}
	.gg_box {
	    background-position: center left 20%;
	}
	.gg_bo {
	    width:100%;
	    margin-left: 0;
	}
	.gg_bo1 {
	    width: 60px;
	}
	.gg_bo2 {
	    max-width: 60%;
	}
	.gg_bot {
	    width: 50px;
	    bottom: 10px;
	}
	.header {
	    height: 50px;
	    display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.logo {
	    height: 40px;
	    margin-top: 0;
	}
	.menubtn i {
		display: block;
		width: 25px;
		height: 2px;
		background-color: #ffffff;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	
	.menubtn i:nth-child(1) {
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	
	.menubtn i:nth-child(2) {
		margin-top: 4px;
	}
	
	.menubtn i:nth-child(3) {
		margin-top: 4px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
	}
	
	.menubtn.on i:nth-child(1) {
		-webkit-transform: rotate(28deg);
		-moz-transform: rotate(28deg);
		-ms-transform: rotate(28deg);
		-o-transform: rotate(28deg);
		transform: rotate(28deg);
	}
	
	.menubtn.on i:nth-child(2) {
		opacity: 0;
	}
	
	.menubtn.on i:nth-child(3) {
		-webkit-transform: rotate(-28deg);
		-moz-transform: rotate(-28deg);
		-ms-transform: rotate(-28deg);
		-o-transform: rotate(-28deg);
		transform: rotate(-28deg);
	}
	
	.COVER {
		width: 60%;
		height: 100%;
		background-color: #1c1c1c;
		/* display: none; */
		overflow: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0px;
		left: -100%;
		z-index: 1001;
	}
	
	.MULUS {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}
	
	.mulu {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		box-sizing: border-box;
		width: 100%;
		display: block;
	}
	
	.mulu1 {
		width: 100%;
		padding: 10px 0;
		color: white;
		font-size: 14px;
		display: flex;
		align-items: center;
	}
	.header_top {
	    height: 60px;
	    line-height: 60px;
	    font-size: 20px;
	}
	.header_top img {
	    height: 40px;
	}
	.gywm_bo {
	    margin-top: 20px;
	    margin-bottom: 5px;
	    display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.gywm_bole{
		width: 100%;
	}
	.gywm_bole1 {
	    font-size: 18px;
	}
	.gywm_bole2 {
	    width: 30px;
	    margin-top: 5px;
	}
	.gywm_bole3 {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 20px;
	}
	.gywm_bori {
	    width: 50%;
	    border-radius: 10px;
	    margin-left: 0;
		margin-top: 20px;
	}
	.sunekosf_bo {
	    margin-top: 10px;
	    margin-bottom: 20px;
	}
	.sunekosf_bo1{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.sunekosf_bo1_1 {
	    width: 220px;
	    margin-right: 0;
		margin-bottom: 20px;
	}
	.sunekosf_bo1_2{
		width: 100%;
	}
	.sunekosf_bo1_3 {
	    font-size: 16px;
	}
	.sunekosf_bo1_4 {
	    margin-top: 15px;
	    font-size: 14px;
	    line-height: 20px;
	}
	.sunekosf_bo2 {
	    padding: 25px 15px;
	    margin-top: 25px;
	}
	.sunekosf_bo3{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.sunekosf_bo3_2 {
	    width: 100%;
	    font-size: 14px;
	    line-height: 20px;
	}
	.sunekosf_bo3_1 {
	    width: 120px;
	    margin: 20px auto;
	    font-size: 16px;
	    line-height: 25px;
	}
	.sunekosf_bo3_1 img {
	    margin-bottom: 15px;
	}
	.sunekosf_bo4_1 {
	    font-size: 16px;
	}
	.sunekosf_bo4_2{
		display: flex;
		flex-wrap: wrap;
	}
	.sunekosf_bo4_2_1 {
	    width: 48%;
	    margin-right: 4%;
	    margin-top: 20px;
	}
	.sunekosf_bo5{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.sunekosf_bo5_1 {
	    width: 90px;
	    margin-right: 0;
		margin-bottom: 15px;
	}
	.sunekosf_bo5_2 {
	    width: 100%;
	}
	.sunekosf_bo5_3 {
	    font-size: 14px;
	}
	.sunekosf_bo5_4{
		display: flex;
		flex-wrap: wrap;
	}
	.sunekosf_bo5_5 {
	    width: 100%;
	    margin-right: 0;
	    margin-top: 20px;
	}
	.sunekosf_bo5_5_1 {
	    font-size: 14px;
	}
	.sunekost_one {
	    margin-top: 15px;
	    margin-bottom: 35px;
	    display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.sunekost_one1 {
	    width: 180px;
	    margin-right: 0;
		margin-bottom: 35px;
	}
	.sunekost_one2 {
	    width: 100%;
	}
	.sunekost_one2_1 {
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.sunekost_one2_2 {
	    margin-bottom: 20px;
	    font-size: 14px;
	    line-height: 25px;
	}
	.sunekost_one2_3 {
	    margin-bottom: 10px;
	    font-size: 16px;
	}
	.sunekost_two {
	    width: 100%;
	    margin: 45px auto;
	    margin-left: 0;
	    display: flex;
		flex-wrap: wrap;
	}
	.sunekost_two1 {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 20px;
	}
	.sunekost_two1:last-child{
		margin-bottom: 0;
	}
	.sunekost_two2 {
	    width: 120px;
	    font-size: 14px;
	}
	.sunekost_two3 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.sunekost_three {
	    margin-top: 15px;
	    margin-bottom: 25px;
	}
	.sunekost_three1 {
	    font-size: 20px;
	}
	.sunekost_three2 {
	    margin-top: 10px;
	    font-size: 20px;
	}
	.sunekost_three3 {
	    margin-top: 25px;
	}
	.sunekos_pertwo {
	    margin-top: 25px;
	    margin-bottom: 15px;
	}
	.sunekos_pertwo1 {
	    font-size: 20px;
	}
	.sunekos_pertwo2 {
	    margin-top: 10px;
	}
	.sunekos_pertwo2_1 {
	    font-size: 14px;
	}
	.sunekos_pertwo2_2 {
	    font-size: 12px;
	}
	.sunekos_pertwo3 {
	    margin-top: 20px;
	    font-size: 14px;
	}
	.sunekos_pertwo4 {
	    margin-top: 25px;
	    margin-bottom: 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.sunekos_pertwo4_1 {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 20px;
	}
	.sunekos_pertwo4_1_1 {
	    min-width: 210px;
	    font-size: 14px;
	}
	.sunekos_pertwo4_1_2 {
	    margin-top: 10px;
	}
	.sunekos_pertwo4_2{
		width: 100%;
	}
	.sunekos_pertwo4_2_1 {
	    font-size: 20px;
	}
	.sunekos_pertwo4_2_2 {
	    margin-top: 20px;
	    font-size: 14px;
	    line-height: 20px;
	}
	.sunekos_pertwo4_2_3 {
	    margin-top: 25px;
	    font-size: 14px;
		display: flex;
		align-items: center;
	}
	.sunekos_pertwo4_2_3 img {
	    width: 110px;
	    margin-right: 20px;
	}
	.sunekos_pertwo4_2_3 div {
	    width: calc(100% - 130px);
	}
	.sunekos_perthree {
	    margin: 25px auto;
	}
	.sunekos_perthree1 {
	    font-size: 20px;
	}
	.sunekos_perthree2 {
	    border-radius:10px;
		padding: 0 10px;
	    padding-bottom: 25px;
	    margin-top: 25px;
	}
	.sunekos_perthree2_1 {
	    height: 40px;
	    border-radius: 10px;
	    line-height: 40px;
	    font-size: 14px;
	}
	.sunekos_perthree2_2{
		display: flex;
		flex-wrap: wrap;
	}
	.sunekos_perthree2_3 {
	    min-width: 86px;
	    height: 40px;
	    border-radius: 10px;
	    line-height: 40px;
	    font-size: 14px;
	    margin-top: 25px;
	    margin-right: 25px;
	}
	.sunekos_perthree2_4 {
	    margin-top: 20px;
	    font-size: 14px;
	}
	.sunekos_perthree3 {
	    margin-top: 15px;
	    font-size: 20px;
	}
	.sunekos_perthree4{
		display: flex;
		flex-wrap: wrap;
	}
	.sunekos_perthree4_1 {
	    width: 49%;
	    margin-top: 20px;
	    border-radius: 20px;
	    border: 5px solid #D3D3D3;
	}
	.sunekos_perthree4_1:nth-child(2n){
		margin-right: 0;
	}
	.sunekos_perthree4_2 {
	    height: 125px;
	}
	.cpzx_bo {
	    margin: 25px auto;
	}
	.cpzx_bo1{
		display: flex;
		flex-wrap: wrap;
	}
	.cpzx_bo2 {
	    width:100%;
	    margin-right: 0;
	    margin-bottom: 25px;
	}
	.cpzx_bo2_1 {
	    line-height: 40px;
	    font-size: 16px;
	}
	.cpzx_bo2_2 {
	    height: 40px;
	    font-size: 14px;
	}
	.cpzx_bo3_1 {
	    height:200px;
	    font-size: 14px;
	}
	.cpzx_bo4 {
	    width: 160px;
	    height:40px;
	    line-height: 40px;
	    font-size: 16px;
	    margin-top: 25px;
	}
	.footer {
	    margin: 25px auto;
	}
	.footer2 {
	    margin-top: 25px;
	}
	.footer2_1 {
	    font-size: 14px;
	    margin-bottom: 15px;
	}
	
}