html {
	overflow-x: hidden
}
.m-text{display:none;}
.index .banner {
	width: 100%;
	position: relative
}
.index .banner img{
	display:block;
	width:100%;
}
.index .category {
	border-bottom: 1px solid #eee
}

.index .category .wrapper-cont::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.index .category .item {
	float: left;
	width: 25%;
	height: 120px;
	line-height: 120px;
	text-align: center;
	cursor: pointer
}

.index .category .item .image {
	width: 60px;
	height: 60px;
	vertical-align: middle
}

.index .category .item .text {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
	font-family: "PingFang";
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	text-align: left;
	color: #666
}

.index .category .item .name {
	margin-bottom: 10px;
	font-weight: 800;
	font-size: 20px;
	color: #2a7efb
}
.index .product .item:nth-child(odd) {
	background-color: #f5f8ff
}

.index .product .item-cont {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding:20px 0;
}

.index .product .item .text {
	display: inline-block;
	width: 49%;
	height: 500px;
	vertical-align: middle;
	line-height: 500px
}

.index .product .item:nth-child(odd) .text {
	float: left
}
.index .product .item:nth-child(even) .text{
	float:right;
}
.index .product .item .text-cont {
	display: inline-block;
	vertical-align: middle;
	font-family: "PingFang SC";
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	color: #666
}

.index .product .item .item-cont::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.index .product .item .title {
	font-size: 30px;
	color: #282828
}

.index .product .item .cont {
	margin-top: 25px;
	margin-bottom: 30px
}

.index .product .item .cell~.cell {
	margin-top: 30px
}

.index .product .item .name {
	padding-left: 13px;
	border-left: 3px solid #2a7efb;
	margin-bottom: 15px;
	font-size: 18px;
	color: #282828
}

.index .product .item .info {
	padding-left: 16px;
	line-height: 1.5
}

.index .product .item .button {
	display: inline-block;
	width: 120px;
	height: 36px;
	border: 1px solid #2a7efb;
	border-radius: 3px;
	font-size: 12px;
	line-height: 34px;
	text-align: center;
	color: #2a7efb;
	cursor: pointer
}

.index .product .item .button~.button {
	margin-left: 20px
}

.index .product .item .blue {
	background-color: #2a7efb;
	color: #fefefe
}

.index .product .item .image {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: center;
	padding:0 30px 0 0;
}
.index .product .item .image{
	position: relative;
	top: 38.5px;
	padding:0;
}
.index .product .item:nth-child(odd) .image{
	padding:0 0 0 30px;
}

.index .product .item img {
	width: 580px;
	height: 425px;
	vertical-align: middle;
}

.index .reason {
	padding: 66px 0 49px
}

.index .reason .title {
	font-family: "PingFang SC";
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	color: #282828
}

.index .reason .title .name {
	margin-bottom: 28px;
	font-size: 32px
}

.index .reason .cont {
	position: relative;
	height: 463px;
	margin-top: 64px;
	line-height: 463px;
	text-align: center
}

.index .reason .cont .item {
	width: 265px;
	font-family: "PingFang SC";
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #666
}

.index .reason .cont .name {
	margin-bottom: 24px;
	font-size: 20px;
	line-height: 1;
	color: #282828
}

.index .reason .cont .item:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0
}

.index .reason .cont .item:nth-child(3) {
	position: absolute;
	top: 0;
	right: 0
}

.index .reason .cont .item:nth-child(4) {
	position: absolute;
	top: 66%;
	right: 0
}

.index .reason .cont .item:nth-child(5) {
	position: absolute;
	top: 66%;
	left: 0
}

.index .reason .cont .image {
	width: 803px;
	height: 429px;
	vertical-align: middle
}
.index .wrapper-cont {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.index .news .wrapper-cont::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.index .news .item {
	float: left;
	width: 374px;
	padding-top: 47px;
	padding-bottom: 46px
}

.index .news .item~.item {
	margin-left: 39px
}

.index .news .title {
	position: relative;
	padding-bottom: 21px;
	font-family: "PingFang SC";
	font-weight: 400;
	font-size: 24px;
	line-height: 1;
	color: #282828
}

.index .news .title::after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 26px;
	height: 3px;
	background-color: #2a7efb
}

.index .news .image {
	display: block;
	width: 374px;
	height: 210px;
	margin-top: 18px;
	object-fit: cover;
}

.index .news .list {
	font-family: PingFang;
	font-size: 14px;
	line-height: 1;
	color: #282828
}

.index .news .cell {
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 19px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer
}

.index .news .cell:first-child {
	height: 42px;
	margin-bottom: 20px;
	background-color: #f7f7f7;
	line-height: 42px
}

.index .news .cell:last-child {
	margin-bottom: 0
}

.index .news .cell:hover {
	color: #2a7efb
}

.index .news .button {
	width: 96px;
	height: 32px;
	border: 1px solid #eee;
	margin-top: 29px;
	font-family: PingFang;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	color: #999;
	cursor: pointer
}

.index .livechat{
	max-width: 1100px;
    margin:0 auto;
}
.index .feature-group {
    padding: 0;
    display: block;
    margin: 1.25rem auto 0;
    max-width: 100%;
    text-align: center
}

.index .feature-group li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 230px;
    margin: 30px 15px;
    padding: 8px 5px
}

.index .feature-group li img {
    height: 56px;
    width: 56px
}

.index .feature-group li h3 {
    font-size: 14px;
    line-height: 2.14;
    letter-spacing: 1px;
    text-align: center;
    color: #475461;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    margin:20px 0;
}

.index .feature-group li p {
    width: 100%;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1px;
    text-align: center
}
@media (max-width: 1217px) and (min-width:992px) {
	.index .product .item-cont,.index .wrapper-cont,.index .livechat{width:975px;}
	.index .product .item .text{height: 400px;line-height: 400px;}
	.index .product .item img{height: 330px;width:450px;}
	.index .reason .cont .image{width:600px;height:320px;}
	.index .feature-group li{width:20%;}
	.index .news .item{width:31%;}
	.index .news .image{width:100%;}
	.index .news .item~.item{margin-left:27px}
}
@media (max-width: 992px) and (min-width:750px) {
	.index .category .item .text{font-size:12px;margin-left:10px;}
	.index .product .item-cont,.index .wrapper-cont,.index .livechat{width:735px;}
	.index .product .item .text{height: 400px;line-height: 400px;}
	.index .product .item img{height: 255px;width:350px;}
	.index .reason .cont .image{width:400px;height:215px;}
	.index .reason .title{line-height: 1.5;}
	.index .feature-group li{width:20%;}
	.index .news .item{width:31%;}
	.index .news .image{width:100%;height:auto;}
	.index .news .item~.item{margin-left:25px}
}
@media (max-width: 750px) and (min-width:440px) {
	.m-news{display:none;}
	.m-text{display:block;
	    vertical-align: middle;
	    font-family: "PingFang";
	    font-size: 14px;
	    line-height: 2;
	    text-align: center;
	    color: #666;
	 }
	 .index .category .item{line-height: 0;padding:20px 0;}
	.index .category .item .text{display:none;}
	.index .product .item-cont,.index .wrapper-cont,.index .livechat{width:440px;}
	.index .product .item-cont:first-child{padding-top:20px;padding-bottom:20px;}
	.index .product .item:nth-child(1) .image, .index .product .item:nth-child(3) .image, .index .product .item:nth-child(5) .image{
		top:0;
		padding:0 20px;
	}
	.index .product .item .cont{margin-bottom:20px;}
	.index .product .item .image{
		padding:0 20px;
		width:100%;
		top:0;
	}
	.index .product .item .text{float:none;width:100%;padding:0 20px;}
	.index .product .item .text{height: auto;line-height: 0; padding:20px;}
	.index .product .item img{height:auto;width:100%;}
	.index .reason .cont .image{width:400px;height:215px;margin-bottom:20px;}
	.index .reason .title{line-height: 1.5;}
	.index .feature-group li{width:45%;margin-right:0;margin-left:0;}
	.index .news .item{width:100%;padding:15px 20px;}
	.index .news .image{width:100%;height:auto;}
	.index .news .item~.item{margin-left:0}
	.index .reason{padding:40px 0 20px;}
	.index .reason .cont .item:nth-child(2),.index .reason .cont .item:nth-child(3),.index .reason .cont .item:nth-child(4),.index .reason .cont .item:nth-child(5){
		position:static;
		width:100%;
		padding:0 20px;
		margin-bottom:30px;
	}
	.index .reason .cont{height:auto;line-height: 0;margin-top:30px;}
	.index .reason .cont .name{margin-bottom:15px;}
}
@media (max-width: 440px) {
	.m-news{display:none;}
	.m-text{display:block;
	    vertical-align: middle;
	    font-family: "PingFang";
	    font-size: 14px;
	    line-height: 2;
	    text-align: center;
	    color: #666;
	 }
	 .index .category .item{line-height: 0;padding:20px 0;}
	.index .category .item .text{display:none;}
	.index .product .item-cont,.index .wrapper-cont,.index .livechat{width:100%;}
	.index .product .item-cont:first-child{padding-top:20px;}
	.index .product .item:nth-child(1) .image, .index .product .item:nth-child(3) .image, .index .product .item:nth-child(5) .image{
		top:0;
		padding:0 10px;
	}
	.index .product .item .cont{margin-bottom:20;}
	.index .product .item .button{width:45%;}
	.index .product .item .image{
		padding:0 10px;
		width:100%;
		top:0;
	}
	.index .product .item .text{float:none;width:100%;padding:20px 10px;height: auto;line-height: 0; }
	.index .product .item .text-cont{width:100%;}
	.index .product .item img{width:100%;height:auto;}
	.index .product .item .title{font-size:24px;}
	.index .product .item .name{font-size:16px;}
	.index .product .item .info{font-size:12px;line-height: 1.7;}
	.index .reason .cont .image{width:90%;height:auto;margin-bottom:20px;}
	.index .reason .title{line-height: 1.5;}
	.index .feature-group li{width:50%;height:190px;margin:10px 0;float:left;}
	.index .feature-group li h3{margin:5px 0;}
	.index .news .item{width:100%;padding:15px 10px;}
	.index .news .image{width:100%;height:auto;}
	.index .news .item~.item{margin-left:0}
	.index .reason .title{font-size:14px;}
	.index .reason .title .name{font-size:24px;}
	.index .reason{padding:40px 0 20px;}
	.index .reason .cont .item:nth-child(2),.index .reason .cont .item:nth-child(3),.index .reason .cont .item:nth-child(4),.index .reason .cont .item:nth-child(5){
		position:static;
		width:100%;
		padding:0 10px;
		margin-bottom:30px;
	}
	.index .reason .cont{height:auto;line-height: 0;margin-top:30px;}
	.index .reason .cont .name{margin-bottom:15px;font-size:16px;}
	.index .reason .cont .item{font-size:12px;}
}