.index-bannerpc {
	display: block;
}
.index-bannerwap {
	display: none;
}
@media all and (max-width:800px)
{
.index-bannerpc {
	display: none;
}
.index-bannerwap {
	display: block;
}
}
@media all and (max-width:1780px) and (min-width:1310px)
{
.index_con2_list2 {
	padding: 20px 0px 0px; width: 200%; text-align: center; margin-top: 35px;
}
.index-about1 {
	width: auto;
}
.zj05 img {
	width: 100%;
}
.index-about1 {
	width: auto;
}
.index-about .zj04 {
	width: 420px; float: right;
}
.zj05 img {
	width: 100%;
}
.zj09 .zj08 {
	padding: 30px; width: 40%; height: 510px; float: left;
}
}
@media all and (max-width:1310px) and (min-width:1280px)
{
.index-about1 {
	width: auto;
}
.zj05 img {
	width: 100%;
}
.index_con2_list2 {
	padding: 20px 0px 0px; width: 200%; text-align: center; margin-top: 35px;
}
.index-about .zj04 {
	width: 400px; float: right;
}
.zj09 .zj08 {
	padding: 20px; width: 40%; height: 510px; float: left;
}
}
.Box {
	height: 500px; position: relative;
}
.Box .content {
	margin: 0px auto; width: 1260px;
}
.Box h2 {
	text-align: center; margin-bottom: 35px;
}
.Box .Box_con {
	position: relative;
}
.Box .Box_con .btnl {
	position: absolute;
}
.Box .Box_con .btn {
	top: 50%; width: 41px; height: 41px; margin-top: -20px; display: block; position: absolute; cursor: pointer;
}
.Box .Box_con .conbox {
	overflow: hidden; position: relative;
}
.Box .Box_con .conbox ul {
	list-style: none; height: 320px; overflow: hidden; float: left; position: relative;
}
.Box .Box_con .conbox ul .cur {
	position: relative;
}
.Box .Box_con .conbox ul .cur .xuanfu {
	background: rgba(255, 255, 255, 0.8); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.Box .Box_con .conbox ul .cur .xuanfu .xfneirong {
	padding: 20%; color: rgb(50, 49, 49); line-height: 30px; font-size: 14px;
}
.Box .Box_con .conbox ul .cur:hover .xuanfu {
	display: block;
}
.Box .Box_con .conbox ul li {
	width: 405px; height: 320px; overflow: hidden; margin-left: 22px; float: left;
}
.Box .Box_con .conbox ul li:first-child {
	margin-left: 0px;
}
.Box .Box_con .conbox ul li a span img {
	transition:0.5s; width: 100%; float: left; display: block; opacity: 0.9;
}
.Box .Box_con .conbox ul li:hover a span img {
	opacity: 1; transform: scale(1.1);
}
.Box .BoxSwitch {
	text-align: center; margin-top: 30px;
}
.Box .BoxSwitch span {
	background: rgb(204, 204, 204); margin: 0px 5px; width: 30px; height: 3px; vertical-align: middle; display: inline-block; cursor: pointer;
}
.Box .Box_con .conbox ul li a .index_con6_u1_div {
	left: 20%; top: 45%; width: 60%; text-align: center; position: absolute; transform: translateY(-50%);
}
.index_con6_u1_div font img {
	margin: 0px auto; width: 50%; display: block;
}
.index_con6_u1_div p {
	color: white; font-size: 20px; margin-top: 10px;
}
.index_con6_u1_div i {
	background: white; width: 155px; height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; margin-top: 42px; display: inline-block; position: relative; opacity: 0;
}
.index_con6_u1_div i::before {
	border-width: 5px; border-style: solid; border-color: transparent transparent white; border-image: none; left: 48%; top: -10px; width: 0px; display: inline-block; position: absolute; content: "";
}
.conbox .cur {
	position: relative;
}
.index_con6_u1_div font {
	transition:0.3s ease-in-out;
}
.index_con6_u1_div p {
	transition:0.3s ease-in-out 0.2s;
}
.index_con6_u1_div i {
	transition:0.3s ease-in-out 0.4s;
}
.index_con6_u1_div font {
	width: 100%; text-align: center; color: rgb(255, 255, 255); float: left; display: block; transform: translateY(30px);
}
.index_con6_u1_div p {
	width: 100%; text-align: center; color: rgb(255, 255, 255); float: left; display: block; transform: translateY(30px);
}
.index_con6_u1_div i {
	width: 100%; text-align: center; color: rgb(51, 51, 51); float: left; display: block; transform: translateY(30px);
}
.Box .Box_con .conbox ul li:hover i {
	opacity: 1; transform: translateY(0px);
}
.cur a::after {
	border: 1px solid rgba(250, 250, 250, 0.5); border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; box-sizing: border-box; transform: scale(0.9);
}
.cur a::before {
	border: 2px solid rgba(250, 250, 250, 1); transition:0.3s ease-in-out; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; content: ""; box-sizing: border-box; opacity: 0; transform: scale(1);
}
.index_con72 {
	display: none;
}
.index_con73 {
	display: none;
}
@media all and (max-width:1430px) and (min-width:1280px)
{
.index_con7 {
	display: none;
}
.index_con72 {
	display: block;
}
.index_con73 {
	display: none;
}
.Box {
	height: 500px; position: relative;
}
.Box .content {
	margin: 0px auto; width: 1100px;
}
.Box h2 {
	text-align: center; margin-bottom: 35px;
}
.Box .Box_con {
	position: relative;
}
.Box .Box_con .btnl {
	position: absolute;
}
.Box .Box_con .btn {
	top: 160px; width: 41px; height: 41px; display: block; position: absolute; cursor: pointer;
}
.Box .Box_con .conbox {
	overflow: hidden; position: relative;
}
.Box .Box_con .conbox ul {
	list-style: none; height: 270px; overflow: hidden; float: left; position: relative;
}
.Box .Box_con .conbox ul li {
	width: 352px; height: 270px; overflow: hidden; margin-left: 22px; float: left;
}
.Box .Box_con .conbox ul li:first-child {
	margin-left: 0px;
}
.Box .Box_con .conbox ul li a span img {
	transition:0.5s; width: 100%; float: left; display: block; opacity: 0.9;
}
.Box .Box_con .conbox ul li:hover a span img {
	opacity: 1; transform: scale(1.1);
}
.Box .BoxSwitch {
	text-align: center; margin-top: 30px;
}
.Box .BoxSwitch span {
	background: rgb(204, 204, 204); margin: 0px 5px; width: 30px; height: 3px; vertical-align: middle; display: inline-block; cursor: pointer;
}
.Box .Box_con .conbox ul li a .index_con6_u1_div {
	left: 33%; top: 50%; width: 36%; text-align: center; position: absolute; transform: translateY(-50%);
}
.index_con6_u1_div font img {
	margin: 0px auto; width: 70%; display: block;
}
.index_con6_u1_div p {
	color: white; font-size: 18px; margin-top: 10px;
}
.index_con6_u1_div i {
	background: white; width: 155px; height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; margin-top: 42px; display: inline-block; position: relative; opacity: 0;
}
.index_con6_u1_div i::before {
	border-width: 5px; border-style: solid; border-color: transparent transparent white; border-image: none; left: 48%; top: -10px; width: 0px; display: inline-block; position: absolute; content: "";
}
.conbox .cur {
	position: relative;
}
.index_con6_u1_div font {
	transition:0.3s ease-in-out;
}
.index_con6_u1_div p {
	transition:0.3s ease-in-out 0.2s;
}
.index_con6_u1_div i {
	transition:0.3s ease-in-out 0.4s;
}
.index_con6_u1_div font {
	width: 100%; text-align: center; color: rgb(255, 255, 255); float: left; display: block; transform: translateY(30px);
}
.index_con6_u1_div p {
	width: 100%; text-align: center; color: rgb(255, 255, 255); float: left; display: block; transform: translateY(30px);
}
.index_con6_u1_div i {
	width: 100%; text-align: center; color: rgb(51, 51, 51); float: left; display: block; transform: translateY(30px);
}
.Box .Box_con .conbox ul li:hover i {
	opacity: 1; transform: translateY(0px);
}
.cur a::after {
	border: 1px solid rgba(250, 250, 250, 0.5); border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; box-sizing: border-box; transform: scale(0.9);
}
}
.pi1 .pike .p1 {
	height: 100%; position: relative;
}
.pi1 .pike .p1 .zuo {
	left: 7%; top: 55px; position: absolute;
}
.pi1 .pike .p1 .zuo h1 {
	color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 2px; font-family: ziti; font-size: 28px;
}
.pi1 .pike .p1 .zuo h2 {
	color: rgb(255, 255, 255); font-size: 20px; margin-top: 5px;
}
.pi1 .pike .p1 .zuo h2::after {
	background: rgb(255, 255, 255); margin: 25px 0px 0px; width: 30px; height: 1px; display: block; content: "";
}
.pi1 .pike .p1 .shang {
	left: 43%; top: 170px; width: 15%; color: rgb(255, 255, 255); position: absolute;
}
.pi1 .pike .p1 .shang li {
	width: 100%;
}
.pi1 .pike .p1 .shang li h1 {
	text-align: center; color: rgb(255, 255, 255); font-size: 28px;
}
.pi1 .pike .p1 .shang li h2 {
	text-align: center; font-size: 20px; margin-top: 5px;
}
.pi1 .pike .p1 .tupian {
	width: 100%; height: 100%;
}
.pi1 .pike .p1 .tupian img {
	width: 100%; height: 100%;
}
.pi1 .pike .p1 .xia {
	left: 15%; top: 290px; width: 70%; color: rgb(255, 255, 255); position: absolute;
}
.pi1 .pike .p1 .xia li {
	width: 100%; text-align: center; line-height: 45px; font-size: 16px;
}
@media all and (max-width:1920px)
{
.pi1 {
	display: none;
}
.index_con5 {
	display: block;
}
}
@media all and (max-width:1610px)
{
.index_con5 {
	display: none;
}
.pi1 {
	display: block;
}
}
@media all and (max-width:800px)
{
.index_con7 {
	display: none;
}
.index_con73 {
	height: 412px; display: block;
}
.index_con72 {
	display: none;
}
.index-case-sj {
	height: 355px;
}
.cur {
	position: relative;
}
.index_con6_u1_div font img {
	width: 120px;
}
.index_con6_u1_div font {
	font-size: 16px;
}
.index_con6_u1_div p {
	font-size: 16px;
}
.index_con6_u1_div i {
	background: white; width: 155px; height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; margin-top: 42px; display: inline-block; position: relative; opacity: 0;
}
.index_con6_u1_div i::before {
	border-width: 5px; border-style: solid; border-color: transparent transparent white; border-image: none; left: 48%; top: -10px; width: 0px; display: inline-block; position: absolute; content: "";
}
}
@media all and (max-width:800px) and (min-width:760px)
{
.index_con7 {
	display: none;
}
.index_con73 {
	height: 658px; display: block;
}
.index_con72 {
	display: none;
}
.index-case-sj {
	height: 602px;
}
.cur {
	position: relative;
}
.cur a span img {
	width: 100%;
}
.index_con6_u1_div font img {
	width: 20%;
}
.index_con6_u1_div font {
	font-size: 24px;
}
.index_con6_u1_div p {
	font-size: 24px;
}
.index_con6_u1_div i {
	background: white; width: 155px; height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; margin-top: 42px; display: inline-block; position: relative; opacity: 0;
}
.index_con6_u1_div i {
	background: white; width: 155px; height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; margin-top: 42px; display: inline-block; position: relative; opacity: 0;
}
.index_con6_u1_div i::before {
	border-width: 5px; border-style: solid; border-color: transparent transparent white; border-image: none; left: 48%; top: -10px; width: 0px; display: inline-block; position: absolute; content: "";
}
}
