/*pad*/
img {
    max-width: 100%;
}
.gh{
    height: 40px;
    width: 56px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(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: #fff;
    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: 56px;
    border-radius: 2px;
}
.gh a:after{
    width:56px;
}
.gh a:before{
    width: 56px;
}
.gh a:after,
.gh a:before {
    background-color:#fff;
    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: 14px;
}
.gh a:before {
    top: -14px;
}
.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: #fff;width: 100%;
}
.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #fff;width: 100%;
}
.selected .gh a {
    background-color: transparent !important;
}
.selected .header {
    overflow: visible;
}
.selected .header .nav {
    display: block;
    z-index: 111;
    position: absolute;
    left: 0;
    top: 80px;
    right: 0;
    margin: 0;
}
.selected .header .nav li a {
    text-align: center;
    width: auto;
    display: block;
    background: rgba(255, 255, 255, 0.9);
    margin: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 50px;
    padding: 0;
}
.selected .header .nav li a {
    color: #000000;
}
.selected .header .nav .selected a {
    border-bottom-color: #73e5b1;
}


@media only screen and (max-width:1360px) {
	.wrap {
		width: 1100px;
	}
	.introduce .list ul li {
		margin-right: 170px;
	}
	.project .list ul li .txt {
		width: 160px;
	}
	.effect .list ul li {
		height: 612px;
	}
	.agent_list li .list dl {
		padding-left: 50px;
	}
	.help_center .cen .lts {
		width: 49%;
	}
	.time_info ul li .img {
		height: 153px;
	}
	.footer .wrap dl {
		margin: 0 20px;
	}
	
}
@media only screen and (max-width:1220px) {
	.wrap {
		width: auto;
	}
	.layout {
		overflow: hidden;margin: 0 auto;
		width: 750px;padding-top: 100px;
	}
	.header {
		height: 100px;position: fixed;z-index: 1111;left: 0;right: 0;
		margin: 0 auto;top: 0;
	}
	.header .naver ul {
		position: absolute;z-index: 111;left: 0;right: 0;margin: 0 auto;top: 100px;background: #4a7ebe;
		padding-bottom: 10px;display: none;
	}
	.header .naver ul li {
		float: none;padding: 0 30px;margin: 0;
	}
	.gh {
		display: block;position: absolute;z-index: 11;
		right: 30px;top: 30px;
	}
	.header .logo {
		position: absolute;left: 30px;top: 20px;
	}
	.header .naver ul li a {
		font-size: 30px;
		line-height: 80px;
	}
	.banner {
		height: 400px;padding: 0 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.banner .text h2 {
		font-size: 34px;line-height: 1.6;
	}
	.banner .text {
		padding-top: 50px;
	}
	.banner .text p {
		line-height: 1.6;
	}
	.banner .text li a {
		width: 220px;font-size: 24px;
	}
	.banner .text li a span {
		font-size: 24px;background-size: 30px auto;
		padding-right: 40px;
	}
	.introduce {
		padding: 40px 30px;
	}
	.title h2 {
		font-size: 32px;
		line-height: 1.8;
	}
	.title p {
		font-size: 24px;line-height: 1.6;
	}
	.introduce .list ul li .tet p {
		font-size: 24px;line-height: 1.6;
	}
	.introduce .list ul {
		text-align: center;
	}
	.introduce .list ul li {
		margin: 0 20px;float: none;;width: auto;margin-bottom: 30px;
		border: 1px solid #ccc;padding: 20px;
	}
	.project {
		padding: 40px 30px;
	}
	.project .list ul {
		margin: 30px auto 0;
	}
	.project .list ul li {
		width: calc((100% - 30px)/2);margin-right: 0;
	}
	.project .list ul li:nth-child(2n) {
		float: right;
	}
	.project .list ul li .txt h3 {
		font-size: 26px;line-height: 1.6;
	}
	.project .list ul li .txt h6 {
		font-size: 24px;line-height: 1.6;height: 76px;
	}
	.project .list ul li .ico img {
		transform: translateY(-50%) scale(1.2);
	}
	.project .list ul li .ico {
		margin-top: 20px;
	}
	.project .list ul li .txt {
		width: 200px;
	}
	.effect {
		padding: 40px 30px;
	}
	.effect .list ul li {
		width: calc((100% - 42px)/3);margin-right: 20px;
	}
	.effect .list ul li {
		height: 381px;
	}
	.hang_app {
		padding: 50px 30px 60px;
	}
	.hang_app .cen {
		margin: 40px auto 0;
	}
	.hang_app .cen .wx .imgs {
		margin-right: 30px;
	}
	.hang_app .cen .wx .imgs h6,
	.hang_app .cen .xiazai ul li a {
		font-size: 24px;
	}
	.agent_list {
		padding: 100px 30px 10px;
	}
	.agent_list li {
		width: auto;padding: 40px 30px;float: none;margin-bottom: 60px;
	}
	.agent_list li:nth-child(2n) {
		float: none;
	}
	.agent_list li h2 {
		font-size: 28px;line-height: 60px;width: 200px;top: -30px;
	}
	.agent_list li .imgs {
		margin: 0 auto;
	}
	.agent_list li .imgs p {
		font-size: 24px;margin-top: 8px;padding-bottom: 15px;
	}
	.agent_list li .list dl {
		padding-left: 100px;
	}
	.agent_list li .list dl dd p {
		font-size: 24px;line-height: 60px;
	}
	.agent_list li .list dl dd .icon {
		width: 50px;height: 60px;
	}
	.agent_list li .list dl dd .icon img {
		transform: translateY(-50%) scale(1.2);
	}
	.agent_list li .opening {
		width: 260px;font-size: 24px;margin: 25px auto 0;
	}
	.help_center {
		padding: 40px 30px 50px;
	}
	.help_center .cen .lts,
	.help_center .cen .imgs {
		width: auto;float: none;
	}
	.help_center .cen .lts .list h3 {
		font-size: 28px;padding-left: 15px;
	}
	.help_center .cen .lts .list li {
		font-size: 24px;line-height: 1.6;
	}
	.help_center .cen .lts .more {
		width: 220px;font-size: 24px;
	}
	.help_center .cen .lts .more span {
		background-size: 30px auto;padding-right: 40px;font-size: 24px;
	}
	.time_info {
		padding: 40px 30px;
	}
	.time_info ul{
		margin: 20px auto 0;
	}
	.time_info ul li{
		float: none;
		width: auto;
		margin-bottom: 30px;
	}
	.time_info ul li:nth-child(2n) {
		float: none;
	}
	.time_info ul li .img {
		height: 202px;
	}
	.time_info ul li dl dt {
		font-size: 28px;padding-left: 15px;
	}
	.time_info ul li dl dd {
		font-size: 24px;line-height: 1.6;
	}
	.sign_in {
		padding: 40px 30px;
	}
	.sign_in ul li h4{
		font-size: 26px;line-height: 50px;
	}
	.sign_in ul li {
		display: block;text-align: center;margin: 0 auto;
	}
	.sign_in ul li .btn {
		margin: 0 auto;width: 220px;font-size: 24px;
	}
	.sign_in ul li .btn span {
		font-size: 24px;padding-right: 40px;
		background-size: 30px auto;
	}
	.footer .wrap dl  {
		width: auto;margin-bottom: 30px;
		float: none;
	}
	.footer .wrap dl dt {
		font-size: 26px;line-height: 1.8;
	}
	.footer .wrap dl dd {
		font-size: 24px;line-height: 1.6;
		height: auto;
	}
	.footer .wrap dl dd span{
		display: none;
	}
	.footer {
		padding: 40px 30px;
	}
	.footer_in li a {
		font-size: 26px;line-height: 70px;
	}
	.del_text{
		font-size:24px !important;
		line-height: 1.7 !important;
		color: #333 !important;padding: 60px 30px;
	}
}