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


@media only screen and (max-width:1780px) {
	html{
		font-size: 17px;
	}
	
}
@media only screen and (max-width:1600px) {
	html{
		font-size: 17px;
	}
	.header .hrt .btn{
		margin-left: 20px;
	}
	.naver ul li{
		margin-left:30px;
	}
	.header .hrt .ench{
		width: 100px;
	}
	
}
@media only screen and (max-width:1480px) {
	html{
		font-size: 14.8px;
	}
}

@media only screen and (max-width:1380px) {
	.naver ul li{
		margin-left: 20px;
	}
	.header{
		padding: 0 20px;
	}
	
}
@media only screen and (max-width:1200px) {
	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;
	}	
	html{
		font-size: 16px;
	}
	.naver{
		position: absolute;
		left: 0;right: 0;top: 100%;
		background: #fff;
		display: none;
	}
	.naver ul{
		display: block;
	}
	.naver ul li h3{
		display: flex;
		justify-content: space-between;
	}
	.naver ul li h3 a{
		flex: 1;font-size: 16px;
		line-height: 46px;
	}
	.naver ul li{
		padding: 0 15px;
		border-bottom: 1px solid #f1f1f1;
		margin: 0;
	}
	.header .hrt .btn{
		display: none;
	}
	.header{
		height: 60px;
	}
	.layout{
		padding-top: 60px;
	}
	.gh{
		display: block;
		position: static;
		margin-left: 20px;
	}
	.hflex{
		display: flex;
		align-items: center;
	}
	.hbanner{
		height: 60vw;
	}
	.hvisa{
		padding: 40px 0;
	}
	.hmore{
		width: auto;
		padding: 0 20px;
		line-height: 40px;
	}
	.hvisalist{
		margin-top: 20px;
	}
	.hvisalist ul{
		justify-content: space-between;
	}
	.hvisalist ul li{
		width: 49%;margin: 0 0 10px 0;
	}
	.hvisalist li a{
		padding: 15px;
	}
	.hvisalist li h4{
		font-size: 14px !important;
		margin-bottom: 5px;
	}
	.flebtn{
		/*display: none;*/
		right: 10px;
	}
	.flebtn li p{
	    font-size: 12px !important;
	}
	.hvisalist li .bt{
		margin-top: 8px;
	}
	.hvisalist li .bt i{
		font-size: 15px;
	}
	.hcase{
		padding-top: 40px;
	}
	.hcontact{
		padding: 40px 0;
		display: block;
	}
	.hcontact .pic{
		width: auto;height: auto;
		margin-bottom: 20px;
	}
	.hcontact .text{
		width: auto;
	}
	.hcontact .text ul{
		margin-top: 5px;
	}
	.hcontact .text ul .flex{
		display: block;
	}
	.hcontact .text ul .item{
		width: auto;margin-bottom: 10px;
	}
	.hcontact .text ul li{
		margin-bottom: 10px;
	}
	.hcontact .text ul h6{
		font-size: 16px !important;
	}
	.map{
		height: 60vw;
	}
	.footer{
		padding-top: 30px;
	}
	.footer .wrap{
		display: block;
	}
	.footer .lt .logo img{
		height: 50px;margin: 0 auto;
	}
	.footer .lt li img{
		width: 30px;
	}
	.footer .lt dd img{
		width: 20vw;
	}
	.footer .rtab{
		display: none;
	}
	.footer .lt li{
		margin: 0 10px;
	}
	.footer .lt ul{
		justify-content: center;
	}
	.footer .lt .fwx{
		left: -100%;
	}
	.footer .copyright{
		margin-top: 20px;
	}
	.naver ul li dl{
		position: static;
		transform:translateX(0%);
		-ms-transform:translateX(0%);  /* IE 9 */
		-moz-transform:translateX(0%);     /* Firefox */
		-webkit-transform:translateX(0%); /* Safari 和 Chrome */
		-o-transform:translateX(0%);
		box-shadow: none;
		padding: 0 15px;
	}
	.naver ul li dd a{
		display: block;
		font-size: 14px;
	}
	.about .hd .wrap{
		display: block;
		padding: 40px 15px;
	}
	.about .hd .pic{
		width: auto;
	}
	.about .hd .text{
		width: auto;
		margin-top: 20px;
	}
	.about .hd .text p{
		margin-top: 20px;
	}
	.about .bd{
		padding: 40px 0;
	}
	.about .bd .abswiper{
		margin: 0 10px;flex: 1;
	}
	.about .bd .prev, .about .bd .next{
		position: absolute;
		left: -10px;top: 50%;z-index: 12;
		margin-top: -23px;width: 46px;height: 46px;
	}
	.about .bd .next{
		left: auto;
		right: -10px;
	}
	.about .bd .porc{
		display: block;
		position: relative;
	}
	.about .bd .abswiper li h4{
		font-size: 18px !important;
	}
	.hdetail{
		padding: 30px 0;
	}
	.hdetail .wrap{
		display: block;
	}
	.hdetail .detxt{
		width: auto;
	}
	.hdetail .rtc{
		width: auto;position: static;
		margin-top: 20px;
	}
	.crumbs dd{
		line-height: 1.6;
	}
	.crumbs{
		padding: 10px 0;
	}
	.hdetail .detxt .hd h1{
		font-size: 18px;
	}
	.hban{
		height: 35vw;
	}
	.hdetail .neft dd{
		margin-bottom: 10px;
	}
	
	.case .swiper-case{
		padding-top: 0;
	}
	.case{
		padding: 30px 0 10px;
	}
	.case .swiper-case ul li{
		width: 100%;margin: 0 0 10px 0;
	}
	.swiper-case li .text h4{
		font-size: 18px !important;
	}
	.pages ul{
		margin: 20px 0;
	}
	.contact .hd{
		padding-top: 30px;
	}
	.contact .hd ul{
		display: block;margin-top: 20px;
	}
	.contact .hd ul li{
		width: auto;margin: 0 0 10px 0;
		height: auto;
		padding: 20px 15px;
	}
	.contact .hd li img{
		width: 50px;
	}
	.naver ul li h3 i.on{
		transform: rotate(180deg);
	}
	.swiper-case{
		padding-top: 20px;
	}
	.swiper-case li a:hover{
		top: 0 !important;
	}
	.hefx .th ul{
	    padding: 0 10px;
	}
	.hefx .th{
	    display: none;
	}
	.hbook{
	    font-size: 14px;line-height: 36px;
	    padding: 0 12px;margin: 10px 0 0;
	}
	.hbanner .sapns{
	    bottom: 15px;
	}
	.visalist ul{
	    display: block;
	}
	.visalist ul li:hover{
	    width: auto;
	    background: none;
	}
	.visalist ul li{
	    height: auto;
	    padding-bottom: 15px;
	}
	.visalist ul li .item{
	    height: auto;margin: 0;border-radius: 10px !important;
	}
	.visalist ul li i{
	    display: none;
	}
	.visalist ul li .item{
	    padding: 15px !important;
	        background: url(../images/tbg4.png) no-repeat center / cover;
    border-radius: 20px;
	}
	.visalist ul li .item h4{
	color: #fff;margin: 10px 0;
}
.visalist ul li p{
	display: block;
}
.visalist ul li h6{
	display: none;
}
.visalist ul li .ico{
    display: none;
}
.visalist ul li:before{
    display: none;
}
.visalist ul li .icon img {
    transform: translateY(-100%);
}
.visalist ul{
    margin: 15px 0 0;
}
.hwhatour{
    padding: 30px 0;
}
.hwhatour .porv{
    margin: 20px 0 0;
}
.hwhatour .whswiper{
    width: calc(100% - 6rem);
}
.boritem{
    display: block;
}
.boritem p{
    width: auto;
}
.boritem>a{
    margin: 10px 0 0;
}
.ablist li{
    width: auto;margin: 0 0 10px;
}
.ablist ul{
    display: block;
}
.ablist{
    padding-bottom: 30px;
}
.hvisa2{
    padding: 30px 0;
}
.hwhatour .porv .prev, .hwhatour .porv .next{
    width: 26px;height: 26px;
}
.hwhatour .whswiper{
    width: calc(100% - 60px);
}
.tonline{
	padding: 30px 0;
}
.tonline .oitem{
	width: auto;border-radius: 10px;
	margin: 15px 0 0;
}
.tflexbtn{
	margin-top: 20px;
	gap: 0 10px;
}



}
@media only screen and (max-width:768px) {
	.news li a{
		display: block;
		padding: 15px;
	}
	.news li a .pic{
		width: auto;
		margin: 0 0 10px 0;
	}
	.news li a .text{
		display: block;
	}
	.news li a .text p{
		margin: 10px 0;
	}
	.hvisalist li p{
		line-height: 1.4;height: 4.2em;
	}
}