/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 30px;
    width: 30px;
    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: #777777;
    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: 20px;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #777777;
    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: #777777;
    width: 100%;
}

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

.selected .gh a {
    background-color: transparent !important;
}
@media only screen and (max-width:1640px) {
	.wrap {
		width: 1400px;
	}
	.fcasedel .fcasehd .dels {
		width: calc(100% - 640px);
	}
	.fcasedel .fcasehd {
		min-height: 360px;
		padding: 60px 76px;
	}
	.foffbter {
		height: calc(100% - 505px);
		padding: 90px 0 100px;
	}
	.fweban {
	    height: 720px;
	}
	.fweban .text {
		top: 130px;left: 60px;
	}
	.fweban .text h2 {
		font-size: 160px;
	}
	.fweban .text h4 {
		font-size: 50px;line-height: 1.2;
	}
	.header .rts .naver li .fnali {
		top: 80px;
	}
	.fwebsite .list ul li {
		margin-bottom: 30px;
	}
	.fwebsite .list ul {
		padding-top: 50px;
	}
	.fwechat .list li .text h3 {
		font-size: 22px;
	}
	.fwechat .flist {
	    margin-top: 70px;
	}
	.fwechat .flist ul li h3 {
		font-size: 26px;margin-top: 14px;
	}
	.fwecase .cent .lts li {
	    width: calc((100% - 122px)/4);
	    margin-right: 40px;
	}
	.fwecase .cent {
		margin-top: 50px;padding: 0 60px;
	}
	.fwechat {
	    padding: 45px 0 130px;
	}
	.fwebsite .list .imgs {
		width: 230px;
	}
	.fserviceh5 .list {
	    margin: 60px 60px 0;
	}
	.fshorvideo {
	    padding: 60px 0 110px;
	}
	.fshorvideo .list ul {
		padding: 60px 70px 0;
	}
	.fappban {
	    height: 720px;
	}
	.fshorcase .fcasesw li {
		height: 280px;
	}
	.fshorcase .fcasesw li .cent h4 {
		margin-top: 35px;
	}
	.fserviceh5 .list ul li {
		padding: 30px 30px 40px;
	}
	.fh5advant {
	    padding: 80px 0 120px;
	}
	.fserviceh5 {
		padding: 60px 0 120px;
	}
	.fh5advant .list ul {
		margin-top: 70px;
	}
	.fh5advant .list ul li {
		width: 260px;
	}
	.fserviceh5 .list ul li h3 {
		font-size: 30px;line-height: 1.6;
	}
	.fserviceh5 .list ul li h2 {
		font-size: 40px;margin-top: 6px;line-height: 1.4;
	}
	.ftlt h3 {
		font-size: 50px;
	}
	.fapplet .list ul {
		margin-top: 60px;
	}
	.fapplet .list ul li {
		margin-bottom: 40px;
	}
	.fserban {
	    height: 720px;
	}
	.fapplet .list ul li .ico {
		height: 140px;width: 140px;
	}
	
	.fservice .list li {
	    height: 720px;
	}
	.fdevelop {
	    padding: 60px 0 80px;
	}
	.fservice .list li .text {
		width: 580px;
	}
	.fdevelop .list ul {
		margin-top: 70px;
	}
	.fwhservapp .list ul {
		margin-top: 60px;
	}
	.fwhservapp {
	    padding: 70px 0 100px;
	}
	.fserban .text h2 {
		font-size: 50px;line-height: 1.4;
	}
	.fservice .flist li .text h2 {
		font-size: 40px;line-height: 1.4;
	}
	.fservice .flist li .text p {
		margin-top: 14px;font-size: 16px;
	}
	.fservice .flist li .text a {
		margin: 50px auto 0;
	}
	.fservice .list li .text h3 {
		font-size: 40px;line-height: 1.4;
	}
	.fservice .list li .text dl {
		margin: 20px auto;
	}
	.fservice .list li .imgs {
		top: 51%;
	}
	.fbanews {
		height: 600px;
	}
	.fnews_dels {
	    padding: 55px 0 60px;
	}
	.fbanews .text h2 {
		font-size: 50px;
	}
	.fbanews .text p {
		font-size: 20px;
	}
	.fnews_dels .tet h2 {
		font-size: 32px;
	}
	.fnews_dels .tet h4 {
		font-size: 25px;margin-top: 8px;
	}
	.fnews_dels .dels {
		padding: 20px 0 90px;
	}
	.fnews_dels .page {
	    margin-top: 20px;
	}
	.fcontacsw .swiper-slide.swiper-slide-active .ftext {
		left: 60px;
	}
	.fcontacsw .swiper-slide .ftext h2 {
		font-size: 120px;
	}
	.fcontacsw .swiper-slide {
	    height: 600px;
	}
	.fcontacsw .swiper-slide .ftext h3 {
		font-size: 30px;margin: 20px 0 10px;
	}
	.fcase .list ul {
		margin-top: 50px;
	}
	.fcase .list ul li {
	    float: left;
	    width: calc((100% - 122px)/3);
	    margin-right: 60px;
	    margin-bottom: 50px;
	}
	.fcase .list ul li .imgs {
		height: 280px;
	}
	
	.fban {
		height: 600px;
	}
	.fban .text h2 {
		font-size: 50px;
	}
	.frecruit .tlt {
		padding: 50px 0 70px;
	}
	.frecruit .tlt h2 {
		font-size: 50px;
	}
	.frecruit .tlt p {
		font-size: 20px;margin-top: 8px;
	}
	.frecruit .list li .text {
		padding: 40px 30px;
	}
	.frecruit .list li .text p {
		margin-top: 30px;
	}
	.frecruit .list li .text .more {
		margin-top: 30px;
	}
	.fban .text h6 {
		margin-top: 10px;font-size: 16px;
	}
	.fenterprise .fenter {
		height: 640px;
	}
	.fenterprise .fenter .text h2 {
		font-size: 36px;line-height: 1.4;
	}
	.fenterprise .fenter .text p {
		margin-top: 10px;
	}
	.fenterprise .list li {
		height: 540px;
	}
	.fenterprise .list li:nth-child(2) {
	    height: 520px;
	}
	.fenterprise .list li:nth-child(3) {
	    height: 600px;
	}
	.fenterprise .list li .text {
		left: 60px;
	}
	.fenterprise .list li:nth-child(2) .imgs {
		padding-top: 10px;
	}
	.fenterprise .list li:nth-child(3) .imgs {
		height: 100%;right: 80px;
	}
	.fenterprise .list li .imgs img{
		height: 100%;
	}
	.fenterprise .list li .text h2 {
		font-size: 60px;line-height: 1.2;
	}
	.fenterprise .list li .text p {
		font-size: 20px;
	}
	.fbanls {
		height: 640px;
	}
	.fbanls .list ul li h2 {
		font-size: 100px;
	}
	.fbanls .list ul li h5 {
		font-size: 24px;
	}
	.ftlt h2 {
		font-size: 40px;
	}
	.ftlt h6 {
		margin-top: 14px;
	}
	.fab_wh .imgs {
	    margin: 60px auto 0;
	}
	.fadvantage .imgs {
	    margin: 65px auto 0;
	}
	.fbanner {
		height: 720px;
	}
	.foffer {
		padding: 70px 0 120px;
	}
	.foffer .h {
		font-size: 30px;margin-bottom: 30px;
	}
	.foffer .lt li .text {
		height: 52px;
	}
	.foffer .rt {
		width: 200px;
	}
	.foffer .lt {
	    width: calc(100% - 230px);
	}
	.foffer .rt .fsub {
		line-height: 52px;
	}
	.fhdatals {
		padding: 20px 0 30px;
		margin: -128px auto 0;
	}
	.foffer .t {
		margin-top: 30px;
	}
	.fhservice .list {
	    margin-top: 70px;
	}
	.fhservice .list li {
		width: calc((100% - 90px)/3);
		margin-right: 40px;
		margin-bottom: 40px;
		position: relative;
		padding-right: 60px;
	}
	.fhchoice .list ul li {
		height: 126px;
	}
	.fhchoice .list ul {
		margin-top: 50px;
	}
	.fhdatals li h2 {
		font-size: 58px;
	}
	.header .rts .dh h5 i,
	.header .rts .naver ul li h3 a {
		line-height: 80px;
	}
	.flaytop {
	    padding-top: 80px;
	}
	.header .logo {
		margin-top: 25px;
	}
	.fmarkban {
		height: 640px;
	}
	.fmarkban .text h2 {
		font-size: 60px;line-height: 80px;
	}
	.fmarkban .text h3 {
		font-size: 50px;
	}
	.fpadd {
		padding: 0 60px;
	}
	.fmark .imgs {
		width: 500px;
	}
	.fmark .text h3 {
		font-size: 40px;
	}
	.fmark .text h2 {
		font-size: 50px;
	}
	.fmark .text p {
		font-size: 18px;
	}
	.fmark .fimg {
		width: 440px;margin-top: 40px;
	}
	.foptimiz {
		height: 600px;padding: 70px 0;
	}
	.ftite h2 {
		font-size: 60px;
	}
	.ftite p {
		margin-top: 15px;
	}
	.fpuzzled {
	    padding: 60px 0 25px;
	}
	.fpuzzled .list .zimg {
		width: 220px;
	}
	.fpuzzled .list li h4 {
		font-size: 25px;
	}
	.fpuzzled .list li p {
		margin-top: 5px;
	}
	.fpuzzled .list li {
	    display: inline-block;
	    margin-bottom: 40px;
	    width: 44%;
	    margin-right: 12%;
	}
	.fwhadvantag .list ul {
	    margin-top: 60px;
	}
	.fwhadvantag .list ul li {
		margin-bottom: 70px;
	}
	.footer .frts .ht h3 {
		font-size: 18px;
	}
	.footer {
		padding: 90px 0 100px;
	}
	.footer .flts .nav li {
		margin-right: 40px;
	}
	.footer .flts .list {
	    margin-top: 30px;
	}
	.footer .flts .copyright {
	    margin-top: 30px;
	}
	.fhservice .list li:nth-child(3n) {
	    padding-left: 40px;
	}
	.tiammao .bd li{
		width: 315px;
	}
	.tiammao .uft li{
		width: 400px;
		height: 800px;
	}
	.tiammao .bd{
		padding: 50px 0 80px;
	}
}
@media only screen and (max-width:1440px) {
	.wrap {
		width: 1200px;
	}
	.fcasedel .fcasehd .tlt h2 {
		font-size: 30px;line-height: 70px;
	}
	.foffbter {
		height: calc(100% - 460px);
		padding: 70px 0 100px;
	}
	.fcasedel .fcasehd .tlt h2::before {
		height: 2px;width: 50px;
	}
	.fcasedel .fcasehd .dels {
	    width: calc(100% - 540px);
	}
	.fweban {
	    height: 620px;
	}
	.fweban .text {
	    top: 110px;
	    left: 60px;
	}
	.fweban .text h2 {
	    font-size: 150px;
	}
	.fweban .text h4 {
		font-size: 42px;
	}
	.fweban .text p {
		margin-top: 10px;
	}
	.fwechat .list li .text {
		margin-top: 17px;
	}
	.fwechat .list li .text h3 {
	    font-size: 20px;
	}
	.fwechat .list li {
		width: calc((100% - 102px)/3);
		margin-right: 50px;
	}
	.fwecase .cent .lts li .ic {
		width: 40px;height: 40px;
	}
	.fwechat .flist ul li h3 {
		font-size: 22px;
	}
	.fwecase .cent .lts li h5 {
		margin-top: 5px;font-size: 16px;line-height: 22px;
	}
	.fwechat {
	    padding: 45px 0 100px;
	}
	.fwechat .flist {
	    margin-top: 60px;
	}
	.fwebsite .list {
	    margin: 40px 50px 0;
	    position: relative;
	}
	.fwebsite .list ul li p {
		margin-top: 5px;
	}
	.fwebsite .list ul li {
	    margin-bottom: 20px;
	}
	.fwebsite .list ul {
	    padding-top: 30px;
	}
	.fwebsite .list ul li h4 {
		font-size: 22px;
	}
	.fwebsite .list .imgs {
	    width: 200px;
	}
	.fshorvideo .list ul {
		padding: 50px 40px 0;
	}
	.fshorvideo .list ul li {
	    width: calc((100% - 182px)/4);
	    margin-right: 60px;
	}
	.fshorvideo .list ul li .icon {
		height: 130px;width: 130px;
	}
	.fshorvideo .list ul li .text {
	    margin-top: 15px;
	}
	.fshorvideo .list ul li .text h4 {
		font-size: 22px;
	}
	.fshorcase {
		padding: 50px 0;
	}
	.fshorcase .fcasesw {
		margin-top: 50px;
	}
	.fshorcase .fcasesw .swspan {
		margin: 60px auto 0;
	}
	.fshorcase .fcasesw li {
		height: 230px;
	}
	.fserviceh5 .list ul li h3 {
		font-size: 26px;
	}
	.fshorcase .fcasesw li .cent .ico {
		height: 65px;width: 65px;
	}
	.fshorcase .fcasesw li .cent h4 {
	    margin-top: 25px;font-size: 22px;
	}
	.fshorcase .fcasesw .swspan span {
		height: 14px;width: 14px;
	}
	.fserviceh5 .list ul li h2 {
		font-size: 35px;
	}
	.fserviceh5 .list ul li {
	    padding: 20px 20px 30px;
	}
	.fh5advant {
	    padding: 60px 0 100px;
	}
	.fh5advant .list ul {
	    margin-top: 50px;
	}
	.fh5advant .list ul li {
	    width: 240px;margin: 0 20px;
	}
	.fh5advant .list ul li .icon {
		height: 120px;width: 120px;
	}
	.fh5advant .list ul li .text h2 {
		font-size: 25px;
	}
	.fserviceh5 .list {
	    margin: 40px 40px 0;
	}
	.fh5advant .list ul li .text p{
		line-height: 1.6;
	}
	.fserviceh5 {
	    padding: 50px 0 100px;
	}
	.fappban {
	    height: 620px;
	}
	.fentrance .list ul {
		margin-top: 50px;
	}
	.fentrance .list ul li .ico {
		height: 100px;width: 100px;
	}
	.fentrance .list ul li .text {
		margin-top: 12px;
	}
	.fentrance .list ul li .text h3 {
		font-size: 20px;
	}
	.ftlt h3 {
	    font-size: 40px;
	}
	.fentrance .list ul li .text p {
		line-height: 1.6;
	}
	.fserban {
	    height: 650px;
	}
	.fserban .text p {
		font-size: 16px;margin-top: 10px;
	}
	.fserban .text h2 {
		font-size: 40px;
	}
	.fdevelop .list ul li {
		margin: 0 1%;width: 14%;
	}
	.fdevelop .list ul li .icon {
		height: 110px;width: 110px;
	}
	.fdevelop .list ul li .tet {
		margin-top: 10px;
	}
	.fdevelop .list ul li .tet h4 {
		font-size: 20px;
	}
	.fwhservapp {
	    padding: 60px 0 80px;
	}
	.fwhservapp .list ul {
	    margin-top: 50px;
	}
	.fwhservapp .list li .ico {
		height: 140px;width: 140px;
	}
	.fwhservapp .list li .tet h3 {
		font-size: 22px;line-height: 1.4;
	}
	
	.fdevelop .list ul {
	    margin-top: 50px;
	}
	.fdevelop {
	    padding: 50px 0 60px;
	}
	.fwhservapp .list li {
		margin: 0 40px;
	}
	.fservice .list li .imgs {
		max-width: 50%;
	}
	.fservice .list li .text h3 {
		font-size: 35px;
	}
	.fservice .list li .text p {
	    margin-top: 10px;
	    font-size: 16px;
	    line-height: 1.6;
	}
	.fservice .list li .text dd {
		margin-right: 25px;
	}
	.fservice .list li:nth-child(2n) .text {
		width: 60%;
	}
	.fservice .flist li .text h2 {
		font-size: 34px;
	}
	.fservice .flist li .text p {
	    margin-top: 8px;
	}
	.fservice .list li:nth-child(2n) .imgs {
		height: 92%;
	}
	.fservice .flist li .text a {
	    margin: 35px auto 0;
	}
	.fservice .list li:nth-child(2n) .imgs img {
		height: 100%;
	}
	.fservice .list li .text .more {
		margin-top: 20px;
	}
	.fservice .list li {
	    height: 620px;
	}
	.fbanews .text h2 {
	    font-size: 45px;
	}
	.fcontacsw .swiper-slide {
	    height: 540px;
	}
	.fbanews .text p {
	    margin-top: 10px;
	}
	.fbanews {
	    height: 520px;
	}
	.fnews li {
		padding: 30px 0;
	}
	.fnews li .text h2 {
		font-size: 30px;
	}
	.fnews li .text p {
		margin-top: 7px;
	}
	.fnews li .text h3 {
		margin-top: 12px;font-size: 32px;
	}
	.fcasedel {
	    margin: 50px auto 0;
	}
	.fcasedel img {
		margin-top: 30px;
	}
	.fcase .list ul {
	    margin-top: 40px;
	}
	.fcase .list ul li {
	    float: left;
	    width: calc((100% - 82px)/3);
	    margin-right: 40px;
	    margin-bottom: 40px;
	}
	.fban {
	    height: 550px;
	}
	.fban .text h2 {
	    font-size: 40px;
	}
	.frecruit .list li .text {
	    padding: 30px 20px;
	}
	.frecruit .list li .text .tet h2 {
		font-size: 24px;
	}
	.frecruit .list li .text .tet h6 {
		margin-top: 0;
	}
	.frecruit .list li .text .more,
	.frecruit .list li .text p {
	    margin-top: 20px;
	}
	.frecruit .tlt h2 {
	    font-size: 40px;
	}
	.fbanner {
	    height: 650px;
	}
	.fenterprise .list li {
	    height: 480px;
	}
	.fenterprise .list li .text {
	    left: 30px;
	}
	.fenterprise .list li .text h2 {
		font-size: 50px;
	}
	.fenterprise .list li:nth-child(2n) .text {
		right: 40px;
	}
	.fenterprise .list li:nth-child(2) {
	    height: 500px;
	}
	.fenterprise .list li:nth-child(2n) .imgs {
	    left: 30px;max-width: 54%;padding-top: 30px;
	}
	.fenterprise .list li .text p {
	    font-size: 18px;
	}
	.fenterprise .list li:nth-child(3) {
	    height: 550px;
	}
	
	.fbanls {
		height: 560px;
	}
	.fbanls .list ul li h2 {
	    font-size: 80px;
	}
	.fbanls .list ul li h5 {
	    font-size: 20px;
	}
	.ftlt h6 {
		font-size: 16px;margin-top: 10px;
	}
	.ftlt h2 {
	    font-size: 34px;
	}
	.fab_wh {
	    padding: 50px 0 90px;
	}
	.fhdatals li h2 {
	    font-size: 50px;
	}
	.fab_wh .imgs {
	    margin: 50px auto 0;
	}
	.fnetwork {
	    padding: 60px 0 30px;
	}
	.fnetwork .list ul {
		margin-top: 40px;
	}
	.fnetwork .list ul li {
	    float: left;
	    width: calc((100% - 122px)/5);
	    margin-right: 30px;
	    text-align: center;
	    margin-bottom: 30px;
	}
	.fnetwork .list ul li .ico {
		height: 70px;width: 70px;
	}
	.fnetwork .list ul li h6 {
		margin-top: 10px;
	}
	.fhservice .list li:nth-child(3n) {
	    padding-left: 30px;
	}
	.fhservice .list li {
	    width: calc((100% - 70px)/3);
	    margin-right: 30px;
	    margin-bottom: 40px;
	    position: relative;
	    padding-right: 30px;
	}
	.fhservice .list {
	    margin-top: 60px;
	}
	.ftitle h2 {
		font-size: 32px;
	}
	.ftitle h6 {
		margin-top: 3px;
	}
	.fhcase .list {
		margin-top: 50px;
	}
	.fhchoice {
	    padding: 50px 0 90px;
	}
	.fhchoice .list ul li {
	    height: 110px;
	}
	.fhacts {
	    padding: 50px 0 80px;
	}
	.fhacts .list ul {
		margin-top: 50px;
	}
	.fhacts .list li {
	    float: left;
	    width: calc((100% - 102px)/3);
	    margin-right: 50px
	}
	.fhdatals {
		margin: -122px auto 0;
	}
	.header .rts .naver ul li {
		margin-right: 40px;
	}
	.fmarkban {
	    height: 560px;
	}
	.fmarkban .text {
		left: 50px;
	}
	.fmarkban .text h2 {
	    font-size: 50px;
	    line-height: 70px;
	}
	.fmarkban .text h3 {
	    font-size: 40px;
	}
	.fmarkban .text p {
		margin-top: 12px;font-size: 16px;
	}
	.fpadd {
	    padding: 0 40px;
	}
	.fmark .imgs {
	    width: 400px;
	}
	.fmark .text {
		margin-top: 12px;
	}
	.fmark .text h3 {
	    font-size: 35px;
	}
	.fmark .text h2 {
	    font-size: 40px;
	}
	.fmark .text p {
	    font-size: 16px;margin-top: 12px;
	}
	.fmark {
	    padding: 35px 0;
	}
	.fmark .imgs {
	    width: 350px;margin-top: 35px;
	}
	.foptimiz {
	    height: 500px;
	    padding: 50px 0;
	}
	.ftite h2 {
	    font-size: 50px;
	}
	.ftite p {
	    font-size: 16px;
	}
	.fpuzzled .list .zimg {
	    width: 180px;
	}
	.fpuzzled .list li h4 {
	    font-size: 23px;
	}
	.fpuzzled .list li {
		margin-bottom: 30px;
	}
	.fetingls {
	    padding: 60px 0 70px;
	}
	.fetingls .list li .icon {
		height: 90px;width: 90px;
	}
	.fetingls .list li h6 {
		font-size: 22px;
	}
	.fwhadvantag .list ul li .text h3 {
		font-size: 26px;
	}
	.fwhadvantag .list ul li .icon {
		height: 90px;width: 90px;
	}
	.fwhadvantag .list ul li .text {
	    width: calc(100% - 114px);
	}
	.fwhadvantag .list ul li {
	    margin-bottom: 60px;
	}
	.footer {
	    padding: 70px 0 80px;
	}
	.footer .flts .nav li {
	    margin-right: 30px;
	}
	.footer .flts .list ul {
		width: auto;
	}
	.footer .flts .list li {
		padding-right: 30px;
	}
	.fenterprise .fenter {
	    height: 560px;
	}
	.tiammao .hd ul{
		margin: 0;
	}
	.tiammao .bd li{
		width: 280px;
	}
	.tiammao .bd li .pic{
		height: 200px;
	}
	.tiammao .bd li .text h3{
		font-size: 20px;
	}
	.tiammao .bd li .text p{
		font-size: 14px;
	}
	.tiammao .uft{
		padding: 50px 0;
	}
	.tiammao .uft ul{
		margin-top: 40px;
	}
	.tiammao .uft li{
		width: 360px;
		height: 700px;
		margin-bottom: 40px;
	}
	.mkvideo{
			max-width: 1000px;
		}
}

@media only screen and (max-width:1240px) {
	.wrap {
		width: 1000px;
	}
	.fcasedel .fcasehd {
	    min-height: 300px;
	    padding: 40px 50px;
	}
	.fcasedel .fcasehd .tlt h2 {
	    font-size: 26px;
	    line-height: 60px;
	}
	.fcasedel .fcasehd .dels {
	    width: calc(100% - 440px);
		margin-top: 5px;
	}
	.foffbter {
		height: calc(100% - 490px);
	}
	.header .fnali dd a {
		line-height: 40px;
	}
	.fhchoice .list ul li span:before, 
	.fhchoice .list ul li span:after {
		border: 3px solid transparent;
	}
	.fweban {
	    height: 500px;
	}
	.fcontacsw .swiper-slide.swiper-slide-active .ftext {
	    left: 40px;
	}
	.fweban .text {
	    top: 90px;
	    left: 30px;
	}
	.fweban .text h2 {
	    font-size: 140px;
	}
	.fwechat .flist ul li .ico {
		height: 140px;
	}
	.fweban .text h4 {
	    font-size: 34px;
	}
	.fweban .text p {
		font-size: 16px;
	}
	
	.fwecase .cent {
	    margin-top: 40px;
	    padding: 0 30px;
	}
	.fwecase {
	    padding: 50px 0 60px;
	}
	.fwecase .cent .lts li {
	    width: calc((100% - 92px)/4);
	    margin-right: 30px;margin-bottom: 8px;
	}
	.fwechat .flist ul li h3 {
	    font-size: 20px;
	}
	.fwecase .cent .lts li h5 {
		font-size: 14px;
	}
	.fwechat .list li .icon {
		height: 110px;width: 110px;
	}
	.fwechat .flist ul li {
		width: 23%;
	}
	.fwebsite {
	    padding: 60px 0;
	}
	.fwebsite .list {
	    margin: 40px 10px 0;
	}
	.fwebsite .list .imgs {
	    width: 160px;
	}
	.fshorvideo {
	    padding: 60px 0 80px;
	}
	.fshorvideo .list ul {
	    padding: 40px 20px 0;
	}
	.fshorvideo .list ul li {
	    width: calc((100% - 92px)/4);
	    margin-right: 30px;
	}
	.fshorvideo .list ul li .icon {
	    height: 110px;
	    width: 110px;
	}
	.fshorcase .fcasesw {
	    margin-top: 40px;
	}
	.fshorcase .fcasesw .swspan {
	    margin: 50px auto 0;
	}
	.fshorcase .fcasesw li {
	    height: 200px;
	}
	.fshorcase .fcasesw li .cent .ico {
	    height: 55px;
	    width: 55px;
	}
	.fshorvideo .list ul li .text h4 {
	    font-size: 20px;
	}
	.fshorcase .fcasesw li .cent h4 {
	    margin-top: 15px;
	    font-size: 18px;
	}
	.ftlt h3 {
	    font-size: 34px;
	}
	.fserviceh5 {
	    padding: 50px 0 80px;
	}
	.fserviceh5 .list {
	    margin: 30px 20px 0;
	}
	.fserviceh5 .list ul li h3 {
	    font-size: 20px;
	}
	.fserviceh5 .list ul li h2 {
	    font-size: 30px;margin-top: 0;
	}
	.fh5advant .list ul {
	    margin-top: 40px;
	}
	.fh5advant .list ul li {
	    width: 200px;
	    margin: 0 20px;
	}
	.fapplet .list ul li .ico {
	    height: 120px;
	    width: 120px;
	}
	.fappban {
	    height: 520px;
	}
	.fwhservapp .list li {
	    margin: 0 20px;
	}
	.fserban {
	    height: 550px;
	}
	.fapplet .list ul li .text {
		margin-top: 10px;
	}
	
	.fservice .flist li .text h2 {
	    font-size: 30px;
	}
	.fservice .flist li .text a {
	    margin: 25px auto 0;
	}
	.fservice .flist li .text {
		left: 20px;right: 20px;
	}
	.fbanews {
	    height: 440px;
	}
	.fservice .list li {
	    height: 500px;
	}
	.fservice .list li .text {
		width: 51%;
	}
	.fnews_dels .tet h2 {
	    font-size: 28px;
	}
	.fservice .list li:nth-child(3) .text {
		width: 46%;
	}
	.fservice .list li .text h3 {
	    font-size: 30px;
	}
	.fservice .list li .text p {
		font-size: 14px;
	}
	.fservice .list li .text dd {
	    margin-right: 20px;font-size: 16px;
	}
	.fbanews .text h2 {
	    font-size: 40px;
	}
	.fnews_dels .tet h4 {
		font-size: 22px;line-height: 1.6;
	}
	.fbanews .text p {
	    font-size: 18px;
	}
	.fnews_dels .dels {
	    padding: 20px 0 60px;
	}
	.fnews_dels {
	    padding: 45px 0 50px;
	}
	.fmarkban .text {
	    left: 30px;
	}
	.fmarkban .text h2 {
	    font-size: 40px;
	    line-height: 1.5;
	}
	.fmarkban .text h3 {
	    font-size: 30px;
	}
	.fmarkban .text p {
		margin-top: 7px;
	}
	.fmark .text {
	    margin-top: 0;
	}
	.fmark .text h3 {
	    font-size: 30px;
	}
	.fmark .text h2 {
	    font-size: 35px;
	}
	.foptimiz {
		height: 450px;padding: 40px 0;
	}
	.ftite h2 {
	    font-size: 40px;
	}
	.ftite p {
	    margin-top: 10px;
	}
	.fmarkban {
	    height: 500px;
	}
	.fpuzzled .list .zimg {
	    width: 150px;left: -45px;
	}
	.fpuzzled .list li h4 {
	    font-size: 20px;
	}
	.fetingls {
	    padding: 50px 0 60px;
	}
	.fetingls .list li .icon {
	    height: 80px;
	    width: 80px;
	}
	.fpuzzled .list li p {
		font-size: 14px;
	}
	.fetingls .list li h6 {
	    font-size: 18px;margin-top: 10px;
	}
	.fwhadvantag {
	    padding: 50px 0 25px;
	}
	.fwhadvantag .list ul {
	    margin-top: 50px;
	}
	.fwhadvantag .list ul li .text h3 {
	    font-size: 22px;
	}
	.fcontacsw .swiper-slide .ftext h2 {
	    font-size: 100px;
	}
	.fcontacsw .swiper-slide .ftext h3 {
		font-size: 26px;line-height: 1.6;margin: 15px 0 7px;
	}
	.fcontacsw .swiper-slide .ftext h2::before {
		width: 110px;
	}
	.fcase .list ul li {
	    float: left;
	    width: calc((100% - 62px)/3);
	    margin-right: 30px;
	    margin-bottom: 30px;
	}
	.fcase {
	    padding: 40px 0;
	}
	.fcase .list ul li .imgs {
		height: 210px;
	}
	.fcase .list ul li .text h4 {
		font-size: 16px;
	}
	.fcase .list ul li .text {
		padding: 10px 8px;
	}
	.fcase .list ul {
	    margin-top: 30px;
	}
	.fban {
	    height: 450px;
	}
	.frecruit .tlt h2,
	.fban .text h2 {
	    font-size: 34px;
	}
	.frecruit .list li .text .tet h2 {
	    font-size: 20px;
	}
	.frecruit .list li .text .tet h6 {
		font-size: 14px;
	}
	.frecruit .list li .text p {
		font-size: 14px;line-height: 1.6;height: 5em;
	}
	.frecruit .tlt p {
		font-size: 18px;
	}
	.frecruit .list li .text {
	    padding: 20px;
	}
	.frecruit .list li .text .more, .frecruit .list li .text p {
	    margin-top: 10px;
	}
	.frecruit .list li .text .more {
		font-size: 14px;
	}
	.fenterprise .list li {
	    height: 400px;
	}
	.fenterprise .fenter .text h2 {
	    font-size: 30px;
	}
	.fenterprise .fenter .text p {
		font-size: 14px;
	}
	.fenterprise .fenter {
	    height: 500px;
	}
	.fenterprise .list li .text h2 {
	    font-size: 40px;
	}
	.fenterprise .list li:nth-child(2) {
	    height: 420px;
	}
	.fenterprise .list li:nth-child(3) {
	    height: 500px;
	}
	.fenterprise .list li .text p {
	    font-size: 16px;
	}
	.fbanls {
	    height: 500px;
	}
	.fhdatals {
		padding: 20px 0;margin: -103px auto 0;
	}
	.foffer .lt {
	    width: calc(100% - 180px);
	}
	.fbanls .list ul li h2 {
	    font-size: 70px;
	}
	.foffer {
	    padding: 50px 0 80px;
	}
	.foffer .lt li .text {
	    height: 46px;padding: 0 10px;
	}
	.foffer .t {
	    margin-top: 20px;
	}
	.foffer .rt .fsub {
	    line-height: 44px;
	}
	.foffer .h {
	    font-size: 25px;
	    margin-bottom: 20px;
	}
	.foffer .rt {
	    width: 160px;
	}
	.fbanls .list ul li h5 {
	    font-size: 18px;
	}
	.fhdatals li h2 {
		font-size: 44px;
	}
	.fhdatals li h6 {
		font-size: 16px;
	}
	.fbanner {
	    height: 580px;
	}
	.header .rts .naver ul li {
	    margin-right: 25px;
	}
	.header .rts .dh {
	    margin-left: 15px;
	    padding-left: 20px;
	}
	.fhacts .list li .tet h3 {
		font-size: 18px;
	}
	.fhacts .list li {
	    float: left;
	    width: calc((100% - 72px)/3);
	    margin-right: 35px;
	}
	.footer {
	    padding: 60px 0 70px;
	}
	.footer .frts {
		width: 250px;
	}
	.footer .frts .wxls ul li {
	    width: calc((100% - 32px)/3);
	    margin-right: 15px;
	}
	.footer .frts .wxls ul li .img {
		height: 73px;
	}
	.footer .flts .nav li {
	    margin-right: 20px;
	}
	.footer .flts .copyright {
	    margin-top: 20px;
	}
	
	
	.tiammao .bd li{
		width: 240px;
	}
	.tiammao .bd li .pic{
		height: 180px;
	}
	.tiammao .uft li{
		width: 320px;
		height: 620px;
	}
}

@media only screen and (max-width:1040px) {
	.wrap {
		width: auto;
	}
	.fcasedel .fcasehd {
	    min-height: 240px;
	    padding: 30px 40px;
	}
	.fcasedel .fcasehd .tlt h2 {
	    font-size: 24px;
	    line-height: 60px;
	}
	.fcasedel .fcasehd .dels {
	    width: calc(100% - 300px);
	    margin-top: 5px;
	}
	.header .rts .naver li .fnali {
	    top: 70px;
	}
	.flaytop {
	    padding-top: 70px;
	}
	.fcasedel .fcasehd .dels .ann {
	    position: relative;
	    width: 120px;
	    overflow: hidden;
	    border-radius: 20px;
	    margin-top: 10px;
	    background: #000;
	}
	.fcasedel .fcasehd .dels a {
		font-size: 16px;line-height: 40px;
	}
	.ftitle ul li {
		padding: 0 10px;
	}
	.ftitle ul li::before {
		background: auto 12px;
		height: 12px;
	}
	.ftitle ul li h4 {
		font-size: 16px;
	}
	.fbanner .fhtext h2 {
		font-size: 40px;
	}
	.fbanner .fhtext h4 {
		margin-top: 10px;
	}
	.fweban {
	    height: 400px;
	}
	.fweban .text h2 {
	    font-size: 134px;
	}
	.fweban .text h4 {
	    font-size: 28px;
	}
	.header .fnali dd a {
		margin: 0 6px;font-size: 12px;line-height: 34px;
	}
	.fweban .text {
		top: 70px;
	}
	.fwechat {
	    padding: 40px 15px 70px;
	}
	.fwechat .list li {
	    width: calc((100% - 62px)/3);
	    margin-right: 30px;
	}
	.fwechat .list li .icon {
	    height: 100px;
	    width: 100px;
	}
	.fwechat .list li .text {
	    margin-top: 10px;
	}
	.fwechat .list li .text h3 {
	    font-size: 18px;line-height: 1.4;
	}
	.fwechat .flist {
	    margin-top: 40px;
	}
	.fwechat .flist ul li .ico {
	    height: 120px;
	}
	.fwechat .flist ul li h3 {
	    font-size: 18px;margin-top: 8px;
	}
	.fwechat .list li .text p {
		line-height: 1.4;
	}
	.fwecase {
	    padding: 50px 15px 60px;
	}
	.fwecase .cent {
	    margin-top: 40px;
	    padding: 0;
	}
	.fwecase .cent .lts {
		width: 46%;
	}
	.fwebsite .list .imgs {
	    display: none;
	}
	.fwebsite .list ul li {
		display: block;margin-right: 0;width: auto;
	}
	.fwebsite {
	    padding: 50px 15px;
	}
	.fwebsite .list ul {
		padding-top: 0;
	}
	.fwebsite .list {
	    margin: 30px 10px 0;
	}
	.fserban .text dl dd {
		font-size: 16px;margin-right: 20px;
	}
	.fserban .text dl {
		margin-top: 15px;
	}
	.fwebsite .list ul li h4 {
	    font-size: 20px;
	}
	.fshorvideo {
	    padding: 40px 15px;
	}
	.fshorvideo .list ul {
	    padding: 30px 10px 0;text-align: center;
		font-size: 0;
	}
	.fshorvideo .list ul li {
	    width: 46%;
		margin-right: 0;float: none;
		margin: 0 2% 20px;display: inline-block;
	}
	.fshorvideo .list ul li .text {
	    margin-top: 10px;
	}
	.fshorcase {
	    padding: 40px 15px;
	}
	.fshorcase .fcasesw {
	    margin-top: 30px;
	}
	.fshorcase .fcasesw .swspan {
	    margin: 35px auto 0;
	}
	.fshorcase .fcasesw li {
	    height: 28vw;
	}
	.fshorcase .fcasesw .swspan span {
	    height: 12px;
	    width: 12px;
		margin: 0 10px;
	}
	.fshorvideo .list ul li .text p {
		margin-top: 3px;
	}
	.fshorvideo .list ul li:nth-child(2n) {
		float: right;
	}
	.fserviceh5 .list ul li h2 {
		font-size: 24px;
	}
	.fh5advant .list ul {
	    margin-top: 30px;
	}
	.fh5advant .list ul li {
	    margin: 0 15px 20px;
	}
	.fh5advant .list ul li .icon {
	    height: 100px;
	    width: 100px;
	}
	.fh5advant .list ul li .text {
		margin-top: 6px;
	}
	.fh5advant .list ul li .text h2 {
		font-size: 21px;
	}
	.fh5advant .list ul li .text p {
		font-size: 14px;
	}
	
	.fh5advant {
	    padding: 40px 15px;
	}
	.fserviceh5 .list {
	    margin: 20px auto 0;
	}
	.fserviceh5 {
	    padding: 40px 15px 60px;
	}
	.fserviceh5 .list ul li {
	    padding: 15px 15px 20px;
	}
	.fserviceh5 .list ul li h3 {
	    font-size: 20px;
	}
	.fappban {
	    height: 420px;
	}
	.ftlt h3 {
	    font-size: 30px;
	}
	.ftlt h6 {
		margin-top: 5px;
	}
	.fentrance {
	    padding: 40px 15px 60px;
	}
	.fentrance .list ul {
	    margin-top: 35px;
	}
	.fentrance .list ul li {
	    float: left;
	    width: calc((100% - 22px)/3);
	    margin-right: 10px;
	    vertical-align: top;
		margin-bottom: 20px;
	}
	.fentrance .list ul li:nth-child(3n) {
		margin-right: 0;
	}
	.fentrance .list ul li .text {
	    margin-top: 5px;
	}
	.fapplet {
		padding: 40px 15px;
	}
	.fapplet .list ul {
	    margin-top: 40px;
	}
	.fserban {
	    height: 450px;
	}
	.fserban .text h2 {
	    font-size: 30px;
	}
	.fwhservapp {
	    padding: 40px 15px 50px;
	}
	.fwhservapp .list ul {
	    margin-top: 30px;
	}
	.fwhservapp .list li .ico {
	    height: 120px;
	    width: 120px;
	}
	.fdevelop {
	    padding: 40px 15px 50px;
	}
	.fdevelop .list ul {
	    margin-top: 40px;
	}
	.fdevelop .list ul li {
		width: 30%;margin-bottom: 20px;
	}
	.fwhservapp .list li {
		width: 31%;margin: 0 1%;
	}
	.fserban .text p {
		margin-top: 5px;
	}
	.fdevelop .list ul li .icon {
	    height: 90px;
	    width: 90px;
	}
	.fserban .text {
		right: 15px;width: 45%;
	}
	.fservice .flist li .text h2 {
	    font-size: 25px;
	}
	.fservice .flist li .text p {
	    margin-top: 4px;font-size: 14px;
	}
	.fservice .flist li .text a {
	    margin: 15px auto 0;
	}
	.fservice .list li {
	    height: 400px;
	}
	.fbanews .text h2 {
	    font-size: 35px;
	}
		.fservice .list li{
			padding: 40px 20px;
			height: auto !important;
		}
	.fservice .list li .imgs {
		left: 0 ;
		position: static;
		margin: 0 auto;
		transform:translateY(0%);
		max-width: 90% !important;
	}
	.fservice .list li .imgs img{
		max-width: 100%;max-height: 50vh;
		display: block;margin: 0 auto;width: auto;
	}
	.fservice .list li .text {
		right: 15px;position: static;width: auto;
    transform: translateY(0%);margin-top: 30px;
	}
	.fservice .list li .text h3 {
	    font-size: 25px;
	}
	.fservice .list li .text dl {
	    margin: 15px auto;
	}
	.fservice .list li:nth-child(2n) .text {
		left: 15px;
	}
	.fservice .list li:nth-child(3) .imgs {
	    left: 0;
	}
	.fservice .list li:nth-child(3) .text {
	    width: 44%;
	}
	.fservice .list li .text .more {
	    margin-top: 15px;
	}
	.fbanews {
	    height: 400px;
	}
	.fnews li {
	    padding: 24px 15px;
	}
	.fnews li .text h2 {
	    font-size: 25px;line-height: 1.6;
	}
	.fnews li .text h3 {
	    margin-top: 10px;
	    font-size: 28px;line-height: 1.2;
	}
	.fnews_dels {
	    padding: 40px 15px 50px;
	}
	.fnews_dels .tet h2 {
	    font-size: 26px;
	}
	.fnews_dels .dels {
	    padding: 20px 0 50px;
	}
	.fnews_dels .page {
	    margin-top: 14px;
	}
	
	.fnews_dels .tet h4 {
	    font-size: 20px;margin-top: 3px;
	}
	.fmarkban {
	    height: 400px;
	}
	.fmark {
		padding: 30px 15px;
	}
	.fmark .imgs {
		width: 36%;margin-top: 20px;
	}
	.fmark .text h3 {
	    font-size: 25px;
	}
	.fmark .text h2 {
	    font-size: 30px;
	}
	.ftite h2 {
	    font-size: 30px;
	}
	.fpuzzled .list .zimg {
		display: none;
	}
	.fpuzzled .list li {
		float: none !important;width: auto;margin-bottom: 15px;margin-right: 0;
	}
	.fetingls {
		padding: 40px 15px;
	}
	.fetingls .list li .icon {
	    height: 70px;
	    width: 70px;
	}
	.fetingls .list li h6 {
	    font-size: 16px;
	    margin-top: 5px;
	}
	.fwhadvantag {
	    padding: 40px 15px 15px;
	}
	.fpuzzled {
	    padding: 40px 15px 20px;
	}
	.fwhadvantag .list ul {
	    margin-top: 40px;
	}
	.fwhadvantag .list ul li {
	    margin-bottom: 30px;float: none !important;width: auto;
		margin-right: 0;
	}
	.foptimiz {
	    height: 400px;
	    padding: 40px 15px;
	}
	.fmarkban .text h2 {
	    font-size: 30px;
	}
	.fmarkban .text h3 {
	    font-size: 25px;
	}
	.fcontacsw .swiper-slide.swiper-slide-active .ftext {
	    left: 50px;
	}
	.fcontacsw .swiper-slide {
	    height: 400px;
	}
	.fcontacsw .swiper-slide .ftext h2 {
	    font-size: 80px;
	}
	.fcontacsw .swiper-slide .ftext h2::before {
	    width: 100px;
	}
	.fcontacsw .swiper-slide .ftext h3 {
	    font-size: 22px;
	    line-height: 1.6;
	    margin: 10px 0 5px;
	}
	.fcontacsw .swiper-slide .ftext h6 {
		font-size: 14px;
	}
	.fcontacsw .swiper-slide .ftext .wxls {
	    margin-top: 10px;
	    width: 70px;
	}
	.fcontacsw .swiper-slide .ftext .wxls p {
		margin-top: 4px;
	}
	.fcontacsw .swiper-slide .ftext .wxls .wx {
		height: 70px;
	}
	.fcasedel {
	    margin: 40px auto 0;padding: 0 15px;
	}
	.fcasedel img {
	    margin-bottom: 20px;
	}
	.fcase .list ul li {
	    float: left;
	    width: calc((100% - 42px)/3);
	    margin-right: 20px;
	    margin-bottom: 20px;
	}
	.fcase {
	    padding: 40px 15px;
	}
	.fcase .list ul li .imgs {
		height: 20vw;
	}
	.fenterprise .fenter .text {
		width: 45%;
	}
	.fban {
	    height: 350px;
	}
	.frecruit .list li .text .tet h2 {
		font-size: 16px;line-height: 1.6;
	}
	.frecruit .list li .text .tet h6 {
	    font-size: 12px;
	}
	.frecruit .list li .text p {
		font-size: 12px;
	}
	.frecruit .list li .text .more {
	    font-size: 12px;margin-top: 5px;
	}
	.frecruit .tlt h2, .fban .text h2 {
	    font-size: 30px;
	}
	.fenterprise .fenter {
	    height: 400px;
	}
	.fenterprise .fenter .text h2 {
	    font-size: 24px;
	}
	.fenterprise .fenter .text {
		top: 50%;width: auto;
	}
	.header {
		padding: 0 15px;
	}
	.fenterprise .list li .imgs {
		right: 40px;top: 50%;transform: translateY(-50%);
	}
	.fenterprise .list li:nth-child(2) {
	    height: 360px;
	}
	.fenterprise .list li:nth-child(3) .imgs {
	    right: 30px;
	}
	.fenterprise .list li:nth-child(3) {
	    height: 440px;
	}
	.fenterprise .list li:nth-child(2n) .imgs {
	    left: 10px;
	    max-width: 50%;
	    padding-top: 10px;
	}
	.fpadd {
	    padding: 0;
	}
	.fbanls .list ul li h2 {
	    font-size: 60px;
	}
	.fbanls .list ul li h5 {
	    font-size: 16px;
	}
	.fab_wh {
	    padding: 50px 15px 80px;
	}
	.fnetwork .list ul li {
	    float: left;
	    width: calc((100% - 82px)/5);
	    margin-right: 20px;
	    text-align: center;
	    margin-bottom: 30px;
	}
	.fadvantage {
	    padding: 50px 15px 60px;
	}
	.foffer {
	    padding: 50px 15px 70px;
	}
	.fadvantage .imgs {
	    margin: 40px auto 0;
	}
	.fbanls {
	    height: 400px;
	}
	.ftlt h2 {
	    font-size: 30px;
	}
	.ftlt h6 br {
		display: none;
	}
	.fab_wh .imgs {
	    margin: 30px auto 0;
	}
	.header .rts .naver ul li h3 a {
		line-height: 70px;font-size: 14px;
	}
	.fnetwork {
	    padding: 50px 15px 30px;
	}
	.header .rts .dh {
	    margin-left: 10px;
	    padding-left: 10px;
	}
	.header .rts .dh::before {
		height: 16px;
	}
	.header .rts .dh h5 i {
		line-height: 70px;font-size: 14px;
		background-size: 17px auto;padding-left: 20px;
	}
	.header .rts .naver ul li {
	    margin-right: 12px;
	}
	.header .logo {
		width: 140px;
	}
	.fbanner {
		height: 500px;
	}
	.fhdatals {
		margin: -82px 15px 0;
		padding: 15px 0;
	}
	.fhdatals li h2 {
	    font-size: 35px;
	}
	.fhdatals li h6 {
	    font-size: 14px;
	}
	.fhservice {
	    padding: 50px 15px 40px;
	}
	.fhservice .list li {
	    width: calc((100% - 50px)/3);
	    margin-right: 20px;
	    margin-bottom: 30px;
	    position: relative;
	    padding-right: 20px;
	}
	.fhservice .list li:nth-child(3n) {
	    padding-left: 20px;
	}
	.ftitle h2 {
	    font-size: 28px;line-height: 1.6;
	}
	.ftitle h6 {
		font-size: 16px;margin-top: 0;
	}
	.fhservice .list {
	    margin-top: 40px;
	}
	.fhservice .list li h3 {
		font-size: 20px;
	}
	.fhcase .list {
	    margin-top: 40px;
	}
	.fhcase .list li .text h4 {
		font-size: 16px;
	}
	.fcasels li a {
		font-size: 16px;line-height: 42px;width: 160px;border-radius: 21px;
	}
	.fcasels li {
		border-radius: 21px;
	}
	.fhcase .list li {
		width: 50%;
	}
	.fhcase .list li .imgs {
		height: 32vw;
	}
	.fhchoice {
	    padding: 40px 15px 60px;
	}
	.fhchoice .list ul {
	    margin-top: 30px;
	}
	.fhchoice .list ul li {
		height: 90px;
	}
	.fhacts {
	    padding: 50px 15px 70px;
	}
	.fhacts .list li {
	    width: calc((100% - 52px)/3);
	    margin-right: 25px;
	}
	.fhacts .list ul {
	    margin-top: 40px;
	}
	.footer {
	    padding: 40px 15px 50px;
	}
	.footer .frts{
		float: none;width: 300px;
		margin-top: 20px;
	}
	.footer .flts {
		float: none;width: auto;
	}
	.footer .flts .list {
	    margin-top: 10px;
	}
	.footer .frts .wxls ul li .img {
		height: 90px;
	}
	.fpuzzled .list {
		margin-top: 40px;
	}
	.footer .frts .ht,
	.footer .flts .copyright {
	    margin-top: 10px;
	}
	.foffbter {
	    height: calc(100% - 555px);
		padding: 40px 15px;
	}
	.footer .flts .list li p {
		margin-top: 2px;
	}
	.tiammao .bd ul{
		margin-top: 20px;
	}
	.tiammao .hd ul{
		padding-top: 20px;
	}
	.tiammao .hd,
	.tiammao .bd {
		padding: 35px 20px;
	}
	.tiammao .bd li{
		width: 100%;
	}
	.tiammao .bd li .pic{
		height: 52vw;
	}
	.tiammao .uft{
		padding: 35px 20px;
	}
	.tiammao .uft li{
		width: 100%;
		height: 175vw;margin-bottom: 20px;
	}
	.tiammao .hd li img{
		width: 80px;
	}
	.tiammao .hd h3{
		font-size: 16px;
	}
}

@media only screen and (max-width:800px) {
	.tiammao .hd li{
		width: 50%;margin-bottom: 20px;
	}
	.fcasedel .fcasehd {
	    min-height: auto;
	    padding: 30px 30px 40px;
	}
	.fcasedel .fcasehd .dels,
	.fcasedel .fcasehd .tlt {
		float: none;width: auto;
	}
	.fcasedel .fcasehd .tlt h2 {
	    font-size: 24px;
	    line-height: 50px;
	}
	.fcasedel .fcasehd .dels {
		margin-top: 15px;
	}
	.wrap {
		width: auto;
	}
	.fcontacsw .swiper-slide.swiper-slide-active .ftext {
	    left: 40px;
	}
	.foffbter {
		height: auto;
	}
	.header .rts .naver li .fnali {
		position: sticky;visibility: initial;opacity: 1;
		transform: initial;
		-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 7%);
		box-shadow: 0 1px 1px rgb(0 0 0 / 7%);
		display: none;transform-origin: initial;
		border-top: none;transition: 0s all;
	}
	
	.fbanner .fhtext h2 {
	    font-size: 30px;
	}
	.ftitle ul li {
		padding: 0 6px;
	}
	.ftitle ul li::before {
		background: auto 10px;
		height: 10px;
	}
	.ftitle ul li h4 {
	    font-size: 14px;
	}
	.fweban {
	    height: 280px;
	}
	.fweban .text {
	    top: 50%;transform: translateY(-50%);
	    left: 20px;right: 20px;
	}
	.fweban .text h2 {
	    font-size: 80px;
	}
	.fweban .text h4 {
	    font-size: 22px;margin-top: 5px;
	}
	.fweban .text p {
		font-size: 14px;line-height: 1.6;
	}
	.fweban .text p br {
		display: none;
	}
	.fwechat .list li {
		float: none;width: auto;margin-right: 0;
		margin-bottom: 20px;
	}
	.fwechat .flist ul li {
		width: 40%;margin-bottom: 20px;
	}
	.fwecase .cent {
		margin-top: 30px;
	}
	.fwecase .cent .rts {
		float: none;width: 70%;margin: 30px auto 0;
	}
	.fwecase .cent .lts {
		float: none;width: 80%;margin: 0 auto;
	}
	.fwecase .cent .lts li {
	    width: calc((100% - 62px)/4);
	    margin-right: 20px;
	    margin-bottom: 8px;
	}
	.fserviceh5 {
	    padding: 30px 15px 40px;
	}
	.fwecase {
	    padding: 40px 15px;
	}
	
	.fshorvideo .list ul li .icon {
	    height: 95px;
	    width: 95px;
	}
	.fshorvideo .list ul li .text h4 {
	    font-size: 18px;
	}
	.fshorcase .fcasesw li .cent .ico {
	    height: 50px;
	    width: 50px;
	}
	.fshorcase .fcasesw li {
	    height: 32vw;
	}
	.fshorcase .fcasesw li .cent h4 {
		margin-top: 10px;
	}
	.fserviceh5 .list ul li {
	    padding: 10px 10px 15px;
		width: 50%;border-top: 1px solid #dddddd;
	}
	.fh5advant .list ul li {
	    margin: 0 auto 20px;width: 50%;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.fh5advant .list ul li .text h2 {
	    font-size: 18px;
	}
	.fh5advant .list ul li .icon {
	    height: 80px;
	    width: 80px;
	}
	.fh5advant {
	    padding: 30px 15px;
	}
	.fserviceh5 .list ul li:nth-child(1),
	.fserviceh5 .list ul li:nth-child(2) {
		border-top: none;
	}
	.fserviceh5 .list ul li h3 {
	    font-size: 16px;
	}
	.fserviceh5 .list ul li h2 {
	    font-size: 20px;
	}
	.ftlt h3 {
	    font-size: 24px;
	}
	.ftlt h6 {
		font-size: 14px;line-height: 1.6;
	}
	.fapplet .list ul li {
		width: 46%;margin: 0 2% 20px;
	}
	.fapplet .list ul li .text h3 {
		font-size: 20px;
	}
	.fentrance .list ul li .text h3 {
	    font-size: 18px;
	}
	.fentrance {
	    padding: 40px 15px;
	}
	.fentrance .list ul li .ico {
	    height: 80px;
	    width: 80px;
	}
	.fapplet .list ul li .text h6 br {
		display: none;
	}
	.fapplet .list ul li .text {
	    margin-top: 5px;
	}
	.fapplet .list ul li .text h6 {
		margin-top: 0;
	}
	.fapplet .list ul {
	    margin-top: 30px;
	}
	.fserban {
	    height: 360px;
	}
	.fserban .text h2 {
	    font-size: 25px;
	}
	.fserban .text p {
		font-size: 10px;
	}
	.fwhservapp .list li {
		width: auto;margin: 0 auto 20px;
	}
	.fwhservapp {
	    padding: 40px 15px;
	}
	.fservice .flist li .text h2 {
	    font-size: 21px;
	}
	.fdevelop .list ul li .icon {
	    height: 80px;
	    width: 80px;
	}
	
	.fserban .text h2 {
		font-size: 18px;
	}
	.fwhservapp .list ul {
	    margin-top: 20px;
	}
	.fwhservapp .list li .ico {
	    height: 80px;
	    width: 80px;
	}
	.fserban .text p {
		line-height: 1.6;
	}
	.fwhservapp .list li .tet {
		margin-top: 8px;
	}
	.fwhservapp .list li .tet h3 {
		font-size: 20px;
	}
	.fwhservapp .list li .tet p {
		margin-top: 0;
	}
	.fdevelop {
	    padding: 40px 15px;
	}
	.fwhservapp {
	    padding: 30px 15px;
	}
	.fserban .text {
		width: 45%;left: auto;
	}
	.fdevelop .list ul li .tet h4 {
	    font-size: 18px;
	}
	.fdevelop .list ul li {
		width: 46%;margin: 0 2% 20px;
	}
	.fdevelop .list ul {
	    margin-top: 30px;
	}
	.fwhservapp .list li .ico {
	    height: 100px;
	    width: 100px;
	}
	.fbanews {
	    height: 300px;
	}
	.fservice .flist li {
		float: none;width: auto;
		height: auto;padding: 30px 15px;
	}
	.fservice .flist li .text {
		position: initial;transform: translateY(0);
	}
	.fservice .flist li .text a {
	    margin: 10px auto 0;
	}
	.fservice .list li .text h3 {
	    font-size: 18px;
	}
	.fservice .list li .text p {
	    margin-top: 5px;
	}
	.fservice .list li .text dl {
	    margin: 10px auto;
	}
	.fservice .list li .text dd {
	    margin-right: 10px;
	    font-size: 14px;
	}
	.fservice .list li .text .more {
	    margin-top: 10px;
	}
	.fservice .list li .text {
		top: 50%;
	}
	.fservice .list li {
	    height: 300px;
	}
	.fbanews .text h2 {
	    font-size: 25px;
	}
	.fnews li .text h3,
	.fnews li .text h2 {
		font-size: 22px;
	}
	
	.fbanews .text p {
	    font-size: 16px;
		margin-top: 5px;
	}
	.fnews_dels .tet h2 {
	    font-size: 24px;
	}
	.fnews_dels .page li {
		float: none !important;width: auto;
	}
	.fnews_dels .page li a {
		text-align: left !important; 
	}
	.fnews_dels .dels {
	    padding: 15px 0 40px;
	}
	.fnews_dels .page li:nth-child(2) a {
	    background: url(../images/fjt1.png) no-repeat left center;
	    text-align: left;
	    padding-right: 0;
		
	}
	.fnews_dels .page li a {
		background-size: 8px auto !important;
		font-size: 14px;line-height: 2.2;
		padding-left: 17px !important;
	}
	.fnews_dels .page li:nth-child(2) a:hover {
	    background: url(../images/fjt2.png) no-repeat left center;
	}
	.fnews_dels .page {
	    margin-top: 10px;
	}
	.fnews_dels {
	    padding: 30px 15px 40px;
	}
	.fmarkban {
	    height: 300px;
	}
	.fmarkban .text h2 {
	    font-size: 25px;
	}
	.fmarkban .text h3 {
	    font-size: 20px;
	}
	.fmarkban .text p {
		font-size: 14px;margin-top: 4px;
	}
	.fmark .imgs {
		float: none;margin: 0 auto;
	}
	.fmark .text {
		float: none;width: auto;text-align: center;
	}
	.fmark .text h3 {
	    font-size: 20px;
	}
	.fmark .text h2 {
	    font-size: 25px;
	}
	.fmark .text p {
		margin-top: 6px;
	}
	.fpuzzled .list li h4 {
	    font-size: 18px;
	}
	.fpuzzled .list {
		margin-top: 30px;
	}
	.fetingls .list li .icon {
	    height: 60px;
	    width: 60px;
	}
	.fetingls .list li h6 {
	    font-size: 14px;
	}
	.fpuzzled .list li p {
		margin-top: 0;
	}
	.fwhadvantag .list ul {
	    margin-top: 30px;
	}
	.fwhadvantag .list ul li .text h3 {
	    font-size: 20px;
	}
	.fwhadvantag .list ul li .text p {
		margin-top: 7px;font-size: 14px;
	}
	.fwhadvantag .list ul li .icon {
	    height: 70px;
	    width: 70px;
	}
	.fwhadvantag .list ul li .text  {
		width: calc(100% - 85px);
	}
	.ftite h2 {
	    font-size: 26px;
	}
	.ftite p {
	    font-size: 14px;
	}
	.foptimiz {
	    height: 320px;
	    padding: 30px 15px;
	}
	.ftite p br {
		display: none;
	}
	.fcontacsw .swiper-slide .ftext h2 {
	    font-size: 50px;
	}
	.fcontacsw .swiper-slide .ftext h2::before {
	    width: 70px;
	}
	.fcontacsw .swiper-slide .ftext h3 {
		font-size: 18px;margin: 10px 0 2px;
	}
	.fcontacsw .swiper-slide .ftext .wxls {
	    margin-top: 5px;
	    width: 60px;
	}
	.fcontacsw .swiper-slide .ftext .wxls .wx {
	    height: 60px;
	}
	.fcontacsw .swiper-slide .ftext .wxls p {
	    margin-top: 4px;font-size: 12px;
	}
	.fcontacsw .swiper-slide .ftext {
		top: 52%;
	}
	.fcase .list ul li {
	    float: none;
	    width: auto;
	    margin-right: 0;
	    margin-bottom: 20px;
	}
	.fcase .list ul {
	    margin-top: 20px;
	}
	.fcase {
	    padding: 20px 15px;
	}
	.fcasedel {
	    margin: 30px auto 0;
	}
	.fcase .list ul li .imgs {
		height: auto;
	}
	.fhcase .list li .text h6 {
		margin-top: 0;
	}
	.fhcase .ftitle {
		padding: 0 15px;
	}
	.fhcase .list {
		padding: 0 2px;
	}
	.fpagels ul li a {
		line-height: 30px;min-width: 30px;font-size: 14px;
		padding: 0 8px;
	}
	.fpagels ul li {
		margin: 0 2px;
	}
	.fban {
	    height: 260px;
	}
	.frecruit .tlt h2, .fban .text h2 {
	    font-size: 25px;
	}
	.fban .text h6 {
	    margin-top: 5px;
	    font-size: 14px;
	}
	.frecruit .list li .text,
	.frecruit .list li .imgs {
		width: auto;display: block;
	}
	.frecruit .list li .lis{
		float: none;width: auto !important;
	}
	.frecruit .list li .imgs {
		height: 44vw;
	}
	.frecruit .list li div:nth-child(2n){
		width: auto !important;
	}
	.frecruit .list li .text .tet h2 {
	    font-size: 18px;
	}
	.frecruit .list li .text .more,
	.frecruit .list li .text p,
	.frecruit .list li .text .tet h6 {
	    font-size: 14px;
	}
	.frecruit .list li .text .more,
	.frecruit .list li .text p{
		height: auto;margin-top: 10px;
	}
	.frecruit .list li .text {
		height: auto;
	}
	.frecruit .tlt {
	    padding: 40px 15px 50px;
	}
	.frecruit .tlt p {
	    font-size: 16px;margin-top: 4px;
	}
	.fenterprise .fenter .text {
		right: auto;position: initial;transform: translateY(0);
	}
	.fenterprise .list li {
	    height: 280px;
	}
	.fenterprise .list li .text h2 {
	    font-size: 30px;
	}
	.fenterprise .list li:nth-child(2) {
	    height: 300px;
	}
	.fenterprise .list li .imgs {
		right: 20px;
	}
	.fenterprise .list li:nth-child(3) {
	    height: 340px;
	}
	.fenterprise .list li .text {
	    left: 15px;
	}
	.fenterprise .list li:nth-child(2n) .text {
	    left: 15px;
	}
	.fenterprise .list li .text p {
	    font-size: 14px;
	}
	.fenterprise .fenter {
		height: auto;padding: 30px 15px;
	}
	.fenterprise .fenter .text p {
		margin-top: 0;
	}
	.fab_wh {
	    padding: 40px 15px 60px;
	}
	.ftlt h2 {
	    font-size: 26px;
	}
	.fnetwork {
	    padding: 40px 15px 20px;
	}
	.fnetwork .list ul {
	    margin-top: 30px;
	}
	.fnetwork .list ul li {
	    float: left;
	    width: calc((100% - 42px)/3);
	    margin-right: 20px;
	    text-align: center;
	    margin-bottom: 20px;
	}
	.fnetwork .list ul li:nth-child(3n) {
		margin-right: 0;
	}
	.fnetwork .list ul li:nth-child(5n) {
		margin-right: 20px;
	}
	.fnetwork .list ul li .ico {
	    height: 60px;
	    width: 60px;
	}
	.fnetwork .list ul li h6 {
	    margin-top: 6px;
	}
	.fadvantage .imgs {
	    margin: 30px auto 0;
	}
	.foffer {
	    padding: 40px 15px 60px;
	}
	.header .gh {
		display: block;position: absolute;z-index: 33;
		top: 10px;right: 20px;
	}
	.foffer .h {
	    font-size: 22px;
	    margin-bottom: 15px;
	}
	.foffer .lt {
		float: none;width: auto;
	}
	.foffer .lt li {
	    float: none;
	    margin-right: 0;
	    width: auto !important;
		margin-bottom: 10px;
	}
	.foffer .rt {
		float: none;
	}
	.foffer .rt {
	    width: 180px;
	}
	.header {
		background: #fff;position: fixed;z-index: 222;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 50px;
	}
	.foffer .lt li .text {
		height: 42px;
	}
	.foffer .rt .fsub {
	    line-height: 40px;
	}
	.fbanls .list ul li h2 {
	    font-size: 40px;
	}
	.fbanls .list ul li h5 {
	    font-size: 14px;
	}
	.fbanls {
	    height: 300px;
	} 
	.foffer .t {
	    margin-top: 15px;
	}
	.header .logo {
		margin-top: 0;float: none;
		position: absolute;z-index: 22;
		left: 20px;top: 13px;
	}
	.header .rts .dh {
		display: none;
	}
	.header .rts {
		float: none;
	}
	.fheader .rts .naver, 
	.header .rts .naver {
		float: none;display: none;
	}
	.header .rts .naver {
		position: fixed;z-index: 222;top: 49px;
		left: 0;right: 0;margin: 0 auto;background: #fff;
		box-shadow: 0 3px 2px 1px rgba(80,80,80,0.1);
	}
	.header .rts .naver ul li {
		float: none;margin-right: 0;
		
	}
	.fserban .text dl {
	    margin-top: 10px;
	}
	.fserban .text dl dd {
	    font-size: 16px;
	    margin-right: 10px;
	}
	.fservice .list li .imgs img {
		width: auto;
	}
	.header .rts .naver ul li h3 a {
		font-size: 16px;line-height: 48px;
		padding: 0 15px;
	}
	.header .rts .naver ul li h3 i {
		position: absolute;z-index: 33;top: 0;right: 0;
		height: 38px;width: 38px;background: url(../images/fjt2-1.png) no-repeat center;
		background-size: 8px auto;
	}
	.header .rts .naver ul li h3 i.on {
		transform: rotate(90deg);
	}
	.header .fnali {
		position: initial;
	}
	.header .rts .naver ul li h3::before {
		right: auto;height: 1px;
	}
	.header .fnali dl {
		padding-bottom: 0;
		text-align: left;
	}
	.header .fnali dd {
		display: block;
	}
	.header .fnali dd a {
		line-height: 2.2;padding: 0 15px;
		margin: 0;font-size: 14px;
	}
	.layout {
		padding-top: 50px;
	}
	.fbanner {
		height: 340px;
	}
	.fhdatals {
		padding: 10px 0;margin: -58px 15px 0;
	}
	.fhdatals li h2 {
	    font-size: 25px;
	}
	.fhdatals li h6 {
	    font-size: 12px;
	}
	.fhservice {
	    padding: 40px 15px 20px;
	}
	.fhservice .list li {
		margin-right: 0;padding-right: 0;display:block;
		margin-bottom: 20px;padding-left: 0 !important;
		float: none;width: auto !important;
		border-bottom: 1px solid #f3f3f3;
		padding-bottom: 20px;
	}
	.fhservice .list li:last-child{
		border-bottom: none;
	}
	.fhservice .list li h3 {
	    font-size: 18px;
	}
	.ftitle h2 {
		font-size: 24px;
	}
	.fhcase {
		padding: 40px 0 30px;
	}
	.fhcase .list {
	    margin-top: 20px;
	}
	.fhchoice .list ul li {
	    height: 80px;
	}
	.fhacts {
	    padding: 40px 15px;
	}
	.fhacts .list li {
		float: none;width: auto;margin-right: 0;margin-bottom: 20px;
	}
	.fhacts .list ul {
	    margin-top: 30px;
	}
	.fhacts .list li .tet h3 {
		margin-top: 4px;
	}
	.fhacts .list li p {
		margin-top: 8px;
	}
	.footer .flts .nav ul {
		display: none;
	}
	.footer .flts .list li h3 {
		font-size: 18px;
	}
	.footer .flts .list li p {
		margin-top: 2px;line-height: 1.6;
	}
	.footer .flts .list {
		margin-top: 0;
	}
	.footer {
	    padding: 40px 15px;
	}
	.footer .flts .copyright .copr {
		line-height: 1.6;
	}
	.footer .flts .copyright {
	    margin-top: 12px;
	}
	.footer .frts {
		margin-top: 12px;width: 240px;
	}
	.footer .frts .wxls ul li {
	    width: calc((100% - 22px)/3);
	    margin-right: 10px;
	}
	.footer .frts .wxls ul li .img {
		height: 73px;
	}
	.footer .frts .wxls ul li h6 {
		margin-top: 2px;
	}
	.footer .frts .ht h3 {
		font-size: 16px;
	}
	.footer .frts .ht {
	    margin-top: 10px;
	}
	.fhservice .list {
	    margin-top: 30px;
	}
	.footer .flts .link {
		display: none;
	}
	.fpagels ul {
		margin: 30px auto 0;
	}
	.footer .flts .list li {
		padding-right: 20px;
	}
	.footer .flts .list li:nth-child(2n) {
		padding-right: 0;
	}
	.fetingls .list li {
		width: 33%;margin-bottom: 15px;
	}
	.fappban {
	    height: 320px;
	}
	.fshorcase {
	    padding: 30px 15px;
	}
	.fshorcase .fcasesw {
	    margin-top: 20px;
	}
	.fshorcase .fcasesw .swspan {
	    margin: 25px auto 0;
	}
	.fwechat .flist ul li h3 {
		font-size: 16px;
	}
	.fwechat {
	    padding: 40px 15px;
	}
	.fserviceh5 .list ul li:nth-child(2n) {
		border-right: none;
	}
	.fcontacsw .swiper-wrapper{
		display: block;
	}
	.fcontacsw .swiper-slide .ftext{
		opacity: 1;position: static;
		transform: translateY(0);
		padding: 40px 20px;
	}
	.fcontacsw .swiper-slide{
		height: auto;
	}
	.fcontacsw{
		height: auto;
	}
	.tiammao .bd li .text h3{
		font-size: 16px;
		padding: 8px 0;
	}
	
	.mkvideo{
			width: 95%;
		}
		.mkvideo .icos{
			right: 0;transform:scale(0.8);
			-ms-transform:scale(0.8);  /* IE 9 */
			-moz-transform:scale(0.8);     /* Firefox */
			-webkit-transform:scale(0.8); /* Safari 和 Chrome */
			-o-transform:scale(0.8); 
		}
		.fserban2{
			height: auto !important;
		}
		.fserban2 .wrap{
			display: none;
		}
		.fserban2 img{
			width: 100%;display: block;
		}
		.ftitle .pors{
			width: auto;display: block;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0 40px;
		}
		.Signin .inner{
			width: 95%;margin: 100px auto 0;
		}
		.singtext{
			padding: 15px;
		}
		.form-control{
			width: 100% !important;
			float: none !important;
			height: 42px;margin-bottom: 10px;
		}
		.bodysing h2{
			font-size: 18px;
			line-height: 1.6;
		}
		.form-control.wid{
			margin-top: 10px;
			height: 80px;
		}
		.subtn{
			height: 46px;
			line-height: 46px;
			font-size: 16px;
		}
		.sidebar li.n3{
			display: none;
		}
		.fhacts .list li .tet h6{
			display: none;
		}
}
@media only screen and (max-width:500px) {
	.fhdatals {
	    padding: 10px 0;
	    margin: -58px 10px 0;
	}
	.fbanner .fhtext {
		top: 26%;
	}
	.fbanner .fcatext {
		top: 40%;
	}
	.fserban {
		height: 200px;
	}
	.fbanner .fhtext h4 {
		font-size: 14px;margin-top: 5px;
	}
	.fbanner .fhtext h2 {
	    font-size: 22px;
	}
	.fweban .text h2 {
	    font-size: 60px;
	}
	.fweban .text h4 {
	    font-size: 18px;
	}
	.fweban .text p {
		line-height: 1.4;
	}
	.fshorcase .fcasesw li .cent h4 {
		font-size: 16px;
	}
	.fwechat .list li .icon {
	    height: 80px;
	    width: 80px;
	}
	.fwechat .list li .text h3 {
		font-size: 16px;
	}
	.fwechat .flist {
	    margin-top: 20px;
	}
	.fwechat .flist ul li {
		width: 45%;
	}
	.foffer .rt {
		width: 160px;
	}
	.fwecase .cent .lts li {
	    width: calc((100% - 32px)/4);
	    margin-right: 10px;
	    margin-bottom: 8px;
	}
	.fwecase .cent .rts {
		width: 80%;
	}
	.fwecase .cent {
	    margin-top: 20px;
	}
	.fwecase .cent .lts {
		width: auto;
	}
	.fwechat .flist ul li h3 {
	    font-size: 14px;
	}
	.fwechat .flist ul li .ico {
	    height: 110px;
	}
	.fwebsite .list {
	    margin: 20px 10px 0;
	}
	.fwebsite .list ul li h4 {
		font-size: 18px;
	}
	.fwebsite .list ul li p {
		margin-top: 0;
	}
	.fwebsite .list ul li {
		margin-bottom: 10px;
	}
	.fwebsite {
	    padding: 40px 15px;
	}
	.fapplet {
	    padding: 30px 15px;
	}
	.fappban {
	    height: 180px;
	}
	.fservice .list li .imgs {
	    max-width: 70%;
	}
	.fapplet .list ul {
	    margin-top: 20px;
	}
	.fentrance .list ul {
	    margin-top: 20px;
	}
	.fentrance .list ul li {
	    float: left;
	    width: calc((100% - 20px)/2);
	    margin-right: 0;
	    vertical-align: top;
	    margin-bottom: 20px;
	}
	.fentrance .list ul li:nth-child(2n) {
		float: right;
	}
	.fentrance .list ul li .ico {
	    height: 60px;
	    width: 60px;
	}
	.fentrance .list ul li .text h3 {
	    font-size: 16px;
	}
	.fentrance {
	    padding: 30px 15px;
	}
	.fapplet .list ul li .ico {
	    height: 100px;
	    width: 100px;
	}
	
	.fservice .list li {
	    height: 260px;
	}
	.fservice .list li:nth-child(2n) .text {
		width: auto;right: 15px;
	}
	.fservice .list li .text dl {
	    margin: 6px auto;
	}
	.fservice .list li .text .more {
	    margin-top: 6px;
	}
	.fservice .list li:nth-child(3) .text {
	    width: auto;
	}
	.fservice .list li .text {
		width: 90%;
	}
	.fnews_dels .tet h2 {
	    font-size: 22px;
	}
	.fnews_dels .tet {
		padding-bottom: 8px;
	}
	.fnews_dels .dels {
	    padding: 10px 0 30px;
	}
	.fnews_dels .tet h4 {
		font-size: 18px;
	}
	.fcontacsw .swiper-slide .ftext {
	    left: 15px;
	}
	.fcontacsw .swiper-slide .ftext h2 {
	    font-size: 40px;line-height: 1.3;
	}
	.fcontacsw .swiper-slide .ftext h2::before {
	    width: 50px;height: 1px;
	}

	.fcontacsw .swiper-slide .ftext h6 {
	    line-height: 1.6;
	}
	.fhcase .list {
	    margin-top: 15px;
	}
	.fban {
	    height: 220px;
	}
	.fban .text {
		left: 15px;right: 15px;
	}
	.fban .text h6 br {
		display: none;
	}
	.frecruit .tlt {
	    padding: 30px 15px 40px;
	}
	.frecruit .tlt p {
		font-size: 14px;
	}
	.frecruit .tlt h2, .fban .text h2 {
	    font-size: 21px;
	}
	.fenterprise .list li {
	    height: 200px;
	}
	.fenterprise .list li:nth-child(2) {
	    height: 200px;
	}
	.fenterprise .list li:nth-child(2n) .text {
	    right: 10px;
	}
	.fenterprise .list li:nth-child(3) {
	    height: 240px;
	}
	.fenterprise .list li .text h2 {
	    font-size: 24px;
	}
	.fenterprise .list li .text p {
		margin-top: 6px;
	}
	.fhdatals li {
		width: 30%;
	}
	.fhdatals li:nth-child(2) {
		width: 40%;
	}
	.fhdatals li h2 {
	    font-size: 22px;
	}
	.fhdatals {
	    margin: -56px 10px 0;
	}
	.fbanner {
		height: 200px;
	}
	.ftitle h2 {
	    font-size: 20px;
	}
	.ftitle h6 {
		font-size: 14px;line-height: 1.4;
	}
	.fhservice .list {
	    margin-top: 14px;
	}
	.fhservice .list li h3 {
	    font-size: 16px;
	}
	.fhservice .list li p {
		font-size: 14px;line-height: 1.6;
	}
	.fhservice .list li {
		margin-bottom: 10px;
	}
	
	.fhcase {
	    padding: 30px 0;
	}
	.fhcase .list li .text {
		padding: 6px;
	}
	.fhcase .list li .text h4 {
	    font-size: 14px;
	}
	.fhcase .list li .text h6 {
		font-size: 12px;
	}
	.fcasels ul {
	    margin: 20px auto 0;
	}
	.fcasels li a {
	    font-size: 14px;
	    line-height: 34px;
	    width: 120px;
	    border-radius: 17px;
	}
	.fcasels li {
		margin: 0 5px;border-radius: 17px;
	}
	.fhchoice {
	    padding: 30px 15px 40px;
	}
	.fhchoice .list ul {
	    margin-top: 20px;
	}
	.fhchoice .list ul li {
		width: 33%;height: 60px;
	}
	.fhchoice .list ul li:nth-child(3n) {
		width: 34%;
	}
	.fhchoice .list ul li:nth-child(3n) {
		border-right: none;
	}
	.fhchoice .list ul li:nth-child(5n) {
	    border-right: 1px solid #e7e7e7;
	}
	.fhacts {
	    padding: 30px 15px;
	}
	.fhacts .list ul {
	    margin-top: 20px;
	}
	.fhacts .list li {
		margin-bottom: 14px;
	}
	.fhacts .list li .tet h3 {
		font-size: 16px;
	}
	.fhacts .list li p {
		font-size: 14px;margin-top: 5px;
	}
	.fbanls {
	    height: 200px;
	}
	.fbanls .list ul li h2 {
	    font-size: 30px;
	}
	.fbanls .list ul li h5 {
	    font-size: 12px;
	}
	.fab_wh {
	    padding: 30px 15px 40px;
	}
	.ftlt h2 {
	    font-size: 22px;
	}
	.ftlt h6 {
	    font-size: 14px;
	    margin-top: 2px;
	}
	.fab_wh .imgs {
	    margin: 20px auto 0;
	}
	.fnetwork .list ul li {
	    width: calc((100% - 15px)/2);
	    margin-right: 0 !important;
	    margin-bottom: 20px;
	}
	.fnetwork .list ul li:nth-child(2n) {
		float: right;
	}
	.fnetwork .list ul {
	    margin-top: 20px;
	}
	.fnetwork .list ul li .ico {
	    height: 50px;
	    width: 50px;
	}
	.fnetwork .list ul li h6 {
		font-size: 12px;
	}
	.fadvantage {
	    padding: 30px 15px 40px;
	}
	.fadvantage .imgs {
	    margin: 20px auto 0;
	}
	.foffer .h {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.foffer .lt li .text {
	    height:38px;
	}
	.foffer .rt .fsub {
	    line-height: 36px;
	}
	.foffer .t {
	    margin-top: 10px;
	}
	.foffer {
	    padding: 30px 15px 40px;
	}
	.fmarkban {
	    height: 200px;
	}
	.fmarkban .text {
	    left: 15px;
	}
	.fmarkban .text h2 {
	    font-size: 22px;
	}
	.fmarkban .text h3 {
	    font-size: 18px;
	}
	.fmark .imgs {
		width: 45%;
	}
	.fmark .text h3 {
	    font-size: 18px;
	}
	.fmark .text h2 {
	    font-size: 22px;
	}
	.fmark .text p {
		font-size: 14px;margin-top: 2px;
	}
	.fmark {
	    padding: 20px 15px 30px;
	}
	.ftite h2 {
	    font-size: 22px;
	}
	.ftite p {
	    margin-top: 5px;
	}
	.foptimiz {
	    height: 260px;
	    padding: 20px 15px;
	}
	.fpuzzled {
	    padding: 30px 15px 20px;
	}
	.fpuzzled .list {
	    margin-top: 20px;
	}
	.fpuzzled .list li p {
		line-height: 1.6;margin-top: 4px;
	}
	.fetingls {
	    padding: 30px 15px 20px;
	}
	.fwhadvantag {
	    padding: 30px 15px 15px;
	}
	.fwhadvantag .list ul {
	    margin-top: 20px;
	}
	.fwhadvantag .list ul li .text p {
		line-height: 1.6;
	}
	.fwhadvantag .list ul li .text h3 {
	    font-size: 18px;
	}
	.fwhadvantag .list ul li .icon {
	    height: 60px;
	    width: 60px;
	}
	.fwhadvantag .list ul li .text {
	    width: calc(100% - 75px);
	}
	.fwhadvantag .list ul li {
		margin-bottom: 20px;
	}
	.fbanews {
	    height: 180px;
	}
	.fbanews .text h2 {
	    font-size: 22px;
	}
	.fbanews .text p {
		font-size: 14px;
	}
	.fbanews .text  {
		left: 10px;right: 10px;
	}
	.fcontacsw .swiper-slide.swiper-slide-active .ftext {
	    left: 20px;
	}
	.fhcase .list li{
		float: none;width: auto;
	}
	.sidebar .txt span{
		background-position: 12px 12px !important;
	}
	.sidebar .txt{
		width: 46px !important;height: 46px;
	}
	.sidebar li{
		width: 46px;
	}
	.fhcase .list li .imgs{
		height: auto;
	}
	.sidebar{
		/* display: none; */
	}
	.fcasedel .fcasehd {
	    padding: 20px 15px 30px;
	}
	.fcasedel .fcasehd .tlt h2 {
	    font-size: 20px;
	    line-height: 40px;
	}
	.fcasedel .fcasehd .tlt h2::before {
		width: 35px;
	}
	.fcasedel .fcasehd .dels p {
		font-size: 14px;
	}
	.fcasedel .fcasehd .dels {
	    margin-top: 7px;
	}
	.fcasedel .fcasehd .dels a {
	    font-size: 14px;
	    line-height: 34px;
	}
	.fcasedel .fcasehd .dels .ann {
		width: 100px;border-radius: 17px;
	}
	.webshow{
		display: block;
	}
	.fservice .list li .wrap{
		display: none;
	}
	.fservice .list li{
		height: auto;padding: 0;
	}
	.uuweb{
		display: block;
	}
	.uuweb img{
		display: block;
		width: 100%;
	}
	.uupc{
		display: none;
	}
	.sidebar{
		top: auto;
		bottom: 200px;
	}
	.header .fnali dd a{
		line-height: 36px;
	}
	.header .rts .naver{
		max-height: calc(100vh - 50px);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.ftlt h6{
		/*text-align: left;*/
	}
	
	.sidebar{
		display: block;
	}
}