@charset "gb2312";
.wechatCate {position: fixed;width: 150px;z-index: 9;top:10%;right: 0;text-align: center;background-color: rgba(255, 255, 255, 0.8);}
.wechatCate li {display: block;width: 100%;margin-bottom: 4px;}
.wechatCate li a {color: #666;display: block;font-size: 14px;width: 100%;line-height: 48px;text-align: center;background-color: rgba(255, 255, 255, 0.8);-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;}
.wechatCate li a.on, .wechatCate li a:hover {background: #0287ed;color: #fff;}
.wechatCate li a.on{-moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}

.wechatCateList{width: 100%;background-size: cover;background-repeat: no-repeat;position:relative;}
.wechatCateList>li{width: 100%;padding: 120px 0;}
.wechatCateList>li>.pic {float: left;width: 50%;text-align: right;padding:0 80px 0 0;box-sizing: border-box;}
.wechatCateList>li>.pic img{max-width: 100%;}
.wechatCateList>li>.content {float: left;width:40%;margin: 0 0 0 30px;}
.wechatCateList>li>.content .title{padding: 30px 0;position: relative;z-index: 4;font-size: 30px;color: #333;}
.wechatCateList>li>.content .subTitle{line-height: 1.875;margin-bottom: 42px;}

.mpCateList{}
.mpCateList li{display: inline-block;margin-right: 40px;text-align: center;max-width: calc(100% - 146px);}
.mpCateList li .pic{font-size: 16px;line-height: 30px;}
.mpCateList li .pic img{width:180px;background-image: url(kuang.png);padding:1px;background-size: 100%;}
.mpCateList li .txt{line-height: 40px;text-align: center;margin-top: 15px;}
.mpCateList li .conBtn{padding: 0 16px;background-color: #f48d20;border-radius: 20px;color: #fff;cursor: pointer;}

.wechatCateList>li:nth-child(2n){background:#fbfbfb;}


.wechatCateList>li:nth-child(2n)>.pic{float:right;text-align: left;padding: 0 0 0 80px;}
.wechatCateList>li:nth-child(2n)>.content{float: right;text-align: right;margin: 0 30px 0 0;}
.wechatCateList>li:nth-child(2n)>.content .title{color: #000;}

.wechatCateList>li>.content .title .txt{z-index: 9999;position: relative;}
.wechatCateList>li>.content .title .icon i {position: absolute;border-radius: 50%;}
.wechatCateList>li>.content .title .icon {width: 59px;height: 57px;position: absolute;left: -39px;top: 0;}
.wechatCateList>li:nth-child(2n)>.content .title .icon {right: -39px;left: unset;}
.wechatCateList>li>.content .title .icon i:nth-child(1) {background-color: #d8edd1;width: 49px;height: 49px;right: 0;top: 0;}
.wechatCateList>li>.content .title .icon i:nth-child(2) {background-color: #0078aa;width: 30px;height: 30px;opacity: 0.1;left: 0;bottom: 0;}

@media (max-width: 1600px){
	.wechatCateList>li>.content {width: 36%;}
	.mpCateList li .pic img {width: 150px;}
	.mpCateList li .txt {font-size: 14px;}
}
@media screen and (max-width:1200px){
	.wechatCate{display:none;}
	.mpCateList li {margin-right: 0px;}
	.wechatCateList>li>.content {width: 42%;}
	
}
@media screen and (max-width:1024px){
	.wechatCateList>li {padding: 60px 0;}
	.mpCateList li .txt {font-size: 12px;}
	.mpCateList li .pic img {width: 140px;}
	.wechatCateList>li>.content .title {font-size: 26px;padding: 10px 0;}
}
@media screen and (max-width:768px){
	.mpCateList li {margin-right: 0px;width: calc(50% - 4px);}
	.mpCateList li .pic img {width: 100%;}
	.mpCateList li .txt {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.wechatCateList>li>.content {width: calc(50% - 30px);}
	.wechatCateList>li>.pic, .wechatCateList>li:nth-child(2n)>.pic {padding: 0;}
}
@media screen and (max-width:580px){
	.wechatCateList>li {padding: 20px 0;}
	.wechatCateList>li>.pic {float: none;width: 100%;text-align: left;padding: 0;text-align: center;}
	.wechatCateList>li>.pic img {width: 60%;}
	.wechatCateList>li>.content {width: 100%;margin: 20px 0;padding: 0 4%;box-sizing: border-box;}
	.wechatCateList>li>.pic, .wechatCateList>li:nth-child(2n)>.pic {float: none;text-align: center;}
	.wechatCateList>li:nth-child(2n)>.content {float: none;text-align: left;}
	.wechatCateList>li>.content .title {font-size: 20px;padding: 10px 0;}
	.wechatCateList>li>.content .subTitle {margin-bottom: 16px;}
	.mpCateList li .pic img {width: 60%;}
}
@media screen and (max-width:450px){
}