/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 28px;
    width: 28px;
    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: #0080cc;
    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: #0080cc;
    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;
}

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

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

.selected .gh a {
    background-color: transparent !important;
}



@media only screen and (max-width:1700px) {
	
 .newdel .padd{
	 padding: 0 300px;
 }
.newban .txt h1{
	padding-right: 20px;
}
.header .naver{
	padding-left: 60px;
}	
 .newdel .padd{
	 padding: 0 200px;
 }	
	.footer .box .lt1{
		padding-left: 40px;
	}
	.qmnew .hd .txt h3{
		margin: 36px 0;
	}	
.hproduct .ovs .swippro li .img{
	height: 340px;
}

 .fabtext {
		 padding: 80px 0 85px;
	 }
	.fabtext .text h3 {
		font-size: 26px;
		line-height: 1.8;
	}
	.fabtext .text p {
		font-size: 18px;
		margin-top: 30px;
	}
	.fabout .rts {
		padding: 10px 60px 20px;
	}
	.fabout .rts li {
	    padding: 70px 0 45px;
	}
	.fabout .rts li h3 {
		margin-top: 20px;
		font-size: 28px;
		line-height: 1.2;
		min-height: 2.4em;
	}
	.fabout .rts li h6 i {
		font-size: 18px;
		padding-left: 26px;
	}
	.fabout .rts li h6 i::before {
		width: 15px;
		top: 9px;
	}
	.ftlt h2 {
		font-size: 36px;
	}
	.faboutour .our {
		margin-top: 45px;
	}
	.faboutour .our .flt li .icon {
		height: 100px;
	}
	.faboutour .our .flt li .txt h4 {
		font-size: 20px;
		line-height: 1.3;
		height: 2.6em;
	}
	.faboutour .our .flt li .txt p {
		font-size: 16px;
		line-height: 18px;
		height: 36px;
	}
	.faboutour .our .frt .list ul li .ico {
		height: 220px;
		width: 155px;
	}
	.faboutour .our .frt .list ul li {
		margin: 0 15px;
	}
	.faboutour .our .frt .list ul li h5 {
		margin-top: 30px;
	}
	.fabhong {
	    margin-top: 50px;
	    padding: 70px 0;
	}
	.fhongsw li {
		height: 20vw;
	}
	.fabtext .text {
		margin-top: 60px;
	}
	.fcontact .list ul li {
		padding: 20px 20px 30px;
	}
	.fcontact .list ul li .ico {
		width: 60px;
		height: 60px;
	}
	.fcontact .list ul li .txt {
		width: calc(100% - 70px);
		margin-top: 20px;
	}
	.fcontact .list ul li .txt p {
		font-size: 16px;
		line-height: 1.4;
	}
	.fcontact .list ul li .txt h2 {
		font-size: 30px;
		margin-top: 5px;
	}
	.fcontact .list ul li .txt h5 {
		font-size: 16px;
		margin-top: 8px;
	}
	.fcontact .list ul li .txt h6 {
		margin-top: 5px;
		font-size: 18px;
	}
	.fcontact .fditu .map {
		height: 700px;
		margin-top: 50px;
	}
	.fcontact .fditu .maplst {
		left: 60px;
		right: 60px;
		bottom: 35px;
	}
	.fcontact .fditu .maplst ul li {
		padding: 20px 40px 25px;
		font-size: 20px;
	}
	.fcontact .fditu .maplst ul li:nth-child(2n) {
	    padding: 20px 30px 25px;
	}
	.fprodpage ul li a {
		font-size: 18px;
		line-height: 80px;
		padding: 0 20px;
	}
	.fproduct {
		padding: 60px 0;
	}
	.fproduct .list ul li a {
		padding: 50px 60px 30px;
	}
	.fproduct .list ul li .imgs {
		height: 20vw;
	}
	.fproduct .list ul li .txt {
		margin-top: 25px;
	}
	.fproduct .list ul li .txt h2 {
		font-size: 24px;
		padding-left: 20px;
	}
	.fproduct .list ul li .txt h2::before {
		height: 7px;
		width: 7px;
	}
	.fprodlst {
	    padding: 60px 0 100px;
	}
	.fprodlst .list ul li a {
		height: 18vw;
		padding: 20px;
	}
	.fprodlst .list ul li .fanda {
		top: 20px;
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
	.fprodlst .list ul li .fanda .ic {
		height: 40px;
		width: 40px;
	}
	.fprodse {
		width: 1000px;
	}
	.fprodse {
		padding: 40px 40px 30px;
	}
	.fprodse .fclose {
	    margin: 26px auto 0;
	}
.hbanner li,
.hbanner{
	height: 50vw;
}






	
}

@media only screen and (max-width:1500px) {
	
.header .logo{
	padding: 20px 60px 0;
}
.header .naver{
	padding-left: 40px;
}	
.newdel .padd{
	padding: 0 100px;
}	
	.footer .box .lt2{
		padding-left: 100px;
	}
	.footer .copyr .wrap{
		padding: 0 20px;
	}
	.header .naver li a{
		font-size: 16px;line-height: 80px;
	}
	.header .laug{
		padding: 28px 60px 0;
	}
	.header .naver li::before{
		bottom: 15px;
	}
	.header .laug .ndl dd,
	.header .laug h3 span{
		font-size: 16px;
	}
	.newban .txt h6 i{
		font-size: 55px;
	}
	.newban .txt h6{
		font-size: 20px;
	}
.newban .txt h1{
	font-size: 38px;line-height: 1.4;
}
.newban .txt .lt::before{
	top: 0;
}
.tit h2{
	font-size: 45px;
}
.uitbox h3{
	font-size: 18px;line-height: 30px;height: 60px;
}
.footer h2{
	font-size: 45px;padding: 30px 0;
}
.footer .box .lt dl h3{
	font-size: 16px;
}
.footer .box .lt dl h5 span{
	font-size: 20px;
}
.footer .box .lt dl h4 a{
	font-size: 18px;
}
.footer .copyr .b1,
.footer .copyr h6{
	line-height: 52px;
}
.bbanner .txt h3{
	font-size: 50px;line-height: 1.3;
}
.bbanner .txt{
	width: 360px;height: 280px;
}
.qmnew .hd .txt{
	padding-right: 0;
}
.uitbox li a{
	    padding: 10px 20px 36px;
}
.habout .box .txt{
	padding-right: 0;
}

.hproduct .ovs .swippro li .img{
	height: 285px;
}
.hproduct .ovs .swippro li h4{
	font-size: 20px;
}
.hadvant .bds li{
	padding: 60px 40px 0;
}
.hadvant .bds li .ico{
	width: 140px;
}
.hadvant .bds li h3{
	font-size: 20px;
}
.hadvant .bds li p{
	font-size: 16px;
}
.hadvant .bds li .txt{
	width: calc(100% - 140px);
}

.header .naver li{
	margin: 0 20px;
}

.fabtext .text h3 {
		font-size: 22px;
	}
	.fabtext .text h3 br {
		display: none;
	}
	.fabtext .text {
	    margin-top: 40px;
	}
	.fabtext .text p {
		margin-top: 20px;
		margin-right: 40px;
		font-size: 16px;
	}
	.fabout .rts li h3 {
		font-size: 24px;
		margin-top: 15px;
	}
	.fabout .rts li h6 i {
	    font-size: 16px;
	}
	.ftlt h2 {
	    font-size: 32px;
	}
	.faboutour .our .flt li .txt h4 {
	    font-size: 18px;
	    line-height: 1.2;
		height: 2.4em;
	}
	.faboutour .our .flt li .txt p {
	    font-size: 14px;
	    line-height: 1.2;
		height: 2.4em;
	}
	.faboutour .our .flt li a {
		padding: 25px 15px 30px;
	}
	.faboutour .our .frt {
		padding: 70px 20px 20px;
	}
	.ftit h3 {
		font-size: 22px;
		line-height: 1.4;
	}
	.faboutour .our .frt .list ul {
		margin-top: 50px;
	}
	.faboutour .our .frt .list ul li .ico {
	    height: 180px;
	    width: 127px;
	}
	.faboutour .our .frt .list ul li h5 {
		font-size: 16px;
		line-height: 1.4;
	}
	.fcontact .list ul li .ico {
	    width: 50px;
	    height: 50px;
	}
	.fcontact .list ul li .txt {
	    width: calc(100% - 60px);
	    margin-top: 15px;
	}
	.fcontact .list ul li .txt h5,
	.fcontact .list ul li .txt p {
		font-size: 14px;
	}
	.fcontact .list ul li .txt h2 {
		font-size: 25px;
		line-height: 1.2;
	}
	.fcontact .list ul li .txt h6 {
		font-size: 16px;
	}
	.fcontact .fditu .map {
		height: 600px;
	}
	.fcontact .fditu .maplst {
	    left: 40px;
	    right: 40px;
	    bottom: 30px;
	}
	.fcontact .fditu .maplst ul li {
		font-size: 18px;
		line-height: 1.6;
	}
	.fprodpage ul li a {
		line-height: 70px;
	}
	.fproduct .list ul li a {
	    padding: 40px 50px 30px;
	}
	.fmore h6 {
		font-size: 14px;
		line-height: 34px;
		padding: 0 15px;
	}
	.fmore .next {
		height: 34px;
		width: 34px;
	}
	.fproduct .list ul li .txt h2 {
		line-height: 42px;
		font-size: 20px;
		padding-left: 15px;
	}
	.fproduct .list ul li .txt h2::before {
	    height: 6px;
	    width: 6px;
		top: 18px;
	}
	.fmore {
		width: 140px;
	}
	.fprodpage ul li::before {
		height: 4px;
	}
	.fprodse {
	    width: 900px;
	}
	.fprodlst {
	    padding: 60px 0 90px;
	}
	
.hbanner .text h2{
			font-size: 30px;
		}
	.hbanner .text h4{
		font-size: 24px;
	}
.hbanner .text{
	width: 590px;
}
.hbanner .text .tx::before{
	    margin-top: -35px;    height: 70px;
}
	
}

@media only screen and (max-width:1300px) {
	
	.header .naver{
		padding-left: 20px;
	}
	.header .naver li a{
		line-height: 60px;font-size: 14px;
	}
	.header .naver li::before{
		bottom: 5px;
	}
	.header .logo{
		padding: 12px 40px 0;
	}
	.header .laug{
		padding: 22px 40px 0;
	}
	.header .laug .ndl dd, .header .laug h3 span{
		font-size: 14px;
	}
	.tit h2{
		font-size: 34px;
	}
	.habout .box .txt .del{
		font-size: 16px;
	}
	.habout .box .img{
		width: 38%;
	}
	.hproduct .ovs{
		margin: 40px 0 0;
	}
	.hproduct .ovs .swippro li .img{
		height: 225px;
	}
	
	.hproduct .ovs .swippro li h4{
		font-size: 16px;padding: 0 30px;
	}
	.hproduct .ovs .swippro li h4::before{
		left: 10px;
	}
	.hproduct .ovs .prev, .hproduct .ovs .next{
		width: 50px;height: 50px;
	}
	.hadvant .bds li h3{
		font-size: 18px;line-height: 1.5;
	}
	.hadvant .bds li p{
		font-size: 14px;
	}
	.hnew .uitbox{
		margin-top: 40px;
	}
	.uitbox h6 span{
		font-size: 16px;line-height: 56px;
	}
	.uitbox h3{
		font-size: 16px;margin: 36px 0;
	}
	.uitbtn span,
	.uitbox .btn span{
		font-size: 14px;line-height: 34px;background-size: 32px auto !important;padding-left: 10px;
	}
	.uitbtn,
	.uitbox .btn{
		width: 140px;height: 40px;
	}
	.uitbox li{
		height: 280px;
	}
	.footer h2{
		font-size: 36px;
	}
	.footer .box .lt1{
		padding-left: 0;
	}
	.footer .box .lt dl h5 span{
		font-size: 14px;background-size: 18px auto !important;padding-left: 30px;
	}
	.footer .box .lt dl h6{
		font-size: 14px;background-size: 24px auto !important;padding-left: 38px;
	}
	.footer .box .lt dl h3{
		padding-left: 38px;font-size: 15px;
	}
	.footer .box .lt1 dd{
		margin-bottom: 20px;
	}
	.footer .box .lt dl h4 a{
		font-size: 16px;line-height: 48px;
	}
	.footer .box .lt2{
		padding-top: 80px;
	}
	.footer .box .lt:nth-child(2){
		padding: 85px 20px 42px;
	}
	
	.bbanner{
		height: 40vw;
	}
	.bbanner .txt{
		width: 300px;height: 220px;right: 50px;
	}
	.bbanner .txt h3{
		font-size: 40px;
	}
	.qmnew .hd .txt h3{
		font-size: 20px;line-height: 1.6;
	}
	.qmnew .hd .txt h6 span{
		font-size: 20px;line-height: 50px;
	}
	.qmnew .hd .txt p{
		font-size: 16px;margin-bottom: 30px;
	}
	.qmnew .hd .txt h3{
		margin: 26px 0;
	}
	
	.uitpage dd a{
		min-width: 30px;line-height: 30px;font-size: 12px;
	}
	.uitpage dd .t1{
		width: 30px;height: 30px;
	}
	.uitpage dd.n1 a{
		min-width: 60px;
	}
	.newban .txt .lt{
		width: 140px;
	}
	.newban .txt h1{
		width: calc(100% - 200px);
	}
	.newban .txt .lt::before{
		height: 110px;
	}
	.newban{
		height: 30vw;
	}
	.newdel .padd{
		padding: 0 50px;
	}
	.wrap{
		margin: 0 50px;
	}
   .header .naver li{
	   margin: 0 15px;
   }
   
   
   
   .fabtext {
       padding: 60px 0 65px;
   }
   .fabtext .text h3 {
   	font-size: 20px;
   	line-height: 1.6;
   }
   .fabtext .text {
       margin-top: 20px;
   }
   .fabout .rts {
       padding: 10px 30px 20px;
   }
   .fabout .rts li h3 {
   	font-size: 20px;
   }
   .fabout .rts li {
       padding: 60px 0 40px;
   }
   .faboutour .our .flt li .icon {
       height: 80px;
   }
   .faboutour .our .flt li .txt {
   	margin-top: 10px;
   }
   .faboutour .our .frt .list ul li {
       margin: 0 10px;
   }
   .faboutour .our .frt {
       padding: 60px 10px 20px;
   }
   .faboutour {
       padding: 60px 0 80px;
   }
   .ftlt h2 {
       font-size: 26px;
   }
   .fhongsw li {
       height: 18vw;
   }
   .wrap {
       margin: 0 50px;
   }
   .fcontact .list ul li {
   	width: 50%;
   	border-top: 1px solid #eeeeee;
   }
   .fcontact .list ul li:nth-child(1),
   .fcontact .list ul li:nth-child(2) {
   	border-top: none;
   }
   .fcontact .fditu .map {
       height: 550px;
   }
   .fcontact .fditu .maplst ul li {
   	font-size: 16px;
   }
   .fcontact {
       padding: 55px 0 70px;
   }
   .fprodpage ul li a {
   	font-size: 16px;
   	line-height: 60px;
   	
   }
   .fproduct .list ul li a {
       padding: 30px 40px 25px;
   }
   .fproduct .list ul li .txt {
       margin-top: 20px;
   }
   .fproduct .list ul li .txt h2 {
       line-height: 42px;
       font-size: 18px;
       padding-left: 15px;
   	width: calc(100% - 170px);
   }
   .fproduct .list ul li .txt h2::before {
       height: 5px;
       width: 5px;
       top: 19px;
   }
   .fprodse {
       width: 700px;
   }
   .fprodse {
       padding: 30px 30px 20px;
   }
   .fprodse .fclose {
       margin: 20px auto 0;
   	font-size: 16px;
   	line-height: 36px;
   	border-radius: 23px;
   	width: 110px;
   }
   .fprodlst .list ul li {
       width: calc((100% - 32px)/3);
       margin-right: 15px;
       margin-bottom: 15px;
   }
   .fprodlst .list ul li a {
       height: 18vw;
       padding: 15px;
   }
   .fprodlst .list ul li .fanda {
       top: 15px;
       bottom: 15px;
       left: 15px;
       right: 15px;
   }
   .fprodlst .list ul li .fanda .ic {
       height: 30px;
       width: 30px;
   }
   .fprodlst {
       padding: 50px 0 80px;
   }
   
   .hbanner .text h2{
   		font-size: 26px;
   	}
   .hbanner .text h4{
   	font-size: 20px;
   }
   
   
}

@media only screen and (max-width:1040px) {  
    .wrap{
		margin: 0 30px;
	}
	.fabtext .text p {
		   font-size: 14px;
	}
	.fabtext .text p br {
		   display: none;
	}
	.fabtext .text {
		   width: 50%;
	}
	.fabtext .text h3 {
		   font-size: 18px;
	}
	.fabout .rts li h3 {
	    font-size: 18px;
	}
	.fabout .rts li {
	    padding: 50px 0 30px;
	}
	.faboutour {
	    padding: 50px 0 70px;
	}
	.faboutour .our {
	    margin-top: 35px;
	}
	.faboutour .our .flt,
	.faboutour .our .frt {
		   width: 100%;
	}
	.faboutour .our .flt {
		    border-bottom: 1px solid #e5e5e5;
	}
	.faboutour .our .frt .list ul li h5 {
		   margin-top: 20px;
	}
	.faboutour .our .frt {
	    padding: 50px 10px;
	}
	.faboutour .our .frt .list ul {
	    margin-top: 30px;
	}
	.fabhong {
	    padding: 60px 0;
	}
	.fhongsw .swiper_spot {
		   margin: 30px auto 0;
	}
	.fhongsw li {
	    height: 25vw;
	}
	.fcontact .fditu .map {
	    height: 450px;
	}
	.fcontact .fditu .maplst ul li {
	    padding: 15px 30px 20px;
	}
	.fcontact .fditu .maplst ul li:nth-child(2n) {
	    padding: 15px 25px 20px;
	}
	.fcontact .fditu .maplst ul li br {
		   display: none;
	}
	.fcontact .list ul li {
		   padding: 15px 15px 20px;
	}
	.fproduct {
	    padding: 50px 0;
	}
	.fproduct .list ul li a {
	    padding: 25px 30px 20px;
	}
	.fproduct .list ul li .imgs {
	    height: 22vw;
	}
	.fproduct .list ul li .txt {
	    margin-top: 15px;
	}
	.fproduct .list ul li .txt h2 {
		   line-height: 36px;
		   font-size: 16px;
		   padding-left: 12px;
		   width: calc(100% - 140px);
	}
	.fproduct .list ul li .txt h2::before {
	    height: 4px;
	    width: 4px;
	    top: 16px;
	}
	.fmore {
	    width: 120px;
		   padding: 2px;
	}
	.fmore .next {
	    height: 30px;
	    width: 30px;
	}
	.fmore h6 {
	    font-size: 14px;
	    line-height: 30px;
	    padding: 0 12px;
	}
	.fprodse {
		   width: auto;
		   left: 60px;
		   right: 60px;
	}
	.fprodlst {
	    padding: 50px 0 70px;
	}
	.fprodlst .list ul {
		   justify-content : space-between;
	}
	.fprodlst .list ul li {
	    width: calc((100% - 20px)/2);
	    margin-right: 0;
	    margin-bottom: 20px;
	}
	.fprodlst .list ul li a {
		   height: 26vw;
	}
	.fprodlst .list ul li .fanda .ic {
	    height: 35px;
	    width: 35px;
	}
	.faboutour .our .frt .list ul li {
		   margin: 0 20px;
	}
	.header .naver li a{
		font-size: 12px;line-height: 50px;
	}
	.header .naver li{
		margin: 0 14px;
	}
	.header .naver li::before{
		bottom: 0;
	}
	.header .laug .ndl dd, .header .laug h3 span{
		font-size: 12px;
	}
	.header .lags{
		padding-bottom: 15px;
	}
	.header .laug{
		padding: 15px 40px 0;
	}
		
	.bbanner .txt{
		    width: 220px;
		    height: 170px;
		    right: 30px
	}
	.bbanner .txt h3{
		font-size: 26px;margin-top: 40px;
	}
	.bbanner .txt h3::before{
		height: 3px;
	}
	
	.qmnew .hd{
		padding: 60px 0;
	}
	.qmnew .hd .txt h6 span{
		font-size: 16px;line-height: 40px;
	}
	.qmnew .hd .txt h3{
		font-size: 16px;margin: 20px 0;
	}
	.qmnew .hd .txt p{
		font-size: 14px;margin-bottom: 20px;
	}
	.uitbox li{
		margin-right: 20px;width: calc((100% - 42px)/3);margin-bottom: 20px;
	}
	.uitbox h6 span{
		font-size: 14px;line-height: 40px;
	}
	.uitbox h3{
		font-size: 14px;margin: 20px 0 40px;line-height: 26px;height: 52px;
	}
	.uitbtn, .uitbox .btn{
		width: 130px;height: 34px;
	}
	.uitbtn span, .uitbox .btn span{
		font-size: 12px;line-height: 28px;    background-size: 28px auto !important;
	}
	.uitbox li{
		height: 220px;
	}
	.footer h2{
		font-size: 26px;padding: 20px 0;
	}
	.footer .box .lt dl h6{
		font-size: 12px;    background-size: 18px auto !important;padding-left: 26px;
	}
	.footer .box .lt dl h3{
		font-size: 14px;padding-left: 26px;
	}
	.footer .box .lt dl h4 a{
		font-size: 14px;line-height: 38px;
	}
	.footer .box .lt{
		padding: 30px 0;
	}
	.footer .box .lt:nth-child(2){
		padding: 60px 30px 0;
	}
	.footer .box .lt2{
		padding: 60px 0 30px 60px;
	}
	.footer .copyr .b1, .footer .copyr h6{
		font-size: 12px;line-height: 36px;
	}
	.newban .txt h6 i{
		font-size: 40px;
	}
	.newban .txt h6{
		font-size: 16px;
	}
	.newban .txt h1{
		font-size: 28px;
	}
	.newban .txt .lt::before{
		height: 80px;
	}
	.newban .txt{
		bottom: 40px;
	}
	.newdel .padd{
		padding: 0 30px;
	}
	.newdel .del{
		font-size: 15px;
	}
	.newdel{
		padding: 40px 0 80px;
	}
	.newmore{
		padding: 40px 0;
	}
	.tit h2{
		font-size: 28px;
	}
	.uittop{
		width: 44px;
	}
	.uittop h4{
		font-size: 12px;
	}
	.habout{
		padding: 60px 0;
	}
	.habout .box .txt .del{
		font-size: 14px;
	}
	.habout .box .img{
		width: 32%;
	}
	.hproduct{
		padding: 50px 0;
	}
	.hadvant{
		padding: 50px 0;
	}
	.hadvant .bds li .ico{
		height: 60px;
	}
	.hadvant .bds li .ico{
		width: 100px;
	}
	.hadvant .bds li .txt{
		width: calc(100% - 100px);
	}
	.hadvant .bds li{
		height: 180px;padding-top: 40px;
	}
	.hnew{
		padding: 50px 0;
	}
	.hbanner .text{
		width: 470px;    height: 230px;padding-left: 20px;
	}
	.hbanner .text h2{
		font-size: 20px;
	}	
		.hbanner .text h4{
			font-size: 16px;
		}
		.hbanner .text .tx::before{
			height: 46px;margin-top: -23px;
		}
		.hbanner .text .tx{
			padding-left: 20px;
		}
		
		.hbanner .prev, .hbanner .next{
			width: 40px;height: 40px;background-size: 6px auto !important;
		}
		.hbanner .spans{
			right: 360px;
		}
		
		
		
		
		
	
}


@media only screen and (max-width:900px) {
	.fabtext {
	    padding: 40px 15px;
	}
	.wrap {
		margin: 0 auto;
	}
	.fabtext .imgs {
		float: none;
		width: auto;
	}
	.fabtext .text {
		width: auto;
	}
	.fabtext .text h3 {
	    font-size: 16px;
		line-height: 1.4;
	}
	.fabtext .text p {
		margin-top: 10px;
	}
    .fabout .imgs {
		width: 100%;
		height: 200px;
	}
	.fabout .rts {
		width: 100%;
		padding: 10px 20px;
	}
	.fabout .rts li {
	    padding: 30px 0 20px;
	}
	.fabout .rts li h6 i {
	    font-size: 14px;
		padding-left: 20px;
	}
	.fabout .rts li h6 i::before {
	    width: 13px;
	    top: 7px;
	}
	.fabout .rts li h3 {
	    font-size: 16px;
		margin-top: 10px;
	}
	.ftlt h2 {
		font-size: 18px;
	}
	.faboutour {
	    padding: 40px 0;
	}
	.faboutour .our .flt li a {
	    padding: 20px 10px 25px;
	}
	.faboutour .our .flt li .icon {
	    height: 60px;
	}
	.faboutour .our .flt li .txt h4 {
		font-size: 16px;
	}
	.faboutour .our .frt {
	    padding: 25px 10px;
	}
	.faboutour .our .frt .list ul {
	    margin-top: 20px;
	}
	.faboutour .our .frt .list ul li .ico {
		height: 120px;
		width: 85px;
	}
	.faboutour .our .frt .list ul li {
	    margin: 0 7px;
	}
	.faboutour .our .frt .list ul li h5 {
	    margin-top: 10px;
		font-size: 14px;
	}
	.fabhong {
	    padding: 30px 15px;
		margin-top: 25px;
	}
	.fhongsw li {
	    height: 50vw;
	}
	.fhongsw .swiper_spot {
	    margin: 15px auto 0;
	}
	.ftit h3 {
		font-size: 18px;
	}
	.fcontact {
		padding: 40px 15px;
	}
	.fcontact .list ul li {
		width: 100%;
	}
	.fcontact .list ul li:nth-child(2) {
	    border-top: 1px solid #eeeeee;
	}
	.fcontact .list ul li .ico {
	    width: 40px;
	    height: 40px;
	}
	.fcontact .list ul li .txt {
	    width: calc(100% - 50px);
	    margin-top: 10px;
	}
	.fcontact .list ul li .txt h2 {
		font-size: 22px;
	}
	.fcontact .fditu .maplst {
		position: initial;
		background: #eee;
	}
	.fcontact .fditu .map {
	    height: 250px;
		margin-top: 20px;
	}
	.fcontact .fditu .maplst ul li {
		width: 100%;
		padding: 10px 15px !important;
		font-size: 14px;
	}
	.fprodpage ul li a {
		font-size: 14px;
		line-height: 40px;
		padding: 0 15px;
	}
	.fprodpage ul li::before {
		height: 3px;
	}
	.fproduct {
		padding: 30px 15px;
	}
	.fproduct .list ul {
		display: block;
	}
	.fproduct .list ul li {
		width: auto;
	}
	.fproduct .list ul li a {
	    padding: 15px 20px 20px;
	}
	.fproduct .list ul li .imgs {
		height: auto;
	}
	.fmore h6 {
	    font-size: 12px;
	    line-height: 26px;
	    padding: 0 10px;
	}
	.fmore .next {
	    height: 26px;
	    width: 26px;
	}
	.fproduct .list ul li .txt h2 {
		line-height: 32px;
		font-size: 14px;
		width: calc(100% - 120px);
	}
	.fproduct .list ul li .txt h2::before {
	    height: 3px;
	    width: 3px;
	    top: 14px;
	}
	.fmore {
		width: 100px;
	}
	.fprodlst {
	    padding: 30px 15px 40px;
	}
	.fprodlst .list ul li {
		width: 100%;
		margin-bottom: 15px;
	}
	.fprodlst .list ul li a {
		height: auto;
	}
	.fprodse {
	    left: 20px;
	    right: 20px;
		padding: 15px;
	}
	.fprodse .fclose {
	    margin: 12px auto 0;
	    font-size: 14px;
	    line-height: 32px;
	    border-radius: 20px;
	    width: 100px;
	}
	.layout{
		padding-top: 50px;
	}
	.header{
		height: 50px;position: fixed;
		left: 0;right: 0;
		top: 0;z-index: 23; 
	}
	.header .wrap{
		display: block;
	}
	.header .laug{
		width: auto;border-left: none;padding: 0;position: absolute;
		right: 60px;
		top: 14px;z-index: 1;
	}
	.header .logo{
		padding: 0;position: absolute;
		left: 15px;
		top: 14px;z-index: 1;border-right: none;width: 175px;
	}
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top: 50px;z-index: 1;width: auto;padding: 0;background: rgba(0, 0, 0, 0.9);display: none;
	}
	.header .logo a{
		display: block;width: 100%;
	}
	.header .logo img{
	  width: 100%;
	}
	.header .laug h3{
		padding-left: 24px;background-size: 14px auto !important;
	}
	.header .laug h3 span{
		background-size: 8px auto !important;padding-right: 20px;
	}
	.header .laug .ndl{
		width: 60px;
	}
	.header .lags{
		padding-bottom: 10px
	}
	.gh{
		position: absolute;
		right: 15px;
		top: 12px;z-index: 1;display: block; 
	}
	.header .naver ul{
		padding: 10px 20px;
	}
	.header .naver li{
		display: block;margin: 0;margin-bottom: 5px;
	}
	.header .naver li a{
		font-size: 16px;line-height: 36px;color: #fff;
	}
	.header .naver li::before{
		height: 1px;
	}
	
	.habout{
		padding: 40px 15px;
	}
	.tit h2{
		font-size: 18px;
	}
	.habout .box{
		display: block;
	}
	.habout .box .img{
		width: 70%;
	}
	.habout .box .txt{
		width: auto;
	}
	.habout .box .txt .del{
		margin-bottom: 30px;
	}
	.uitbtn, .uitbox .btn{
		width: 110px;
	}
	.uitbtn:hover{
		width: 110px;
	}
	.hproduct{
		padding: 30px 0;
	}
	.hproduct .ovs{
		margin: 20px 15px 0;
	}
	.hproduct .ovs .swippro li h4{
		font-size: 14px;padding: 0 20px;
	}
	.hproduct .ovs .swippro li h4::before{
		width: 4px;height: 4px;margin-top: -2px;
	}
	.hproduct .ovs{
		padding-bottom: 60px;
	}
	
	.hproduct .ovs .prev, .hproduct .ovs .next{
		width: 30px;height: 30px;background-size: 6px auto !important;
	}
	.hproduct .ovs .spot{
		margin: 0 15px;
	}
	.hproduct .ovs .spot span{
		width: 6px;height: 6px;
	}
	.hadvant{
		padding: 40px 0;
	}
	.hadvant .bds{
		margin: 20px 15px 0;
	}
	.hadvant .bds li{
		float: none;width: auto;padding: 20px;height: auto;
	}
	.hadvant .bds li .ico{
		width: 60px;height: 36px;
	}
	.hadvant .bds li .txt{
		width: calc(100% - 60px);
	}
	.hadvant .bds li h3{
		font-size: 14px;line-height: 1.2;
	}
	.hadvant .bds li p{
		font-size: 12px;
	}
	.hadvant .bds li:nth-child(3){
		border-bottom: 1px solid #efefef;
	}
	.hproduct .ovs .swippro li .img{
		height: auto;
	}
	.hnew{
		padding: 30px 0;
	}
	.hnew .wrap{
		margin: 0 15px;
	}
	.hnew .uitbox{
		margin: 20px 0 0;
	}
	
	.uitbox li a{
		padding: 10px 20px 20px;
	}
	.uitbox h6 span{
		font-size: 12px;
	}
	.uitbox h3{
		margin: 20px 0 30px;
	}
	.footer h2{
		font-size: 18px;padding: 10px 0;
	}
	.footer .box .wrap{
		display: block;
	}
	.footer .box .lt{
		padding: 10px 15px;width: auto;
	}
	.footer .box .lt dl h6{
		    background-size: 12px auto !important;
		    padding-left: 20px;
	}
	.footer .box .lt dl h3{
		padding-left: 20px;
	}
	.footer .box .lt1 dd{
		margin-bottom: 10px;
	}
	.footer .box .lt:nth-child(2){
		width: auto;padding: 0 0 20px;
	}
	.footer .box .lt:nth-child(2) img{
		display: none;
	}
	.footer .box .lt dl h5{
		margin-top: 0;text-align: left;margin-left: 15px;
	}
	.footer .box .lt dl h5 span{
		 background-size: 12px auto !important;padding-left: 20px;
	}
	.footer .box .lt2{
		display: none;
	}
	.footer .copyr .wrap{
		display: block;padding: 5px 15px;
	}
	.footer .copyr .b1, .footer .copyr h6{
		line-height: 2;
	}
	
	.bbanner .txt{
		width: 120px;height: 80px;right: 15px;
	}
	.bbanner .txt h3{
		font-size: 18px;margin-top: 10px;
	}
	.bbanner .txt h3::before{
		bottom: -10px;height: 2px;width: 80px;
	}
	.qmnew .hd{
		padding: 40px 15px;
	}
	.qmnew .hd .txt,
	.qmnew .hd .img{
		width: auto;float: none;
	}
	.qmnew .hd .txt{
		margin-top: 10px;
	}
	.qmnew .hd .txt h6 span{
		font-size: 14px;line-height: 30px;
	}
	.qmnew .hd .txt h3{
		font-size: 14px;margin: 15px 0;
	}
	.qmnew .hd .txt p{
		font-size: 12px;
	}
	.qmnew .uitbox{
		padding: 30px 15px;
	}
	.qmnew .uitbox ul{
		padding-bottom: 20px;
	}
	.uitbox li{
		width: calc((100% - 12px)/2);margin-right: 0;
	}
	.uitbox li:nth-child(2n){
		float: right;
	}
	.uitbox li a{
		padding: 10px 10px 20px;
	}
	.uitbox h3{
		margin: 15px 0;line-height: 20px;height: 40px;font-size: 13px;
	}
	.uitbox li{
		height: 180px;
	}
	.uitpage dd.n2 a,
	.uitpage dd.n1 a{
		min-width: 46px;
	}
	.uitpage dd{
		font-size: 12px;margin: 0 2px;
	}
	.uitpage dd a{
		    min-width: 24px;
		    line-height: 24px;
	}
	.uitpage dd.n3{
		margin: 0 6px;
	}
	.uitpage dd .t1{
		width: 24px;height: 24px;
	}
	.uittop{
		width: 30px;height: 70px;padding: 10px 0;top: -4%;
	}
	.uittop h4{
		background-size: 12px auto !important;padding-top: 30px;
	}
	
	.newban .txt{
		bottom: 20px;display: block;padding: 0 15px;
	}
	.newban{
		height: 55vw;
	}
	.newban .txt .lt{
		width: auto;
	}
	.newban .txt .lt::before{
		display: none;
	}
	.newban .txt h1{
		font-size: 18px;width: auto;padding-right: 0;margin-top: 15px;
	}
	.newban .txt h6{
		font-size: 14px;
	}
	.newban .txt h6 i{
		font-size: 20px;
	}
	.newban .uitbtn{
		top: 40px;right: 15px;
	}
	.newdel{
		padding: 30px 15px;
	}
	.newdel .padd{
		padding: 0;
	}
	.newdel .del{
		font-size: 13px;
	}
	.newmore .uitbox{
		margin: 20px 15px 0;
	}
	.newmore .uitbox li{
		width: auto;float: none;
	}
	.hbanner .text{
		width: 280px;height: 22vw;padding-top: 20px;
	}
	.hbanner li, .hbanner{
		height: 50vw;
	}
	.hbanner .prev, .hbanner .next{
		width: 28px;height: 28px;background-size: 4px auto !important;
	}
	.hbanner .text h2{
		font-size: 16px;
	}
	.hbanner .text h4{
		font-size: 13px;
	}
	.hbanner .text .tx::before{
		height: 40px;margin-top: -20px;width: 2px;
	}
	.hbanner .text .tx{
		padding-left: 10px;
	}
	.hbanner .spans{
		right: 30px;bottom: 10px;
	}
	.hproduct .ovs .swippro li .txt{
		padding: 15px 0;
	}
	
	
	.hbanner .spans span.swiper-pagination-current{
		font-size: 20px;
	}
	.hbanner .spans span{
		font-size: 12px;
	}
	.hbanner .spans{
		width: 80px;
	}
	.hbanner .spans .line{
		height: 3px;
	}
	.hbanner .text{
		display: none;
	}
	.hbanner .spans ,
	.hbanner .spans span{
		color: #e64600;
	}
	.hbanner .spans .line span{
		background: #e64600;
	}
	
}