﻿/*pad*/

img {
	max-width: 100%;
}

.gh {
	height: 60px;
	width:60px;
	top: 50%;
	right:30px;
	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;
	margin-top: -30px;
}

.selected .gh {
	transform: rotate(90deg);
}

.gh a {
	background-color: #005bac;
	display: block;
	height: 4px;
	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%;
	border-radius: 4px;
}

.gh a:after,
.gh a:before {
	background-color: #005bac;
	content: "";
	display: block;
	height: 4px;
	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: 4px;
}

.gh a:after {
	top: 20px;
}

.gh a:before {
	top: -20px;
}

.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: #005bac;
}

.selected .gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #005bac;
}

.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:1240px) {
	.nav{
		width: auto;height: 100px;position: fixed;
		left: 0;right: 0;top: 0;
		background: #fff;z-index: 99999;
	}
	.gh{
		display: block;
	}
	.nav h1 img{
		width: 340px;
	}
	.nav_a{
		float: none;position: absolute;margin: 0;background: rgba(0,0,0,0.8);
		left: 0;right: 0;top: 100px;display: none;z-index: 999;
	}
	.nav_a li{
		float: none;height: 120px;
		border: none;background: #fff;
	}
	.nav_a a h2{
		height: 120px;
	}
	.nav_a a h2:nth-child(2){
		display: none;
	}
	.nav_a li a:hover, .nav_a li.nav_act a{
		top: 0;
	}
	.nav_a a h2 i{
		font-size: 26px;
	}
	.nav_a a{
		height: auto;
	}
	.nav_a a h2 span{
		font-size: 22px;
	}
	body{
		padding-top: 100px;width: 750px;overflow-x: hidden;margin: 0 auto;
	}
	.index_bg{
		height: 400px;background-size: cover !important;
	}
	.index1_right,
	.index1_left{
		float: none;width: auto;margin: 0;
	}
	.main{
		width: auto;
	}
	.index1{
		padding: 40px 30px;
	}
	.index1_list p{
		font-size: 24px;line-height: 1.7;margin: 20px 0;
	}
	#myFocus{
		width: auto !important;height: 690px !important;
	}
	#myFocus img{
		width: 100% !important;height: auto !important;display: block;
	}
	.mF_tbhuabao .dot{
		left: 0;right: 0;text-align: center !important;
	}
	.index2_left{
		float: none;width: auto;margin: 30px;
		height: auto;
	}
	.index2_right{
		float: none;width: auto;margin-top: 30px;
	}
	.index2{
		height: auto;background-size: cover !important;
	}
	.index2_left h3{
		font-size: 26px;line-height: 1.5;
	}
	.index2_left dd{
		font-size: 24px;line-height: 1.7;
	}
	.index2_left dt{
		font-size: 24px;line-height: 1.4;
	}
	.p_middle li{
		width: 620px;height: auto;
	}
	.p_info{
		width: 420px;height: 240px;
	}
	.photo{
		width: auto;float: none;position: relative;
	}
	.p_middle{
		width: 620px;
	}
	.p_middle h3{
		font-size: 28px;line-height: 1.4;
	}
	.p_info p{
		font-size: 24px;line-height: 1.6;height: 128px;
	}
	.p_btn{
		font-size: 24px;
	}
	.h_news .rts,
	.h_news .lts{
		float: none;width: auto;
	}
	.h_news{
		padding: 40px 30px;
	}
	.h_news .lts p{
		font-size: 24px;line-height: 66px;width: 500px;
	}
	.h_news .lts span{
		font-size: 24px;line-height: 66px;
	}
	.h_news .lts .more{
		text-align: center;
	}
	.h_news .lts .more a{
		font-size: 24px;line-height: 70px;
	}
	.h_news .swiper-slide img{
		width: 100%;height: auto;display: block;
	}
	.h_news .swiper-slide span{
		font-size: 24px;line-height: 60px;border-radius: 30px;padding: 0 35px;
	}
	.h_news .rts .hds{
		text-align: center;
	}
	.footer{
		font-size: 22px;line-height: 1.4;padding: 20px;
	}
	.change_Language{
		display: none;
	}
	.title{
		width: auto;margin: 30px auto 50px;text-align: center;
	}
	.sec{
		padding: 0 30px;background-size: cover !important;padding-bottom: 30px;
	}
	.sec_nav{
		height: 70px;
	}
	.sec_nav li{
		width: 25%;height: 70px;background: #fff;line-height: 70px;
	}
	.sec_nav ul{
		overflow: hidden;
	}
	.sec_nav li a{
		font-size: 24px;line-height: 70px;display: block;
	}
	.about_left{
		float: none;width: auto;
	}
	.about{
		padding: 0;
	}
	.about_right{
		float: none;width: auto;
	}
	.about_right p{
		font-size: 24px;line-height: 1.7;
	}
	.pisp{
		width: auto;
	}
	.b,
	.c,
	.t{
		background-size: 100% 100% !important;
	}
	.ck img{
		width: 100% !important;
	}
	.news_view h3{
		font-size: 28px;line-height: 60px;margin-top: 20px;
	}
	.news_view .news_time{
		font-size: 22px;line-height: 1.4;padding-bottom: 20px;
	}
	.ck div{
		font-size: 22px;line-height: 1.7;
	}
	.p3_middle{
		width: 585px;float: none;margin: 0 auto;
	}
	.p1_left,
	.p3_left{
		margin-right: 30px;margin-left: 0;margin-top: -25px;position: absolute;
		left: 0;top: 50%;
	}
	.p1_right,
	.p3_right{
		margin-left: 30px;margin-top: -25px;right: 0;position: absolute;top: 50%;
	}
	.p3_middle li{
		height:900px;overflow: hidden;display: block;
		background: #fff;border:1px solid #ccc;
	}
	.p3_info{
		height: 266px;overflow: hidden;
	}
	.p3_cover{
		margin: 0;width: 100%;float: none;
	}
	.p3_cover img{
		width: 100%;height: auto;display: block;
	}
	.p3_middle h3{
		font-size: 26px;line-height: 1.4;
	}
	.p3_info{
		width: auto;padding: 20px;font-size: 24px;line-height: 1.6;float: none;
	}
	.p3_middle p{
		font-size: 24px;line-height: 1.6;
	}
	.news{
		position: relative;
	}
	.p2_middle{
		width: 610px;float: none;height: auto;
		margin: 0 auto;
	}
	.p2_left{
		position: absolute;left: 0;top: 50%;margin-top: -25px;float: none;
	}
	.p2_right{
		position: absolute;right: 0;top: 50%;margin: 0 10px;float: none;margin-top: -25px;
	}
	.apply{
		position: relative;
	}
	.p2_cover{
		float: none;width: auto;
	}
	.p2_cover img{
		width: 100%;display: block;
	}
	.p2_middle li{
		width: 610px;background: #fff;border: 1px solid #ccc;box-sizing: border-box;margin: 0;
		margin: 10px 0;height: auto;
	}
	.p2_info{
		width: auto;font-size: 24px;line-height: 1.6;float: none;
	}
	.p2_info span{
		font-size: 24px !important;line-height: 1.6 !important;
	}
	.p2_middle li:last-child{
		display: block;
	}
	body{
		background-size: cover !important;
	}
	.contact td{
		display: block;width: 100%;box-sizing: border-box;padding: 15px 30px;
	}
	.contact td img{
		display: block;width: 100%;
	}
	.contact td p{
		font-size: 22px;line-height: 1.4;
	}
	.contact td p br{
		display: none;
	}
	.contact td{
		font-size: 22px;line-height: 1.4 !important;
	}
	.t{
		display: none;
	}
	.b{
		display: none;
	}
	.c{
		background: #fff;border: 1px solid #ccc;
	}
	.history td{
		font-size: 22px !important;line-height: 1.6 !important;
		padding: 20px 0 !important;
	}
	.history{
		margin:10px 30px !important;	
	}
	.history td:nth-child(2n+1){
		width: 100px;font-size: 26px !important;
	}
	.history tr:last-child td:nth-child(2n){
		border: none;
	}
	.p3_middle li:last-child{
		display: block;
	}
	.main>div{
		font-size: 24px !important;line-height: 1.6;	
	}
	.pdisp_cover{
		float: none;width: auto;
	}
	.pdisp_cover img{
		width: 100%;
	}
	.pdisp_info{
		float: none;width: auto;
		padding: 0 30px;
	}
	.pdisp_info b{
		font-size: 24px;line-height: 1.6;
	}
	.pdisp_title{
		height: 66px;line-height: 66px;
		font-size: 24px;
	}
	.guige_content img{
		display: block;width: 100%;
	}
	.guige_content table{
		width: 100%;
	}
	.guige_content td{
		font-size: 24px !important;height: 50px;
	}
	.photo1 li{
		background: #fff;border: 1px solid #ccc;margin-top: 0;
		width: calc((100% - 20px)/2);margin-right: 20px;padding: 10px;
		margin-bottom: 20px;box-sizing: border-box;margin-left: 0;height: auto;
	}
	.photo1 li:nth-child(2n){
		margin-right: 0;
	}
	.photo1 ul{
		overflow: hidden;
	}
	.photo1 img{
		width: 100%;display: block;margin: 0;height:195px;
	}
	#lightbox-container-image-data-box,
	#lightbox-container-image-box{
		width: 80% !important;box-sizing: border-box;
		height: auto !important;
	}
	#lightbox-container-image a{
		height: auto !important;
	}
	#jquery-lightbox{
		top: 50% !important;position: fixed;transform: translateY(-50%);
	}
	.main>div>a{
		font-size: 24px !important;line-height: 1.6;
	}
	.product{
		position: relative;
	}
	.p1_middle{
		width: 600px;margin: 0 auto;float: none;height: auto;
	}
	.p1_middle li{
		width: 600px;height: auto;background: #fff;
	}
	.p1_middle img{
		width: 60%;height: 100%;display: block;margin: 0 auto;
	}
	.p1_title{
		font-size: 28px;height: auto !important;
	}
	.p1_title span{
		font-size: 24px !important;line-height: 1.6 !important;display: block;
	}
	.p1_btn a{
		font-size:24px;line-height: 2;padding:10px 30px;
	}
	
	
	.nav .change_Language{
		display: block;position: static;
		height: auto;
	}
	
	.nav_a .change_Language a{
		text-align: center;
		font-size: 28px;
		line-height: 80px;
	}
	.nav_a .change_Language span{
		display: none;
	}
	.nav .change_Language{
		display: block;
	}
		
	
	
}