/*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: #111;
    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: #111;
    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: #111;
}

.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: #111;
}
html{
	font-size: 19.2px;
}

@media only screen and (max-width:1480px) {
	html{
		font-size: 14.8px;
	}
}
@media only screen and (max-width:1080px) {
	html{
		font-size: 16px;
	}
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	
	.wrap{
		width: auto;padding: 0 15px;
	}
	.layout{
		padding-top: 50px;
	}
	.header .wrap{
		height: 50px;
	}
	.header{
		height: 50px;display: block;
	}
	.header .logo{
		max-width: 160px;
	}
	.gh{
		position: absolute;right: 15px;top: 12px;display: block;
	}
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top: 100%;z-index: 12;background: #fff;display: none;
	}
	.header .naver li span{
		display: none;
	}
	.header .naver ul{
		display: block;
	}
	.header .naver li a{
		font-size: 16px;line-height: 36px;
	}
	.header .naver li h3 a{
		color: #333;line-height: 46px;font-size: 16px;
		padding: 0 20px;
	}
	.header .naver li{
		margin: 0;
		border-bottom: 1px solid #f1f1f1;
	}
	.header .naver li.ons{
		margin: 0;
	}
	.header .naver li.ons a{
		background: none;padding: 0 20px;
	}
	.banner{
		height: 40vw;
	}
	.banner .spans{
		bottom: 10px;
	}
	.hsection{
		padding: 40px 0;
	}
	.htab ul{
		gap: 0 10px;
	}
	.htab li a{
		font-size: 0.85rem;
		width: auto;
		padding: 0 10px;
	}
	.hsection .hflex{
		display: block;
	}
	.hsection .hflex .pic{
		width: auto;
		height: auto;
	}
	.hsection .hflex .text{
		width: auto;
		margin-top: 20px;
	}
	.hsection .hflex .text p{
		margin: 10px 0;
	}
	.habul ul{
		padding: 15px;
		height: auto;
		margin-top: 20px;
	}
	.habul h4 i{
		font-size: 26px;
	}
	.habul p{
		font-size: 12px !important;
	}
	.hsection2 .wrap{
		display: block;
	}
	.hsection2 .text2,
	.hsection2 .text{
		width: auto;
		overflow: hidden;
		padding: 20px;
	}
	.hsection2 .htitico h3{
		margin-bottom: 10px;
	}
	.hsection2 .text p{
		margin-top: 0;
	}
	.hsection3 ul{
		display: block;
		padding-top: 0;
		background: none !important;
	}
	.hsection3 ul li{
		margin-top: 15px !important;
		border: 1px solid #f1f1f1;
		box-shadow: 0 0 8px 0 rgba(80,80,80,0.1);
		border-radius: 10px;
		overflow: hidden;
	}
	.hsection3 li .bor{
		width: auto;
		background: #f9f9f9 !important;
		box-shadow: 0 0 8px 0 rgba(80,80,80,0.1);
		height: auto;
		padding: 20px;
	}
	.hsection3 li h4{
		margin-top: 0 !important;
		padding: 10px;
		background: #0057AC;
	}
	.hsection3 dl{
		padding: 10px;
		justify-content: space-between;
		margin-top: 20px;
	}
	.hsection3 dd h4{
		font-size: 14px !important;
	}
	.hsection3 dd:nth-child(2n){
		display: none;
	}
	.hsection2{
		margin-bottom: 20px;
	}
	.hsection4{
		margin-top: 40px;
		padding: 30px 0;
	}
	.hsection4 ul{
		gap: 0;
		justify-content: space-between;
	}
	.hsection4 ul li{
		width: 49%;
		margin: 0 0 10px;
	}
	.zxbtn a{
		margin-top: 5px;
	}
	.hsection5{
		padding: 40px 0;
	}
	.zhuylist h4{
		margin-top: 15px;
	}
	.zhuylist ul li:nth-child(2n){
		display: none;
	}
	.zhuylist ul{
		display: block;
	}
	.zhuylist ul li .txt{
		width: auto;
	}
	.zhuylist ul li{
		margin-bottom: 30px;
	}
	.zhuylist{
		padding-top: 0;
	}
	.zhuylist ul li:last-child{
		margin-bottom: 0;
	}
	.hsection6{
		padding: 40px 0;
	}
	.hsection6 h3{
		margin-bottom: 15px;
	}
	.hdownlist ul{
		display: block;
	}
	.hdownlist ul li{
		width: auto;margin: 0 0 10px;
	}
	.hdownlist li a:hover{
		transform:translateY(0%);
	}
	.hdownlist ul li:last-child{
		margin-bottom: 0;
	}
	.header .logo img{
		height: 30px;
	}
	.hpage7{
		padding: 40px 0;
	}
	.hpage7 ul{
		margin-top: 20px;display: block;
	}
	.hpage7 li{
		width: auto;margin: 0 0 10px;
	}
	.hpage7 dd .pic{
		height: auto;border-radius: 6px;
	}
	.hpage7 dd{
		width: 49%;
	}
	.hpage6 .hs{
		padding-top: 40px;
	}
	.hpage6 .hs .flax{
		width: auto;
	}
	.hpage6 .hs .flax h4{
		width: 100px;
	}
	.hpage6 .hs .flax h6{
		width: auto;
		width: calc(100% - 120px);
		line-height: 1.4;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.hpage6 .bs ul{
		display: block;
	}
	.hpage6 .bs ul li{
		width: auto;
		margin: 0 0 10px;
		padding: 15px;
	}
	.hpage6 .jied ul{
		display: block;
	}
	.hpage6 .jied ul li{
		width: auto;
		margin-bottom: 10px;
	}
	.hpage6 .jied li:last-child{
		margin-bottom: 0;
	}
	.hpage6 .jied ul li:nth-child(2n){
		display: none;
	}
	.hpage6 .jied li .ds{
		width: auto;
	}
	.hpage6 .jied li .ts p{
		height: auto;
	}
	.hpage6 .list ul{
		display: block;
	}
	.hpage6 .list ul li{
		width: auto;
		margin: 0 0 10px;
	}
	.hpage6 .list li .img{
		height: auto;
	}
	.hpage6 .btn{
		margin-top: 20px;
	}
	.hpage6{
		padding-bottom: 40px;
	}
	.hpage5{
		padding: 40px 0;
	}
	.hpage5 h2{
		font-size: 17px !important;
		line-height: 1.6;
	}
	.hpage5 ul{
		display: block;
	}
	.hpage5 ul li{
		width: auto;
		margin: 0 0 10px;
		padding: 15px;
	}
	.hpage5 li h3{
		font-size: 16px !important;
	}
	.hpage4{
		padding: 40px 0;
	}
	.hpage4 ul{
		display: block;
		margin-top: 20px;
	}
	.hpage4 ul li{
		width: auto;
		margin-bottom: 10px;
	}
	.hpage3{
		padding: 40px 0;
	}
	.hpage3 .box{
		margin-top: 20px;
		padding: 15px;
	}
	.hpage3 ul{
		display: block;
	}
	.hpage3 li{
		width: auto;
		margin: 0 0 15px;
	}
	.hpage3 .ts h3{
		font-size: 16px !important;
	}
	.hpage3 .flax{
		display: block;
	}
	.hpage3 .ls{
		width: auto;
	}
	.hpage3 dl{
		width: auto;
		margin-top: 15px;
		padding: 15px 10px;
		justify-content: inherit;
		gap: 10px 0;
	}
	.hpage3 dd{
		width: 33.33%;
		
	}
	.hpage2 .hs h2{
		padding-top: 40px;
	}
	.hpage2 ul{
		white-space: nowrap;
		display: block;
		overflow-x: scroll;
		width: calc(100% + 15px);
	}
	.hpage2 ul li{
		display: inline-block;
		width: auto;
		margin: 0 10px 0 0;
		padding: 0 15px;
	}
	.hpage2 .bs .flax{
		display: block;
	}
	.hpage2 .bs .pic{
		width: auto;border-radius: 10px;
	}
	.hpage2 .bs .txt{
		width: auto;
		margin-top: 10px;
	}
	.hpage1{
		padding: 40px 0;
	}
	.hpage1 ul{
		width: auto;
		display: block;
	}
	.hpage1 li{
		width: auto;
		margin: 0 0 10px;
	}
	.hpage1 .wrap{
		display: block;
	}
	.hpage1 .btn{
		width: 100%;
	}
	.hpage1 li .t1{
		font-size: 14px;
	}
	.footer .tps{
		display: block;
	}
	.footer .tps .logo img{
		height: 36px;
	}
	.footer .nav{
		width: auto;
	}
	.footer .nav li a{
		font-size: 14px;
		margin: 0 10px 10px 0;
	}
	.footer .nav ul{
		margin-top: 20px;
	}
	.copyright ul{
		flex-wrap: wrap;
	}
	.copyright h6{
		line-height: 1.6;
	}
	.copyright dl{
		flex-wrap: wrap;
	}
	.hpage6 .jied ul{
		margin-top: 30px;
	}
	.naver ul h3:before{
		height: 2px;
	}
	.hpage5 h2{
		letter-spacing: initial;
	}
	.hpage1 .btn{
		margin-top: 20px;
	}
	.hpage2 .hs:before{
		height: 192px;
	}
	.header .naver li.on h3 a,
	.header .naver li h3 a:hover{
		color: #094e91;
	}
}
@media only screen and (max-width:768px) {
	
}