/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 34px;
	width: 40px;
	left: 50%;
	top: 0;
	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: #e62d38;
	display: block;
	height: 2px;
	margin-top: -2px;
	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%;
}

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

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

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

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

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

.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:1300px) {
	body{
		width: 750px;
		margin: 0 auto;
	}
	img{
		max-width: 100%;
	}
	.wrapper{
		width: 750px;
	}
	.header .nav{
		display: none;
	}
	.header{
		height: 88px;
	}
	.header .logo{
		margin: 17px 20px;
	}
	.h_slider{
		width: 750px;
		margin: 0 auto;
		height: 505px;
	}
	.h_slider .slides{
		height: 505px;
		width: 750px;
		background-size: cover !important;
	}
	.h_slider li .txt{
		margin-top:90px ;
	}
	.h_slider li h2{
		font-size: 48px;
		margin-left: 30px;
	}
	.h_slider li h3{
		font-size: 48px;
		margin-left: 30px;
	}
	.h_slider li .form{
		margin-top: 280px;
		margin-left: 50px;
		overflow: hidden;
	}
	.h_slider li .tt{
		height: 70px;
		line-height: 70px;
		font-size:24px ;
		color: #3b3b3b;
		padding-left: 24px;
		width: 370px;
		float: left;
	}
	.h_slider li .btn{
		height: 50px;
		background-size: cover;
		width:130px ;
		line-height: 50px;
		font-size:24px ;
		overflow: hidden;
		border-radius: 10px;
		float: left;
		margin-left: 20px;
	}
	.h_pro{
		margin-top:48px ;
	}
	.hpro_l{
		float: none;
		text-align: center;
		margin-top: 65px;
		margin-bottom: 65px;
	}
	.h_pro .body{
		margin:15px 20px 0;
	}
	.hro_r h4{
		font-size: 24px;
		color: #222222;
		line-height: 80px;
		margin: 0;
	}
	.hro_r .srch{
		display: none;
	}
	.hro_r .nav{
		margin-top: 0;
	}
	.hro_r{
		width: auto;
		float: none;
	}
	.hro_r .nav dd h2{
		margin-left: 10px;
		font-size: 26px;
	}
	.hro_r .nav dd h3{
		margin-left: 10px;
		font-size: 20px;
	}
	.h_view .h_head{
		margin-top: 45px;
	}
	.h_view .body{
		display: none;
	}
	.h_view .body li{
		display: none;
	}
	.h_view .foot{
		width: auto;
		margin: 50px 40px;
	}
	.h_view .foot li{
		width: auto;
		margin: 0;
		height: 295px;
	}
	.h_view .foot .nex, .h_view .foot .pre{
		display: none;
	}
	.h_view .foot li .txt{
		width: 450px;
		height: 220px;
	}
	.h_view .foot li .img{
		width: 150px;
		height: 150px;
		margin: 75px 0 75px 33px;
	}
	.h_view .foot li i{
		margin: 15px 38px;
		font-size: 24px;
		color: #333333;
	}
	.h_view .foot li em{
		font-size:24px ;
		font-style: normal !important;
	}
	.h_view{
		height: auto;
		padding-bottom: 60px;
	}
	.footer .wrapper{
		width: 670px;
	}
	.footer .info li{
		float: none;
	}
	.footer .tele h4{
		font-size: 22px;
	}
	.footer .info h4{
		font-size: 24px;
	}
	.footer .info span{
		width: 70px;
	}
	.footer .info li{
		font-size: 18px;
		line-height:40px ;
	}
	.footer .copy{
		margin-top:40px ;
		font-size:16px ;
	}
	.footer .copy span{
		display: block;
	}
	.footer .qrimg h2{
		font-size: 20px;
	}
	
	
	
	.banner img{
		height: 306px;
	}
	.banner .txt h2{
		font-size: 31px;
	}
	.banner .txt h4{
		font-size: 16px;
	}
	.about_vw .view{
		float: none;
		margin: 0 40px;
	}
	.about_vw .view img{
		width: 100%;
		height: 400px;
	}
	.about_vw .desc{
		float: none;
		width: auto;
		margin: 0 40px;
	}
	.about_vw .desc_t{
		text-align: center;
	}
	.about_vw .desc h4{
		background-position: center bottom;
		padding-bottom: 10px;
	}
	.about_vw .desc_f{
		margin-top: 20px;
	}
	.about_vw .desc_f p{
		font-size: 24px;
		line-height: 35px;
		margin-bottom: 22px;
	}
	.about_ys{
		margin-top: 45px;
	}
	.about_ys .h_head{
		margin-top: 45px;
	}
	.about_ys .body li{
		float: none;
		width: auto;
		text-align: center;
		margin: 0;
		height: auto;
	}
	.about_ys .body li:nth-child(1) .img{
		background: #208bcf;
		width: auto;
	}
	.about_ys .body li:nth-child(2) .img{
		background: #68b392;
		width: auto;
	}
	.about_ys .body li:nth-child(3) .img{
		background: #ffc24c;
		width: auto;
	}
	.about_ys .body ul{
		width: auto;
	}
	.about_ys .body h4{
		font-size: 24px;
		color: #333333;
		margin: 15px 125px 40px;
	}
	.about_ys .body h4 br{
		display: none;
	}
	.about_ys .body{
		margin-bottom:30px ;
		margin-left: 40px;
		margin-right: 40px;
	}
	
	
	
	
	.hro_r .srch_s{
		display: block;
		overflow: hidden;
		margin-bottom: 45px;
	}
	.hro_r .srch .txt{
		height:73px ;
		width: 370px;
		float: left;
		line-height: 73px;
		font-size: 24px;
		color: #000000;
	}
	.hro_r .btn{
		float: left;
		height: 73px;
		line-height: 73px;
		width: 195px;
		margin-left: 20px;
		font-size: 24px;
	}
	.sp_l li{
		width: auto;
		float: none;
		margin: 0 40px;
		height: auto;
	}
	.sp_l{
		float: none;
		margin-top:0 ;
		height: auto;
		width: auto;
	}
	.sp_l h2{
		font-size: 28px;
		margin-top: 40px;
	}
	.sp_l p{
		font-size:24px ;
		width: auto;
	}
	.sp_r{
		float: none;
		text-align: center;
		margin-top: 30px;
		padding-top: 10px;
	}
	.sopr_a{
		height: auto;
		padding-bottom: 30px;
	}
	.sopr_a .wrapper{
		overflow: hidden;
	}
	.sopr_b .h_head{
		margin-top: 45px;
	}
	.sopr_b ul{
		width: auto;
		text-align: center;
	}
	.sopr_b li{
		float: none;
		display: inline-block;
		margin: 15px 18px;
	}
	.sopr_b li h2{
	background: url(../images/img3-5.jpg);
	border: none;
	color: #FFFFFF;
	}
	.sopr_b li:hover img{
		transform: scale(1);
	}
	.sopr_b li img{
		display: block;
	}
	.sopr_b li:hover{
		border: 1px solid #e5e5e5;
	}
	
	
	.conta_us .h_head{
		margin-top: 40px;
	}
	.h_head h2{
		font-size: 28px;
	}
	.conta_us .h_head h3{
		font-size: 30px;
	}
	.conta_us .h_head p{
		margin: 30px 45px;
		font-size: 22px;
        color: #a6a5a5;
        line-height: 35px;
        text-align: left;
	}
	.conta_us .body{
		margin-top: 30px;
		margin-left: 45px;
	}
	.conta_us .hd h2{
		font-size: 30px;
	}
	.conta_us .hd h6{
		font-size: 18px;
	}
	.conta_us .bd{
		margin-top: 35px;
	}
	.conta_us .bd dl{
		float: none;
	}
	.conta_us .bd dd{
		font-size: 22px;
		line-height: 40px;
	}
	.conta_us .bd dt{
		margin-bottom: 20px;
	}
	.conta_us ul{
		float: none;
		margin: auto;
	}
	.conta_us li{
		font-size: 22px;
		line-height: 43px;
	}
	.conta_us .ft{
		display: none;
	}
	.conta_us .rt{
		margin-top: 30px;
	}
	.conta_us{
		margin-bottom: 35px;
	}
	
	
	.coope .h_head{
		margin-top: 30px;
	}
	.h_head h2{
		margin-bottom: 10px;
	}
	.coope .body{
		margin-bottom: 70px;
		margin-top: 35px;
	}
	.coope li{
		padding: initial;
		border: none;
		
	}
	.coope .img{
		float: none;
		text-align: center;
		margin: 0 40px;
	}
	.coope .img img{
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.coope .txt{
		float: none;
		width: auto;
		height: auto;
		margin: 20px 40px 0;
	}
	.coope .txt h2{
		font-size: 28px;
		color: #0072bb;
		line-height: 45px;
	}
	.coope .txt h3{
		font-size: 24px;
		line-height: 45px;
	}
	.coope .txt p{
		font-size: 22px;
		line-height: 30px;
		margin-top: 10px;
	}
	.coope .txt .btn{
		width: 212px;
		height: 70px;
		background: url(../images/img1-4.jpg) no-repeat center;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 70px;
		position: initial;
		margin: 25px 0 50px;
	}
	.partner .h_head{
		margin-top: 55px;
	}
	.partner ul{
		margin:30px 30px 90px;
		padding: initial;
		background: #f6f6f7;
		width: auto;

	}
	.partner li{
		width: 227px;
		border: 1px solid #d5d6d6;
		margin: auto;
	}
	.partner li a{
		display: inline-block;
	}
	.slider-nav{
		display: block;
	}
	.slider-arrows{
		display: none;
	}
	.slider-nav__item{
		width: 15px !important;
		height: 15px !important;
		border-radius: 50%;
		margin: 0 10px;
		background: #FFFFFF;
	}
	.slider-nav__item--current{
		background: #00a9ee;
	}
	.h_pro .body .next, .h_pro .body .prev{
		right: 40px;
		z-index: 1111;
		margin-top: 150px;
	}
	.h_pro .body .prev{
		left:40px;
		right: auto;
	}
	.h_view .foot .next, .h_view .foot .prev{
		margin-top:-30px;
	}
	#gh{
		display: block;
		left: auto;
		right: 50%;
		margin-right: -355px;
		top: 30px;
	}
	#gh a{
		background: #0189c7;
		height: 4px;
	}
	#gh a::after,
	 #gh a::before{
	 	height: 4px;
		background: #0189c7;
	 }
	 .selected #gh a::before,
	 .selected #gh a::after{
	 	background: #0189c7;
	 }
	 .header .nav{
	 	position: absolute;
	 	left: 0;
	 	right: 0;
	 	top: 88px;
	 	z-index: 111;
	 	background: #FFFFFF;
	 	border-top: 1px solid #bfbfbf;
	 	padding-bottom: 50px;
	 }
	 .header .nav li{
	 	float: none;
	 	
	 }
	 .header .nav li a{
	 	color:#6d6d6d ;
	 	font-size: 28px;
	 	line-height:85px ;
	 	border-bottom: 1px solid #e5e5e5;
	 	padding: 0;
	 	margin: 0;
	 	padding-left: 40px;
	 }
	 .deta .head h2{
	 	font-size: 30px;
	 }
	 .deta .head{
	 	margin-top: 20px;
	 }
	 .deta .body{
	 	margin-top: 0;
	 	margin-left: 40px;
	 	margin-right: 40px;
	 }
	 .deta h3{
	 	font-size: 24px;
	 }
	 .deta p{
	 	font-size:22px ;
	 	line-height: 34px;
	 	margin-top: 0;
	 	margin-bottom: 15px;
	 }
	 .deta h6{
	 	font-size: 24px;
	 }
}
/*@media only screen and (min-width:750px){*/
	/**/
/*}*/