/*pad*/
/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 20px;
    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: #201086;
    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:#201086;
    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: 8px;
}

.gh a:before {
    top: -8px;
}

.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: #201086;
    width: 100%;
}

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

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

@media only screen and (max-width:1640px) {
	.wrap {
		width: 1400px;
	}
	.fbansw {
		height: 700px;
	}
	.fbansw li .text a {
		margin: 65px auto 0;
	}
	.fbansw li .text h2 {
		font-size: 40px;
	}
	.fhabout {
		padding: 100px 0 110px;
	}
	.fhabout .cent .imgs {
		width: 60%;
	}
	.fhabout .cent .rts {
		width: 35%;margin-top: 4px;
	}
	.fhabout .cent .rts li {
		margin-bottom: 30px;
	}
	.fhabout .cent {
		margin-top: 40px;
	}
	.ftlte p {
		margin-top: 5px;
	}
	.fhservice .list li .tet h5 {
		margin-top: 30px;
	}
	.fhservice .list li .tet .ico {
		height: 100px;
	}
	.fhservice .list li {
		height: 320px;padding: 70px 20px 40px;
	}
	.fhandroid .net .rts h3 {
		padding-bottom: 16px;
	}
	.fhandroid .net .rts h4 {
		margin: 30px 0 15px;
	}
	.fhandroid .net .rts p {
		margin-bottom: 20px;
	}
	.fhandroid .net {
		margin-top: 50px;
	}
	.fhquality .list li .icon {
		height: 300px;
	}
	.fhquality .list li h3 {
		top: 30px;left: 26px;padding-bottom: 10px;
	}
	.fhquality .list li h2 {
		left: 20px;font-size: 100px;bottom: -20px;
	}
	.fhelehony .list li .img {
		height: 430px;
	}
	.fhtcus {
		padding: 90px 0;
	}
	.fhtcus .text ul {
		margin-top: 45px;
	}
	.fhlinux li .cent .lts dd .img {
		height: 217px;
	}
	.fhlinux li .cent {
		margin-top: 45px;
	}
	.fhlinux li .cent .rts {
		margin-top: 6px;
	}
	.footer {
		padding: 60px 0;
	}
	.fbansw li .text {
		width: 1200px;
	}
	
}

@media only screen and (max-width:1440px) {
	.wrap {
		width: 1200px;
	}
	.header .rts .naver li h2 a {
		padding: 0 25px;line-height: 90px;
	}
	.header .rts .naver {
		margin-right: 30px;
	}
	.header .rts .guoj {
		margin-top: 35px;
	}
	.header .rts .naver li h2:before {
		bottom: 25px;
	}
	.header .logo {
		margin-top: 23px;
	}
	.fbansw li .text h2:before {
		height: 3px;width: 30px;bottom: -18px;
	}
	.fbansw li .text h6 {
		margin-top: 36px;line-height: 1.6;
	}
	.fbansw li .text a {
		margin: 50px auto 0;
	}
	.fbansw .swspan span {
		margin: 0 18px !important;
	}
	.fbansw li .text {
		width: 1100px;
	}
	.fhabout .cent .imgs {
		width: 56%;
	}
	.fhabout .cent .rts {
		width: 40%;
	}
	.fhabout .cent .rts li .tet p {
		margin-top: 2px;height: 3.2em;
	}
	.fhservice .list li .tet .ico {
		height: 80px;
	}
	.fhservice .list li .tet h5 {
		margin-top: 20px;padding: 0 30px;
		font-size: 22px;
	}
	.fhservice .list li {
		height: 280px;padding: 60px 20px 30px;
	}
	.ftlt h2 {
		font-size: 40px;
	}
	.ftlt h5 {
		font-size: 30px;
	}
	.fhandroid .net .rts h3 {
		font-size: 22px;
	}
	.fhandroid .net .rts h4 {
	    margin: 20px 0 10px;
	}
	.fhandroid .net .rts p {
		margin-bottom: 15px;
	}
	.fhandroid .net {
		margin-top: 40px;
	}
	.fhmost .list {
		margin-top: 40px;
	}
	.fhmost .list li .rts dl {
		width: 31% !important;margin-right: 3%;margin-bottom: 14px;
	}
	.fhmost .list li .rts dl:nth-child(3n) {
		margin-right: 0;
	}
	.fhmost .list li .rts dl:nth-child(4n) {
		margin-right: 3%;
	}
	.fhmost .list li {
		padding: 22px 0 30px;
	}
	.fhautomot .list li {
		padding: 0 30px;
	}
	.fhautomot .list li .ico {
		height: 80px;
	}
	.fhautomot {
		padding: 70px 0 110px;
	}
	.fhelehony{
		padding: 65px 0 100px;
	}
	.fhelehony .list li {
		width: calc((100% - 92px)/4);margin-right: 30px;
	}
	.fhelehony .list li .img {
		height: 377px;
	}
	.fhelehony .list li:nth-child(2n) {
		margin-top: 45px;
	}
	.fhsolution .list li {
		width: calc((100% - 122px)/5);margin-right: 30px;
	}
	.ftit h3 {
		font-size: 32px;margin-top: 2px;
	}
	.fhlinux li .cent {
		margin-top: 35px;
	}
	.fhlinux li .cent .lts dd .img {
		height: 185px;
	}
	.footer .text h2 {
		font-size: 24px;
	}
	.footer .text ul {
		margin-top: 15px;
	}
	.footer .text ul li {
		margin: 0 10px;
	}
	.footer .text .tet {
		margin-top: 25px;
	}
	
	
	
	
	
	
}

@media only screen and (max-width:1240px) {
	.wrap {
		width: 1000px;
	}
	.header .rts .guoj li {
		margin-right: 10px;
	}
	.header .rts .naver li h2 a {
		padding: 0 15px;
	}
	.header .logo {
		width: 130px;
	}
	.header .rts .naver {
	    margin-right: 20px;
	}
	.fbansw {
		height: 600px;
	}
	.fbansw li .text h2 {
		font-size: 35px;
	}
	.fbansw .swspan {
		bottom: 35px;
	}
	.fhabout {
		padding: 90px 0;
	}
	.fhabout .cent .rts li {
		margin-bottom: 25px;
	}
	.ftlte h2 {
		font-size: 32px;
	}
	.fhservice .list li .tet .ico {
		height: 70px;
	}
	.fhservice .list li {
	    height: 240px;
	    padding: 50px 20px 30px;
	}
	.fhandroid .net .rts p {
		margin-bottom: 10px;
	}
	.fhandroid .net .rts h3 {
		padding-bottom: 10px;
	}
	.fhmost .list li .rts dl {
		width: calc((100% - 30px)/2) !important;
		margin-right: 0 !important;
	}
	.fhmost .list li .rts dl:nth-child(2n) {
		float: right;
	}
	.fhquality .list li {
		width: calc((100% - 40px)/2);margin-bottom: 35px;
	}
	.fhquality .list li .icon {
		height: 260px;
	}
	.fhquality .list li h3 {
	    top: 20px;
	    font-size: 20px;
	    left: 20px;
	    padding-bottom: 10px;
	}
	.fhquality .list li h2 {
		font-size: 80px;left: 15px;
	}
	.fhautomot .list {
		margin-top: 40px;
	}
	.fhautomot .list li {
		padding: 0 15px;
	}
	.fhelehony .list li .img {
		height: 310px;
	}
	.fhelehony .list li .text h2 {
		font-size: 45px;
	}
	.fhelehony .list li .text {
		margin-top: -25px;
	}
	.ftlt h5 {
		font-size: 28px;
	}
	.ftlt h2 {
		font-size: 36px;
	}
	.fhtcus .text ul {
		margin-top: 30px;
	}
	.fhtcus .text li {
		line-height: 2;
	}
	.fhtcus .text li:before {
		top: 13px;
	}
	.fhlinux li .cent .lts dd .img {
		height: 154px;
	}
	.fhlinux li .cent .rts p {
		line-height: 2;
	}
	.fhlinux li .cent .rts p:before {
		top: 10px;
	}
	.fbansw li .text {
		width: 900px;
	}
	.fbansw li .text h6 {
		font-size: 18px;line-height: 1.4;
	}
	.fbansw li .text h2 {
		font-size: 30px;
	}
	.fbansw li .text a {
	    margin: 35px auto 0;width: 190px;line-height: 42px;
	}
	
}
@media only screen and (max-width:1040px) {
	.wrap {
		width: auto;
	}
	.header .rts .naver li h2 a {
		font-size: 14px;padding: 0 8px;
		line-height: 80px;
	}
	.header {
		padding: 0 15px;
	}
	.header .rts .guoj {
		margin-top: 30px;
	}
	.header .rts .guoj li {
	    margin-right: 5px;
	}
	.header .logo {
	    width: 100px;margin-top: 25px;
	}
	.header .rts .naver {
		margin-right: 10px;
	}
	.fbansw {
	    height: 500px;
	}
	.fbansw li .text {
		width: auto;top: 50%;
		left: 20px;right: 20px;
	}
	.fhabout {
		padding: 70px 15px;
	}
	.ftlte h2 {
		font-size: 30px;
	}
	.fhabout .cent {
		margin-top: 25px;
	}
	.fhabout .cent .rts,
	.fhabout .cent .imgs {
		float: none;width: auto;
	}
	.fhabout .cent .rts {
		margin-top: 20px;
	}
	.fhabout .cent .rts li .tet p {
		height: auto;
	}
	.fhabout .cent .rts li {
	    margin-bottom: 20px;
	}
	.fhservice .list ul {
		margin-top: 30px;
	}
	.fhservice .list li {
		float: none;width: auto !important;
	}
	.fhandroid {
		padding: 70px 15px;
	}
	.fhandroid .net {
		margin-top: 20px;
	}
	.fhandroid .net .rts,
	.fhandroid .net .lts {
		float: none;width: auto;
	}
	.fhandroid .net .rts {
		margin-top: 20px;
	}
	.fhmost {
		padding: 60px 15px;
	}
	.fhmost .list li .lts h3 {
		font-size: 20px;
	}
	.fhmost .list li .lts {
		width: 180px;
	}
	.fhmost .list li .rts {
		width: calc(100% - 220px);
	}
	.fhquality {
	    padding: 70px 15px;
	}
	.fhquality .list li .icon {
		height: 24vw;
	}
	.fhquality .list li h3 {
	    top: 14px;
	    font-size: 18px;
	    left: 16px;
	    padding-bottom: 6px;
	}
	.fhquality .list li h3:before {
		height: 2px;width: 16px;
	}
	.fhquality .list li h2 {
		left: 10px;font-size: 70px;
	}
	.fhautomot {
	    padding: 70px 15px 90px;
	}
	.fhautomot .flist li .icon {
		height: 80px;
	}
	.fhautomot .list li .ico {
		height: 60px;
	}
	.fhelehony {
		padding: 60px 15px 80px;
	}
	.fhelehony .list {
	    margin-top: 40px;
	}
	/*.fhelehony .list li {
	    width: calc((100% - 30px)/2);
	    margin-right: 0;
	}
	.fhelehony .list li:nth-child(2n) {
		float: right;margin-top: 0;
	}*/
	.fhelehony .list li .img {
		height: 30vw;
	}
	.fhelehony .list li .text h2 {
		font-size: 40px;
	}
	.fhelehony .list li .text {
	    margin-top: -22px;
	}
	.fhtcus {
		padding: 60px 15px;
	}
	.fhtcus .text,
	.fhtcus .imgs {
		float: none;width: auto;
	}
	.fhtcus .text {
		margin-top: 20px;
	}
	.fhtcus .text ul {
		margin-top: 20px;
	}
	.fhsolution {
		padding: 70px 15px;
	}
	.fhsolution .list ul {
		margin-top: 30px;
	}
	.fhsolution .list li {
		float: none;width: auto;margin-right: 0;
		margin-bottom: 20px;
	}
	.fhsolution .list li .ico {
		height: 40px;
	}
	.fhsolution .list li .text {
		margin-top: 5px;
	}
	.fhsolution .list li .text h3 {
		font-size: 18px;
	}
	.fhsolution .list li .text p {
		margin-top: 10px;
	}
	.fhlinux li {
		padding: 80px 15px;
	}
	.ftit h3 {
		font-size: 28px;
	}
	.fhlinux li .cent {
	    margin-top: 25px;
	}
	.fhlinux li .cent .rts,
	.fhlinux li .cent .lts {
		float: none;width: auto;
	}
	.fhlinux li .cent .lts dd .img {
		height: 30vw;
	}
	.fhlinux li .cent .rts {
		margin-top: 20px;
	}
	.footer {
		padding: 45px 15px;
	}
	
	
}
@media only screen and (max-width:800px) {
	.wrap {
		width: auto;
	}
	.header .rts .guoj {
		display: none;
	}
	.gh {
		display: block;position: absolute;z-index: 66;
		top: 15px;right: 15px;
	}
	.header {
		height: 50px;position: fixed;z-index: 111;
		top: 0;left: 0;right: 0;margin: 0 auto;
		padding: 0;
	}
	.header .logo {
		position: absolute;z-index: 44;
		left: 15px;margin-top: 0;top: 10px;
		width: 90px;float: none;
	}
	.header .rts {
		float: none;
	}
	.header .rts .naver {
		float: none;position: fixed;z-index: 122;
		top: 50px;left: 0;right: 0;margin: 0 auto;
		background: #fff;display: none;
	}
	.header .rts .naver li {
		float: none;
	}
	.header .rts .naver li h2 a {
		font-size: 18px;line-height: 2.6;
		padding: 0 15px;
	}
	.header .rts .naver li h2:before {
		bottom: 7px;right: auto;left: 15px;
	}
	.layout {
		padding-top: 50px;
	}
	.fbansw {
		height: 400px;
	}
	.fbansw li .text h2 {
		font-size: 24px;
	}
	.fbansw li .text h2:before {
	    height: 2px;
	    width: 20px;
	    bottom: -10px;
	}
	.fbansw li .text h6 {
		font-size: 16px;margin-top: 20px;
	}
	.fbansw li .text a {
		margin: 25px auto 0;
		width: 170px;line-height: 40px;
	}
	.fbansw .swspan {
		bottom: 20px;
	}
	.fbansw .swspan span {
	    margin: 0 10px !important;
	    height: 10px;width: 10px;
	}
	.fhabout {
	    padding: 40px 15px;
	}
	.fhabout .cent {
		margin-top: 15px;
	}
	.ftlte h2 {
		font-size: 25px;
	}
	.fhabout .cent .rts li {
		margin-bottom: 10px;
	}
	.fhservice .list ul {
	    margin-top: 20px;
	}
	.ftlte p {
		margin-top: 0;
	}
	.fhservice .list li {
		height: auto;padding: 40px 20px;
	}
	.fhandroid {
		padding: 50px 15px;
	}
	.ftlt h2 {
		font-size: 30px;
	}
	.ftlt h5 {
		font-size: 22px;
	}
	.fhmost {
	    padding: 40px 15px;
	}
	.fhmost .list {
	    margin-top: 20px;
	}
	.fhmost .list li .rts,
	.fhmost .list li .lts {
		float: none;width: auto;
	}
	.fhmost .list li .rts {
		margin-top: 10px;
	}
	.fhmost .list li {
		padding: 20px 0;
	}
	.fhquality {
		padding: 40px 15px;
	}
	.fhquality .list {
		margin-top: 20px;
	}
	.fhquality .list li {
		float: none !important;width: auto;margin-bottom: 15px;
		margin-right: 0;
	}
	.fhquality .list li .icon {
		height: 32vw;
	}
	.fhautomot {
		padding: 40px 15px;
	}
	.fhautomot .list {
	    margin-top: 30px;
	}
	.fhautomot .list li {
		float: none;width: auto !important;
		margin-bottom: 20px;
	}
	.fhautomot .list li dl {
		margin-top: 10px;
	}
	.fhautomot .flist li .icon {
		height: 70px;
	}
	.fhelehony {
		padding: 40px 15px;
	}
	.fhelehony .list {
		margin-top: 20px;
	}
	.fhelehony .list li {
		float: none !important;width: auto;
		margin-bottom: 20px;margin-right: 0;
	}
	.fhelehony .list li .img {
		height: auto;
	}
	.fhelehony .list li .text dl {
		margin-top: 5px;
	}
	.fhelehony .list li:nth-child(2n) {
		margin-top: 0;
	}
	.fhtcus {
	     padding: 50px 15px; 
	}
	.fhtcus .text ul {
		margin-top: 10px;
	}
	.fhsolution {
		padding: 45px 15px;
	}
	.fhsolution .list ul {
		margin-top: 20px;
	}
	.fhsolution .list li {
		margin-bottom: 14px;
	}
	.fhlinux li {
		padding: 40px 15px;
	}
	.ftit h3 {
		font-size: 24px;line-height: 1.2;
	}
	.ftit h6 {
		font-size: 16px;
	}
	.fhlinux li .cent {
	    margin-top: 20px;
	}
	.fhlinux li .cent .lts dd {
	    float: left;
	    width: calc((100% - 15px)/2);
	}
	.footer .text .tet p br {
		display: none;
	}
	
	.footer {
		padding: 35px 15px;
	}
	.footer .text h2 {
		font-size: 21px;
	}
	.footer .text ul {
	    margin-top: 10px;
	}
	.footer .text .tet {
	    margin-top: 15px;
	}
	.footer .text .tet p {
		margin-top: 5px;
	}
	.fhlinux li .cent .lts dd h5 {
		padding: 0 10px;
	}
	
	
}

@media only screen and (max-width:500px) {
	.fbansw li .text h2 {
		font-size: 22px;
	}
	.fbansw li .text {
		left: 10px;right: 10px;top: 45%;
	}
	.fbansw li .text a {
		margin: 15px auto 0;
		line-height: 32px;width: 140px;
		font-size: 14px;
	}
	.fbansw .swspan {
		bottom: 10px;
	}
	.fbansw {
		height: 360px;
	}
	.ftlte p {
		font-size: 16px;line-height: 1.2;
	}
	.ftlte h2 {
		font-size: 22px;
	}
	.fhservice .list li .tet .ico {
	    height: 55px;
	}
	.fhservice .list li .tet h5 {
	    margin-top: 10px;
	    padding: 0 20px;
	    font-size: 18px;
	}
	.fhservice .list li {
		padding: 30px 10px;
	}
	.ftlt h5 {
		font-size: 20px;
	}
	.fhandroid .net .rts h3 {
		font-size: 20px;
		
	}
	.fhandroid .net .rts h4 {
	    margin: 15px 0 10px;font-size: 16px;
	}
	.fhmost .list li {
		padding: 10px 0;
	}
	.fhmost .list li .rts dl {
		float: none !important;width: 100% !important;margin-bottom: 10px;
	}
	.fhmost .list li .rts {
		margin-top: 4px;
	}
	.fhquality .list li h3 {
	    top: 7px;
	    font-size: 18px;
	    left: 10px;
	    padding-bottom: 3px;
	}
	.fhquality .list li h2 {
		font-size: 50px;bottom: -12px;
	}
	.fhtcus {
	    padding: 40px 15px;
	}
	.fhtcus .text {
	    margin-top: 10px;
	}
	.fhlinux li .cent .rts {
		margin-top: 10px;
	}
	
	
	
}