* {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

body {
	background-color: #F8F8F8;
}

.container {
	margin:0px auto 0;
}

.zhNavBox {
    margin-top: 40px;
}

.zhNavBox ul {
	width: 1040px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 400;
}

.zhNavBox ul a {
	color: #707070;
	font-size: 20px;
}

.zhNavBox li a.on{ color: #2b72de!important; }



























/* banner */
/* .banner img{
	width: 1286px;
	height: 518px;
} */
.dynamicBox {
	width: 100%;
	height: 62px;
	display: flex;
	align-items: center;
	background-color: #fff;
}

.dynamic {
	width: 1200px;
	height: 34px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dynamic .left {
	display: flex;
	align-items: center;
	height: 34px;
}

.dynamic .left .titBox {
	width: 120px;
	font-size: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #000;
	font-weight: bold;
}

.dynamic .left .titBox i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/laba.png) no-repeat;
	background-size: cover;

}

.dynamic .left .lun .swiper {
	width: 640px;
	height: 34px;
	line-height: 34px;
	margin-left: 18px;
}

.dynamic .left .lun .swiper .swiper-slide a {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.dynamic .left .lun .swiper .btn {
	width: 58px;
	height: 18px;
	line-height: 18px;
	border-radius: 90px;
	font-size: 10px;
	color: #fff;
	margin: 0 10px;
	background-color: #2577E3;
	text-align: center;
    padding: 1px 5px;
}

.dynamic .right a {
	width: 362px;
	height: 34px;
	display: flex;
	font-size: 12px;
	cursor: pointer;
	align-items: center;
}

.dynamic .right .names {
	width: 76px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #2577E3;
}

.dynamic .right .souBox {
	width: 230px;
	height: 34px;
	line-height: 34px;
	font-weight: 400;
	color: #999999;
	border: 1px solid #2577E3;
	border-left: 0;
	border-right: 0;
	padding-left: 9px;
}

.dynamic .right .souBox input{     width: 100%;
    height: 30px;
    border: 0; }

.dynamic .right .sous {
	width: 56px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background: #2577E3;
}

.purchaseBox {
	width: 1200px;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.purchaseBox .xdzq{
	width: 436px;
	/* height: 260px; */
}
.xdzq_top,.xdzq_bot{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.xdzq_top .zlqtBox,.xdzq_bot .xdsbBox{
	width: 200px;
	height: 172px;
}
.xdzq_top .zstjBox,.xdzq_bot .rmspBox{
	width: 224px;
	height: 172px;
}
.xdzq_bot{
	margin-top: 8px;
}
.xdzq .xdzq_top .zlqtBox,.xdzq .xdzq_top .zstjBox,.xdzq .xdzq_bot .xdsbBox,.xdzq .xdzq_bot .rmspBox{
	position: relative;
}
.xdzq .xdzq_top .zlqtBox .picBox,.xdzq .xdzq_top .zstjBox .picBox,.xdzq .xdzq_bot .xdsbBox .picBox,.xdzq .xdzq_bot .rmspBox .picBox{
	
	width:192px;
	height: 106px;
	position: absolute;
	left: 0;right: 0;
	top: 36px;bottom: 0;
	margin: auto;
	text-align: center;
}
.xdzq .xdzq_top .zlqtBox .picBox img{
	width: 60px;
	height:60px ;
	border-radius: 50%;
}
.xdzq .xdzq_top .xdsbBox .picBox img{
	width: 122px;
	height:44px;
	border-radius: 50%;
}
.xdzq .xdzq_top .zlqtBox{
	background: url(/Public/Home/images/zlqta.png) no-repeat;
	background-size: cover;
}
.xdzq .xdzq_top .zstjBox{
	background: url(/Public/Home/images/zstja.png) no-repeat;
	background-size: cover;
}
.xdzq .xdzq_bot .xdsbBox{
	background: url(/Public/Home/images/xdsba.png) no-repeat;
	background-size: cover;
}
.xdzq .xdzq_bot .rmspBox{
	background: url(/Public/Home/images/rmzpa.png) no-repeat;
	background-size: cover;
}
.xdzq span{
	margin-top: 8px;
	display: block;
}
.xdzq .zstjBox span,.xdzq .rmspBox span{
	margin-top: 66px;
	display: block;
}
.purchaseBox .caigBox {
	width: 754px;
	height: 356px;
	background: url(/Public/Home/images/cgbj.png) no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: end;
}

.purchaseBox .caigBox .cgBox {
	width: 395px;
	height: 260px;
	color: #535151;
	margin-right: 20px;
}

.purchaseBox .caigBox .cgBox .title {
	font-size: 28px;
	font-weight: bold;
	line-height: 45px;
}

.purchaseBox .caigBox .cgBox .title span {
	display: block;
}

.purchaseBox .caigBox .cgBox .countBox {
	width: 395px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 23px 0 0;
}

.purchaseBox .caigBox .cgBox .countBox .couBox {
	width: 80px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #535151;
	cursor: pointer;
}

.purchaseBox .caigBox .cgBox .countBox .couBox .picBox img {
	width: 50px;
	height: 50px;
}

.purchaseBox .caigBox .cgBox .btns a {
	display: block;
	width: 130px;
	height: 32px;
	line-height: 32px;
	margin-top: 34px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #2577E3;
	border-radius: 4px;
	cursor: pointer;
}

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

.newsBox .qqgcBox,
.newsBox .xscgBox {
	width: 588px;
}

.newsBox .qqgcBox .qqgcTitle,
.newsBox .xscgTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newsBox .qqgcBox .qqgcTitle span,
.xscgTitle span {
	height: 20px;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
	cursor: pointer;
}

.newsBox .qqgcBox .gcBox {
	width: 588px;
	height: 407px;
	margin-top: 20px;
	background: url(/Public/Home/images/gc.png) no-repeat;
	background-size: cover;
}
.newsBox .qqgcBox .gcBox .gcshadow{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	filter:alpha(opacity=40);
}

.newsBox .qqgcBox .gcBox .gcTitle {
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #FFFFFF;
	padding: 31px 0;
}

.newsBox .qqgcBox .gcBox .gcTitle span {
	font-size: 28px;
	font-weight: 600;
}

.newsBox .qqgcBox .gcBox .gcTitle .btns a {
	display: block;
	color: #fff;
	width: 112px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #2577E3;
	border-radius: 2px;
	opacity: 1;
}

.newsBox .qqgcBox .gcBox .gcNum {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.newsBox .qqgcBox .gcBox .gcNum div span {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.newsBox .qqgcBox .gcBox .gcNum div .num {
	font-size: 30px;
}

.newsBox .qqgcBox .gcBox .newUl {
	width: 528px;
	height: 210px;
	margin: 30px auto;
	overflow: hidden;
	font-size: 12px;
	font-weight: 400;
}

.newsBox .qqgcBox .gcBox .newUl a {
	width: 528px;
	height: 20px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #FFFFFF;
}

.newsBox .qqgcBox .gcBox .newUl li {
	margin: 13px 0;
}

.newsBox .xscgBox {
	width: 590px;
}


.newsBox .xscgBox .xscgNews {
	width: 588px;
	height: 407px;
	margin-top: 20px;
}

.newsBox .xscgBox .xscgNews .cgBox a {
	width: 590px;
	height: 130px;
	margin-bottom: 7px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFFFFF;
}

.newsBox .xscgBox .xscgNews .cgBox .cgLeft {
	margin-left: 23px;
}

.newsBox .xscgBox .xscgNews .cgBox .cgRight {
	margin-right: 35px;
}

.newsBox .xscgBox .xscgNews .cgBox .cgRight .btn {
	width: 112px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	background: #2577E3;
	border-radius: 4px;
}

.newsBox .xscgBox .xscgNews .cgBox .cgLeft .tit {
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	margin-right: 12px;
}

.newsBox .xscgBox .xscgNews .cgBox .cgLeft .titles .red {
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background: #D83C3C;
	border-radius: 50%;
	margin-right: 16px;
}

.newsBox .xscgBox .xscgNews .cgBox .cgLeft>div {
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	margin: 7px 0;
}

/*会展推荐 */
.hztjBoxs {
	width: 100%;
	height: 506px;
	background-color: #F3F2F8;
}

.hztjBoxs .hztjBox {
	width: 1200px;
	margin: 0 auto;
}

.hztjBoxs .hztjBox .hztjTitle {
	padding-top: 58px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hztjBoxs .hztjBox .hztjTitle .btnBox {
	display: flex;
}

.hztjBoxs .hztjBox .hztjTitle .btnBox div {
	width: 111px;
	height: 48px;
	line-height: 48px;
	background: linear-gradient(180deg, #F2F2F2 0%, #FFFFFF 100%);
	box-shadow: 0px 3px 6px 1px #A7A7A7;
	border-radius: 4px;
	text-align: center;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
}

.hztjBoxs .hztjBox .hztjCounts {
	width: 1200px;
	height: 344px;
	margin-top: 19px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}

.hztjBoxs .hztjBox .hztjCounts .jieshao,
.jieshao img {
	width: 592px;
	height: 314px;
}

.hztjBoxs .hztjBox .hztjCounts .jieshao {
	margin: 0 10px;
}

.hztjBoxs .hztjBox .hztjCounts .jsList {
	width:545px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.hztjBoxs .hztjBox .hztjCounts .jsList .listBox{
	width: 104px;
	height: 134px;
	margin-top: 14px;
	margin-bottom: 14px;
	margin-right: 20px;
}
.hztjBoxs .hztjBox .hztjCounts .jsList .listBox:nth-child(4n){
	margin-right: 0;
}
.hztjBoxs .hztjBox .hztjCounts .jsList .listBox .picBox,
.hztjBoxs .hztjBox .hztjCounts .jsList .listBox .picBox img {
	width: 104px;
	height: 104px;
}

.hztjBoxs .hztjBox .hztjCounts .jsList .listBox .listTitle {
	font-size: 16px;
	font-weight: 600;
	margin-top: 6px;
	color: #333333;
	text-align: center;
}

/* 热门展商 */
.hotBoxs {
	width: 100%;
	/* height: ; */
}

.hotBox {
	width: 1340px;
	margin: 40px auto;
}

.hotBox .hotTitle {
	width: 1200px;
	font-size: 28px;
	margin: 0 auto;
	font-weight: bold;
	color: #333333;
}

.hotCounts {
	width: 1340px;
	margin: 0 auto;
	margin-top: 33px;
	position: relative;
}

.zhanSwiper {
	width: 1200px;
	height: 270px;
	margin: 0 auto;
}

.hotCounts .zhanSwiper .swiper-wrapper {}

.zhanSlide {
	display: flex;
	justify-content: space-between;
}

.zhanSlide .slider a{
	display: block;
	width: 387px;
	height: 267px;
	background: #FFFFFF;
	border-radius: 4px;
	padding-top: 5px;
}

.hotCounts .prev {
	width: 47px;
	height: 47px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 1px 5px 3px #f2f2f2;
	border-radius: 50%;
	--swiper-navigation-color: #ccc;
	--swiper-navigation-size: 25px;
}

.hotCounts .next {
	width: 47px;
	height: 47px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 1px 5px 3px #f2f2f2;
	--swiper-navigation-color: #ccc;
	--swiper-navigation-size: 25px;
}

.titsBoxs {
	width: 354px;
	margin: 0 auto;
}

.zhanSlide .slider .titsBox {
	display: flex;
	align-items: center;
	margin-top: 14px;
}

.zhanSlide .slider .titsBox .picBox {
	width: 42px;
	height: 42px;
}

.zhanSlide .slider .titsBox .titBox .titBot {
	display: flex;
}

.zhanSlide .slider .titsBox .titBox .titBot i {
	width: 34px;
	height: 13px;
	margin: 0;
	margin-right: 10px;
}

.zhanSlide .slider .titsBox .titBox .titBot span {
	font-size: 12px;
	font-weight: 400;
	color: #EDA711;
}

.zhanSlide .slider .titsBoxs .zyBox {
	width: 354px;
	height: 50px;
	background-color: #F9F9F9;
	overflow: hidden;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin-top: 17px;
}

.zhanSlide .slider .titsBoxs .picBox,
.zhanSlide .slider .titsBoxs .picBox img {
	width: 42px;
	height: 42px;
}

.zhanSlide .slider .titsBoxs .picBox {
	margin: 0;
	margin-right: 10px;
}
.zhanSlide .slider .titsBoxs .titBox{
	margin: 0;
	margin-left: 10px;
}
.zhanSlide .slider .titsBoxs .cpBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 17px;
}

.zhanSlide .slider .titsBoxs .cpBox .cplitBox,
.zhanSlide .slider .titsBoxs .cpBox .cplitBox img {
	width: 109px;
	height: 109px;
}

.zhanSlide .slider .titsBoxs .titBox .titBot {
	display: flex;
	align-items: center;
}
.zhanSlide .slider .titsBoxs .titBox .titBot i img {
	width: 34px;
	height: 13px;
}

.zhanSlide .slider .titsBoxs .titBox .titBot span {
	display: block;
	height: 20px;
	line-height: 28px;
}

/* 为你推荐 */
.recommendBoxs {
	width: 100%;
}

.recommendBox {
	width: 1200px;
	margin: 0 auto;
}

.recommendBox .reTitle {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
}

.reCounts {
	margin-top: 17px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #fff;
	padding: 25px;
}


.reCounts .reBox a{
	display: block;
	width: 214px;
	height: 320px;
	margin-bottom: 26px;
	border: 1px solid #E8E8E8;
}

/* .reCounts .reBox:nth-child(5n + 1) {
    margin-right: calc((1200px - 214px) / 4 * 4);
} */
.reCounts .reBox:last-child:nth-child(5n + 2) {
	margin-right: calc((1150px - 214px) / 4 * 3);
}

.reCounts .reBox:last-child:nth-child(5n + 3) {
	margin-right: calc((1150px - 214px) / 4 * 2);
}

.reCounts .reBox:last-child:nth-child(5n + 4) {
	margin-right: calc((1150px - 214px) / 4 * 1);
}

.reCounts .reBox .picBox,
.reCounts .reBox .picBox img {
	width: 214px;
	height: 214px;
}

.reText .itemBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 12px 5px;
}

.reText .itemBox .price {
	color: #EF1F1F;
}

.reText .itemBox .price span {
	font-size: 18px;
}

.reText .itemBox .address {
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}

.reText .titles {
	width: 200px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	font-family: Helvetica-Regular, Helvetica;
	font-weight: 400;
	color: #333333;
}

.reText .comTitle {
	width: 121px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.reText .rIcon {
	width: 81px;
	height: 20px;
}

.reText .textsBox {
	margin-top: 10px;
}

/* 合作渠道 */
.channelBoxss {
	padding: 58px;
	background-color: #fff;
}

.chanTitle {
	width: 1200px;
	margin: 31px auto;
	font-size: 28px;
	font-weight: bold;
	color: #333333;
}

.chitembigBox{
	padding: 50px 0;
	background-color: #fbfcff;
}
.chitemBoxs {
	width: 1200px;
	margin: 0 auto;
	/* display: flex;
	justify-content: space-between;
	flex-wrap: wrap; */
}
.chitemlitBox,.chitemlitBox2{
	width: 1200px;
	margin: 15px auto;
	display: flex;
	flex-wrap: wrap;
}
.chitemlitBox{
	height: 100px;
	overflow: hidden;
}
.chitemlitBox2{
	height: 70px;
	overflow: hidden;
}
.chitembigBox .picBox{
	width:145px;
	height: 145px;
	/* height: 150px; */
	margin-right: 10px;
	box-sizing: border-box;
}
.chitembigBox .picBox img{
	width:145px;
	/* height: 150px; */
}
.chitemlitBox2 .picBox{
	width:136px;
	height: 50px;
	margin-right: 10px;
	box-sizing: border-box;
}
.chitemlitBox2 .picBox img{
	width:136px;
	height: 50px;
	/* height: 70px; */
}

.chitembigBox .picBox:last-child,.chitembigBox2 .picBox:last-child{
	margin-right: 0;
}
.chitembigBox .picBox:not(:nth-child(8n)){
	margin-right: calc(40px / 7);
}
.chitemlitBox2 .picBox:not(:nth-child(9n)) {
  margin-right: calc(112px / 8);
}
.chitembigBox .picBox:nth-child(n+9){
	margin-top: 20px;
}
.chitemlitBox2 .picBox:nth-child(n+10) {
  margin-top: 20px;
}


/* .chitemBoxs .chitemlitBox{
	width: 190px;
	height: 70px;
	margin: 6px 0;
	box-shadow: 0px 2px 1px 1px #f2f2f2;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.chitemBoxs .chitemlitBox img{
	width: 216px;
	height: 170px;
}
.chitemBoxs .chitemlitBoxs img{
	width: 170px;
	height: 60px
}
.chitemBoxs .chitemlitBox .picBox,.chitemBoxs .chitemlitBox .picBox img{
	width: 170px;
	height: 60px;
}
.chitemBoxs .chitemlitBox:last-child:nth-child(4n + 2) {
    margin-right: calc((1200px - 290px) / 3 * 2);
}
.chitemBoxs .chitemlitBox:last-child:nth-child(4n + 3) {
    margin-right: calc((1200px - 290px) / 3 * 1);
} */

/* .chitemBoxs {
	width: 1200px;
	height: 350px;
	margin: 0 auto;
}

.chitem {
	width: 1200px;
	margin: 0 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.chitem:nth-child(1) .chTitle i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/hzqdbj.png) 30px -0px;
	background-size: 100%;
}

.chitem:nth-child(2) .chTitle i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/hzqdbj.png) 30px -87px;
	background-size: 100%;
}

.chitem:nth-child(3) .chTitle i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/hzqdbj.png) 30px -172px;
	background-size: 100%;
}

.chitem:nth-child(4) .chTitle i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/hzqdbj.png) 30px -260px;
	background-size: 100%;
}

.chitem:nth-child(5) .chTitle i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/hzqdbj.png) 30px -344px;
	background-size: 100%;
}

.chitem:nth-child(6) .chTitle i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/hzqdbj.png) 30px -430px;
	background-size: 100%;
}

.chitem:nth-child(7) .chTitle i {
	width: 30px;
	height: 30px;
	background: url(/Public/Home/images/hzqdbj.png) 30px -518px;
	background-size: 100%;
}

.chTitle {
	width: 114px;
	height: 36px;
	line-height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 0px 2px 1px 1px #f2f2f2;
	border-radius: 4px;
}

.chUl {
	width: 1000px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.chUl li {
	width: 114px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	box-shadow: 0px 2px 1px 1px #f2f2f2;
	border-radius: 4px;
}
 */