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




.clearfix {
	-ms-zoom: 1;
}
.clearfix::after {
	height: 0px; clear: both; vertical-align: middle; display: block; content: "";
}

.shoppersonwrap{ width: 100%; position: relative;}

.shoplist {
	overflow: hidden;
	margin: 10px auto 71px; width: 381px;
}
.shopperson {
	overflow: hidden;
}
.supplierchannel {
	overflow: hidden;
}

.shoplist div {
	border: 1px solid rgb(213, 213, 213); border-image: none; width: 178px; height: 45px; text-align: center; color: rgb(102, 102, 102); line-height: 45px; font-size: 18px; margin-right: 20px; float: left; cursor: pointer; box-sizing: border-box;
}
.shoplist div:hover {
	border: 1px solid rgb(118, 118, 118); border-image: none;
}
.shoplist div:last-child {
	margin-right: 0px;
}
.shoplist .shoplis {
	color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(217, 35, 46);
}
.shopperson {
	display: none;
}
.shoppersonfdiv {
	margin: 0px auto; width: 1199px;
}
.shoppersonlist {
	width: 368px; margin-bottom: 24px; margin-left: 24px; float: left;
}
:last-child.shoppersonlist {
	margin-right: 0px;
}
.shoppersonlist img {
	width: 100%; display: block; max-height: 190px;
}
.personcon {
	border: 1px solid rgb(214, 214, 214); border-image: none; width: 100%; height: 285px; padding-top: 36px; box-sizing: border-box;
}
.persontitle {
	margin: 0px 0px 20px 24px;
}
.persontitle img {
	width: 18px; float: left; display: block;
}
.persontitle div {
	width: 210px; height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 18px; margin-left: 14px; float: left;
}
.presonline {
	width: 35px; height: 4px; margin-bottom: 50px; margin-left: 58px; background-color: rgb(217, 35, 46);
}
.personmsg {
	width: 287px; margin-left: 30px;
}
.personmsg p {
	width: 100%; color: rgb(51, 51, 51); font-size: 16px; margin-bottom: 24px;
}
.personmsg p:first-child {
	color: rgb(51, 51, 51); font-size: 16px;
}

.sc_bg {
	width: 100%;
	margin:auto;
}

@media (min-width: 980px){
.supplierchannel {
	width: 100%; margin-top: 50px; position: relative;
}
.shopperson{position: relative;z-index: 1; margin-left: 110px; margin-bottom:50px; }
.sc_bg img {
	display: block;
	margin:auto;
	width: 90%;
    min-width:1100px;
    height:auto;
	border-radius:10px 10px 10px 10px;
}
.suppliermsg {
	left: 120px; top: 79px; width: 420px; position: absolute;
}
.gs_tag {
	width: 100%; color: rgb(221, 221, 221); line-height: 60px; overflow: hidden; font-size: 36px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.sc_bg .imgshow_ph {
	display: none;
}
}
@media (max-width: 950px) { 
.supplierchannel {
	width: 100%; margin-top: 50px; position: relative;
}
.shopperson{position: relative;z-index: 1; margin-left: 10px; margin-bottom:50px; }
.sc_bg img {
	display: block;
	margin:auto;
    min-width:99%;
    height:auto;
	opacity:0.3;
	border-radius:10px 10px 10px 10px;
	object-fit: cover;
}
.suppliermsg {
	left: 120px; top: 79px; width: 420px; position: absolute;
}
.gs_tag {
	width: 100%; color: rgb(221, 221, 221); line-height: 60px; overflow: hidden; font-size: 36px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.sc_bg .imgshow_ph {
	display: none;
}
}
@media (max-width: 750px) {
.supplierchannel {
	width: 100%; margin-top: 0px; position: relative;
}
.shopperson{position: relative;z-index: 1; margin-bottom:50px; }
.sc_bg img {
	display: block;
	margin:auto;
	height:600px;
    width:300px;
	opacity:0.2;
	border-radius:10px 10px 10px 10px;
	object-fit: cover;
}
.suppliermsg {
	left: 40px; top: 79px; width: 100%; position: absolute;
}
.gs_tag {
	width: 100%; color: rgb(221, 221, 221); line-height: 60px; overflow: hidden; font-size: 28px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.sc_bg .imgshow_pc {
	display: none;
}
.sc_bg .imgshow_ph {
	display: inline;
}
 
}





.suppliermsgs {
	width: 100%; text-align: center; margin-top: 30px;
}
.suppliermsgs p {
	color: rgb(1, 1, 1); font-size: 24px;
}
.regionalmanagement {
	margin-bottom: 40px;
}
.managementlist {
	border: 1px solid rgb(214, 214, 214); border-image: none; width: 400px; float: left; box-sizing: border-box;
}
.managementlist .personcon {
	border: 0px currentColor; border-image: none; padding-top: 36px;
}
.managementlist .persontitle div {
	width: 295px;
}
.managementlist .personmsg p {
	width: 295px;
}
.managementlist .personmsg {
	width: 295px;
}
:nth-child(2).managementlist {
	border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none;
}
:nth-child(5).managementlist {
	border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none;
}
:nth-child(8).managementlist {
	border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none;
}
:nth-child(11).managementlist {
	border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none;
}
:nth-child(4).managementlist {
	margin-top: -1px;
}
:nth-child(5).managementlist {
	margin-top: -1px;
}
:nth-child(6).managementlist {
	margin-top: -1px;
}
:nth-child(7).managementlist {
	margin-top: -1px;
}
:nth-child(8).managementlist {
	margin-top: -1px;
}
:nth-child(9).managementlist {
	margin-top: -1px;
}
.gs_left {
	padding: 69px 0px 67px 81px; width: 700px; box-sizing: border-box;
}
.gs_title {
	width: 100%; color: rgb(221, 221, 221); line-height: 60px; overflow: hidden; font-size: 36px; white-space: nowrap; -ms-text-overflow: ellipsis;
}

.gs_tag {
	margin: 10px 0px 29px; color: rgb(0, 0, 0);
}
.history .gs_title {
	text-align: center;
}
.history .gs_tag {
	text-align: center;
}
.designerteam .gs_title {
	text-align: center;
}
.designerteam .gs_tag {
	text-align: center;
}
.gs_msg {
	width: 100%; color: rgb(102, 102, 102); overflow: hidden; font-size: 14px; margin-bottom: 7px;
}
.gs_msg span {
	line-height: 19px; float: left; display: block;
}
.gs_msg span:last-child {
	width: 343px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.gs_msg a {
	color: rgb(102, 102, 102); font-size: 14px; text-decoration: underline;
}
.gs_msg a:hover {
	color: rgb(217, 35, 46);
}
.gs_link {
	width: 178px; height: 45px; margin-top: 28px; display: block;
}
.gs_link img {
	width: 178px; display: none;
}
.gs_link .showimg {
	display: block;
}
.gs_link:hover .showimg {
	display: none;
}
.gs_link:hover .hideimg {
	display: block;
}
.gs_right {
	top: 53px; right: 61px; position: absolute;
}
.gs_right img {
	display: block; max-width: 527px;
}
.show {
	display: block;
}