/*********************
 * ******blackBG******
 * *******************/

#pcWeb .blackBG {
	width: 100%;
	height: 503px;
	background: url(../image/aboutUSBlackBG.png) no-repeat;
	background-size: cover;
}

#pcWeb .blackBG .headDiv {
	width: 1175px;
	height: 214px;
	margin: 0 auto;
}

#pcWeb .blackBG .headDiv .itemIconDiv {
	width: 321px;
	height: 110px;
	margin-top: 59px;
	float: left;
}

#pcWeb .blackBG .headDiv .itemIconDiv img {
	width: 321px;
	height: 110px;
}

#pcWeb .blackBG .headDiv .rightSelectDiv {
	float: right;
	font-size: 18px;
	margin-right: -33px;
	height: 214px;
	line-height: 214px;
}

#pcWeb .blackBG .headDiv .rightSelectDiv .everySmallItem {
	float: left;
	padding: 0 34px;
}

#pcWeb .blackBG .headDiv .rightSelectDiv .everySmallItem a {
	color: #ffffff;
}

#pcWeb .blackBG .headDiv .rightSelectDiv .everySmallItem a:hover {
	color: #fbc412;
}

#pcWeb .blackBG .headDiv .rightSelectDiv .everyLine {
	float: left;
	color: #ffffff;
}

#pcWeb .blackBG .conductDiv {
	padding-top: 49px;
}

#pcWeb .blackBG .conductDiv .aboutUSTxtImg {
	height: 34px;
	width: 300px;
	margin: 0 auto;
}

#pcWeb .blackBG .conductDiv .aboutUSTxtImg img {
	height: 34px;
	width: 300px;
}

#pcWeb .blackBG .conductDiv .aboutTxt {
	width: 300px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	margin: 0 auto;
	font-size: 36px;
	font-weight: 300;
	color: #FFFFFF;
}

#pcWeb .blackBG .conductDiv .whiteBar {
	width: 71px;
	height: 4px;
	border-radius: 2px;
	background: #FFFFFF;
	margin: 10px auto 0;
}

#pcWeb .blackBG .conductDiv .garyBar {
	width: 100%;
	height: 1px;
	background: #303030;
	margin: 0 auto;
}

#pcWeb .blackBG .conductDiv .introKinds {
	width: 724px;
	margin: 0 auto;
	height: 90px;
	line-height: 90px;
	color: #aaaaaa;
	font-size: 18px;
	text-align: center;
	padding-left: 451px;
}

#pcWeb .blackBG .conductDiv .introKinds .detailItem {
	float: left;
	padding: 0 7px;
}

#pcWeb .blackBG .conductDiv .introKinds .originColor {
	color: #fbc412;
}

#pcWeb .blackBG .conductDiv .introKinds .lineBox {
	float: left;
}


/*********************
 ******companyIntro****
 * *******************/

#pcWeb .companyIntro {}

#pcWeb .companyIntro .companyHeader {
	width: 100%;
	height: 179px;
	background: #fbc412;
}

#pcWeb .companyIntro .companyHeader .headerContentBox {
	width: 1175px;
	margin: 0 auto;
	position: relative;
}

#pcWeb .companyIntro .companyHeader .headerContentBox .zhairenBox {
	padding-top: 50px;
	width: 180px;
	height: 42px;
}

#pcWeb .companyIntro .companyHeader .headerContentBox .zhairenBox img {
	width: 180px;
	height: 42px;
}

#pcWeb .companyIntro .companyHeader .headerContentBox .dazaoBox {
	padding-top: 25px;
	width: 334px;
	height: 23px;
}

#pcWeb .companyIntro .companyHeader .headerContentBox .dazaoBox img {
	width: 334px;
	height: 23px;
}

#pcWeb .companyIntro .companyHeader .headerContentBox .companyMachineBox {
	width: 405px;
	height: 476px;
	position: absolute;
	top: -180px;
	right: -120px;
}

#pcWeb .companyIntro .companyHeader .headerContentBox .companyMachineBox img {
	width: 405px;
	height: 476px;
}

#pcWeb .companyIntro .circleBox {
	width: 48px;
	height: 32px;
	margin: 0 auto;
}

#pcWeb .companyIntro .circleBox img {
	width: 48px;
	height: 32px;
}

.companyIntro .componyIntroBox {
	width: 753px;
	height: 54px;
	margin: 65px auto 0;
}

#pcWeb .companyIntro .componyIntroBox img {
	width: 753px;
	height: 54px;
}

#pcWeb .companyIntro .detailIntroTxt {
	line-height: 40px;
	font-size: 18px;
	width: 1160px;
	margin: 65px auto;
}

#pcWeb .companyIntro .detailIntroTxt p {
	text-indent: 36px;
}

#pcWeb .companyIntro .detailIntroTxt {}


/*********************
 ******brandIdeaBox****
 * *******************/
#pcWeb .brandIdeaBox {
	width: 100%;
	height: 398px;
	background: url(../image/brandIdea.png) center 98%;
	background-size: cover;
	overflow: hidden;
}

#pcWeb .brandIdeaBox .brandIdeaImgBox {
	width: 753px;
	height: 52px;
	margin: 94px auto 0;
}

#pcWeb .brandIdeaBox .brandIdeaImgBox img {
	width: 753px;
	height: 52px;
}

#pcWeb .brandIdeaBox .brandIdeaTxt {
	width: 1000px;
	font-size: 40px;
	font-family: "Microsoft YaHei";
	color: #FFFFFF;
	text-align: center;
	margin: 80px auto 0;
}

/*********************
 ****bussinessMockBox**
 * *******************/
#pcWeb .bussinessMockBox{
	width: 100%;
	height: 704px;
}
#pcWeb .bussinessMockBox .bussinessMockTitle{
	width: 753px;
	height: 53px;
	margin: 0 auto;
	padding-top: 98px;
}
#pcWeb .bussinessMockBox .bussinessMockTitle img{
	width: 753px;
	height: 53px;
}
#pcWeb .bussinessMockBox .bussinessConBox{
	width: 1172px;
	margin: 0 auto;
	padding-top: 60px;
}
#pcWeb .bussinessMockBox .bussinessConBox .leftBussImgBox{
	float: left;
	width: 617px;
	height: 395px;
	position: relative;
}
#pcWeb .bussinessMockBox .bussinessConBox .leftBussImgBox #bussinessImg{
	width: 617px;
	height: 395px;
}
#pcWeb .bussinessMockBox .bussinessConBox .leftBussImgBox #bgImg{
	width: 962px;
	height: 399px;
	position: absolute;
	right: 29px;
	top: 29px;
	z-index: -1;
}
#pcWeb .bussinessMockBox .bussinessConBox .rightBussImgBox{
	float: right;
	width: 474px;
	padding-top: 30px;
	border-bottom: 1px solid #fbc412;
}
#pcWeb .bussinessMockBox .bussinessConBox .rightBussImgBox .titleImgBox{
	width: 376px;
	height: 54px;
	margin-left: 98px;
}
#pcWeb .bussinessMockBox .bussinessConBox .rightBussImgBox .titleImgBox img{
	width: 376px;
	height: 54px;
}
#pcWeb .bussinessMockBox .bussinessConBox .rightBussImgBox .bussinessP{
	line-height: 60px;
	font-size: 23px;
	margin-top: 32px;
}
#pcWeb .bussinessMockBox .bussinessConBox .rightBussImgBox .yellowBottomBar{
	width: 125px;
	height: 4px;
	background: #fbc412;
	margin-left: 349px;
	margin-top: 30px;
}

/********************
 ******mobileWeb*****
 *******************/
#mobileWeb {
	width: 100vw;
	overflow: hidden;
}
#mobileWeb .conductDiv {
	width: 100vw;
	height: 19.07vw;
	background: url(../image/aboutUSBlackBG.png) no-repeat center;
	background-size: cover;
	padding-top: 4.4vw;
}

#mobileWeb .conductDiv .aboutUSTxtImg {
	height: auto;
	width: 25.2vw;
	margin: 0 auto;
}

#mobileWeb .conductDiv .aboutUSTxtImg img {
	height: auto;
	width: 25.2vw;
}

#mobileWeb .conductDiv .aboutTxt {
	width: 100vw;
	height: 70px;
	line-height: 70px;
	text-align: center;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 300;
	color: #FFFFFF;
}

#mobileWeb .conductDiv .whiteBar {
	width: 71px;
	height: 4px;
	border-radius: 2px;
	background: #FFFFFF;
	margin: 1.06vw auto 0;
}

#mobileWeb .conductDiv .garyBar {
	width: 100%;
	height: 1px;
	background: #303030;
	margin: 0 auto;
}

/*********************
 ******companyIntro****
 * *******************/
#mobileWeb .companyIntro {}

#mobileWeb .companyIntro .companyHeader {
	width: 100vw;
	height: 16.27vw;
	background: #fbc412;
}

#mobileWeb .companyIntro .companyHeader .headerContentBox {
	width: 100vw;
	margin: 0 auto;
	position: relative;
}

#mobileWeb .companyIntro .companyHeader .headerContentBox .zhairenBox {
	padding-top: 4.27vw;
	width: auto;
	height: 3.47vw;
	margin-left: 4.3vw;
}

#mobileWeb .companyIntro .companyHeader .headerContentBox .zhairenBox img {
	width: auto;
	height: 3.47vw;
}

#mobileWeb .companyIntro .companyHeader .headerContentBox .dazaoBox {
	padding-top: 1.47vw;
	width: auto;
	height: 2.4vw;
	margin-left: 4.3vw;
}

#mobileWeb .companyIntro .companyHeader .headerContentBox .dazaoBox img {
	width: auto;
	height: 2.4vw;
}

#mobileWeb .companyIntro .companyHeader .headerContentBox .companyMachineBox {
	width: 13.867vw;
	height: 20.4vw;
	position: absolute;
	top: -4.27vw;
	right: 5.2vw;
}

#mobileWeb .companyIntro .companyHeader .headerContentBox .companyMachineBox img {
	width: 13.867vw;
	height: 20.4vw;
}

#mobileWeb .companyIntro .circleBox {
	width: 48px;
	height: 32px;
	margin: 0 auto;
}

#mobileWeb .companyIntro .circleBox img {
	width: 48px;
	height: 32px;
}

.companyIntro .componyIntroBox {
	width: 46.93vw;
	height: auto;
	margin: 3.06vw auto 0;
}

#mobileWeb .companyIntro .componyIntroBox img {
	width: 46.93vw;
	height: auto;
}

#mobileWeb .companyIntro .detailIntroTxt {
	line-height: 40px;
	font-size: 14px;
	width: 89.6vw;
	margin: 3vw auto;
}

#mobileWeb .companyIntro .detailIntroTxt p {
	text-indent: 36px;
}

/*********************
 ******brandIdeaBox****
 * *******************/
#mobileWeb .brandIdeaBox {
	width: 100vw;
	height: 28.67vw;
	background: url(../image/brandIdea.png) center 98%;
	background-size: cover;
	overflow: hidden;
}

#mobileWeb .brandIdeaBox .brandIdeaImgBox {
	width: 47.07vw;
	height: auto;
	margin: 6.67vw auto 0;
}

#mobileWeb .brandIdeaBox .brandIdeaImgBox img {
	width: 47.07vw;
	height: auto;
}

#mobileWeb .brandIdeaBox .brandIdeaTxt {
	width: 100vw;
	font-size: 3.47vw;
	font-family: "Microsoft YaHei";
	color: #FFFFFF;
	text-align: center;
	margin: 6vw auto 0;
}

/*********************
 ****bussinessMockBox**
 * *******************/
#mobileWeb .bussinessMockBox{
	width: 100%;
	height: 51.13vw;
	overflow: hidden;
}
#mobileWeb .bussinessMockBox .bussinessMockTitle{
	width: 47.2vw;
	height: auto;
	margin: 0 auto;
	padding-top: 6vw;
}
#mobileWeb .bussinessMockBox .bussinessMockTitle img{
	width: 47.2vw;
	height: auto;
}
#mobileWeb .bussinessMockBox .bussinessConBox{
	width: 100vw;
	margin: 0 auto;
	padding-top: 5.6vw;
}
#mobileWeb .bussinessMockBox .bussinessConBox .leftBussImgBox{
	float: left;
	width: 42.27vw;
	height: 30.13vw;
	position: relative;
}
#mobileWeb .bussinessMockBox .bussinessConBox .leftBussImgBox #bussinessImg{
	width: 42.27vw;
	height: 30.13vw;
}
#mobileWeb .bussinessMockBox .bussinessConBox .leftBussImgBox #bgImg{
	width: 43.6vw;
	height: 10.27vw;
	position: absolute;
	left: 0;
	top: 8.53vw;
	z-index: 9;
}
#mobileWeb .bussinessMockBox .bussinessConBox .rightBussImgBox{
	float: right;
	width: 48.67vw;
	margin-right: 4.06vw;
	line-height: 5.33vw;
	font-size: 3.47vw;
	margin-top: -1.2vw;
}