/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 20px;
    width: 20px;
    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: #fc4513;
    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: #fc4513;
    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: #fc4513;
    width: 100%;
}

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

.selected .gh a {
    background-color: transparent !important;
}
@media only screen and (max-width:1770px) {
	.wrap {
		width: 1600px;
	}
	.header .naver {
		margin-left: 180px;
	}
	.fbanner {
		height: 760px;
	}
	.fhvideo {
		padding: 80px 0;
	}
	.fhvideo .rts .fhvidsw {
		width: 740px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 140px;
	}
	.fhvideo .rts {
		padding: 50px 0 50px 40px;
	}
	.fpadd {
		padding: 0 100px;
	}
	.fvide_highl .videosw li .imgs {
		height: 440px;
	}
	.fvide_highl .videosw li {
		height: 510px;
	}
	.fvide_highl .videosw li:nth-child(2n) {
		margin-top: 30px;
	}
	.fhproduct .flist .fls {
		padding: 180px 7% 30px 10.4%;
	}
	.fhproduct .flist .fls .dal {
		bottom: 45px;
	}
	.fhproduct .flist .fls .text .lst {
		margin-top: 30px;
	}
	.fhproduct .flist .fls .text .ls {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:1640px) {
	.wrap {
		width: 1500px;
	}
	.header .naver {
		margin-left: 120px;
	}
	.fbanner {
		height: 700px;
	}
	.ftlte h2 {
		font-size: 54px;line-height: 60px;
	}
	.ftlte h6 {
		height: 176px;width: 280px;
	}
	.ftel h3 {
		font-size: 40px;line-height: 70px;
	}
	
	.ftel h3::before {
		height: 4px;
	}
	.ftel h2 {
		font-size: 140px;left: -110px;
	}
	.fhrace {
		padding: 60px 0 120px;
	}
	.fhrace .rts .imgs {
		width: 450px;height: 604px;
	}
	.fhrace .rts i {
		width: 450px;height: 604px;
		top: -25px;right: -30px;
	}
	.fhvideo .rts .fcen .imgs {
		width: 360px;height: 480px;
	}
	.fhvideo .rts .fcen .rtls {
		width: calc(100% - 420px);margin-top: 30px;
	}
	.fhvideo .rts .fcen .rtls .ls {
		margin-bottom: 8px;
	}
	.fhvideo .rts .fcen .rtls .ls a i {
		font-size: 20px;line-height: 40px;
	}
	.fhvideo .rts .fcen .rtls .ls.on a i, 
	.fhvideo .rts .fcen .rtls .ls:hover a i {
		font-size: 24px;
	}
	.fhvideo .rts .fhvidsw {
		width: 640px;padding: 20px;
	}
	.fvide_highl .ftel {
		margin-top: 70px;
	}
	.fvide_highl {
		padding: 100px 0 80px;
	}
	.fvide_highl .videosw li .imgs {
		height: 420px;
	}
	.fvide_highl .videosw li {
		height: 490px;
	}
	.fvide_highl .videosw li h2 i {
		font-size: 24px;line-height: 1.8;
		background-size: 34px auto;padding-left: 45px;
	}
	.fhnews .pad {
		padding: 0 160px;
	}
	.fhnews .rts .frepotl .ls {
		font-size: 20px;line-height: 36px;width: 140px;
		margin-right: 4px;
	}
	.fhnews .rts .frepolst {
		margin-top: 40px;
	}
	.fhnews .rts .frepolst .freporls li {
		margin-bottom: 5px;
	}
	
	.fphotosw li.swiper-slide-active {
		border: 25px solid #fc4513;
	}
	.fphotosw {
		border-top: 50px solid #1a1e21;
		border-bottom: 62px solid #fc4513;
	}
	.fhproduct {
		padding: 100px 0 90px;
	}
	.fhproduct .flist .fls .text h3 {
		font-size: 22px;line-height: 50px;
	}
	.fhproduct .flist .fls .text .lst {
		margin-top: 25px;
	}
	.fhproduct .flist .fls .text .ls h4 {
		font-size: 20px;line-height: 44px;margin-bottom: 15px;
	}
	.fhproduct .flist .fls .text .ls h6 {
		margin-bottom: 5px;
	}
	.fhproduct .flist .fls .text .ls h6 i {
		font-size: 18px;padding-left: 16px;
	}
	.fhproduct .flist .fls .text .ls h6 i::before {
		height: 8px;width: 8px;
	}
	.fhproduct .flist .fls .dal {
		width: 240px;line-height: 56px;font-size: 20px;
	}
	.fpadd {
		padding: 0 80px;
	}
	.footer .fnavg {
		margin-top: 25px;padding: 0 100px;
	}
	.footer .fcopyrig {
		padding: 0 100px 15px;
	}
	.footer .fconlst {
		margin: 25px auto 0;
	}
	.footer .fcopywan {
		margin-top: 30px;
	}
	
	
}
@media only screen and (max-width:1540px) {
	.wrap {
		width: 1400px;
	}
	.fprodlis li .tlte .icon {
		width: 200px;
	}
	.fprodlis li .tlt h4 {
		font-size: 20px;line-height: 40px;
		padding: 0 36px;
	}
	.fprodlis li .tlte h3 {
		font-size: 26px;line-height: 30px;
	}
	.fprodlis li .tlte h4 {
		font-size: 18px;padding-left: 36px;
	}
	.fprodlis li .tlte h4::before {
		width: 33px;
	}
	.fprodlis li .tlte {
		padding: 14px 32px;
	}
	.fprodlis li .cen .tlt {
	    padding: 0 32px;
	}
	.fprodlis li .list dd {
		padding: 0 32px;
	}
	.fprodlis li .list dd:nth-child(2n) {
	    padding: 0 0 0 10px;
	}
	.header .naver li h3 a {
		font-size: 18px;width: 140px;line-height: 68px;
	}
	.fprodlis li .list dd p {
		font-size: 13px;
	}
	.fprodlis li .list dd h4 i {
		font-size: 16px;padding: 0 14px;line-height: 36px;
	}
	.fprodlis li .list dd .rt {
		width: 90px;
	}
	.fprodlis li .list dd .txt {
	    float: left;
	    width: calc(100% - 110px);
	}
	.header .naver li {
		margin-right: -20px;
	}
	.header .logo {
		margin-top: 18px;width: 300px;
	}
	.fbanner {
		height: 650px;
	}
	.ftlte h2 {
		font-size: 45px;line-height: 50px;
	}
	.ftlte {
		padding: 22px 0;
	}
	.ftlte h6 {
		height: 144px;width: 230px;
		left: 60px;
	}
	.ftel h2 {
		font-size: 120px;left: -95px;
	}
	.fhrace .ftel {
		margin-top: 66px;
	}
	.fhrace .rts {
		margin-top: 90px;
	}
	.fhrace .rts .imgs {
		width: 400px;height: 537px;
	}
	.fhrace .rts i {
		width: 400px;height: 537px;
		top: -20px;right: -25px;
	}
	.ftel.bai h2 {
		top: -20px;
	}
	.fhvideo .rts .fhvidsw {
		width: 560px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 120px;
	}
	.fhvideo .rts .video {
		font-size: 70px;
	}
	.fvide_highl .videosw li .imgs {
		height: 400px;
	}
	.fvide_highl .videosw li {
		height: 460px;
	}
	.fvide_highl .fvidels {
		margin-top: 20px;
	}
	.fvide_highl .fvidels .ls a {
		font-size: 20px;line-height: 46px;
	}
	.fhnews .pad {
		padding: 0 120px;
	}
	.fhnews .lts .ftel h2 {
		left: -200px;top: -20px;
	}
	.fhnews .rts {
		width: calc(100% - 600px);
	}
	.fhnews .rts .frepolst .freporls li h2 i {
		font-size: 22px;line-height: 32px;
	}
	.fhnews .rts .frepolst .freporls li h2 i::before {
		background-size: 23px auto;
	}
	.fphotos .ftel h2 {
		left: -230px;
	}
	.fhproduct .flist .fls {
		width: 742px;height: 790px;
		padding: 140px 7% 30px 10.4%;
	}
	.fhproduct .flist .fls .dal {
		bottom: 35px;
	}
	.fhproduct .flist .fls .ico {
		height: 340px;width: 220px;
	}
}
@media only screen and (max-width:1440px) {
	.wrap {
		width: 1300px;
	}
	.fhrace .rts {
		margin-top: 60px;
	}
	.fhrace .rts .imgs {
		width: 360px;height: 480px;
	}
	.fhrace .rts i {
		width: 360px;height: 480px;
	}
	.fbanner {
		height: 600px;
	}
	.fhvideo .lts .ftel {
		margin-top: 70px;
	}
	.fhvideo .rts {
		padding: 40px 0 40px 30px;
	}
	.fhvideo .rts .fcen .imgs {
		width: 340px;height: 440px;
	}
	.fhvideo .rts .fhvidsw {
		bottom: 25px;width: 500px;right: 20px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 100px;
	}
	.fhvidsw .fprev_next {
		bottom: 40px;
	}
	.fhvideo .rts .fcen .rtls {
		width: calc(100% - 400px);
	}
	.fvide_highl .ftel h2 {
		top: -20px;
	}
	.fvide_highl .ftel {
		margin-top: 60px;
	}
	.fhnews .pad {
		padding: 0 80px;
	}
	.fhnews .lts {
		width: 450px;
	}
	.fhnews .lts .ftlte {
		margin-left: 40px;
	}
	.fhnews .lts .ftel {
		margin-top: 60px;
	}
	.fhnews .lts .imgs {
		margin-top: 40px;
	}
	.fhnews .rts {
		width: calc(100% - 550px);
	}
	.fhnews {
		padding: 100px 0 70px;
	}
	.fphotos .fwpadd {
		padding: 0 100px;
	}
	.fphotos .ftel {
		margin-top: 60px;
	}
	.fphotos .fzhanko {
		margin-top: 25px;
	}
	.fphotos .fzhanko li i {
		font-size: 22px;line-height: 50px;padding-left: 30px;
	}
	.fphotos .fzhanko li i::before {
		width: 20px;
	}
	.fphotos .fzhanko li.on i::before, 
	.fphotos .fzhanko li:hover i::before {
		height: 6px;
	}
	.fphotos {
		padding-top: 100px;
	}
	.fphotosw {
		margin-top: 80px;
	}
	
	.footer .fnavg {
		padding: 0 80px;
	}
	.footer .fcopyrig {
		padding: 0 80px 12px;
	}
	.footer .fcopywan {
		margin-top: 20px;
	}
	.footer .fconlst .ls {
		margin: 0 60px;
	}
	.footer {
		padding: 30px 0 25px;
	}
	.fprodlis li .flis dd{
		height: 300px;
	}
	
}
@media only screen and (max-width:1340px) {
	.wrap {
		width: 1200px;
	}
	.header .naver {
		margin-left: 80px;
	}
	.fbanner {
		height: 550px;
	}
	.ftlte h2 {
		font-size: 40px;line-height: 45px;
	}
	.ftlte h6 {
		height: 134px;width: 220px;
		border: 6px solid #ededed;
	}
	.fhrace .ftel {
		margin-top: 50px;
	}
	.ftel h3 {
		font-size: 35px;line-height: 65px;
	}
	.ftel h3::before {
		width: 66px;
	}
	.ftel h2 {
		font-size: 100px;left: -80px;
	}
	.fhrace {
		padding: 60px 0 100px;
	}
	.ftel.bai h2 {
		top: -15px;
	}
	.fhvideo .lts .ftel {
		margin-top: 60px;
	}
	.fhvideo .rts .fcen .imgs {
		width: 300px;height: 360px;
	}
	.fhvideo .rts .fcen .rtls {
		width: calc(100% - 340px);
	}
	.fhvideo .rts .fcen .rtls .ls a i {
		font-size: 18px;line-height: 34px;
	}
	.fhvideo .rts .fcen .rtls .ls.on a i, 
	.fhvideo .rts .fcen .rtls .ls:hover a i {
		font-size: 22px;
	}
	.fhvideo .rts .fcen .rtls .ls {
		margin-bottom: 5px;
	}
	.fhvideo .rts .fhvidsw {
		bottom: 23px;width: 430px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 90px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .acv {
		width: 36px;height: 30px;background-size: 10px auto !important;
	}
	.fprev_next {
		width: 120px;height: 35px;
	}
	.fprev_next .next,
	.fprev_next .prev {
		width: 73px;
	}
	.fprev_next .next h4, 
	.fprev_next .prev h4 {
		background-size: 25px auto !important;
	}
	.fhvidsw .fprev_next {
		left: -140px;
	}
	.fhvideo .rts .fcen {
		background-size: 400px auto !important;
	}
	.fhvideo .rts .video {
		font-size: 60px;
	}
	.fvide_highl .ftel h2 {
		top: -15px;
	}
	.fvide_highl {
		padding: 80px 0;
	}
	.fvide_highl .videosw li .imgs {
		height: 360px;
	}
	.fvide_highl .videosw li {
		height: 420px;
	}
	.fvide_highl .videosw li h2 i {
		font-size: 20px;padding-left: 35px;
		background-size: 28px auto !important;
	}
	.fhnews .lts .ftel h2 {
		top: -15px;
	}
	
	.fphotosw li.swiper-slide-active {
	    border: 20px solid #fc4513;
	}
	.fphotosw li{
		height: 340px;
	}
	.fhproduct .ftel {
		margin-top: 80px;
	}
	.fhproduct .flist .fls {
		width: 700px;height: 760px;margin: 0 -5%;
		padding: 130px 7% 30px 11%;
	}
	.fhproduct .flist .fls .ico {
		left: 43%;
	}
	.fpadd {
		padding: 0 60px;
	}
	.footer .fnavg {
		padding: 0 60px;
	}
	.footer .fcopyrig {
	    padding: 0 60px 12px;
	}
	.footer .fnavg .nav dl dt {
		font-size: 18px;
	}
	.fvide_highl .videosw li .imgs .acv {
		height: 46px;width: 56px;
		background-size: 14px auto !important;
	}
	
	
}
@media only screen and (max-width:1240px) {
	.wrap {
		width: 1100px;
	}
	.fvidoesp {
		width: 800px;
	}
	
	.fvidoesp .cha {
		top: -40px;
	}
	.fprodlis li .tlt h4 {
	    font-size: 18px;
	    line-height: 2;
	    padding: 0 26px;
		background-size: 600px auto !important;
	}
	
	.header .naver li h3 a {
		font-size: 16px;line-height: 60px;width: 130px;
	}
	.fprodlis li .flis dd {
		padding: 2px 30px 12px;
	}
	.header .logo {
		width: 260px;margin-top: 17px;
	}
	.fbanner {
		height: 500px;
	}
	.fhvideo .rts .fcen .imgs {
		width: 250px;height: 310px;
	}
	.fhvideo .rts .fcen .rtls {
		width: calc(100% - 290px);margin-top: 20px;
	}
	.fhvideo .rts .fcen .rtls .ls.on a i, 
	.fhvideo .rts .fcen .rtls .ls:hover a i {
		font-size: 20px;
	}
	.fhvideo .rts .fcen .rtls .ls a i {
		font-size: 18px;
	}
	.fhvideo .rts .fhvidsw {
		width: 360px;
	}
	.fhvideo .rts .fhvidsw {
		padding: 15px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 80px;
	}
	.fhvidsw .fprev_next {
		left: -135px;bottom: 35px;
	}
	.fvide_highl .videosw li .imgs {
		height: 340px;
	}
	.fvide_highl .videosw li {
		height: 400px;
	}
	.fvide_highl .videosw li:nth-child(2n) {
		margin-top: 20px;
	}
	.fvide_highl .fvidels .ls a {
		font-size: 18px;line-height: 40px;
	}
	.fhnews .lts {
		width: 420px;
	}
	.fhnews .lts .imgs {
		width: 230px;height: 230px;margin-top: 30px;
	}
	.fhnews .rts {
		width: calc(100% - 480px);
	}
	.fhnews .rts .frepolst {
		margin-top: 30px;
	}
	.fhnews .rts .frepolst .freporls li {
		margin-bottom: 25px;
	}
	.fhnews .rts .frepolst .freporls li h2 i {
		font-size: 20px;
	}
	.fhnews .rts .frepolst .freporls li h5 {
		font-size: 14px;line-height: 24px;height: 48px;
	}
	
	.fphotosw {
	    border-top: 45px solid #1a1e21;
	    border-bottom: 55px solid #fc4513;
	}
	.fphotosw {
		margin-top: 60px;
	}
	.fphotos .fzhanko li i {
		font-size: 20px;
	}
	.fphotos .fzhanko li.on i, 
	.fphotos .fzhanko li:hover i {
		font-size: 26px;
	}
	.fhproduct .flist .fls {
	    width: 660px;
	    height: 738px;
	    margin: 0 -5.4%;
	    padding: 130px 7% 30px 11%;
	}
	.fhproduct .flist {
		margin: 90px auto 0;
	}
	.fhproduct .flist .fls .ico {
		top: -180px;height: 280px;width: 180px;
	}
	.fpadd {
		padding: 0 40px;
	}
	.footer .fnavg {
		padding: 0 40px;
	}
	.footer .fcopyrig {
	    padding: 0 40px 12px;
	}
	
	
}
@media only screen and (max-width:1140px) {
	.fprodlis li .flis dd{
		height: 24vw;
	}
	.wrap {
		width: 1000px;
	}
	.fhrace {
		background-size: 700px auto !important;
	}
	.header .naver {
		margin-left: 60px;
	}
	.fbanner {
		height: 450px;
	}
	.ftlte h2 {
		font-size: 35px;line-height: 40px;
	}
	.ftlte h6 {
		left: 50px;
		height: 124px;width: 210px;
	}
	.ftel h3 {
		font-size: 30px;line-height: 60px;
	}
	.ftel h3::before {
		width: 60px;
	}
	.fhvideo {
		padding: 60px 0;
	}
	.fhvideo .rts {
		width: calc(100% - 500px);
	}
	.fhvideo .lts {
		width: 430px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 90px;
	}
	.fhvideo .rts .fhvidsw {
		width: 300px;
	}
	.fhvideo .rts .fcen .imgs {
		width: 230px;height: 280px;
	}
	.fhvideo .rts .fcen .rtls {
		width: calc(100% - 270px);
	}
	.fhvideo .rts .fcen .rtls .ls.on a i, .fhvideo .rts .fcen .rtls .ls:hover a i {
		font-size: 18px;
	}
	.fhvideo .rts .fcen .rtls .ls a i {
		font-size: 16px;
	}
	.fhvideo .rts .fcen .rtls .ls {
		margin-bottom: 0;
	}
	.fvide_highl .videosw li .imgs {
		height: 310px;
	}
	.fvide_highl .videosw li {
		height: 370px;
	}
	.fhnews .pad {
		padding: 0 50px;
	}
	.fhnews .lts {
		width: 400px;
	}
	.fhnews .rts {
		width: calc(100% - 460px);
	}
	.fhproduct .flist .fls {
	    width: 600px;
	    height: 670px;
		padding: 100px 7% 30px 12%;
	}
	.fhproduct .flist .fls .ico {
		height: 240px;width: 160px;top: -160px;
	}
	.fhproduct .flist {
		margin: 70px auto 0;
	}
	.fhproduct .flist .fls .text h3 {
		font-size: 18px;line-height: 1.8;
	}
	.fhproduct .flist .fls .text .ls h4 {
		font-size: 16px;line-height: 35px;padding: 0 15px;margin-bottom: 10px;
	}
	.fhproduct .flist .fls .text .lst {
		margin-top: 20px;
	}
	.fhproduct .flist .fls .text .ls h6 i {
		font-size: 15px;
	}
	.fhproduct .flist .fls .text .ls h6 i::before {
		top: 9px;height: 6px;width: 6px;
	}
	.fhproduct .flist .fls .dal {
		font-size: 18px;width: 200px;line-height: 48px;
	}
	.fpadd {
		padding: 0 20px;
	}
	.header {
		padding: 0 25px;
	}
	.header .naver {
		margin-left: 40px;
	}
	.fprodlis li .list dd{
		height: 320px;
	}
}
@media only screen and (max-width:1040px) {
	.wrap {
		width: auto;
	}
	.fprodlis ul {
		display: initial;
		flex-wrap: initial;
	}
	.fprodlis ul li {
		width: auto;margin-left: auto !important;margin-bottom: 100px;
	}
	.fprodlis ul li:last-child {
		margin-bottom: 0;
	}
	.fvidoesp {
		width: 600px;
	}
	.fprodlis {
	    margin-top: 100px;
	}
	.fvidoesp .cha {
	    top: -30px;
		height: 20px;width: 20px;
	}
	.header .naver li h3 a {
		font-size: 14px;line-height: 50px;width: 110px;
	}
	.header .logo {
		width: 230px;margin-top: 14px;
	}
	.fhrace {
		padding: 60px 15px 80px;
	}
	.ftlte h2 {
		font-size: 30px;line-height: 35px;
	}
	.ftlte {
		padding: 18px 0;
	}
	.ftlte h6 {
		height: 106px;width: 190px;left: 35px;
	}
	.ftel h3 {
		font-size: 25px;line-height: 55px;
	}
	.ftel h3::before {
		height: 3px;width: 50px;
	}
	.ftel h2 {
		font-size: 80px;left: -60px;
	}
	.fhrace .rts .imgs {
		width: 320px;height: 430px;
	}
	.fhrace .rts i {
		width: 320px;height: 430px;top: -15px;right: -20px;
	}
	.fhvideo {
		padding: 60px 15px;
	}
	.fhvideo .rts .fhvidsw {
		bottom: 25px;
	}
	.fhvideo .lts {
		width: 270px;
	}
	.fhvideo .rts {
		width: 450px;
	}
	.fhvideo .lts .ftel {
		margin-top: 40px;
	}
	.fhvideo .rts {
		padding: 30px 0 30px 20px;
	}
	.fhvideo .rts,
	.fhvideo .lts {
		float: none;
	}
	.fhvideo .rts {
		width: auto;margin-top: 30px;
	}
	.fhvideo .rts .fhvidsw {
		width: 75%;bottom: 15px;right: 15px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 13vw;
	}
	.fhvideo .rts .fcen .imgs {
		width: 260px;height: 320px;
	}
	.fhvideo .rts .fcen .rtls {
		width: calc(100% - 300px);
	}
	.fhvidsw .fprev_next {
		bottom: 25px;left: -125px;
	}
	.fvide_highl {
		padding: 60px 15px;
	}
	.fvide_highl .ftel {
		margin-top: 30px;
	}
	.fvide_highl .videosw li {
		height: 37vw;
	}
	.fvide_highl .videosw li .imgs {
		height: 31vw;
	}
	.fvide_highl .videosw li h2 i {
		font-size: 18px;padding-left: 30px;
		background-size: 24px auto !important;
	}
	.fhnews {
		padding: 70px 15px 50px;
	}
	.fhnews .lts {
		width: 350px;
	}
	.fhnews .lts .ftel h2 {
		left: -140px;top: -10px;
	}
	.fhnews .lts .ftel {
		margin-top: 30px;
	}
	.fhnews .lts .imgs {
		width: 200px;height: 200px;
		margin-top: 20px;
	}
	.fhnews .rts {
		width: calc(100% - 400px);
	}
	.fhnews .rts .frepotl .ls {
		font-size: 16px;width: 120px;line-height: 34px;background-size: 120px auto !important;
		margin-right: 0;
	}
	.fhnews .pad {
		padding: 0 20px;
	}
	.fhnews .rts,
	.fhnews .lts {
		float: none;width: auto;
	}
	.fhnews .lts .ftlte {
		margin-left: 10px;
	}
	.fhnews .lts .imgs {
		float: none;width: 160px;height: 160px;
	}
	.fhnews .rts {
		margin-top: 40px;
	}
	
	.fhnews .rts .frepolst .freporls li {
		margin-bottom: 20px;
	}
	.fphotos {
		padding-top: 50px;
	}
	.fphotos .fwpadd {
		padding: 0 60px;
	}
	.fphotos .ftel {
		margin-top: 30px;
	}
	.fphotos .ftel h2 {
		left: -140px;
	}
	.fphotos .fzhanko {
		margin-top: 15px;
	}
	.fphotos .fzhanko li.on i, .fphotos .fzhanko li:hover i {
		font-size: 22px;
	}
	.fphotos .fzhanko li i {
		font-size: 18px;
	}
	.fphotosw li {
		width: 280px;height: 200px;
	}
	.fphotosw {
	    margin-top: 40px;
		border-top: 35px solid #1a1e21;
		border-bottom: 45px solid #fc4513;
	}
	.fhproduct {
		padding: 60px 15px;
	}
	.fhproduct .ftel {
		margin-top: 40px;
	}
	.fhproduct .ftel h2 {
		top: -15px;
	}
	.fhproduct .flist .fls {
		width: 440px;height: 490px;margin: 0 -5%;
		padding: 70px 9% 30px 11%;
	}
	.fhproduct .flist .fls .ico {
		height: 160px;width: 100px;top: -100px;left: 45%;
	}
	.fhproduct .flist {
		margin: 40px auto 0;
	}
	.fhproduct .flist .fls .text .lst {
		margin-top: 10px;
	}
	.fhproduct .flist .fls .text .ls h4 {
		font-size: 14px;line-height: 30px;padding: 0 10px;
	}
	.fhproduct .flist .fls .text .ls h6 i {
		font-size: 13px;padding-left: 13px;
	}
	.fhproduct .flist .fls .text .ls h6 i::before {
	    top: 8px;
	    height: 5px;
	    width: 5px;
	}
	.fhproduct .flist .fls .dal {
		bottom: 15px;left: 26%;font-size: 14px;width: 140px;line-height: 36px;
		background-size: 140px auto !important;
	}
	.footer .fnavg {
		padding: 0 20px;
	}
	.footer .fcopyrig {
	    padding: 0 20px 12px;
	}
	.footer .fnavg .nav dl dt {
		font-size: 16px;line-height: 1.6;margin-bottom: 4px;
	}
	.footer .fnavg .rts,
	.footer .fnavg .nav {
		float: none;width: auto;
	}
	.footer .fnavg .rts {
		margin-top: 20px;
	}
	.footer .fcopyrig .lt {
		margin-top: 5px;
	}
	.footer .fconlst {
		margin: 15px auto 0;
	}
	.footer .fconlst .ls {
		margin: 0 30px;
	}
	.footer .fcopywan {
		margin-top: 10px;
	}
	.fbanner {
		height: 420px;
	}
	.fprodlis li .flis dd{
		height: 44vw;
	}
}
@media only screen and (max-width:900px) {
	.header .naver {
		margin-left: 30px;
	}
	.header .naver li h3 a {
		font-size: 13px;line-height: 45px;width: 100px;
	}
	.header .logo {
		width: 200px;margin-top: 13px;
	}
	.header {
		padding: 0 20px;
	}
	.fbanner {
		height: 350px;
	}
}
@media only screen and (max-width:800px) {
	.wrap {
		width: auto;
	}
	.fprodlis li .flis dd {
		padding: 0;width: auto;
		margin-left: 0 !important;height: auto;
		padding: 10px 0;background: none;
		
	}
	.fprodlis li .cen .tlt,
	.fprodlis li .list dd {
	    padding: 0;
	}
	.fprodlis li .list dd h4 i {
		font-size: 14px;line-height: 32px;padding: 0 10px;
	}
	.fprodlis li .list dd p {
		font-size: 12px;
		margin-left: 3px;
		padding-left: 7px;
	}
	.fprodlis li .list dd .pls {
		max-height: none;
	}
	.fprodlis li .list dd h4 {
		margin-bottom: 8px;
	}
	.fprodlis li .list dd img {
	    margin: 5px 0 0 10px;
	    display: block;
	}
	.fprodlis li .flis.fxinn {
		display: none;
	}
	.fprodlis li .list dd .rt img {
		width: auto;
	}
	.fprodlis li .list dd .rt,
	.fprodlis li .list dd .txt {
		float: none;width: auto;
	}
	.fprodlis li .list dd {
		height: auto;margin-top: 10px;
	}
	.fprodlis li .list dd p::before {
		height: 3px;width: 3px;
	}
	.fprodlis li .list dd:nth-child(2n) {
	    padding: 0;
	}
	.fprodlis li .list dd {
		margin-top: 6px;
	}
	.fprodlis li .flis dd:nth-child(2n) {
		display: none;
	}
	.fprodlis ul li {
		margin-bottom: 80px;
	}
	.fprodlis li .flis {
		margin-top: 0;
	}
	.fvidoesp {
		width: auto;left: 30px;right: 30px;
	}
	.fprodlis li .tlte h3 {
	    font-size: 20px;
	    line-height: 26px;
	}
	.fprodlis li .tlte h4 {
	    font-size: 14px;
	    padding-left: 25px;
		line-height: 1.5;
		
	}
	.fprodlis li .flis dl {
		display: initial;flex-wrap:initial;
	}
	.fprodlis li .tlte h4::before {
	    width: 20px;height: 1px;
	}
	.fprodlis li .tlte {
	    padding: 10px 20px;
	}
	.fprodlis li .tlte .icon {
	    width: 150px;bottom: 5px;
	}
	.fprodlis {
	    margin-top: 80px;
	}
	.header {
		position: fixed;z-index: 333;top: 0;
		left: 0;right: 0;margin: 0 auto;height: 50px;
		background: rgba(0,0,0,1);
	}
	.gh {
		display: block;position: absolute;z-index: 66;
		right: 15px;top: 15px;
	}
	.header .logo {
		float: none;margin-top: 0;
		position: absolute;z-index: 33;
		top: 15px;left: 15px;
	}
	.header .naver {
		margin-left: 0;position: fixed;z-index: 444;top: 50px;
		left: 0;right: 0;margin: 0 auto;display: none;
		background: rgba(0,0,0,0.8);
	}
	.header .naver li h3 a {
		background: none !important;font-size: 15px;line-height: 2.3;
	}
	.header .naver li {
		float: none;margin: 0 ;
	}
	.layout {
		padding-top: 50px;
	}
	.fbanner {
		height: 140px;
	}
	.fhrace {
		padding: 30px 15px;background-size: 500px auto !important;
	}
	.ftlte h2 {
		font-size: 24px;line-height: 30px;
	}
	.ftlte {
		padding: 10px 0;
	}
	.ftlte h6 {
		height: 80px;width: 140px;
		border: 4px solid #ededed;
		border-color: rgba(237,237,237,0.13);
		left: 25px;
	}
	.fhrace .ftel {
		margin-top: 10px;
	}
	.ftel h3 {
		font-size: 20px;line-height: 45px;
	}
	.ftel h3::before {
		width: 40px;
	}
	.ftel h2 {
		font-size: 70px;left: -40px;
	}
	.fhrace .rts .imgs {
		width: 220px;height: 296px;
	}
	.fhrace .rts i {
		width: 220px;height: 296px;
		top: -10px;
		right: auto;
		left: 15px;
	}
	.fhrace .rts,
	.fhrace .lts {
		float: none;
	}
	.fhrace .rts {
		margin-top: 30px;
	}
	.fhvideo {
		padding: 30px 15px;
	}
	.fhvideo .lts .ftel {
		margin-top: 25px;
	}
	.fhvideo .rts {
		padding: 20px 0 10px 10px;
	}
	.fhvideo .rts .fcen .imgs {
		width: 130px;height: 180px;
	}
	.fhvideo .rts .video {
		font-size: 50px;
	}
	.fhvideo .rts .fcen .rtls {
		width: calc(100% - 145px);margin-top: 5px;
	}
	.fhvideo .rts .fcen .rtls .ls a i {
		font-size: 14px;line-height: 26px;padding-left: 14px;
	}
	.fhvideo .rts .fcen .rtls .ls a i::before {
		height: 1px;width: 10px;
	}
	.fhvideo .rts .fcen .rtls .ls.on a i, 
	.fhvideo .rts .fcen .rtls .ls:hover a i {
		font-size: 16px;
	}
	.fhvideo .rts .fhvidsw {
		padding: 10px;margin-right: 10px;
	}
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 15vw;
	}
	.fhvideo .rts .fhvidsw {
		position: static;width: auto;
	}
	.fhvideo .rts .fcen {
		background-size: 300px auto !important;
	}
	.fhvidsw .fprev_next {
		position: relative;left: auto;bottom: 0;margin-top: 10px;
	}
	.fvide_highl {
		padding: 30px 15px;
	}
	.fvide_highl .lts {
		float: none;margin-top: 0;
	}
	.fvide_highl .rts {
		float: none;width: auto;margin-top: 15px;
	}
	.fvide_highl .ftel {
		margin-top: 20px;
	}
	.fvide_highl .ftel h3::before {
		width: 62px;
	}
	.fvide_highl .ftel h2 {
		top: -10px;
	}
	.fvide_highl .fvidels {
		margin-top: 10px;
	}
	.fvide_highl .fvidels .ls a {
		font-size: 16px;line-height: 30px;
	}
	.fvide_highl .videosw li {
		height: 61vw;
	}
	.fvide_highl .videosw li .imgs {
		height: 55vw;
	}
	.fvide_highl .videosw li:nth-child(2n) {
		margin-top: 10px;
	}
	.fvide_highl .videosw li h2 i {
		font-size: 15px;padding-left: 20px;
		background-size: 16px auto !important;
	}
	.fvide_highl .videosw li .imgs .acv {
		height: 36px;width: 46px;background-size: 12px auto !important;
	}
	.fvide_highl .videosw .fprev_next {
		margin-top: 15px;
	}
	.fhnews {
		padding: 30px 15px;
	}
	.fhnews .pad {
		padding: 0;
	}
	.fhnews .lts .imgs {
		height: 120px;width: 120px;
	}
	.fhnews .rts {
		margin-top: 20px;
	}
	.fhnews .rts .frepotl {
		overflow: initial;
		overflow-x: scroll;white-space: nowrap;
	}
	.fhnews .rts .frepotl .ls {
		float: none;display: inline-block;
	}
	.fhnews .rts .frepolst {
		margin-top: 20px;
	}
	.fhnews .rts .frepolst .freporls li h2 i {
		font-size: 16px;line-height: 1.6;
	}
	.fhnews .rts .frepolst .freporls li h5 {
		line-height: 1.6;height: auto;
	}
	.fhnews .rts .frepolst .freporls li {
		margin-bottom: 10px;
	}
	.fhnews .rts .frepolst .freporls li h2 i::before {
	    background-size: 18px auto;
	}
	.fhnews .rts .frepolst .freporls .fswprne .swspan {
		margin: 0 10px;font-size: 14px;line-height: 24px;
	}
	.fhnews .rts .frepolst .freporls .fswprne .swspan .swiper-pagination-current {
		font-size: 18px;
	}
	.fhnews .rts .frepolst .freporls .fswprne .next, 
	.fhnews .rts .frepolst .freporls .fswprne .prev {
		height: 24px;width: 24px;
	}
	.fphotos {
		padding-top: 30px;
	}
	.fphotos .fwpadd {
		padding: 0 30px;
	}
	.fphotos .ftel {
		margin-top: 25px;
	}
	.ftel.bai h2 {
		top: -10px;
	}
	.fphotos .fzhanko li i {
		font-size: 14px;line-height: 30px;padding-left: 20px;
	}
	.fphotos .fzhanko li.on i, .fphotos .fzhanko li:hover i {
		font-size: 16px;
	}
	.fphotos .fzhanko li.on i::before, .fphotos .fzhanko li:hover i::before {
		height: 4px;
	}
	.fphotos .fzhanko li i::before {
		width: 15px;
	}
	.fphotosw {
		margin-top: 20px;
		border-top: 25px solid #1a1e21;
		border-bottom: 28px solid #fc4513;
	}
	.fphotosw li.swiper-slide-active {
	    border: 4px solid #fc4513;
	}
	.fphotosw li {
	    width: 25vw;
	    height: 27vw;
	}
	.fhproduct {
		padding: 30px 15px;
	}
	.fhproduct .flist .fls {
		background: #525252 !important;width: 100%;height: auto;
		margin: 0 auto;padding: 60px 15px 20px;margin-bottom: 18vw;
	}
	.fhproduct .flist .fls:nth-child(2) {
		background: #fc4513 !important;
	}
	.fhproduct .flist .fls .ico {
		height: 24vw;width: 18vw;
		left: 0;right: 0;margin: 0 auto;
		top: -15vw;
	}
	.fhproduct .flist .fls:last-child {
		margin-bottom: 0;
	}
	.fhproduct .flist .fls .dal {
		position: static;margin: 25px auto 0;
	}
	.fhproduct .flist .fls .text .lst {
		margin-top: 5px;
	}
	.fhproduct .flist .fls .text .ls {
		margin-bottom: 15px;
	}
	.footer {
		padding: 20px 15px 10px;
	}
	.footer .cst {
		width: 140px;
	}
	.footer .fnavg .nav {
		display: none;
	}
	.fpadd {
		padding: 0;
	}
	.footer .fnavg {
		padding: 0 10px;margin-top: 15px;
	}
	.footer .fnavg .rts .ls {
		margin-right: 15px;
	}
	.footer .fnavg .rts .ls .tet {
		margin-top: 4px;
	}
	.footer .fcopyrig .rt,
	.footer .fcopyrig .lt {
		float: none;
	}
	.footer .fcopyrig {
	    padding: 0 10px 5px;
	}
	.footer .fconlst .ls {
		margin: 0 15px 10px;
	}
	.footer .fconlst {
		margin: 10px auto 0;
	}
	.footer .fconlst .ls h6 {
		margin-top: 0;
	}
	.footer .fcopywan {
		margin: 0 auto;text-align: left;
	}
	.footer .fcopywan i {
		display: block;line-height: 1.6;
	}
	.fhnews .lts .ftel h2 {
		left: -60px;
	}
	.fhproduct .ftel {
		margin-top: 25px;
	}
	.fhnews .lts .imgs{
		display: none;
	}
	.fvide_highl .videosw li h2 i{
		left: 10px;margin:20px 0;
	}
	.fhrace .rts{
		display: none;
	}
	.fhrace{
		height: 450px;
	}
	.fhrace{
		background-size: 90% auto !important;
		height: 100vw;
		background-position: center !important;
	}
	.footer .fcopyrig {
	    padding: 0 10px 55px;
	}
	.fvide_highl{
		background-position: right center !important;
	}
	.ftel h2{
		left: 0;opacity: 0;
	}
	.fvide_highl .fvidels .ls a{
		color: #fff;
	}
	.fhrace .ftlte h2{
		color: #333;
	}
	.fvide_highl .videosw li h2 i{
		position: static;
	}
	.fvide_highl .videosw li .imgs{
		position: relative;
	}
	.fvide_highl .videosw li:nth-child(2n){
		margin-top: 0;
	}
	.fhnews .lts .ftel{
		margin-left: 20px;
	}
}
@media only screen and (max-width:500px) {
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 100px;
	}
	.fphotosw li {
		width: 150px;height: 105px;
	}
	.fvide_highl .videosw li {
		height: 240px;
	}
	.fvidoesp {
	    left: 20px;
	    right: 20px;
	}
	.fphotosw {
	    margin-top: 15px;
	    border-top: 15px solid #1a1e21;
	    border-bottom: 20px solid #fc4513;
	}
	.fhproduct .flist .fls .ico {
		width: 80px;height: 130px;top: -80px;
	}
	.fhproduct .flist .fls {
		margin-bottom: 100px;
	}
	
}

@media only screen and (max-width:320px) {
	.fhvideo .rts .fhvidsw .fhvsw li .pics{
		height: 80px;
	}
	.fvide_highl .videosw li {
		height: 215px;
	}
	.fvide_highl .videosw li .imgs {
		height: 180px;
	}
	
}