@charset "utf-8";
.vcenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: auto;
}
.index-title .pic img{width: 86%;height: auto;}
.pic {
	position: relative;
	overflow: hidden
}

.pic:after {
	content: '';
	display: block
}

.index-home .index-title {
	text-align: center;
	position: relative;
	height: 143px;
	padding-top: 33px
}

.index-home .index-title .pic {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	z-index: 5
}

.index-home .index-title h3 {
	font-size: 36px;
	color: #333;
	position: relative;
	z-index: 5;
	font-weight: normal;
	margin-top: 6px
}

.index-home .index-title p {
	font-size: 130px;
	color: #fafafa;
	text-transform: uppercase;
	font-family: "Kankin";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 143px;
	z-index: 1
}

@media (max-width:1023px) {
	.index-home .index-title {
		height: auto;
		padding-top: 20px
	}

	.index-home .index-title .pic {
		width: 30px;
		height: 30px
	}

	.index-home .index-title h3 {
		font-size: 20px;
		margin-top: 3px
	}

	.index-home .index-title p {
		font-size: 45px;
		line-height: 60px
	}
}

.index-home .index-bottom {
	padding: 27px 0
}

.index-home .index-bottom .list {
	text-align: center;
	font-size: 0
}

.index-home .index-bottom .list ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 1px 5px 1px
}

.index-home .index-bottom .list ul li a {
	display: block;
	font-size: 16px;
	color: #333;
	border-radius: 5px;
	line-height: 40px;
	padding: 0 23px
}

@media (min-width:1025px) {
	.index-home .index-bottom .list ul li:hover a {
		background: #f49500;
		color: #fff
	}
}

.index-home .index-bottom .list ul .sel a {
	background: #f49500;
	color: #fff
}

.index-home .index-bottom .show .info {
	display: none
}

.index-home .index-bottom .iplist {
	margin: 0 -10px;
	padding-top: 24px
}

.index-home .index-bottom .iplist li {
	width: 25%;
	float: left;
	padding: 0 10px;
	margin-bottom: 15px
}

.index-home .index-bottom .iplist li .box {
	border: 1px solid #e5e5e5;
	overflow: hidden
}

.index-home .index-bottom .iplist li .pic {
	background: #fff
}

.index-home .index-bottom .iplist li .pic img {
	transition: .5s
}

.index-home .index-bottom .iplist li .pic:after {
	padding-bottom: 71.7948717948718%
}

.index-home .index-bottom .iplist li .bt {
	margin: 0 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	line-height: 54px;
	padding: 0 82px 0 22px;
	font-size: 16px;
	color: #333;
	border-top: 1px solid #e5e5e5
}

.index-home .index-bottom .iplist li .bt span {
	position: absolute;
	top: 0;
	right: 23px;
	font-size: 16px;
	opacity: .4;
	background: url(../images/right.png) no-repeat center right;
	background-size: 5px;
	padding-right: 15px
}
.index-home .index-bottom .iplist li:hover .bt span{background:  url(../images/righth.png) no-repeat center right;}

@media (min-width:1025px) {
	.index-home .index-bottom .iplist li:hover .box {
		border: 1px solid #f49500;
		background: #f49500;
		box-shadow: 0 0 12px 0 rgba(244,149,0,0.25)
	}

	.index-home .index-bottom .iplist li:hover .pic img {
		transform: scale(1.05)
	}

	.index-home .index-bottom .iplist li:hover .bt {
		color: #fff;
		border-top: 1px solid #f49500
	}

	.index-home .index-bottom .iplist li:hover .bt span {
		opacity: 1;
		color: #fff;
		background: url(../images/righth.png) no-repeat center right;
		background-size: 5px
	}
}

@media (max-width:1200px) {
	.index-home .index-bottom .iplist {
		margin: 0 -5px;
		padding-top: 15px
	}

	.index-home .index-bottom .iplist li {
		padding: 0 5px;
		margin-bottom: 10px
	}

	.index-home .index-bottom .iplist li .bt {
		margin: 0 10px;
		line-height: 44px;
		padding: 0 55px 0 5px;
		font-size: 14px
	}

	.index-home .index-bottom .iplist li .bt span {
		right: 5px;
		font-size: 14px;
		padding-right: 10px
	}
}

@media (max-width:1023px) {
	.index-home .index-bottom .iplist li {
		width: 50%
	}
}

.index-home .index-bottom .iclist {
	margin: 0 -20px;
	padding-top: 24px
}

.index-home .index-bottom .iclist li {
	width: 50%;
	float: left;
	padding: 0 20px;
	margin-bottom: 15px
}

.index-home .index-bottom .iclist li .box {
	overflow: hidden;
	position: relative;
	padding: 11px;
	background: #fff;
	border-bottom: 5px solid rgba(255,255,255,0)
}

.index-home .index-bottom .iclist li .pic {
	background: #fff;
	position: absolute;
	top: 11px;
	left: 11px;
	width: 327px;
	border: 1px solid #e5e5e5
}

.index-home .index-bottom .iclist li .pic img {
	transition: .5s
}

.index-home .index-bottom .iclist li .pic:after {
	padding-bottom: 64.92307692307692%
}

.index-home .index-bottom .iclist li .text {
	height: 213px;
	padding-left: 356px;
	padding-top: 28px
}

.index-home .index-bottom .iclist li .bt {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	font-size: 18px;
	color: #333;
	margin-bottom: 25px
}

.index-home .index-bottom .iclist li .jsh {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	margin-bottom: 17px
}

.index-home .index-bottom .iclist li .more {
	width: 149px;
	height: 31px;
	line-height: 31px;
	transition: .5s;
	position: absolute;
	bottom: 20px
}

.index-home .index-bottom .iclist li .more p {
	font-size: 16px;
	color: rgba(102,102,102,0.5);
	background: url("../images/jiantou.png") no-repeat center right;
	background-size: 18px;
	display: inline-block;
	padding-right: 26px;
	letter-spacing: 1px;
	transition: .5s
}

@media (min-width:1025px) {
	.index-home .index-bottom .iclist li:hover .box {
		border-bottom: 5px solid #f49500;
		box-shadow: 0 0 12px 0 rgba(4,0,0,0.1)
	}

	.index-home .index-bottom .iclist li:hover .pic img {
		transform: scale(1.05)
	}

	.index-home .index-bottom .iclist li:hover .bt {
		color: #f49500;
		font-weight: bold
	}

	.index-home .index-bottom .iclist li:hover .more {
		background: url("../images/bg.png") no-repeat center center;
		right: 0;
		bottom: 0
	}

	.index-home .index-bottom .iclist li:hover .more p {
		color: #fff;
		background: url("../images/jiantouh.png") no-repeat center right;
		background-size: 18px;
		padding-left: 25px
	}
}

@media (max-width:1200px) {
	.index-home .index-bottom .iclist {
		margin: 0 -5px;
		padding-top: 15px
	}

	.index-home .index-bottom .iclist li {
		padding: 0 5px;
		margin-bottom: 10px
	}

	.index-home .index-bottom .iclist li .box {
		padding: 10px
	}

	.index-home .index-bottom .iclist li .pic {
		top: 10px;
		left: 10px;
		width: 220px
	}

	.index-home .index-bottom .iclist li .text {
		height: 144px;
		padding-left: 240px;
		padding-top: 5px
	}

	.index-home .index-bottom .iclist li .bt {
		font-size: 16px;
		margin-bottom: 10px
	}

	.index-home .index-bottom .iclist li .jsh {
		font-size: 13px;
		height: 52px;
		margin-bottom: 10px
	}

	.index-home .index-bottom .iclist li .more p {
		font-size: 14px
	}
}

@media (max-width:1023px) {
	.index-home .index-bottom .iclist li .box {
		padding: 0
	}

	.index-home .index-bottom .iclist li .pic {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		border: 0
	}

	.index-home .index-bottom .iclist li .text {
		height: auto;
		padding-left: 10px;
		padding-right: 10px
	}

	.index-home .index-bottom .iclist li .more {
		position: relative;
		bottom: auto
	}
}

.index-home .index-bottom .ivlist {
	margin: 0 -12px;
	overflow: hidden;
	position: relative;
	padding-top: 24px
}

.index-home .index-bottom .ivlist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 12px;
	margin-bottom: 18px
}

.index-home .index-bottom .ivlist li .box .pic .btn{
    position: absolute;
    z-index: 2;
    width: 52px;
    height: 52px;
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -26px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.index-home .index-bottom .ivlist li .box:hover .btn {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media (max-width:767px) {
	.index-home .index-bottom .ivlist li .box .pic .btn{
		width: 42px;
		height: 42px;
		margin: -23px 0 0 -26px
	}
}

.index-home .index-bottom .ivlist li .box .pic:after {
	padding-bottom: 58.53658536585366%
}

.index-home .index-bottom .ivlist li .box .title-view {
	border-top: 2px solid #f49500;
	overflow: hidden;
	line-height: 58px;
	position: relative
}

.index-home .index-bottom .ivlist li .box .title-view .title {
	display: block;
	color: #333;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 70px 0 0
}

@media (min-width:1025px) {
	.index-home .index-bottom .ivlist li .box .title-view .title:hover {
		color: #f49500
	}
}

.index-home .index-bottom .ivlist li .box .title-view .view {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #666;
	display: inline-block;
	width: 70px;
	text-align: right;
	overflow: hidden
}

.index-home .index-bottom .ivlist li .box .title-view .view .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0
}

.index-home .index-bottom .ivlist li .box .title-view .view img {
	vertical-align: middle;
	margin: -2px 0 0;
	width: 20px;
	height: 20px;
}

@media (max-width:1200px) {
	.index-home .index-bottom .ivlist {
		margin: 0 -5px;
		padding-top: 15px
	}

	.index-home .index-bottom .ivlist li {
		padding: 0 5px;
		margin-bottom: 10px
	}

	.index-home .index-bottom .ivlist li .box .title-view {
		line-height: 44px
	}

	.index-home .index-bottom .ivlist li .box .title-view .title {
		font-size: 14px
	}
}

@media (max-width:1023px) {
	.index-home .index-bottom .ivlist li {
		width: 50%
	}
}

@media (max-width:1200px) {
	.index-home .index-bottom .list ul li a {
		font-size: 14px;
		line-height: 35px;
		padding: 0 10px
	}
}

@media (max-width:1023px) {
	.index-home .index-bottom {
		padding: 20px 0 0 0
	}
}

.index-home .index-product {
	padding: 50px 0 43px 0
}

.index-home .index-product .container {
	max-width: 1648px
}

@media (max-width:1650px) {
	.index-home .index-product .container {
		max-width: 100%
	}
}

@media (max-width:1340px) {
	.index-home .index-product .container {
		padding: 0 10px
	}
}

@media (max-width:1023px) {
	.index-home .index-product {
		padding: 30px 0
	}
}

.index-home .index-case {
	padding: 50px 0 38px 0;
	overflow: hidden;
	background: url("../images/bg1.jpg") no-repeat top center
}

.index-home .index-case .container {
	max-width: 1420px
}

.index-home .index-case .index-title p {
	color: #f0f0f0
}

@media (max-width:1420px) {
	.index-home .index-case .container {
		max-width: 100%
	}
}

@media (max-width:1340px) {
	.index-home .index-case .container {
		padding: 0 10px
	}
}

@media (max-width:1023px) {
	.index-home .index-case {
		padding: 30px 0;
		background-size: cover
	}
}

.index-home .index-video {
	padding: 50px 0 18px 0;
	overflow: hidden
}

@media (max-width:1023px) {
	.index-home .index-video {
		padding: 30px 0
	}
}