@media all and (min-width:20px) {
	.product-vist-content .container i {
		display: block;
		width: 100%;
		height: 10%;
		line-height: 90px;
		text-align: center;
		color: #ffffffc9;
		font-size: 60px;
		position: absolute;
		/*top:53%;*/
		/*left:47%;*/
		margin: -180px 0 0 0px;
		z-index: 2;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.product-vist-content img {
		width: 100%;
		/*width: 1400px;*/
		margin: 0 auto;
	}
}

@media all and (max-width:
/*1460px*/

) {
	/*.product-vist-content .container i{
	display:block;
	width:180px;
	height:180px;
	line-height:90px;
	text-align:center;
	color:#ffffffc9;
	font-size:60px;
	position:absolute;
	top:53%;
	left:47%;
	margin:-100px 0 0 -45px;
	z-index:2;
	cursor:pointer;
	transition-duration:0.2s;
}*/
	.product-vist-content .container i {
		display: block;
		width: 180px;
		height: 180px;
		line-height: 90px;
		text-align: center;
		color: #ffffffc9;
		font-size: 50px;
		position: absolute;
		top: 53%;
		left: 47%;
		margin: 0px 0 0 -45px;
		z-index: 2;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.product-vist-content img {
		/*width:100%;*/
		width: 1460px;
		margin: 0 auto;
	}
}


/*大于1024像素*/

@media all and (min-width:
/*1020*/

20px) {
	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: #ccc
	}
	::-webkit-scrollbar {
		width: 12px;
		background-color: #F5F5F5
	}
	.index-product1 {
		width: 880px;
		height: 340px;
		display: inline-block;
	}
	.index-product1 img {
		width: 340px;
		height: 340px;
		float: left;
	}
	.index-product1 .pro1 {
		float: right;
		width: 530px;
		text-align: center;
		margin-top: 40px;
	}
	.index-product1 .pro2 {
		float: right;
		width: 530px;
		text-align: center;
		margin-top: 40px;
	}
	.index-product1 .pro3 {
		float: right;
		width: 530px;
		text-align: center;
		margin-top: 10px;
	}
	.index-product1 h2 {
		font-size: 40px;
	}
	.index-product1 h3 {
		font-size: 18px;
	}
	.index-product1 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: left;
		line-height: 24px;
	}
	.imipro {
		width: 880px;
		height: auto;
		margin: 0 auto;
	}
	.imipros {
		width: 615px;
		height: auto;
		margin: 0 auto;
		margin-top: 20px;
	}
	.imipro1 {
		width: 250px;
		float: left;
		height: auto;
	}
	.imipro2 {
		width: 250px;
		float: right;
		height: auto;
	}
	.imipro1-img {
		height: 170px;
	}
	.imipro1 img {
		width: 250px;
		/*margin-left: 50px;margin-top: 95px;*/
	}
	.imipro1 p {
		width: 250px;
		font-size: 18px;
		font-family: '';
		text-align: center;
		line-height: 24px;
	}
	.imipro2-img {
		height: 170px;
	}
	.imipro2 img {
		width: 250px;
		/*margin-left: 50px;*/
	}
	.imipro2 p {
		width: 250px;
		font-size: 18px;
		font-family: '';
		text-align: center;
		line-height: 24px;
	}
	.imipro3 {
		width: 880px;
		font-size: 16px;
		font-family: '';
		color: black;
		text-align: justify;
		margin: 0 auto;
		line-height: 24px;
	}
	.prot {
		width: 880px;
		font-size: 28px;
		height: 100px;
		line-height: 100px;
		font-family: '';
		color: black;
		text-align: center;
		text-transform: uppercase;
		margin: 0 auto;
	}
	.proimjs {
		width: 880px;
		height: 100px;
		display: inline-block;
	}
	.proimjs img {
		width: 100px;
		height: 100px;
		float: left;
	}
	.proimjs1 {
		float: right;
		width: 730px;
		text-align: center;
		margin-top: px;
	}
	.proimjs1 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: left;
		line-height: 24px;
	}
	.proimgn {
		width: 880px;
		height: 190px;
		display: inline-block;
	}
	.proimgn img {
		width: 240px;
		height: 160px;
		float: left;
	}
	.proimgn1 {
		float: right;
		width: 575px;
		text-align: center;
		margin-top: 0px;
	}
	.proimgn1 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: left;
		line-height: 24px;
	}
	.itprot {
		width: 880px;
		line-height: 40px;
		font-size: 18px;
		color: black;
		font-family: '';
		text-align: justify;
		text-align: center;
		line-height: 24px;
		margin: 0 auto;
	}
	.itprot1 {
		width: 880px;
		font-size: 16px;
		font-family: '';
		color: black;
		text-align: justify;
		margin: 0 auto;
		line-height: 24px;
	}
	.itprogn {
		width: 880px;
		height: 190px;
		display: inline-block;
	}
	.itprogn img {
		width: 240px;
		height: 160px;
		float: left;
	}
	.itprogn1 {
		float: right;
		width: 575px;
		text-align: center;
		margin-top: 20px;
	}
	.itprogn1 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: left;
		color: #535353;
		line-height: 24px;
	}
	.itprotd {
		width: 880px;
		height: auto;
		display: inline-block;
	}
	.itprotd1 {
		width: auto;
		text-align: left;
		margin-top: 0px;
		margin: 0 auto;
	}
	.itprotd img {
		width: 60px;
		height: 60px;
		float: ;
		padding-top: ;
	}
	.itprotd1 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: left;
		width: 250px;
		color: #535353;
		line-height: 24px;
	}
	.itprotd2 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: center;
		line-height: 24px;
	}
	.itprotd2 {
		float: right;
		width: 880px;
		text-align: center;
		margin-top: 0px;
	}
	.itprotd3 {
		width: 880px;
		height: 0px;
		display: inline-block;
	}
	.itprotd3 img {
		width: 100px;
		height: 100px;
		float: left;
	}
	.itprosj {
		width: 880px;
		height: auto;
		overflow: hidden;
		margin: 20px auto 0px auto;
	}
	.itprosj a {
		color: black;
		text-decoration: underline;
		font-size: 18px;
		color: #287bc2;
		line-height: 40px;
		margin-left: 30px;
		line-height: 24px;
	}
	.itprosjt {
		width: 100%;
		height: 56px;
		background-color: #287bc2;
		margin-bottom: 10px;
	}
	.itprosjt1 {
		display: block;
		width: 40%;
		height: 56px;
		float: left;
		text-align: center;
		line-height: 56px;
		color: #fff;
		letter-spacing: 15px;
	}
	.itprosjt2 {
		display: block;
		width: 20%;
		height: 56px;
		float: left;
		text-align: center;
		line-height: 56px;
		color: #fff;
		letter-spacing: 15px;
	}
	.itprosjt3 {
		display: block;
		width: 100%;
		height: 56px;
		float: left;
		text-align: center;
		line-height: 56px;
		color: #fff;
		letter-spacing: 15px;
	}
	.itprosjd {
		border: 1px #838f93 solid;
		width: 878px;
		height: 80px;
		margin-top: 1px;
	}
	.itprosjd img {
		display: block;
		width: 8%;
		height: 60px;
		text-align: center;
		float: left;
		font: 15px/75px 'microsoft yahei';
		color: #222;
	}
	.itprosjd1 {
		display: block;
		width: 10%;
		height: 75px;
		text-align: center;
		float: left;
		font: 14px/75px 'microsoft yahei';
		color: #222;
	}
	.itprosjd2 {
		display: block;
		width: 4%;
		height: 75px;
		text-align: center;
		float: left;
		font: 15px/75px 'microsoft yahei';
		color: #222;
	}
	.itprosjd3 {
		display: block;
		width: 14%;
		height: 75px;
		text-align: center;
		float: left;
		font: 15px/75px 'microsoft yahei';
		color: #222;
	}
	.itprosjd4 {
		display: block;
		width: 7%;
		height: 75px;
		text-align: center;
		float: left;
		font: 15px/75px 'microsoft yahei';
		color: #222;
	}
	.itprosjd5 {
		display: block;
		width: 30%;
		height: auto;
		text-align: left;
		float: left;
		font: 13px/18px 'microsoft yahei';
		color: #222;
	}
	.itprogg {
		width: 880px;
		height: 220px;
		margin: 0 auto;
	}
	.itprogg .pro-item11 p {
		line-height: 30px;
		font-size: 16px;
		color: black;
		font-family: '';
		font-weight: ;
		text-align: justify;
		line-height: 24px;
	}
	.itprogg .pro-item12 img {
		width: 330px;
		position: relative;
		margin-top: -100px;
	}
	.itprosj table tr td img {
		width: 70px;
	}
	.itprosj table caption {
		height: 50px;
		line-height: 50px;
		letter-spacing: 15px;
	}
	.itprosj table .title {
		width: 75px;
		text-align: center;
	}
	.itprosj table .text {
		width: 287px;
	}
	.itprosj table .text p {
		width: 230px;
		margin: 0 auto;
		text-align: justify;
		line-height: 24px;
	}
	.ippro {
		width: 880px;
		line-height: 40px;
		font-size: 18px;
		color: black;
		font-family: '';
		text-align: justify;
		text-align: center;
		margin: 0 auto;
		line-height: 24px;
	}
	.ippro1 {
		width: 880px;
		font-size: 16px;
		font-family: '';
		color: black;
		text-align: justify;
		margin: 0 auto;
		line-height: 24px;
	}
	.ipprogn {
		width: 880px;
		height: 170px;
		display: inline-block;
	}
	.ipprogn img {
		width: 240px;
		height: 140px;
		float: left;
	}
	.ipprogn1 {
		float: right;
		width: 570px;
		text-align: center;
		margin-top: 20px;
	}
	.ipprogn1 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: left;
		line-height: 24px;
	}
	.ippro2 {
		width: 880px;
		font-size: 20px;
		height: 60px;
		line-height: 40px;
		font-family: '';
		color: black;
		text-align: center;
		font-weight: bold;
		margin: 0 auto;
		line-height: 24px;
	}
	.ipprotd {
		width: 880px;
		height: 100px;
		display: inline-block;
	}
	.ipprotd img {
		width: 100px;
		height: 100px;
		float: left;
	}
	.ipprotd1 {
		float: right;
		width: 730px;
		text-align: center;
		margin-top: 0px;
	}
	.ipprotd1 p {
		font-size: 16px;
		padding-top: 10px;
		text-align: left;
		line-height: 24px;
	}
	.ippro3 {
		position: relative;
		width: 880px;
		height: 865px;
		background: white;
		margin: 0 auto;
	}
	.ippro4 {
		width: 880px;
		font-size: 20px;
		height: 100px;
		line-height: 100px;
		font-family: '';
		color: black;
		text-align: center;
		margin: 0 auto;
		font-weight: bold;
	}
	.nav-container a {
		/* color: white;
		text-decoration: none;
		font-weight: 700;
		outline: 0;
		font-family: '';*/
		font-size: 20px;
		border: 0;
		background: none;
		/* text-transform: uppercase; */
		color: #000000;
		/* font-weight: bold; */
		position: relative;
		outline: none;
		/* padding: 10px 20px; */
		box-sizing: border-box;
		display: block;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-family: '';
	}
	.nav-container a::before,
	.nav-container a::after {
		box-sizing: inherit;
		position: absolute;
		content: '';
		border: 2px solid transparent;
		width: 0;
		height: 0;
	}
	.nav-container a::after {
		bottom: 0;
		right: 0;
	}
	.nav-container a::before {
		top: 0;
		left: 0;
	}
	.nav-container a:hover::before,
	.nav-container a:hover::after {
		width: 100%;
		height: 100%;
	}
	.nav-container a:hover::before {
		border-top-color: #fff;
		border-right-color: #fff;
		transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
	}
	.nav-container a:hover::after {
		border-bottom-color: #fff;
		border-left-color: #fff;
		transition: border-color 0s ease-out 0.6s, width 0.3s ease-out 0.6s, height 0.3s ease-out 1s;
	}
	.nav-container a:hover {
		text-decoration: none !important;
		color: white;
	}
	/* body * {
		box-sizing: border-box
	} */
	input,
	button,
	select,
	textarea,
	label {
		font-family: Nunito;
		font-size: 14px;
		color: #929292;
		line-height: 1.4;
		font-weight: 600
	}
	::-webkit-input-placeholder {
		color: #929292
	}
	::-moz-placeholder {
		color: #929292
	}
	:-ms-input-placeholder {
		color: #929292
	}
	:-moz-placeholder {
		color: #929292
	}
	/* body {
		margin: 0;
		padding: 0;
		background-color: #FFF;
		font-family: Nunito, sans-serif;
		font-size: 14px;
		color: #0e0e0e;
		line-height: 1.4;
		font-weight: 400;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased
	}
	 */
	/* img {
		width: 100%
	}
	 */
	.wrapper {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat
	}
	.nav-menu {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 999;
		background-color: rgba(0, 0, 0, 0.3);
		display: none
	}
	nav.menu.opened {
		/* left: 0 */
		right: 0;
	}
	nav.menu {
		width: 230px;
		margin-top: 0px;
		position: absolute;
		/* left: -70%; */
		right: -70%;
		top: 0;
		bottom: 0;
		/* width: 70%; */
		background-color: #959595ad;
		-webkit-transition: left 200ms cubic-bezier(0.000, 0.655, 0.000, 1);
		-webkit-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
		-moz-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
		-o-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
		transition: right 400ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
		position: fixed;
		height: 480px;
	}
	.image-round {
		border-radius: 60px;
		width: 100px;
		height: 100px;
		border: 3px solid #fff
	}
	nav.menu .nav-header span {
		display: block;
		color: #13287e;
		font-weight: normal
	}
	nav.menu .nav-header a {
		color: #2eb18d
	}
	nav.menu .nav-header {
		height: 170px;
		text-align: center;
		padding: 10px 0;
		background: url("../img/avatar-bg.jpg") no-repeat right top
	}
	nav .nav-container {
		position: absolute;
		left: 50px;
		right: 0;
		bottom: 0;
		top: 30px;
		overflow: auto
	}
	nav.menu ul {
		list-style: none;
		padding: 0;
		margin: 0
	}
	nav.menu ul li {
		display: block;
		width: 150px;
		/* height: 70px; */
		/* line-height: 70px; */
	}
	nav.menu ul.main-menu>li.active {
		background-color: #f5f5f5
	}
	nav.menu ul.main-menu>li.active>ul {
		display: block
	}
	nav.menu ul.main-menu>li ul li.active {
		background-color: rgba(0, 0, 0, 0.2)
	}
	nav.menu ul.main-menu>li>a {
		display: block;
		color: #4c4b4b;
		padding: 12px 12px;
		font-weight: normal
	}
	nav.menu ul.main-menu>li.active i {
		color: #2eb18d !important
	}
	nav.menu ul.main-menu>li>a>i {
		display: inline-block;
		width: 30px;
		font-size: 18px;
		color: #777
	}
	nav.menu ul.main-menu>li>a>img {
		width: 20px;
		margin-right: 10px;
		display: inline-block;
		position: relative;
		top: 5px
	}
	nav.menu ul.main-menu>li>a>span {
		display: inline-block;
		float: right;
		opacity: .5
	}
	nav.menu ul.main-menu>li ul {
		display: none
	}
	nav.menu ul.main-menu>li li a {
		display: block;
		color: #4c4b4b;
		padding: 8px 20px 8px 48px;
		font-weight: 400
	}
	header {
		position: fixed;
		z-index: 998;
		top: 0;
		left: 0;
		right: 0;
		background-color: #ffffffab;
		height: 70px;
		/* border-bottom: solid 1px #EEE; */
		/* padding: 10px */
		text-align: center;
	}
.laguagebutton {
		width: 30px;
		height: 30px;
		float: right;
		position: relative;
		cursor: pointer;
		margin-top: 20px;
		margin-right: 50px;
	}
.language-button{
	float:left;
	height:60px;
	margin-left:20px;
}
.language-button a{
	display:block;
	height:30px;
	float:left;
	line-height:60px;
	font-size:24px;
	color:#777;
	cursor:pointer;
}
.language-button a.cur{
	color:#555;
}
.language-button a:hover{
	color:#1175B3;
}
.language-button i{
	display:block;
	height:14px;
	width:1px;
	background-color:#ccc;
	margin:24px 10px 0 10px;
	float:left;
	}
	.navi-menu-button {
		width: 30px;
		height: 30px;
		float: right;
		position: relative;
		cursor: pointer;
		margin-top: 20px;
		margin-right: 50px;
	}
	.navi-menu-button em {
		width: 30px;
		height: 4px;
		background-color: #4c4c4c;
		display: block;
		position: absolute;
		border-radius: 30px;
		right: 0;
		-webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750)
	}
	.navi-menu-button em:nth-child(1) {
		top: 4px;
		width: 40px
	}
	.navi-menu-button em:nth-child(2) {
		top: 14px
	}
	.navi-menu-button em:nth-child(3) {
		top: 24px;
		width: 40px
	}
	.navi-menu-button.focused em:nth-child(1) {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 14px
	}
	.navi-menu-button.focused em:nth-child(2) {
		width: 0
	}
	.navi-menu-button.focused em:nth-child(3) {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 14px
	}
	.index-title {
		height: 50px;
		/* border-bottom:1px solid #888; */
		margin: 20px auto 20px auto;
	}
	.index-title h2 {
		display: block;
		float: left;
		height: 50px;
		line-height: 50px;
		font-size: 28px;
		color: #333;
		font-weight: normal;
	}
	.index-title i {
		display: block;
		float: left;
		height: 50px;
		line-height: 50px;
		font-size: 24px;
		color: #333;
		font-weight: normal;
		margin: 0 6px;
	}
	.index-title em {
		display: block;
		float: left;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		color: #666;
		text-transform: uppercase;
	}
	/*首页-公司简介*/
	.index-about-us {
		height: auto;
		overflow: hidden;
	}
	.index-about-us .company-info {
		width: 880px;
		height: 420px;
		overflow: hidden;
		/*float:left;*/
		position: relative;
		/* margin-left: 200px; */
		margin: 0 auto;
	}
	.index-about-us .company-info img {
		display: block;
		width: 100%;
		min-height: 420px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		transition-duration: 0.8s;
	}
	/*.index-about-us .company-info:hover img{
	top:-60px;
}*/
	.index-about-us .company-info .info {
		width: 100%;
		height: 200px;
		background: rgb(0, 0, 0, 0.2);
		position: absolute;
		bottom: 0px;
		left: 0;
		z-index: 2;
		transition-duration: 0.7s;
	}
	/*.index-about-us .company-info:hover .info{
	bottom:0;
	background-color: rgb(255 255 255 /65%) ;
}*/
	.index-about-us .company-info:hover .info h1 {
		color: black;
	}
	.index-about-us .company-info:hover .info p {
		color: black;
	}
	.index-about-us .company-info .info h1 {
		display: block;
		font-weight: normal;
		width: 90%;
		line-height: 40px;
		color: white;
		font-size: 25px;
		margin: 20px auto 0 auto;
		/* font-family: ''; */
		font-weight: bold;
	}
	.index-about-us .company-info .info p {
		display: block;
		font-weight: normal;
		width: 90%;
		line-height: 30px;
		color: white;
		font-size: 18px;
		margin: 8px auto 0 auto;
		/* font-family: ''; */
		/* font-weight: bold; */
	}
	.product-vist-content .about-video {
		overflow: hidden;
	}
	.product-vist-content .about-video i {
		display: block;
		width: 180px;
		height: 180px;
		line-height: 90px;
		text-align: center;
		color: #ffffffc9;
		font-size: 100px;
		position: absolute;
		top: 55%;
		left: 47%;
		margin: -45px 0 0 -45px;
		z-index: 2;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.product-vist-content .about-video:hover i {
		font-size: 150px;
	}
	.product-vist-content .container:hover i {
		font-size: 90px;
	}
	.product-vist-content .container1 i {
		display: block;
		width: 180px;
		height: 180px;
		line-height: 90px;
		text-align: center;
		color: #ffffffc9;
		font-size: 60px;
		position: absolute;
		top: 55%;
		left: 47%;
		margin: -45px 0 0 -45px;
		z-index: 2;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.product-vist-content .container1:hover i {
		font-size: 90px;
	}
	.index-about-us .about-video {
		width: 390px;
		height: 420px;
		overflow: hidden;
		float: right;
		position: relative;
	}
	.index-about-us .about-video img {
		display: block;
		width: 100%;
		min-height: 420px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.index-about-us .about-video i {
		display: block;
		width: 90px;
		height: 90px;
		line-height: 90px;
		text-align: center;
		color: #fff;
		font-size: 58px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -45px 0 0 -45px;
		z-index: 2;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.index-about-us .about-video:hover i {
		font-size: 80px;
	}
	.index-about-us .product-video {
		width: 576px;
		height: 240px;
		overflow: hidden;
		float: none;
		position: relative;
	}
	.index-about-us .product-video img {
		display: block;
		width: 100%;
		min-height: 240px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.index-about-us .product-video i {
		display: block;
		width: 90px;
		height: 90px;
		line-height: 90px;
		text-align: center;
		color: #fff;
		font-size: 58px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -45px 0 0 -45px;
		z-index: 2;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.index-about-us .product-video:hover i {
		font-size: 80px;
	}
	/*首页-产品*/
	.index-product {
		/* height:430px; */
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		padding-top: 10px;
	}
	.index-product .pro-item {
		display: inline-block;
		vertical-align: middle;
		width: 350px;
		height: 370px;
		background-color: white;
		overflow: hidden;
		position: relative;
		margin: 5px 6px;
	}
	.index-product .pro-item img {
		display: block;
		width: 280px;
		min-height: 280px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.index-product .pro-item .info {
		width: 100%;
		height: 160px;
		position: absolute;
		padding: 20px 0 0 0;
		/* background: rgba(0,0,0, 0.2); */
		bottom: -80px;
		left: 0;
		z-index: 2;
		transition-duration: 0.5s;
	}
	.index-product .pro-item:hover .info {
		background: rgba(255, 255, 255, 0.6);
		bottom: 0;
	}
	.index-product .pro-item .info h2 {
		display: block;
		font-weight: normal;
		width: 90%;
		height: 30px;
		margin: 0 auto;
		line-height: 30px;
		text-align: center;
		/* color:white; */
		font-size: 20px;
		/* font-family: ''; */
		/* font-weight: bold; */
	}
	.index-product .pro-item:hover .info h2 {
		color: #000;
	}
	.index-product .pro-item .info h3 {
		display: block;
		font-weight: normal;
		width: 90%;
		height: 30px;
		margin: 0 auto;
		line-height: 30px;
		text-align: center;
		/* color:white; */
		font-size: 20px;
		/* font-family: ''; */
		/* font-weight: bold; */
	}
	.index-product .pro-item:hover .info h3 {
		color: #000;
	}
	.index-product .pro-item .info a {
		display: block;
		font-weight: normal;
		width: 180px;
		height: 42px;
		margin: 28px auto 0 auto;
		line-height: 42px;
		text-align: center;
		color: #000;
		font-size: 16px;
		border: 1px solid #999;
		transition-duration: 0.2s;
		/* font-family: ''; */
		font-weight: bold;
	}
	.index-product .pro-item .info a:hover {
		/* border:1px solid #027000; */
		background-color: #287bc2;
		color: #fff;
	}
	.index-product a {
		display: block;
		font-weight: normal;
		width: 180px;
		height: 42px;
		margin: 28px auto 0 auto;
		line-height: 42px;
		text-align: center;
		color: #000;
		font-size: 16px;
		border: 1px solid #999;
		transition-duration: 0.2s;
		/* font-family: ''; */
		font-weight: bold;
	}
	.index-product a:hover {
		/* border:1px solid #027000; */
		background-color: #007C00;
		color: #fff;
	}
	.index-about-us .company-info .info a {
		display: block;
		font-weight: normal;
		width: 140px;
		height: 40px;
		/* margin:28px auto 0 auto; */
		line-height: 40px;
		text-align: center;
		color: #000;
		font-size: 16px;
		border: 1px solid #999;
		transition-duration: 0.2s;
		/* font-family: ''; */
		font-weight: bold;
		margin-left: 1000px;
		margin-top: -15px;
	}
	.index-about-us .company-info .info a:hover {
		/* border:1px solid #027000; */
		background-color: #287bc2;
		color: #fff;
	}
	/*首页-核心技术*/
	.index-application-case {
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
	}
	.index-application-case .appcase-item {
		display: inline-block;
		vertical-align: middle;
		width: 284px;
		height: 284px;
		background-color: #CCC;
		overflow: hidden;
		position: relative;
		margin: 5px 6px;
	}
	.index-application-case .appcase-item img {
		display: block;
		width: 100%;
		min-height: 284px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		transition-duration: 0.2s;
	}
	.index-application-case .appcase-item:hover img {
		width: 106%;
		top: -3%;
		left: -3%;
	}
	.index-application-case .appcase-item .info {
		width: 100%;
		height: 110px;
		position: absolute;
		padding: 20px 0 0 0;
		background: rgba(0, 0, 0, 0.4);
		bottom: 0;
		left: 0;
		z-index: 2;
		transition-duration: 0.8s;
	}
	.index-application-case .appcase-item:hover .info {
		background-color: #027000;
	}
	.index-application-case .appcase-item .info h2 {
		display: block;
		font-weight: normal;
		width: 90%;
		height: 30px;
		margin: 0 auto;
		line-height: 30px;
		text-align: left;
		color: #fff;
		font-size: 22px;
	}
	.index-application-case .appcase-item .info p {
		display: block;
		font-weight: normal;
		width: 90%;
		height: 44px;
		overflow: hidden;
		margin: 10px auto 0 auto;
		line-height: 22px;
		text-align: left;
		color: #fff;
		font-size: 14px;
	}
	/*首页-新闻*/
	.index-news {
		width: 1220px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
	}
	.index-news .news-item {
		display: inline-block;
		vertical-align: middle;
		width: 590px;
		height: 100px;
		margin: 6px 8px 18px 8px;
	}
	.index-news .news-item .time {
		width: 110px;
		height: 92px;
		float: left;
		padding-top: 8px;
		background-color: #DCDCDC;
		margin-right: 15px;
		transition-duration: 0.3s;
	}
	.index-news .news-item:hover .time {
		background-color: #287bc2;
	}
	.index-news .news-item .time span {
		display: block;
		width: 100%;
		height: 50px;
		text-align: center;
	}
	.index-news .news-item .time span em {
		display: inline-block;
		vertical-align: middle;
		height: 50px;
		line-height: 50px;
		color: #444;
		font-size: 38px;
		font-weight: bold;
	}
	.index-news .news-item:hover .time span em {
		color: #fff;
	}
	.index-news .news-item .time span dl {
		display: inline-block;
		vertical-align: middle;
		height: 50px;
		line-height: 56px;
		margin-left: 5px;
		color: #444;
		font-size: 18px;
		transition-duration: 0.2s;
	}
	.index-news .news-item:hover .time span dl {
		color: #fff;
		font-size: 24px;
	}
	.index-news .news-item .time h2 {
		width: 100%;
		height: 26px;
		line-height: 26px;
		color: #444;
		font-size: 16px;
		text-align: center;
		font-weight: normal;
	}
	.index-news .news-item:hover .time h2 {
		color: #fff;
	}
	.index-news .news-item .info {
		display: block;
		width: 465px;
		height: 100px;
		float: left;
	}
	.index-news .news-item .info h2 {
		display: block;
		width: 100%;
		height: 44px;
		overflow: hidden;
		text-align: left;
		font-weight: normal;
		line-height: 48px;
		color: #444;
		font-size: 22px;
	}
	.index-news .news-item:hover .info h2 {
		/* color:#027000; */
	}
	.index-news .news-item .info p {
		display: block;
		width: 100%;
		height: 48px;
		overflow: hidden;
		text-align: left;
		font-weight: normal;
		line-height: 24px;
		color: #666;
		font-size: 15px;
	}
	.index-news .news-item:hover .info p {
		/* color:#027000; */
	}
	/*资料下载*/
	.data-title {
		height: auto;
		overflow: hidden;
		margin: 10px auto 30px auto;
		width: 50%;
		text-align: center;
	}
	.data-title a {
		height: 40px;
		display: inline-block;
		/*padding-top: 10px;*/
		line-height: 40px;
	}
	.data-title a:hover {
		/*background-color: #027000;*/
		color: #027000;
	}
	.data-title img {
		float: right;
		width: 20px;
		height: 20px;
		padding-top: 10px;
	}
	.data-title h {
		height: 40px;
		display: inline-block;
	}
	.data-title span {
		display: block;
		/*width:160px;*/
		height: 30px;
		margin: 0 auto;
		text-align: center;
		line-height: 30px;
		color: #333;
		font-size: 24px;
		letter-spacing: 3px;
		font-weight: bold;
	}
	.data-title i {
		display: block;
		width: 160px;
		height: 1px;
		background-color: #666;
		margin: 8px auto 0 auto;
	}
	.data-title em {
		display: block;
		width: 50%;
		height: 30px;
		margin: 0 auto;
		text-align: center;
		line-height: 30px;
		color: #666;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
	}
	/*关于我们*/
	.about-title {
		height: auto;
		overflow: hidden;
		margin: 10px auto 30px auto;
	}
	.about-title span {
		display: block;
		width: 160px;
		height: 30px;
		margin: 0 auto;
		text-align: center;
		line-height: 30px;
		color: #333;
		font-size: 24px;
		letter-spacing: 3px;
		font-weight: bold;
	}
	.about-title i {
		display: block;
		width: 160px;
		height: 1px;
		background-color: #666;
		margin: 8px auto 0 auto;
	}
	.about-title em {
		display: block;
		width: 50%;
		height: 30px;
		margin: 0 auto;
		text-align: center;
		line-height: 30px;
		color: #666;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.about-frame {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.about-history {
		width: 70px;
		height: 1280px;
		margin: 0 auto 50px auto;
		background: url(img/history-bj.jpg) no-repeat center top;
		position: relative;
	}
	.about-history .float1 {
		top: 10px;
		left: 100px;
	}
	.about-history .float2 {
		top: 230px;
		right: 100px;
	}
	.about-history .float3 {
		top: 434px;
		left: 100px;
	}
	.about-history .float4 {
		top: 654px;
		right: 100px;
	}
	.about-history .float5 {
		top: 868px;
		left: 100px;
	}
	.about-history .float6 {
		top: 1076px;
		right: 100px;
	}
	.about-history .item {
		display: block;
		width: 300px;
		height: auto;
		overflow: hidden;
		position: absolute;
		padding-left: 0;
		padding-right: 0;
		transition-duration: 0.2s;
	}
	.about-history .item .time {
		height: 50px;
	}
	.about-history .item .time span {
		display: block;
		height: 50px;
		line-height: 50px;
		color: #333;
		font-size: 36px;
		font-weight: bold;
		float: left;
	}
	.about-history .item .time i {
		width: 1px;
		height: 30px;
		float: left;
		margin: 10px 8px;
	}
	.about-history .item .time em {
		display: block;
		height: 50px;
		line-height: 62px;
		color: #333;
		font-size: 18px;
		float: left;
		margin-right: 5px;
	}
	.about-history .item .info {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 10px;
	}
	.about-history .item .info p {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		line-height: 24px;
		color: #333;
		font-size: 18px;
	}
	.about-recruit-banner {
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	.about-recruit-banner img {
		width: 100%;
	}
	.about-recruit {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 20px auto 20px auto;
	}
	.about-recruit .item {
		width: 570px;
		height: 395px;
		overflow: hidden;
		margin-bottom: 20px;
		background-color: #EEEEEE;
	}
	.about-recruit .ar-l {
		float: left;
	}
	.about-recruit .ar-r {
		float: right;
	}
	.about-recruit .item .con {
		width: 540px;
		height: 320px;
		overflow: auto;
		padding: 15px;
		margin-bottom: 0px;
	}
	.about-recruit .item h2 {
		width: 90%;
		height: 20px;
		padding-left: 10px;
		border-left: 6px solid #027000;
		line-height: 20px;
		color: #333;
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	.about-recruit .item p {
		width: 94%;
		height: auto;
		line-height: 20px;
		color: #555;
		font-size: 14px;
		margin: 0 auto;
	}
	.about-recruit .item h4 {
		width: 94%;
		height: auto;
		line-height: 20px;
		color: #333;
		font-size: 16px;
		margin: 4px auto 6px auto;
		font-weight: normal;
	}
	.about-recruit .item h3 {
		width: 90%;
		height: 16px;
		padding-left: 10px;
		border-left: 6px solid #027000;
		line-height: 16px;
		color: #333;
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	.about-recruit .item .mailbox {
		display: block;
		height: 30px;
		padding: 0 20px;
		background-color: #4D8E4C;
		line-height: 30px;
		color: #fff;
		font-size: 16px;
		float: right;
		margin-right: -204px;
		transition-duration: 0.2s;
	}
	.about-recruit .item:hover .mailbox {
		margin-right: 0px;
	}
	/*==地图样式==*/
	.iw_poi_title {
		color: #CC5522;
		font-size: 14px;
		font-weight: bold;
		overflow: hidden;
		padding-right: 13px;
		white-space: nowrap
	}
	.iw_poi_content {
		font: 12px arial, sans-serif;
		overflow: visible;
		padding-top: 4px;
		white-space: -moz-pre-wrap;
		word-wrap: break-word
	}
	#dituContent {
		width: 1200px;
		height: 500px;
		margin: 0 auto;
		position: relative;
		z-index: 3;
	}
	.about-contact-info {
		width: 1200px;
		height: 100px;
		margin: 50px auto 10px auto;
		text-align: center;
	}
	.about-contact-info .item {
		display: inline-block;
		vertical-align: middle;
		height: 60px;
	}
	.about-contact-info .item i {
		display: block;
		float: left;
		height: 60px;
		line-height: 60px;
		color: #444;
		font-size: 40px;
	}
	.about-contact-info .item dl {
		width: 1px;
		height: 40px;
		background-color: #999;
		margin: 10px 16px;
		float: left;
	}
	.about-contact-info .item .tel {
		width: 215px;
	}
	.about-contact-info .item .address {
		width: 400px;
	}
	.about-contact-info .item .text {
		height: 60px;
		float: left;
	}
	.about-contact-info .item .text h3 {
		display: block;
		height: 30px;
		width: 100%;
		line-height: 34px;
		color: #444;
		font-size: 18px;
		text-align: left;
	}
	.about-contact-info .item .text a {
		display: block;
		width: 100%;
		height: 30px;
		line-height: 26px;
		color: #444;
		font-size: 18px;
		text-align: left;
	}
	/*产品应用*/
	.product-main {
		height: auto;
		overflow: hidden;
		margin: 20px auto 50px auto;
		text-align: center;
	}
	.product-main .pro-item {
		display: inline-block;
		vertical-align: middle;
		width: 576px;
		height: 280px;
		overflow: hidden;
		background-color: #FFC;
		margin: 0 10px 28px 10px;
		position: relative;
	}
	.product-main .pro-item img {
		display: block;
		width: 100%;
		min-height: 280px;
		position: abproute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.product-main .pro-item span {
		display: block;
		width: 100%;
		min-height: 280px;
		position: abproute;
		top: 0;
		left: 0;
		z-index: 2;
		background: rgba(0, 0, 0, 0.3);
		transition-duration: 0.2s;
	}
	.product-main .pro-item:hover span {
		background: rgba(0, 0, 0, 0.7);
	}
	.product-main .pro-item h2 {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 30px;
		position: abproute;
		top: 90px;
		left: 0;
		z-index: 3;
		transition-duration: 0.2s;
	}
	.product-main .pro-item:hover h2 {
		top: 80px;
		letter-spacing: 4px;
	}
	.product-main .pro-item em {
		display: block;
		width: 200px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		color: #fff;
		font-size: 16px;
		border: 1px proid #fff;
		position: abproute;
		bottom: 80px;
		left: 50%;
		z-index: 3;
		margin: 0 0 0 -100px;
		transition-duration: 0.2s;
	}
	.product-main .pro-item:hover em {
		bottom: 70px;
		letter-spacing: 8px;
	}
	/*解决方案*/
	.solution-main {
		height: auto;
		overflow: hidden;
		margin: 20px auto 50px auto;
		text-align: center;
	}
	.solution-main .sol-item {
		display: inline-block;
		vertical-align: middle;
		width: 576px;
		height: 280px;
		overflow: hidden;
		background-color: #FFC;
		margin: 0 10px 28px 10px;
		position: relative;
	}
	.solution-main .sol-item img {
		display: block;
		width: 100%;
		min-height: 280px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.solution-main .sol-item span {
		display: block;
		width: 100%;
		min-height: 280px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: rgba(0, 0, 0, 0.3);
		transition-duration: 0.2s;
	}
	.solution-main .sol-item:hover span {
		background: rgba(0, 0, 0, 0.7);
	}
	.solution-main .sol-item h2 {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 30px;
		position: absolute;
		top: 190px;
		left: 0;
		z-index: 3;
		transition-duration: 0.2s;
	}
	.solution-main .sol-item:hover h2 {
		top: 200px;
		letter-spacing: 4px;
	}
	.solution-main .sol-item em {
		display: block;
		width: 200px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		color: #fff;
		font-size: 16px;
		border: 1px solid #fff;
		position: absolute;
		bottom: 80px;
		left: 50%;
		z-index: 3;
		margin: 0 0 0 -100px;
		transition-duration: 0.2s;
	}
	.solution-main .sol-item:hover em {
		bottom: 70px;
		letter-spacing: 8px;
	}
	.solution-main .sol-item i {
		display: block;
		width: 90px;
		height: 90px;
		line-height: 90px;
		text-align: center;
		color: #fff;
		font-size: 58px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -45px 0 0 -45px;
		z-index: 2;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.solution-main .sol-item:hover i {
		font-size: 80px;
	}
	/*新闻资讯*/
	.news-main {
		height: auto;
		overflow: hidden;
		margin: 20px auto 20px auto;
	}
	.news-main .news-item {
		width: 1200px;
		height: 300px;
		background-color: #EEEEEE;
		margin: 10px auto 20px auto;
	}
	.news-main .news-item1 {
		width: 1200px;
		height: 280px;
		background-color: #FFFFFF;
		margin: 10px auto 20px auto;
	}
	.news-main .news-item .pic {
		display: block;
		width: 380px;
		height: 280px;
		overflow: hidden;
		float: left;
		position: relative;
	}
	.news-main .news-item .pic img {
		width: 100%;
		min-height: 280px;
		transition-duration: 0.2s;
		position: absolute;
		top: 0;
		left: 0;
	}
	.news-main .news-item:hover .pic img {
		width: 105%;
		top: -5px;
		left: -5px;
	}
	.news-main .news-item .pic1 {
		display: block;
		width: 380px;
		height: 1200px;
		overflow: hidden;
		float: ;
		position: relative;
	}
	.news-main .news-item .pic1 img {
		width: 100%;
		min-height: 280px;
		transition-duration: 1s;
		position: absolute;
		top: 0;
		left: 0;
	}
	/*.news-main .news-item:hover .pic1 img{
	width:135%;
	top:-47px;
	left:-66px;
}*/
	.news-main .news-item .info {
		height: 210px;
		width: 700px;
		float: right;
		margin: 30px 36px 0 0;
		transition-duration: 0.2s;
	}
	.news-main .news-item:hover .info {
		margin: 30px 46px 0 0;
	}
	.news-main .news-item .info .title {
		display: block;
		width: 100%;
		height: 36px;
		line-height: 30px;
		color: #222;
		font-size: 24px;
		overflow: hidden;
		transition-duration: 0.2s;
	}
	.news-main .news-item:hover .info .title {
		color: #027000;
	}
	.news-main .news-item .info p {
		display: block;
		width: 100%;
		height: 72px;
		overflow: hidden;
		line-height: 24px;
		color: #555;
		font-size: 16px;
		margin: 8px auto 18px auto;
	}
	.news-main .news-item .info .see {
		display: block;
		width: 160px;
		height: 34px;
		text-align: center;
		line-height: 34px;
		color: #444;
		font-size: 16px;
		border: 1px solid #444;
		float: right;
		transition-duration: 0.2s;
	}
	.news-main .news-item:hover .info .see {
		border: 1px solid #027000;
		color: #1175B3;
	}
	.news-main .news-item .info h3 {
		display: block;
		clear: both;
		width: 100%;
		height: 24px;
		padding-top: 12px;
		font-weight: normal;
	}
	.news-main .news-item .info h3 span {
		display: block;
		height: 24px;
		float: left;
		line-height: 24px;
		color: #666;
		font-size: 15px;
		font-style: italic;
	}
	/* iTRACK详情页*/
	.videoDiv4 .pro-item8 {
		display: inline-block;
		vertical-align: middle;
		/* width:600px; */
		/* height:1080px; */
		overflow: hidden;
		position: relative;
		/* padding-top: 200px; */
	}
	.videoDiv4 .pro-item9 {
		display: inline-block;
		vertical-align: middle;
		width: 510px;
		/* height:1080px; */
		overflow: hidden;
		position: relative;
	}
	.videoDiv4 .pro-item10 {
		/* display:inline-block; */
		vertical-align: middle;
		width: 775px;
		height: 330px;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}
	.videoDiv4 .pro-item6 {
		display: inline-block;
		vertical-align: middle;
		/* width:600px; */
		height: 2200px;
		overflow: hidden;
		position: relative;
	}
	.videoDiv4 .pro-item6 ul {
		text-align: left;
	}
	.videoDiv4 .pro-item6 ul li {
		list-style-type: disc;
		padding-bottom: 20px;
		/* font-family: ''; */
		font-weight: bold;
	}
	.videoDiv4 .pro-item6 ul {
		font-size: 16px;
		color: black;
		text-align: left;
		width: 350px;
		margin: 0 auto;
	}
	.videoDiv4 .pro-item6 .proright {
		width: 540px;
		height: 420px;
		position: relative;
		float: right;
	}
	.videoDiv4 .pro-item6 p:hover {
		color: #00ff00;
	}
	.videoDiv4 .pro-item11 {
		display: inline-block;
		vertical-align: middle;
		width: 330px;
		height: 200px;
		overflow: hidden;
		position: relative;
		padding-top: ;
		/* margin-left:100px ; */
		padding-right: 100px;
		/* margin-top: 100px; */
	}
	.videoDiv4 .pro-item12 {
		display: inline-block;
		vertical-align: middle;
		width: 330px;
		height: 250px;
		overflow: hidden;
		position: relative;
		font-family: ;
		/* margin-left: 100px; */
	}
	/*iputt详情页视频*/
	.videoDiv4 {
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
	}
	.videoDiv4 .pro-item {
		/*display:inline-block;*/
		vertical-align: middle;
		width: 300px;
		height: 300px;
		/*background: #55555563;*/
		overflow: hidden;
		position: relative;
		margin: 5px 6px;
		border-radius: 20px;
	}
	.videoDiv4 .pro-item img {
		width: 270px;
	}
	.videoDiv4 .pro-item .ipprotg1 {
		width: 300px;
		height: 100px;
		line-height: 100px;
		font-size: 16px;
		color: black;
	}
	.videoDiv4 .pro-item .ipprotg2 {
		width: 270px;
		height: 116px;
		line-height: 24px;
		font-size: 16px;
		color: black;
		text-align: left;
		margin-left: 15px;
		margin-top: 35px;
	}
	.videoDiv4 .pro-item1 .ipprotg3 {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		color: black;
	}
	.videoDiv4 .pro-item1 .ipprotg4 {
		height: 40px;
		line-height: 32px;
		font-size: 16px;
		color: black;
	}
	.videoDiv4 .pro-item1 {
		display: inline-block;
		vertical-align: middle;
		width: 400px;
		height: 100px;
		background: #55555563;
		overflow: hidden;
		position: relative;
		/* margin:5px 6px; */
		border-radius: 20px;
		margin-top: 135px;
	}
	.videoDiv4 .pro-item2 {
		display: inline-block;
		vertical-align: middle;
		width: 220px;
		height: 200px;
		background: url(../images/bgjt1.png) no-repeat center;
		background-size: 200px 200px;
		overflow: hidden;
		position: relative;
	}
	.videoDiv4 .pro-item3 {
		display: inline-block;
		vertical-align: middle;
		width: 220px;
		height: 200px;
		background: url(../images/bgjt2.png) no-repeat center;
		background-size: 200px 200px;
		overflow: hidden;
		position: relative;
	}
	.videoDiv4 .pro-item4 {
		display: inline-block;
		vertical-align: middle;
		width: 600px;
		height: 1080px;
		overflow: hidden;
		position: relative;
	}
	.videoDiv4 .pro-item5 {
		display: inline-block;
		vertical-align: middle;
		width: 600px;
		height: 1080px;
		overflow: hidden;
		position: relative;
	}
	.videoDiv4 .pro-item5 p {
		font-size: 16px;
		color: white;
		width: 350px;
		height: 150px;
		position: relative;
		float: right;
		text-align: left;
		margin-top: 50px;
	}
	.videoDiv4 .pro-item5 p:hover {
		color: #00ff00;
	}
	/*.videoDiv4 .pro-item:hover{
	display:inline-block;
	vertical-align: middle;
	width:300px;
	height:300px;
    background:#55555533;
	overflow:hidden;
	position:relative;
	margin:5px 6px;
	border-radius: 20px;
}*/
	.videoDiv4 .pro-item1:hover {
		display: inline-block;
		vertical-align: middle;
		width: 400px;
		height: 100px;
		background: #55555533;
		overflow: hidden;
		position: relative;
		/* margin:5px 6px; */
		border-radius: 20px;
		margin-top: 135px;
	}
	.videoDiv4 .pro-item .info {
		width: 100%;
		height: 180px;
		position: absolute;
		padding: 20px 0 0 0;
		background: rgba(0, 0, 0, 0.2);
		bottom: -155px;
		left: 0;
		z-index: 2;
		transition-duration: 1.2s;
	}
	.videoDiv4 .pro-item:hover .info {
		background: rgba(0, 0, 0, 0.6);
		bottom: -80px;
	}
	.videoDiv4 .pro-item .info h2 {
		display: block;
		font-weight: normal;
		width: 90%;
		height: 30px;
		margin: 0 auto;
		line-height: 10px;
		text-align: center;
		color: #027000;
		font-size: 20px;
	}
	.videoDiv4 .pro-item .info p {
		color: #027000;
	}
	.videoDiv4 .pro-item:hover .info p {
		color: #00ffcf;
	}
	.videoDiv4 .pro-item:hover .info h2 {
		color: #fff;
	}
	.videoDiv4 .pro-item .info h3 {
		display: block;
		font-weight: normal;
		width: 90%;
		height: 30px;
		margin: 0 auto;
		line-height: 30px;
		text-align: center;
		color: #333;
		font-size: 20px;
	}
	.videoDiv4 .pro-item:hover .info h3 {
		color: #fff;
	}
	.videoDiv4 .pro-item .info a {
		display: block;
		font-weight: normal;
		width: 180px;
		height: 42px;
		margin: 28px auto 0 auto;
		line-height: 42px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		border: 1px solid #999;
		transition-duration: 0.2s;
	}
	.videoDiv4 .pro-item .info a:hover {
		border: 1px solid #027000;
		background-color: #4D8E4C;
		color: #fff;
	}
	/*详情页*/
	.vist-main {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 20px auto 40px auto;
	}
	.vist-main h1 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		font: 26px/34px 'microsoft yahei';
		color: #333;
		text-align: center;
		margin-bottom: 20px;
	}
	.vist-main .info {
		width: 100%;
		height: 30px;
		margin: 8px auto 15px auto;
	}
	.vist-main .info span {
		display: block;
		float: left;
		height: 30px;
		font: 15px/30px 'microsoft yahei';
		color: #666;
	}
	.vist-main .info dl {
		display: block;
		float: left;
		height: 30px;
		font: 15px/30px 'microsoft yahei';
		color: #888;
		margin-left: 30px;
	}
	.vist-main .info a {
		display: block;
		float: left;
		height: 30px;
		font: 15px/30px 'microsoft yahei';
		color: #1175B3;
	}
	.vist-main .info em {
		display: block;
		float: right;
		height: 30px;
		font: 15px/30px 'microsoft yahei';
		color: #666;
	}
	/*产品详情页*/
	.product-vist-content {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: -4px;
	}
	.product-vist-content .container img {
		width: 25px;
		height: 25px;
		/*width: 1400px;*/
		margin: 0 auto;
	}
	.product-vist-content .container1 img {
		width: 25px;
		height: 25px;
		/*width: 1400px;*/
		margin: 0 auto;
	}
	.videoDiv1 {
		text-align: center;
		justify-content: center;
		width: 100%;
		height: auto;
	}
	.videoDiv1 p {
		width: 50px;
	}
	.videoDiv1 video {
		width: 380px;
		height: 280px;
		margin: 20px;
	}
	.product-vist-content .parameter-main {
		width: 900px;
		height: auto;
		overflow: hidden;
		margin: 20px auto 40px auto;
	}
	.product-vist-content .parameter-main h2 {
		display: block;
		width: 100%;
		height: 50px;
		font: 24px/50px 'microsoft yahei';
		color: #444;
	}
	.product-vist-content .parameter-main .param-frame {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.product-vist-content .parameter-main .param-frame1 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.product-vist-content .parameter-main .param-frame1 .title {
		width: 100%;
		height: 56px;
		background-color: #007C00;
		margin-bottom: 10px;
	}
	.product-vist-content .parameter-main .param-frame1 .title span {
		display: block;
		width: 20%;
		height: 56px;
		margin-left: 8%;
		float: left;
		text-align: left;
		line-height: 56px;
		color: #fff;
		letter-spacing: 15px;
		font-size: 17px;
	}
	.product-vist-content .parameter-main .param-frame1 .title em {
		display: block;
		width: 54%;
		height: 56px;
		float: right;
		text-align: left;
		font: 24px/56px 'microsoft yahei';
		color: #fff;
		letter-spacing: 15px;
	}
	.product-vist-content .parameter-main .param-frame1 .data {
		width: 100%;
		height: 48px;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		transition-duration: 0.2s;
	}
	/* .product-vist-content .parameter-main .param-frame1 .data:hover{
	background-color:#4D8E4C;
} */
	.product-vist-content .parameter-main .param-frame1 .data span {
		display: block;
		width: 20%;
		height: 48px;
		margin-left: 8%;
		float: left;
		text-align: left;
		font: 16px/48px 'microsoft yahei';
		color: #222;
	}
	.product-vist-content .parameter-main .param-frame1 .data em {
		display: block;
		width: 54%;
		height: 48px;
		float: right;
		text-align: left;
		font: 18px/48px 'microsoft yahei';
		color: #444;
	}
	.product-vist-content .parameter-main .param-frame .title {
		width: 100%;
		height: 56px;
		background-color: #027000;
		margin-bottom: 10px;
	}
	.product-vist-content .parameter-main .param-frame .title span {
		display: block;
		width: 20%;
		height: 56px;
		margin-left: 8%;
		float: left;
		text-align: left;
		font: 24px/56px 'microsoft yahei';
		color: #fff;
		letter-spacing: 15px;
	}
	.product-vist-content .parameter-main .param-frame .title em {
		display: block;
		width: 54%;
		height: 56px;
		float: right;
		text-align: left;
		font: 24px/56px 'microsoft yahei';
		color: #fff;
		letter-spacing: 15px;
	}
	.product-vist-content .parameter-main .param-frame .data {
		width: 100%;
		height: 48px;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		transition-duration: 0.2s;
	}
	.product-vist-content .parameter-main .param-frame .data:hover {
		background-color: #4D8E4C;
	}
	.product-vist-content .parameter-main .param-frame .data span {
		display: block;
		width: 20%;
		height: 48px;
		margin-left: 8%;
		float: left;
		text-align: left;
		font: 18px/48px 'microsoft yahei';
		color: #222;
	}
	.product-vist-content .parameter-main .param-frame .data em {
		display: block;
		width: 54%;
		height: 48px;
		float: right;
		text-align: left;
		font: 18px/48px 'microsoft yahei';
		color: #444;
	}
}



/* css/style.css */
/* 基本样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f5f5f5;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    min-height: 100vh;
}

/* 认证盒子样式 */
.auth-box {
    max-width: 400px;
    margin: 50px auto;
    padding: 40px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.auth-box h1 {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

/* 表单样式 */
.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #555;
}

.form-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.3s;
}

.form-group input:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.form-group small {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

/* 按钮样式 */
.btn {
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    width: 100%;
}

.btn-primary {
    background-color: #007bff;
    color: white;
}

.btn-primary:hover {
    background-color: #0056b3;
}

.btn-secondary {
    background-color: #6c757d;
    color: white;
}

.btn-secondary:hover {
    background-color: #545b62;
}

.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* 链接样式 */
.links {
    margin-top: 20px;
    text-align: center;
}

.links a {
    color: #007bff;
    text-decoration: none;
    margin: 0 10px;
    display: inline-block;
}

.links a:hover {
    text-decoration: underline;
}

/* 消息样式 */
.message {
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 20px;
    display: none;
}

.message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.message.info {
    background-color: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

/* 导航栏样式 */
.navbar {
    background: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 24px;
    font-weight: bold;
    color: #007bff;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* 仪表板样式 */
.dashboard {
    background: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.dashboard h1 {
    margin-bottom: 30px;
    color: #333;
}

.user-details {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.user-details h3 {
    margin-bottom: 15px;
    color: #333;
}

.user-details p {
    margin-bottom: 10px;
}

.user-details strong {
    color: #555;
}

.actions {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.actions .btn {
    width: auto;
    flex: 1;
}

.protected-content {
    background: linear-gradient(135deg, #007bff 0%, #6610f2 100%);
    color: white;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
}

.protected-content h3 {
    margin-bottom: 15px;
}

/* 加载动画 */
#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    z-index: 1001;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .auth-box {
        margin: 20px;
        padding: 30px 20px;
    }
    
    .navbar {
        padding: 10px 0;
    }
    
    .nav-content {
        flex-direction: column;
        gap: 10px;
    }
    
    .user-info {
        flex-direction: column;
        gap: 10px;
    }
    
    .actions {
        flex-direction: column;
    }
    
    .actions .btn {
        width: 100%;
    }
    
    .dashboard {
        padding: 20px;
        margin: 10px;
    }
}

/* 输入验证样式 */
input:invalid {
    border-color: #dc3545;
}

input:valid:not(:placeholder-shown) {
    border-color: #28a745;
}

/* 手机端响应式调整 */
@media screen and (max-width: 768px) {
    /* 隐藏移动端的遮罩层 */
    .CommonMask {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    .CommonMaskTop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* 确保body可以正常滚动 */
    body {
        overflow-x: auto !important;
        overflow-y: auto !important;
        position: relative !important;
        width: 100% !important;
    }
    
    body.no-scroll {
        overflow: auto !important !important;
        position: relative !important;
    }
    
    /* 1. 头部调整：语言按钮、logo、菜单按钮在一行显示 */
    header {
        padding: 10px 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        height: 65px !important;
        background: white !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    }
    
    /* Logo调整 - 居中显示，缩小50%，放在最后图层 */
    header img {
        width: 100px !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        z-index: 1 !important;
    }
    
    /* 语言按钮 - 左侧显示，透明背景，往左移动50像素 */
    .language-button {
        position: static !important;
        order: 1;
        z-index: 1002 !important;
        margin-right: auto !important;
        padding: 0 !important;
        background: transparent !important;
        font-size: 14px !important;
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        margin-left: 20px !important;
        transform: translateX(-30px) !important;
    }
    
    .language-button a {
        padding: 5px 6px !important;
        font-size: 18px !important;
        color: #333 !important;
        text-decoration: none !important;
        transition: color 0.3s !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }
    
    .language-button a:hover,
    .language-button a.cur {
        color: black !important;
    }
    
    /* 竖线放在中文和英文中间 */
    .language-button i {
        margin: 0 !important;
        color: #ccc !important;
        width: 1px !important;
        height: 14px !important;
        background: #ccc !important;
        display: inline-block !important;
        vertical-align: middle !important;
        align-self: center !important;
    }
    
    /* 菜单按钮 - 右侧显示，透明背景，往右移动100像素 */
    .navi-menu-button {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        order: 3;
        width: 35px !important;
        height: 35px !important;
        position: relative !important;
        z-index: 1002 !important;
        cursor: pointer !important;
        margin-left: auto !important;
        background: transparent !important;
        padding: 0 !important;
        border: none !important;
        flex-shrink: 0 !important;
        margin-right: 40px !important;
        transform: translateX(60px) !important;
    }
    
    .navi-menu-button em {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background: #333 !important;
        margin: 3px 0 !important;
        transition: 0.3s !important;
        border-radius: 1px !important;
    }
    
    .navi-menu-button.active em:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px) !important;
    }
    
    .navi-menu-button.active em:nth-child(2) {
        opacity: 0 !important;
    }
    
    .navi-menu-button.active em:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px) !important;
    }
    
    /* 确保header有足够的padding */
    header {
        padding-left: 40px !important;
        padding-right: 80px !important;
    }
    
    /* 手机端导航菜单样式 - 适当减小宽度为75%，删除动画 */
    .nav-menu {
        position: fixed !important;
        top: 35px !important;
        left: -100% !important;
        width: 75% !important;
        max-width: 340px !important;
        height: calc(100vh - 65px) !important;
        background: white !important;
        transition: left 0.3s ease !important;
        z-index: 1000 !important;
        overflow-y: auto !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
        border-top: 1px solid #eee !important;
        border-right: 1px solid #eee !important;
    }
    
 
    
    .nav-menu .menu .nav-container ul {
       
        margin: 0 !important;
    }
    
    .nav-menu .menu .nav-container ul li {
        display: block !important;
        margin: 8px 0 !important;
        text-align: center !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    
    .nav-menu .menu .nav-container ul li a {
        color: #333 !important;
        font-size: 16px !important;
        padding: 10px 15px !important;
        display: inline-block !important;
        transition: none !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        border-radius: 6px !important;
        min-width: 160px !important;
        max-width: 85% !important;
        background: transparent !important;
        border: none !important;
        position: relative !important;
        box-sizing: border-box !important;
    }
    
    .nav-menu .menu .nav-container ul li a:hover {
        color: #228B22 !important;
        background: #f8f8f8 !important;
        transform: none !important;
        box-shadow: 0 2px 8px rgba(34, 139, 34, 0.1) !important;
    }
    
    /* 2. 挥杆模式、推杆模式标题居中显示 - 修改为黑色 */
    h2[style*="font-size: 20px"] {
        text-align: center !important;
        padding-top: 25px !important;
        line-height: 1.5 !important;
        font-size: 18px !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        font-weight: 600 !important;
        color: #000000 !important; /* 改为黑色 */
    }
    
    /* 3. 查看详情按钮垂直居中 */
    .pro2, .pro3 {
        margin: 25px auto !important;
        padding: 0 !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 50px !important;
    }
    
    .pro2 a, .pro3 a {
        padding: 14px 35px !important;
        font-size: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #228B22 !important;
        color: white !important;
        text-decoration: none !important;
        border-radius: 25px !important;
        transition: all 0.3s !important;
        min-height: 48px !important;
        box-shadow: 0 4px 12px rgba(34, 139, 34, 0.25) !important;
        font-weight: 500 !important;
    }
    
    .pro2 a:hover, .pro3 a:hover {
        background: #1e7a1e !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(34, 139, 34, 0.35) !important;
    }
    
    /* 主要内容区域调整 */
    p, h2 {
        margin-left: 20px !important;
        margin-right: 20px !important;
        padding-top: 15px !important;
        line-height: 1.6 !important;

    }
    
    /* 所有标题样式 */
    h2:not([style*="font-size: 20px"]) {
        font-size: 21px !important;
        margin-top: 20px !important;
        text-align: center !important;
        color: #228B22 !important;
        padding-top: 20px !important;
        font-weight: 600 !important;
    }
    
    p {
       
        padding-top: 10px !important;
       
    }
    
    /* 产品图片调整 */
    div[style*="text-align: center"] img {
        max-width: 92% !important;
        height: auto !important;
        padding: 12px !important;
        display: block !important;
        margin: 0 auto !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
        background: white !important;
        border: 1px solid #eee !important;
    }
    
    /* 三图布局调整 */
    .three-images-container {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
        margin-top: 20px !important;
    }
    
    .three-images-row {
        margin: 20px !important;
        padding: 0 !important;
    }
    
    /* 轮播图调整 - 确保banner图完整显示 */
    .callbacks_container {
        height: auto !important;
        margin-top: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    .callbacks_container ul.rslides {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    .callbacks_container li {
        position: relative !important;
        height: auto !important;
        min-height: 200px !important;
        background: #f5f5f5 !important;
    }
    
    .callbacks_container img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        max-height: 280px !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* 页脚调整 - 统一文字颜色和大小 */
    footer {
        margin-top: 40px !important;
        padding: 25px 15px !important;
        background: #f8f8f8 !important;
        border-top: 1px solid #eee !important;
    }
    
    footer table {
        width: 100% !important;
        padding: 0 !important;
        display: block !important;
    }
    
    footer tbody {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    footer tr {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        margin-bottom: 25px !important;
    }
    
    footer td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
    }
    
    /* 二维码区域优化 */
    footer tr:nth-child(1) {
        flex-direction: row !important;
        justify-content: center !important;
        gap: 40px !important;
        flex-wrap: wrap !important;
    }
    
    footer tr:nth-child(1) td:nth-child(2),
    footer tr:nth-child(1) td:nth-child(4) {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 150px !important;
    }
    
    /* 隐藏空td */
    footer td:empty {
        display: none !important;
    }
    
    /* 隐藏第二行 */
    footer tr:nth-child(2) {
        display: none !important;
    }
    
    /* 二维码样式 */
    footer img {
        width: 130px !important;
        height: 130px !important;
        margin: 0 auto 10px !important;
        display: block !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
        background: white !important;
        padding: 5px !important;
        border: 1px solid #e0e0e0 !important;
    }
    
    /* 二维码文字 - 统一颜色和大小 */
    footer tr:nth-child(1) td:nth-child(2) div,
    footer tr:nth-child(1) td:nth-child(4) div {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #333 !important; /* 统一为深灰色 */
        margin-top: 8px !important;
        letter-spacing: 1px !important;
    }
    
    /* 公司信息调整 - 统一文字颜色和大小 */
    section.maxw p {
        font-size: 14px !important;
        text-align: center !important;
        padding: 8px 12px !important;
        line-height: 1.6 !important;
        color: #333 !important; /* 统一为深灰色 */
        margin: 0 !important;
        font-weight: 400 !important;
    }
    
    section.maxw p:first-child {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important; /* 统一为深灰色 */
    }
    
    /* 隐私策略链接颜色 */
    section.maxw p a {
        color: #333 !important; /* 统一为深灰色 */
        text-decoration: none !important;
    }
    
    section.maxw p a:hover {
        color: #228B22 !important;
        text-decoration: underline !important;
    }
    
    /* 备案信息 */
    section.maxw p:last-child {
        font-size: 13px !important;
        color: #666 !important;
    }
    
    section.maxw p:last-child a {
        color: #666 !important;
    }
    
    section.maxw p:last-child a:hover {
        color: #228B22 !important;
    }
    
    /* 百度统计图标 */
    footer div[style*="text-align: center"] a {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
        background: #2932e1 !important;
        color: white !important;
        text-decoration: none !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 10px 0 5px 0 !important;
        transition: all 0.3s !important;
    }
    
    footer div[style*="text-align: center"] a:hover {
        background: #1a22c9 !important;
        transform: scale(1.1) !important;
    }
    
    /* 防止内容溢出 */
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    }
    

}

/* 小手机调整 */
@media screen and (max-width: 480px) {
    header {
        padding: 8px 30px !important;
        padding-right: 60px !important;
        height: 60px !important;
    }
    
    header img {
        width: 90px !important;
    }
    
    .language-button {
        font-size: 13px !important;
        margin-left: 15px !important;
        transform: translateX(-20px) !important;
    }
    
    .language-button a {
        font-size: 18px !important;
        padding: 4px 5px !important;
    }
    
    .language-button i {
        height: 12px !important;
    }
    
    .navi-menu-button {
        width: 32px !important;
        height: 32px !important;
        margin-right: 30px !important;
        transform: translateX(50px) !important;
    }
    
    .navi-menu-button em {
        width: 20px !important;
        height: 2px !important;
        margin: 2px 0 !important;
    }
    
    /* 小手机上菜单进一步减小宽度 */
    .nav-menu {
        width: 70% !important;
        max-width: 280px !important;
    }
    
    .nav-menu .menu .nav-container ul li a {
        font-size: 15px !important;
        padding: 0px 12px !important;
        min-width: 140px !important;
        max-width: 90% !important;
    }
    
    /* 挥杆模式、推杆模式标题在小手机上的调整 */
    h2[style*="font-size: 20px"] {
        font-size: 17px !important;
        padding-top: 15px !important;
    }
    
    h2:not([style*="font-size: 20px"]) {
        font-size: 19px !important;
        padding-top: 15px !important;
    }
    
    p {
        font-size: 14px !important;
    }
    
    .pro2 a, .pro3 a {
        padding: 12px 30px !important;
        font-size: 15px !important;
        min-height: 44px !important;
    }
    
    .callbacks_container img {
        max-height: 220px !important;
    }
    
    .callbacks_container li {
        min-height: 160px !important;
    }
    
    footer tr:nth-child(1) {
        gap: 25px !important;
    }
    
    footer img {
        width: 110px !important;
        height: 110px !important;
    }
    
    /* 小手机页脚文字调整 */
    footer tr:nth-child(1) td:nth-child(2) div,
    footer tr:nth-child(1) td:nth-child(4) div {
        font-size: 15px !important;
    }
    
    section.maxw p {
        font-size: 13px !important;
    }
    
    section.maxw p:first-child {
        font-size: 14px !important;
    }
    
    section.maxw p:last-child {
        font-size: 12px !important;
    }
}

/* 平板调整 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    p, h2 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
    
    .three-images-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
    
    .three-images-row {
        margin: 30px !important;
    }
    
    .callbacks_container img {
        max-height: 350px !important;
        object-fit: contain !important;
    }
    
    .callbacks_container li {
        min-height: 250px !important;
    }