/*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: #ffffff;
    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: #ffffff;
    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: #ffffff;
    width: 100%;
}

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

.selected .gh a {
    background-color: transparent !important;
}
@media only screen and (max-width:1440px) {
	.wrap {
		width: 1200px;
	}
	.fmobang .fcen .lts {
		height: 650px;
	}
	.fmobang .fcen .rts .list li {
		height: 220px;
	}
	.fmobang .fcen .rts .text h3 {
		font-size: 25px;
	}
	.fyoushi .list li .ico {
		width: 180px;height: 180px;
	}
	.fyoushi .list li h4 {
		font-size: 20px;
	}
	.ftedian .list li .text p {
		margin-top: 20px;
	}
	.ftitle h2 {
		font-size: 50px;
	}
	.ftitle h3 {
		font-size: 30px;
	}
	.fcontact .fent .rts li {
		font-size: 18px;margin-bottom: 20px;
	}
	.header .naver li h3 a {
		line-height: 75px;
	}
	.header .naver li {
		margin-right: 100px;
	}
	.header .wh {
		margin-top: 30px;
	}
	.header .logo {
		margin-top: 27px;
	}
	.fbanner {
		height: 800px;
	}
	.fbanner .text h6,
	.fbanner .text h2 {
		font-size: 50px;
	}
	.ftrustees .list li .imgs {
		width: 510px;
	}
	.ftrustees .list li:nth-child(1) .imgs {
	    margin-right: -40px;
	    margin-top: 25px;
	}
	.ftrustees .list li {
		min-height: 500px;
	}
	.ftrustees .list li .text {
		margin-top: 80px;padding: 50px;
	}
	.ftrustees .list li:nth-child(2) .imgs {
	    width: 650px;
	    margin-left: -50px;
	    margin-top: 50px;
	}
	.ftrustees .list li:nth-child(3) .imgs {
	    width: 450px;
	    margin-top: 70px;
	}
	.ftrustees .list li:nth-child(4) .imgs {
	    width: 460px;
	    margin-left: 10px;
	}
	.fhprod .img {
		width: 80%;
		margin: -200px auto 0;
	}
	.fhservice {
	    padding: 80px 0 0;
	}
	.fhtuog .fcent .lts {
		width: 210px;
	}
	.fhtuog .fcent .lts li {
		height: 200px;
		padding: 50px 10px 10px;
	}
	.fhtuog .fcent .lts li .ico {
		height: 60px;width: 60px;
	}
	.fhtuog .fcent .lts li h4 {
		font-size: 25px;
	}
	.fhtuog .fcent .rts {
		width: calc(100% - 230px);
	}
	.fhtuog .fcent .rts li {
		height: 600px;padding: 40px;
		
	}
	.fhtuog .fcent .rts .text h3 {
		font-size: 35px;
	}
	.fhtuog .fcent .rts .text h6 {
		font-size: 25px;margin-top: 14px;
	}
	.fhtuog .fcent .rts .more {
		margin-top: 200px;
	}
	.fhtuog .fcent .rts .ico {
		max-width: 340px;
	}
	.fhproje .list ul li {
		height: 420px;
	}
	
	
} 
@media only screen and (max-width:1240px) {
	.wrap {
		width: 1000px;
	}
	.fmobang .fcen .lts {
		height: 600px;
	}
	.fmobang .fcen .rts .list li {
	    float: left;
	    width: calc((100% - 20px)/2);
	    margin-bottom: 15px;
	    height: 200px;
	}
	.fmobang .fcen .rts .text p {
		margin-top: 5px;
	}
	.fhservice .list li .text h3 {
		font-size: 25px;
	}
	.fyoushi .list li {
		width: 30%;margin-bottom: 20px;
	}
	.fappdinzi .list ul li .ico {
		height: 160px;
	}
	.fappdinzi .list ul li .ico img {
		max-height: 90%;
	}
	.fappdinzi .list ul li h4 {
		font-size: 20px;
	}
	.fappdinzi .list ul {
		margin-top: 30px;
	}
	.ftedian .list li .ico {
		height: 80px;
	}
	.ftedian .list li .ico img {
		max-height: 90%;
	}
	.ftedian .list li .text {
		padding: 25px 0;
	}
	.ftedian .list li .text p {
		margin-top: 15px;
	}
	.ftedian {
	    padding: 40px 0 70px;
	}
	.fyoushi .list li .ico {
	    width: 140px;
	    height: 140px;
	}
	.fyoushi .list li h4 {
		margin: 8px auto 0;
	}
	
	.fhservice .list li .text h6 {
		margin-top: 25px;font-size: 16px;
	}
	.fhtuog .fcent .lts {
	    width: 170px;
	}
	
	.fcontact .fent {
	    margin-top: 40px;
	}
	.fcontact .fent .lts .wx {
		width: 200px;height: 200px;
	}
	.header .naver li {
		margin-right: 60px;
	}
	.fhtuog .fcent .lts li {
	    height: 160px;
	    padding: 40px 10px 10px;
	}
	.fhtuog .fcent .lts li h4 {
		font-size: 21px;
	}
	.fbanner {
	    height: 700px;
	}
	.fcontact .fent .rts li {
		margin-bottom: 10px;
	}
	.fhtuog .fcent .rts{
		width: calc(100% - 190px);
	}
	.fhtuog .fcent .rts li {
	    height: 480px;
	    padding: 30px;
	}
	.fcontact {
    padding: 40px 0 ;
}
	.fbanner .text h6, .fbanner .text h2 {
	    font-size: 40px;
	}
	.fhtuog .fcent .rts .text h3 {
		font-size: 30px;
	}
	.fhtuog .fcent .rts .text h6 {
		font-size: 20px;margin-top: 10px;
	}
	.fhtuog .fcent .rts .more {
		margin-top: 150px;
	}
	.ftlt h3 {
		font-size: 35px;
	}
	.fhtuog .fcent .rts .ico {
	    right: 40px;
	    bottom: 20px;
	}
	.ftrustees .list li .text {
	    margin-top: 50px;
	    padding: 30px;
	}
	.fhproje .list ul li {
		height: 380px;
	}
	.fhproje {
	    padding: 50px 0 85px;
	}
	.ftrustees .list li .text h3 {
		font-size: 25px;
	}
	.ftrustees .list li .imgs {
		width: 410px;
	}
	.ftrustees .list li {
	    min-height: 400px;
	}
	.ftrustees .list li:nth-child(1) .imgs {
	    margin-right: -20px;
	    margin-top: 15px;
	}
	.ftrustees .list li:nth-child(2) .imgs {
	    width: 530px;
	    margin-left: -30px;
	    margin-top: 30px;
	}
	.ftrustees .list li:nth-child(3) .imgs {
		width: 380px;margin-top: 50px;
	}
	.ftrustees .list li:nth-child(4) .imgs {
	    width: 400px;
	    margin-left: 10px;
	    margin-top: 50px;
	}
	.footer .nav li {
		padding: 0 40px;
	}
	.footer .nav ul {
		padding: 15px 0 30px;
	}
	.footer .cooper {
		margin-top: 50px;
	}
	.map_img {
	    transform: scale(0.8);
	    transform-origin:left  center;
	}
} 
@media only screen and (max-width:1040px) {
	.wrap {
		width: auto;
	}
	.fmobang {
		padding: 50px 15px 60px;
	}
	.fmobang .fcen {
		margin-top: 40px;
	}
	.fmobang .fcen .lts {
		height: 50vw;
	}
	.fmobang .fcen .rts .list li {
	    float: left;
	    width: calc((100% - 15px)/2);
	    margin-bottom: 10px;
	    height: 17vw;
	}
	.fmobang .fcen .rts .text h3 {
		font-size: 20px;
	}
	.fyoushi .list ul {
		margin-top: 30px;
	}
	.fyoushi .list li .ico {
		width: 120px;height: 120px;
	}
	.fyoushi .list li h4 {
		margin: 4px auto 0;
	}
	.fappdinzi .list ul li {
		width: 300px;
	}
	.fappdinzi .list ul li .ico {
		height: 140px;
	}
	.ftedian {
		padding: 40px 15px 50px;
	}
	.ftedian .list li {
		width: 48%;margin-bottom: 20px;
	}
	.ftedian .list li:nth-child(2n) {
		margin-right: 0;padding-right: 0;
		border-right: none;
	}
	.fcontact .fent .rts,
	.fcontact .fent .lts {
		float: none;width: auto;
	}
	.fhprod .img {
	    margin: -100px auto 0;
	}
	.fcontact {
		padding: 40px 20px;
	}
	.fhservice {
	    padding: 60px 0 0;
	}
	.fhservice .list ul {
	    margin-top: 35px;
	}
	.fhservice .list li {
		float: none;width: auto;height: 50vw;
	}
	.fhtuog .fcent {
	    margin-top: 35px;
	}
	.fhtuog {
		padding: 50px 15px;
	}
	.fhtuog .fcent .rts,
	.fhtuog .fcent .lts {
		float: none;width: auto;
	}
	.fhtuog .fcent .lts ul {
		overflow: hidden;margin-bottom: 10px;
	}
	.fhtuog .fcent .lts li {
		float: left;width: 33%;
	}
	.fhtuog .fcent .lts li:nth-child(3n) {
		width: 34%;
	}
	.fhproje {
	    padding: 50px 15px 70px;
	}
	.fhproje .list ul {
		margin-top: 30px;
	}
	.fhproje .list ul li {
		width: calc((100% - 20px)/2);margin-bottom: 20px;
		margin-right: 0;height: 50vw;
	}
	.fhproje .list ul li:nth-child(2n) {
		float: right;
	}
	.fhtuog .fcent .rts .text {
		width: 65%;
	}
	.fcontact .fent .lts h4 {
		font-size: 16px;
	}
	.fcontact .fent .lts .wx {
		height: 140px;width: 140px;
	}
	.ftitle h2 {
		font-size: 40px;
	}
	.ftitle h3 {
		font-size: 24px;
	}
	.fcontact .fent .rts {
		padding: 0 50px;margin-top: 20px;
	}
	.header {
		padding: 0 15px;
	}
	.header .naver li {
	    margin-right: 50px;
	}
	.header .naver li h3 a {
		line-height: 60px;
	}
	.header .wh {
	    margin-top: 20px;
	}
	.fbanner {
	    height: 500px;
	}
	.fbanner .text h6, .fbanner .text h2 {
	    font-size: 30px;
	}
	.ftrustees {
	    margin-top: 40px;
	}
	.ftlt h3 {
		font-size: 30px;
	}
	.ftrustees .list {
		margin-top: 20px;
	}
	.ftrustees .list li {
		min-height: auto;padding: 30px;
	}
	.ftrustees .list li .imgs {
		float: none !important;width: 60% !important;margin: 0 !important;
	}
	.ftrustees .list li .text {
		float: none !important;width: auto;
		padding: 30px 0;margin-top: 0;
	}
	.map_img {
	   display: none;
	}
} 
@media only screen and (max-width:768px) {
	.wrap {
		width: auto;
	}
	.header .gh {
		position: absolute;z-index: 133;
		display: block;right: 15px;top: 17px;
	}
	.header {
		height: 50px;padding: 0 ;
	}
	.header .logo {
		float: none;margin-top: 0;left: 15px;top: 14px;position: absolute;
		z-index: 120;
	}
	.header .rts {
		float: none;
	}
	.header .rts .naver {
		position: fixed;z-index: 110;top: 0;left: 0;
		right: 0;margin: 0 auto;background: rgba(0,0,0,0.8);
		overflow: hidden;display: none;float: none;height: 100vh;
	}
	.header .rts .naver ul {
		padding-top: 50px;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}
	.header .wh {
		float: none;position: absolute;z-index: 130;right: 80px;top: 17px;margin-top: 0;
	}
	.header .naver li {
		float: none;margin-right: 0;
	}
	.header .naver li h3 a {
		line-height: 2.5;padding: 0 15px;font-size: 18px;
	}
	.fbanner {
		height: 260px;
	}
	.fbanner .text h6, .fbanner .text h2 {
	    font-size: 22px;
	}
	.ftrustees {
	    margin-top: 30px;
	}
	.ftlt h3 {
		font-size: 22px;
	}
	.ftlt p {
		font-size: 14px;
	}
	.ftrustees .list li {
		padding: 15px;
	}
	.ftrustees .list li .imgs {
		width: 70% !important;
	}
	.ftrustees .list li .text {
		padding: 20px 0;
	}
	.ftrustees .list li .text h3 {
		font-size: 18px;margin-bottom: 5px;
	}
	.ftrustees .list li .text p {
		font-size: 14px;padding-left: 10px;
	}
	.ftrustees .list li .text p:before {
		height: 3px;width: 3px;top: 11px;
	}
	.footer .nav li {
		padding: 0 15px;
	}
	.footer .nav li a {
		font-size: 14px;line-height: 34px;
	}
	.footer .nav ul {
	    padding: 15px 0 20px;
	}
	.footer .cooper {
	    margin-top: 30px;
	}
	.footer .log {
		width: 110px;
	}
	
	.fcontact {
		padding: 25px 15px;
	}
	.ftitle h2 {
		font-size: 30px;
	}
	.ftitle h3 {
		font-size: 20px;
	}
	.fcontact .fent {
		margin-top: 20px;
	}
	.fcontact .fent .rts {
		padding: 0;margin-top: 10px;
	}
	.fcontact .fent .rts li {
		font-size: 16px;margin-bottom: 5px;
	}
	.fhprod .img {
	    margin: -50px auto 0;
	}
	.fhservice {
	    padding: 30px 0 0;
	}
	.fhservice .list ul {
		margin-top: 15px;
	}
	.fhservice .list li .text h3 {
		font-size: 22px;
	}
	.fhservice .list li .text h6 {
		margin-top: 15px;
	}
	.fhtuog {
	    padding: 30px 15px;
	}
	.fhtuog .fcent {
	    margin-top: 20px;
	}
	.fhtuog .fcent .lts li .ico {
		height: 40px;width: 40px;
	}
	
	.fhtuog .fcent .lts li h4 {
		font-size: 16px;
	}
	.fhtuog .fcent .lts li {
		padding: 20px 10px;height: auto;
	}
	.fhtuog .fcent .rts li {
		height: auto;padding: 20px 15px 40px;
	}
	.fhtuog .fcent .rts .ico {
	    right: 20px;
	    bottom: 20px;
	    max-width: 60%;
	}
	.fhtuog .fcent .rts .text {
		width: 90%;
	}
	.fhtuog .fcent .rts .text h3 {
		font-size: 25px;
	}
	.fhtuog .fcent .rts .text h6 {
		font-size: 16px;margin-top: 5px;
	}
	.fhtuog .fcent .rts .more {
		margin-top: 100px;
	}
	.fhproje {
	    padding: 30px 15px 40px;
	}
	.fhproje .list ul {
		margin-top: 20px;
	}
	.fhproje .list ul li {
	    width: calc((100% - 10px)/2);
	    margin-bottom: 10px;
	}
	.fmobang {
		padding: 25px 15px 30px;
	}
	.fmobang .ftltsw {
		margin-top: 20px;
	}
	.fmobang .ftitlesw .next {
		background-size: 9px auto !important;
	}
	.fmobang .fcen {
		margin-top: 20px;
	}
	.fmobang .fcen .lts {
		float: none;width: auto;height: 280px;
		margin-bottom: 15px;
	}
	.fmobang .fcen .rts {
		float: none;width: auto;
	}
	.fmobang .fcen .rts .list li {
		height: 140px;
	}
	.fyoushi {
		padding: 30px 15px;
	}
	.fyoushi .list ul {
		margin-top: 20px;
	}
	.fyoushi .list li {
		width: 50%;padding: 0 10px;margin-bottom: 10px;
	}
	.fyoushi .list li .ico {
		height: 100px;width: 100px;
	}
	.fyoushi .list li h4 {
		font-size: 16px;
	}
	.fappdinzi {
		padding: 30px 15px;
	}
	.fappdinzi .list ul {
		margin-top: 15px;
	}
	.fappdinzi .list ul li {
		width: 50%;
	}
	.fappdinzi .list ul li .ico {
		height: 90px;
	}
	.fappdinzi .list ul li h4 {
		margin-top: 7px;font-size: 16px;
	}
	.ftedian .list li {
		width: auto;margin-right: 0 !important;padding-right: 0 !important;
		border-right: none;
	}
	.ftedian .list ul {
		margin-top: 20px;
	}
	.ftedian .list li .ico {
		height: 60px;
	}
	.ftedian .list li .text {
		padding: 15px 0;
	}
	.ftedian .list li .text p {
		margin-top: 5px;
	}
	.ftedian {
		padding: 30px 15px ;
	}
	.header .naver li h3:before {
		height: 1px;right: auto;margin: 0;
	}
	.fbanner .text{
		top: 30%;
	}
	.fbanner .ftext{
		top: 50%;
	}
}