/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 40px;
	width: 40px;
	left: 50%;
	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;
	top: 14px;
}

.selected #gh {
	transform: rotate(90deg);
}

#gh a {
	background-color: #666666;
	display: block;
	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,
#gh a:before {
	background-color: #203D76;
	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;
	width: 100%;
	border-radius: 2px;
}

#gh a:after {
	top: 10px;
}

#gh a:before {
	top: -10px;
}

.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: #203D76;
}

.selected #gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #203D76;
}

.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:640px) {
	.layout{
		width: 360px;margin: 0 auto;overflow: hidden;background: #fff;
	}
	.wap{
		width: auto;
	}
	body{
		background: #333333;
	}
	.t-top{
		padding: 0 20px;display: none;
	}
	.header{
		position: relative;padding: 10px 25px 10px 25px;
	}
	.header .lt{
		width: auto;float: none;position: absolute;top: 15px;left: 20px;margin-top: 0;
	}
	.header .lt .logo{
		height: 30px;float: none;margin-left: 0;
	}
	.header .lt .txt{
		margin-top: 10px;float: none;display: none;
	}
	.header .lt .txt p,
	.header .lt .txt h3{
		font-size: 14px;line-height: 1.7;
	}
	.header .h-naver{
		display: none;
	}
	.header{
		height: 40px;
	}
	#gh{
		display: block;left: auto;right: 24px;top: 15px;width: 30px;height: 30px;
	}
	#gh a{
		background-color: #203D76;
	}
	.header .h-naver{
		position: absolute;left: 0;right: 0;top: 60px;background: #fff;z-index: 111;margin: 0;padding-bottom: 20px;display: none;
	}
	.header .h-naver li{
		border-bottom: 1px solid #eeeeee;float: none;font-size: 24px;margin-left: 0;line-height: 2.6;text-align: center;
	}
	.header .h-naver li a{
		font-size: 16px;margin-left: 0;line-height: 52px;
	}
	.nav_line{
		display: none;
	}
	.header .h-naver dl{
		width: auto;margin-top:3px;
	}
	.header .h-naver li h3 a{
		font-size: 18px;line-height: 52px;display: block;
	}
	.header .h-naver dd a{
		font-size: 16px;text-align: center;line-height: 2.2;border-bottom: 1px solid #eeeeee;width: auto;
	}
	.header .h-naver dd:last-child a{
		border-bottom: none;
	}
	.header .h-naver li:nth-child(5){
		border-bottom: none;
	}
	.header .h-naver .sub{
		position: static;padding: 0;
	}
	.header .h-naver li h3 a{
		font-size: 18px;line-height: 52px;display: block;
	}
	.header .h-naver li h3 a i{
		background: url(../imags/img6.png) no-repeat center;height:52px;display: block;float: right;width: 20px;transition: all 0.3s;
	}
	.header .h-naver li.on h3 a i{
		transform: rotate(90deg);
	}
	.header .h-naver h3{
		background: none!important;
	}
	
	.h-count li h2 span{
		font-size: 22px;
	}
	.h-count li h2 em{
		font-size: 14px;top: -15px;
	}
	.h-slider .bd .text h2{
	    font-size: 16px;line-height:3;
	}
	.h-slider .bd .text{
		position: absolute;top: 40px;left: 20px;
	}
	.h-slider .bd li .bg{
		height: 190px;float: none;
	}
	.h-slider .bd .btns{
		margin-top: 20px;
	}
	.h-slider .hd{
		bottom: 5px;
	}
	.h-slider .hd li{
		width: 6px;height: 6px;margin: 0 2px;
	}
	.uit-tit{
		padding-bottom: 16px;
	}
	.h-slider .bd .text p{
		font-size: 12px;
	}
	.h-slider .bd .btns .con{
		width: 90px;height: 28px;line-height: 28px;font-size: 12px;
	}
	.h-choice .btn, .h-activi .btn{
		width: 120px;height: 36px;line-height: 36px;font-size: 14px;margin: 20px auto 0;
	}
	.h-scheme{
		height: auto;padding: 40px 20px;
	}
	.h-choice .table{
		margin-bottom: 20px;padding: 0 20px;
	}
	.h-lists{
		padding: 40px 0 35px 0;
	}
	.te-slide .bd .img span{
		display: none;
	}
	.h-count{
		height: auto;
	}
	.h-count li h2{
		line-height: 1.7;
	}
	.h-count li p{
		font-size: 14px;margin-left: 0;
	}
	.h-count li .txt{
		width: auto;text-align: center;margin: 0 auto;
	}
	.h-count ul{
		text-align: center;font-size: 0;margin-top: 20px;
	}
	.h-count li{
		padding: 0;width: 33.33%;float: none;display: inline-block;text-align: center;margin: 0 auto 14px;
	}
	.h-count li:last-child .txt,
	.h-count li:first-child .txt{
		width: auto;
	}
	.h-service{
		padding: 15px 0 0;
	}
	.h-service .bd ul{
		margin: 0 20px;
	}
	.uit-tit{
		padding-bottom: 16px;
	}
	.h-service .bd li{
		width: auto;margin: 0 auto 30px;height: auto;float: none;margin-right: 0;padding: 20px 0 30px 0;margin-bottom: 20px;
	}
	.h-service .bd li .txt .btn{
		display: block;
	}
	.h-service .bd li .ico{
		margin: 0 auto;float: none;margin-bottom: 5px;
	}
	.h-service .bd li .txt{
		float: none;text-align: center;margin: 0;
	}
	.h-service .bd li .txt h3{
		font-size: 18px;line-height: 2;margin-bottom: 5px;
	}
	.h-service .bd li .txt p{
		font-size: 14px;line-height: 1.6;
	}
	.h-service .bd li .txt .btn{
		width: 120px;height: 36px;line-height: 36px;font-size: 14px;margin: 20px auto 0;
	}
	.h-service .imgs{
		display: none;
	}
	.h-service .bd li:hover{
	height: auto;z-index: 11;box-shadow: 0 0 6px 4px #e7effe;
     }
	.h-service .bd{
		height: auto;
	}
	.uit-tit h2{
		font-size: 20px;line-height: 2;
	}
	.uit-tit p{
		font-size: 14px;line-height: 1.6;
	}
	.h-activi{
		padding: 30px 0 40px 0;
	}
	.h-activi li{
		float: none;margin-right: 0;width: auto;box-shadow: none;margin: 0 auto 20px;
	}
	.h-activi li .txt h3{
		font-size: 16px;line-height: 2;width: 300px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.h-activi li .txt p{
		font-size: 14px;line-height: 1.6;width: auto;
	}
	.h-activi li .ico{
		display: none;
	}
	.h-scheme .imgs{
		width: auto;height: auto;
	}
	.h-choice{
		padding: 40px 0;
	}
	.h-lists li{
		width: auto;margin-right: 0;margin-bottom: 20px;float: none;padding: 10px 10px 15px;
	}
	.h-lists li:last-child{
		margin-bottom: 0;
	}
	.h-lists .uit-hd{
		height: 54px;
	}
	.h-lists .uit-hd h2{
		font-size: 18px;
	}
	.h-lists .uit-hd .more{
		font-size: 14px;
	}
	.hfxs,
	.hfts{
		display: block;
	}
	
	
	.h-lists ul{
		width: auto;margin: 0 20px;
	}
	.h-lists .text .img{
		width: auto;height: auto;
	}
	.h-lists .uit-hd h2 span{
		bottom: -6px;width: 60px;
	}
	.h-lists .text p{
		font-size: 14px;line-height: 1.7;
	}
	.h-lists dd a{
		font-size: 14px;line-height: 1.7;width: 285px;word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.h-lists .table td:nth-child(2n){
	  padding-right: 0;	
	}
	.h-lists dd{
		width: auto;width: 285px;word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.h-lists .table img{
		width: 100%;height: 100%;
	}
	.h-lists .table table{
		width: 100%;
	}
	.h-lists .table td h3{
		font-size: 14px;line-height: 1.6;width: 140px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.h-footer dl{
		float: none;width: auto;margin-bottom: 18px;
	}
	.h-footer dl dt{
		line-height: 1.7;font-size: 18px;
	}
	.h-footer dl dd a,
	.h-footer dl dd{
	  line-height: 1.7;font-size: 14px;
	}
	.h-footer dl.d1{
		float: none;width: auto;text-align: initial;
	}
	.h-footer .frie li a,
	.h-footer .frie li{
		font-size: 14px;line-height: 1.8;
	}
	.h-footer .frie ul{
		padding-top: 10px;
	}
	.h-footer .frie{
		margin-top: 10px;
	}
	.h-activi li:last-child{
		margin-bottom: 0;
	}
	.h-activi ul{
		width: auto;margin: 0 20px;
	}
	.h-activi li .img{
		width: auto;height: auto;
	}
	.h-activi li .txt{
		height: auto;padding: 20px 10px;
	}
	.te-slide .bd .img{
		float: none;margin: 0 auto;
	}
	.te-slide .bd .txt{
		float: none;width: auto;height: auto;text-align: center;margin-left: 0;
	}
	.te-slide{
		height: auto;
	}
	.h-team{
		height: auto;padding: 20px 0;
	}
	.h-scheme .uit-tit h2{
		font-size: 18px;
	}
	.h-footer{
		padding: 20px 20px 25px 20px;
	}
	.te-slide .bd .txt h2{
		font-size: 24px;line-height: 2;height: 56px;margin-bottom: 25px;
	}
	.te-slide .bd .txt h2 span{
		font-size: 18px;
	}
	.te-slide .bd .txt p{
		font-size: 16px;line-height: 1.6;
	}
	.header{
		box-shadow: inherit;
	}
	.te-slide .bd .txt h4{
		font-size: 18px;line-height: 1.8;
	}
	.te-slide .bd{
		padding: 0 20px 55px 20px;
	}
	.te-slide .prev, .te-slide .next{
		left: 22px;z-index: 111;width: 20px;
	}
	.te-slide .next{
		left: auto;right: 22px;
	}
	.h-choice .table table{
		margin: 0 auto;
	}
	.h-choice .table table tr td:nth-child(3),
	.h-choice .table table tr td:nth-child(5),
	.h-choice .table table tr td:nth-child(4){
		display: none;
	}
	.header .h-naver .sub{
		display: none;
	}
	.header .h-naver .ov{
		width: auto;
	}
	.header .h-naver dl{
		float: none;padding: 0;text-align: center;margin: 0;
	}
	.header .h-naver li dl a{
		display: block;border-bottom: none;
	}
	.h-footer{
		display: none;
	}
	.hfts dl{
		text-align: center;padding-top: 15px;padding-bottom: 2px;
	}
	.hfts{
		padding-bottom:60px ;
	}
	.hfts dl dd{
		display: inline-block;
	}
	.hfts dl dd a{
		font-size:14px ;color: #666666;line-height: 2;
	}
	.hfts dl dd span{
		width: 1px;height: 12px;background: #666666;display: block;position: relative;top: 1px;margin: 0 5px;
	}
	.hfts p{
		font-size: 14px;color: #666666;line-height: 1.6;text-align: center;
	}
	.hfxs{
		background: #203D76;height: 50px;position: fixed;left: 0;right: 0;bottom: 0;width: 360px;margin: 0 auto;z-index: 99999;
	}
	.hfxs ul{
		overflow: hidden;
	}
	.hfxs li{
		float: left;width: 33.33%;text-align: center;
	}
	.hfxs li a{
		display: block;line-height: 50px;font-size: 14px;color: #fff;
	}
	.hfxs li:nth-of-type(1) a span{
		background: url(../imags/ph.png) no-repeat left center;padding-left: 25px;background-size: 22px auto !important; line-height: 50px;display: inline-block;
	}
	.hfxs li:nth-of-type(2) a span{
		background: url(../imags/fx1.png) no-repeat left center;padding-left: 25px;background-size: 19px auto !important;  line-height: 50px;display: inline-block;
	}
	.hfxs li:nth-of-type(3) a span{
		background: url(../imags/fx2.png) no-repeat left center;padding-left: 25px;background-size: 16px auto !important;  line-height: 50px;display: inline-block;
	}
	.hfxs li:nth-of-type(2){
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;border-left:1px solid #152e5e ;border-right:1px solid #152e5e ;
	}
	
	
	.banner{
		height: 150px;
	}
	
}