
nav { z-index: 999; display: none !important; }
.nav-bg { width:100%; height: .91rem; background-color: #394046; }

/* #banner */
.banner-bg {
	width: 100%;
	height: 520px;
	margin-top: 60px;
	background:#fff url(../img/banner-bgm.png) no-repeat;
	background-size: initial;
    background-position: 80% center;
}
.market-banner {
	width: 100%;
	/* height: 344px; */
	height: 396px;
	padding-left: 12.5%;
	padding-top: 62px;
	font-family: "poppins";
	background-color: rgba(225,225,225,0);
	color: #5C5C5C;
	/* background-color: rgba(255, 255, 255, .2); */
}
.market-h2 {
	position: relative;
	z-index: 6;
	display: block;
	font-size: 52px;
	font-weight: 400;
}
.draw {
	position: relative;
	top: 35px;
	left: -10px;
	z-index: 1;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-color: #FC4F34;
	border-radius: 90px;
}
.market-banner > p {
	font-size: 24px;
	font-weight: 500;
}
.banner-a {
	width: 146px;
	height: 45px;
	margin: 50px 0 0 4px;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: linear-gradient(90deg, #EB193C 0%, #EB193C 100%);
	border-radius: 6px;
	border: none;
}
.banner-a:active {
	background-color: #FC4F34 !important;
}
.banner-a:hover {
	background-color: #FC4F34 !important;
}
.solution-box { background-color: #fff; }  
.difficulties-yg{
	height: fit-content !important;
	text-align: center;
	background-color: #fff !important;
}
.difficulties-yg > h2 {
	font-size: 99px !important;
	font-weight: 800 !important;
}
.enterprise-h2{
	font-size: 42px;
	font-weight: 600;
}
.enterprise-p{
	display: block;
	font-size: 18px;
	color: #666;
}
.enterprise-content{
	width: auto;
	height: auto;
	/* background-color: #fff; */
	margin: 0 auto;
}
.enterprise-content > div {
	display: inline-block;
	width: 400px;
	height: 400px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.enterprise-content > div:nth-child(1) { background-image: url(../img/enterprise-difficultes.png);  margin-right: 0px;}
.enterprise-content > div:nth-child(2) { display: inline-block; clear: both; overflow: hidden; height: 350px; padding-top: 0px; }
.difficult-right > span {
	display: block;
	width: auto;
	height: 52px;
	padding: 0 22px;
	margin-top: 20px;
	font-size: 22px;
	font-weight: 600;
	text-align: left;
	line-height: 52px;
	color: #fff;
	background-color: rgba(225,225,225,.5);
	border-radius: 6px;
}
.difficult-right > span:nth-child(1) { background-color: #F26722; }
.difficult-right > span:nth-child(2) { background-color: #3854A5; }
.difficult-right > span:nth-child(3) { background-color: #3D2B80; }
.difficult-right > span:nth-child(4) { background-color: #FF4133; }
.solution-p1 { display: block; padding: 20px 100px; margin: 0 auto; text-align: left; line-height: 32px; color: #3F3F3F; }
.unite1 { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.unite2 { padding-top: 0; margin-top: 0; }
.solution-ul { padding: 0 100px; text-align: left; list-style: none; }
.solution-ul > li { padding: 12px 20px 12px 38px; font-size: 18px; color: #787878; background: url(../img/frame16.png) no-repeat; background-position: 4px center; background-size: 16px; }
.show-img { display: block; width: 90%; margin: 25px auto 0;  }
.show-anli { margin: 80px auto; }
.row { text-align: center; }
.advarow-box { margin-bottom: 80px; }
.advarow-box > div > p { width: 179px; text-align: center; line-height: 25px;}
.col-rb-left { width: 205px; height: 250px; padding: 30px 20px; text-align: left; color: rgba(18, 17, 39, 0.56);  background-color: #fff; margin: 10px 20px; box-shadow: 2px 4px 18px -6px rgba(0, 0, 0, 0.08); border-radius: 9px; }
.col-rb-left > h4 { font-size: 16px; padding:10px 0; font-weight: 600; }
.col-rb-left > p { line-height: 24px; }
.col-rb-auto { position: relative; clear: both; overflow: hidden; width: -webkit-fit-content; width: fit-content; display: inline-block;  height: auto; background-color: #fff; margin:10px auto; }
.col-cistomer-auto { width: auto; height: auto; display: inline-block; margin: 0 auto; }
.col-cistomer-auto > div { width: 174px; height: 317px; border-radius: 4px; margin:32px 10px; background-repeat: no-repeat; background-size: cover; filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1)); }
.col-cistomer-auto> div > h4 { position: relative; top: 75%; font-weight: 600; color: #fff; }
.col-cistomer-auto > div:nth-child(1) {
	background-image: url(../img/customer-cj1.png);
}
.col-cistomer-auto > div:nth-child(2) {
	background-image: url(../img/customer-cj2.png);
}
.col-cistomer-auto > div:nth-child(3) {
	background-image: url(../img/customer-cj3.png);
}
.col-cistomer-auto > div:nth-child(4) {
	background-image: url(../img/customer-cj4.png);
}
.col-cistomer-auto > div:nth-child(5) {
	background-image: url(../img/customer-cj5.png);
}
.col-compltion-auto { width: 90%; height: 98px; margin: 100px auto 40px; background-image: url(../img/compliance-right.png);  background-repeat: no-repeat; background-size: 100%; background-position: center; }
.compltion-button { margin: 8px auto 220px; }

.yl-leftContent { display: inline-block; width: fit-content; height: auto; font-size: 16xp; line-height: 21px; }
.yl-leftContent > li {  padding-left: 14px; list-style: url(../img/ellipse12.png); text-align: left; margin: 8px 0; }

/*  银领灵活用工系统介绍 #businessYl.html */
.banner-bgly { background-image: url(../img/banner-bgyl.png) !important; }
.lead-bottom { margin-bottom: 46px; }
.system-pleasure { display: inline-block; width: 412px; font-size: 15.5px; }
.system-pleasure > h4 { margin-left: -18px; text-align: left; font-weight: 700; }
.system-pleasure > li { padding-left: 10px; }
.system-picture { display: inline-block; vertical-align: inherit; margin-left: 12%; }
.picture-left { margin-left: 16px !important; margin-right: 12% !important; }
.pleasure-right { vertical-align: top !important; margin-top: 4rem; }
.second-margin-top { margin: 60px  auto; }

.blue-draw { top: 40px; background-color: #4C66D7;}
.blue-banner { background: linear-gradient(90deg, #3D5BDD 0%, #7C92EA 100%); }
.blue-banner1 { background: linear-gradient(90deg, #5876EF 0%, #5F7AE7 100%); }
.blue-leftContent > li { list-style: url(../img/ellipse12-blue.png);}

.t-right { float: right; }
.t-left { float: left; }
.yl-hidden { display: none; }
.yl-show { display: inline-block; }
.blue-col4 { width: 220px !important; height: fit-content !important; padding-bottom: 30px; }
.price-table > div:nth-child(2) { margin:10px 60px; }
.blue-col4 > h4 { font-size: 20px; color: #000; }
.blue-price { font-size: 15px; }
.blue-price > dt { color: #626262; font-weight: 500; line-height: 29px;}
.blue-price > dt:nth-child(3) > span { display:inline-block; height:auto; float: left; }
.blue-price > dt:nth-child(4) { clear: both; }
.blue-price > dt:nth-child(5) > span { font-size: 24px; color: #196BD0; font-weight: 800; }
.blue-price-box3 { font-size: 16px !important;  color: #196BD0 !important; }
.blue-button { margin: 2px auto; padding: 6px 8px; width: 78%; height: fit-content; font-size: 13px; font-weight: 600; text-align: center; color: #fff; background-color: #5876EF; border-radius: 4px; }
.demand-img { background-image: url(img/demand-adMax.png) !important; }

/*-- 灵工系统-查看详情->合作需求#维护202302015  --*/
.mewcat { width: 60px; margin: 1px auto; text-align: center; background-color: darksalmon; }

.demand-middle {
	max-width: 1280px;
	height: auto;
	margin: 60px auto;
	background-color: #fafafa; 
	border-radius: 6px;
}
.demand-box {
	display: inline-block;
	width: 220px;
	height: auto;
	padding: 12px 2px 12px 18px;
	margin: 10px 0;
	text-align: left;
	background-color: #FFF;
	border-radius: 6px;
	border: 1px solid #F1F0F0;
}
.dem-box-h2 { font-family: inherit; font-size: 22px; font-weight: 600; }
.dem-box-h3 { font-size: 19px; margin: 6px 0; }
.dem-box-span { font-size: 16px; color: #7E7B7B; }
.span-air:after {content: "　";}
.box-outside { margin-left: 26px;}
.demBox-first { margin-left: 8px; }
/*-- 灵工业务-查看详情->合作流程 #维护202302015 --*/
.cooperation-middle {
	max-width: 1235px; height: auto; margin: 42px auto; background-color: rgba(250,250,250,.6); border-radius: 4px;
}
.cooperation-box {
	display: inline-block; width: 220px; height: auto; 
	padding: 12px 9px 12px 18px; margin: 16px 0; text-align: left;
	background-color: #FFF; border-radius: 6px 30px 6px 6px; border: 1px solid #F1F0F0;
}
.coop-box-h2 { font-family: inherit; font-size: 20px; font-weight: 600; }
.coop-box-h3 { font-size: 18px; margin: 6px 0; }
.coop-box-span { font-size: 16px; color: #7E7B7B; }
.coopBox-outside { margin-left: 18px;}
.coopBox-first { margin-left: 8px; }


/* 响应式屏幕参数 */
@media screen and (max-width: 375px) {
    .tvsheep{ background-color: wheat; }
     /* 系统-查看详情->合作需求 #维护202302015 */
    .demand-middle { padding-top: 2%; padding-bottom:2%; }
   .demand-box {
	display: inline-block; width: 90%; height: 165px; 
	padding: 1px 12px 1px 16px; margin: 1% 0; text-align: left; 
	background-color: #FFF; border-radius: 6px; border: 1px solid #F1F0F0;
    }
    .dem-box-h2 { font-size: 20px; font-weight: 600; }
    .dem-box-h3 { font-size: 20px; margin: 6px 0; }
    .dem-box-span { font-size: 16px; color: #7E7B7B; }
    .span-air:after {content: "";}
    .box-outside { margin-left: 1%;}
    .demBox-first { margin-left: 0px; }
}

@media screen and (min-width: 360px) {
    .nav{ z-index:999; display: none !important; }
    .tvsheep{ background-color: crimson; }
    .market-h2 { font-size: 32px; }
    .jumbotron > p:nth-child(3) { font-size: 22px; }
    .enterprise-h2 { font-size: 30px; }
    .enterprise-p { font-size: 15px; }
    .enterprise-content > div { width: 85%; height: 220px; background-size: cover; }
    .difficult-right span { font-size: 18px; }
    .banner-bg { margin-top: 10px; background-image: url(../img/banner-minM48.png); background-size: 76%; }
    .jumbotron p { font-size: 18px; }
    .banner-a { font-size: 18px; font-weight: 700px; line-height: 25px; }
    .solution-p1 { padding: 8px 20px; color: #000; }
    .solution-ul { padding: 0 20px; }
    .solution-ul > li { background-position: 4px 20px; }
    .show-img { width: 98%; margin-top: 35px; }
    .show-anli { margin: 60px auto 8px; }
    .col-rb-left { width: 160px; margin: 10px 8px; }
    .col-cistomer-auto { margin-bottom: 60px; }
    .col-cistomer-auto > div { width: calc(174px * .6); height: calc(317px * .6);  margin: 22px 6px; }
    .col-cistomer-auto> div > h4 { font-size: 16px; }
    .compltion-button { margin-bottom: 110px; }
    .col-compltion-auto { background-image: url(../img/compliance-rightMin.png); width: 95%; height: 226px; margin:60px auto 60px; background-color:rgba(245,245,245,.4); background-size: 96% 96%; }
    
    /* 灵活用工业务↑-↓银领灵活用工系统 */
    
    .banner-bgly { background-image: url(../img/banner-bgyl1.png) !important; }
    .system-pleasure { width: fit-content; font-size: 15.5px; }
    .system-picture { display: block; vertical-align: middle; width: calc(400px * .78); margin:6px auto;}
    .picture-left { margin-left: 16px !important; margin-right: 60px !important; }
    .pleasure-right { vertical-align: top !important; margin-top: 0.25rem; }
    .second-margin-top { margin: 60px  auto; }
    
    .yl-hidden { display: block; margin-left: auto !important; margin-right: auto !important;  }
    .yl-show { display: none !important; }
    .system-pleasure > h4 { font-size: 20px; }
    
    .blue-col4 { display: block; width: 350px !important; height: fit-content !important; padding:30px 4px !important; margin: 10px auto !important; float: inherit; }
    .price-table > div:nth-child(2) { margin:10px 20px; }
    .demand-img { background-image: url(../img/demand-adMin.png) !important; }
}
@media screen and (min-width: 375px) {
    .tvsheep{ background-color: orange; }
    .col-rb-left { width: 165px; margin: 10px 5px; }
    
     /* 灵活用工业务↑-↓银领灵活用工系统 */
   .yl-hidden { display: block; margin-left: auto !important; margin-right: auto !important;  }
   .yl-show { display: none !important; }
   
   .blue-col4 { display: block; max-width: 85% !important; height: fit-content !important; padding: 22px 25px !important; margin: 10px auto !important; } 
   
   /* 灵工系统-查看详情->合作需求 #维护 */
   .demand-middle { padding-top: 1%; padding-bottom:1%; }
   .demand-box {
	display: inline-block; width: 165px; height: 165px; 
	padding: 1px 12px 1px 16px; margin: 1% 0; text-align: left; 
	background-color: #FFF; border-radius: 6px; border: 1px solid #F1F0F0;
    }
    .dem-box-h2 { font-size: 20px; font-weight: 600; }
    .dem-box-h3 { font-size: 20px; margin: 6px 0; }
    .dem-box-span { font-size: 16px; color: #7E7B7B; }
    .span-air:after {content: "";}
    .box-outside { margin-left: 1%;}
    .demBox-first { margin-left: 0px; }
    /*-- 灵工业务-查看详情->合作流程 #维护 --*/
    .cooperation-middle { padding-top: 1%; padding-bottom:1%; }
    .cooperation-box {
    	display: inline-block; width: 172px; height: 172px; 
        	padding: 14px 4px 12px 10px; margin: 1% 0; text-align: left;
    	background-color: #FFF; border-radius: 22px; border: 1px solid #F1F0F0;
    }
    .coop-box-h2 { font-family: inherit; font-size: 20px; font-weight: 600; }
    .coop-box-h3 { font-size: 16px; margin: 6px 0; }
    .coop-box-span { font-size: 15px; color: #7E7B7B; }
    .coopBox-outside { margin-left: 1%;}
    .coopBox-first { margin-left: 0; }
}
@media screen and (min-width: 600px) {
    .tvsheep{ background-color: royalblue; }
    
     /* 灵活用工业务↑-↓银领灵活用工系统 */
    
    .banner-bgly { background-image: url(../img/banner-bgyl1.png) !important; background-size: 60%; height: auto; }
    .system-picture { display: block; vertical-align: middle; width: calc(400px * 1.1); margin:6px auto;}
    
    .yl-hidden { display: block; margin-left: auto !important; margin-right: auto !important;  }
    .yl-show { display: none; }
    .system-pleasure > h4 { font-size: 18px;  }
    
    .blue-col4 { display: inline-block; width: 200px !important; height: fit-content !important; padding:30px 4px !important; }
    .blue-col4 > h4 { font-size: 20px; color: #000; }
    .price-table > div:nth-child(2) { margin:10px 2px; }
    .blue-col4 > * {transform:scale(.9);}
    .demand-img { background-image: url(../img/demand-adMin.png) !important; }
    
     /* 灵工系统-查看详情->合作需求 #维护 */
    .demand-middle { padding-top: 0%; padding-bottom:0%; }
    .demand-box {
       display: inline-block; width: 220px; height: auto; 
       padding: 12px 2px 12px 18px; margin: 10px 0; text-align: left; 
       background-color: #FFF; border-radius: 6px; border: 1px solid #F1F0F0;
    }
    .dem-box-h2 { font-family: inherit; font-size: 22px; font-weight: 600; }
    .dem-box-h3 { font-size: 19px; margin: 6px 0; }
    .dem-box-span { font-size: 16px; color: #7E7B7B; }
    .span-air:after {content: "　";}
    .box-outside { margin-left: 26px;}
    .demBox-first { margin-left: 8px; }
    /*-- 灵工业务-查看详情->合作流程 #维护 --*/
    .cooperation-middle {
    	max-width: 1235px; height: auto; margin: 42px auto; background-color: rgba(250,250,250,.6); border-radius: 4px;
    }
    .cooperation-box {
    	display: inline-block; width: 220px; height: auto; 
    	padding: 12px 9px 12px 18px; margin: 16px 0; text-align: left;
    	background-color: #FFF; border-radius: 6px 30px 6px 6px; border: 1px solid #F1F0F0;
    }
    .coop-box-h2 { font-family: inherit; font-size: 20px; font-weight: 600; }
    .coop-box-h3 { font-size: 18px; margin: 6px 0; }
    .coop-box-span { font-size: 16px; color: #7E7B7B; }
    .coopBox-outside { margin-left: 18px;}
    .coopBox-first { margin-left: 8px; }
   
}
@media screen and (min-width: 765px) {
    .tvsheep{ background-color: darksalmon; }
    
    /* 灵活用工业务↑-↓银领灵活用工系统 */
    
    .banner-bgly { background-image: url(../img/banner-bgyl1.png) !important;  }
    
    .demand-img { background-image: url(../img/demand-adMin.png) !important; }
}
@media screen and (min-width: 768px) {
    .tvsheep{ background-color: mediumpurple; }
	.market-h2 { font-size: 52.16px !important; }
	.market-banner { padding-left: 180px !important; }
	.enterprise-content > div:nth-child(1) { margin-right: 0px; background-size: contain; }
	.enterprise-content > div { display: inline-block; width: 400px; height: 400px; }
	.enterprise-content > div:nth-child(2) { height: 400px; padding-top: 28px; }
	.difficult-right > span { border-radius: 90px; }
	.show-img { width: 90%; }
	.banner-bg { margin-top: 10px; background-image: url(../img/banner-minM48.png); background-size: 50%; }
	.col-compltion-auto { background-image: url(../img/compliance-right.png); background-color:rgba(255,255,255,1); background-size: contain; }
	
    /* 灵活用工业务↑-↓银领灵活用工系统 */
    
    .banner-bgly { background-image: url(../img/banner-bgyl1.png) !important; }
    
    .demand-img { background-image: url(../img/demand-adMax.png) !important; }
}
@media screen and (min-width: 820px) {
    .tvsheep{ background-color: skyblue; }
    .enterprise-content > div:nth-child(1) { margin-right: 20px; background-size: contain; }
    .enterprise-content > div { display: inline-block; width: 320px; height: 400px; }
    .enterprise-content > div { display: inline-block; width: 320px; height: 400px; }
    
    /* 灵活用工业务↑-↓银领灵活用工系统 */
    
    .banner-bgly { background-image: url(../img/banner-bgyl1.png) !important; background-size: contain; height: auto; }
    .system-pleasure > h4 { font-size: 18px; }
    
    .demand-img { background-image: url(../img/demand-adMax.png) !important; }
}
@media screen and (min-width: 960px) {
    .tvsheep{ background-color: lightseagreen; }
    
     /* 灵活用工业务↑-↓银领灵活用工系统 */
    
    .banner-bgly { background-image: url(../img/banner-bgyl1.png) !important; background-size: contain; height: auto; }
    .system-pleasure { display: inline-block; width: 412px; font-size: 15.5px; }
    .system-pleasure > h4 { margin-left: -18px; text-align: left; font-weight: 700; }
    .system-pleasure > li { padding-left: 10px; }
    .system-picture { display: inline-block; vertical-align: inherit; margin-left: 22px; width: calc(400px * .86); }
    .yl-hidden { display: none; }
    .yl-show { display: inherit; }
    .system-pleasure > h4 { font-size: 18px; }
    .yl-hidden { display: none; }
    .yl-show { display: inline-block !important; }
    
    .demand-img { background-image: url(../img/demand-adMax.png) !important; }
}
@media (min-width: 1200px){
    nav { display: block !important; }
    .tvsheep{ background-color: yellow; }
	.container { width: 100%; }
	.market-banner > p { max-width: 56.5%; }
	.show-img { width: 75%; }
	.banner-a { font-size: 16px; line-height: 25px; font-weight: 500; }
	.banner-bg { margin-top: 8%; background-image: url(../img/banner-bgm.png); background-size: initial; }
	.enterprise-content > div { display: inline-block; width: 400px; height: 400px; background-color: #fff; background-repeat: no-repeat; background-size: contain; background-position: left center; }
	.enterprise-content > div:nth-child(1) { margin-right: 120px; }
	.enterprise-content > div:nth-child(2) { height: 400px; }
	.jumbotron p { font-size: 21px; }
	.jumbotron { padding-right: 15px; padding-left: 15px; }
	.solution-p1 { padding: 20px 100px; color: #3F3F3F; }
	.solution-ul { padding: 0 100px; }
	.solution-ul > li { background-position: 4px center; }
	.show-anli { margin: 80px auto; }
	.col-rb-auto { width: -webkit-fit-content; width: -moz-fit-content; width: -ms-fit-content; width: fit-content;  }
	.col-rb-left {  width: 205px; height: 250px; margin: 10px 20px; }
	.col-cistomer-auto { width: fit-content; display: inline-block; height: auto; margin: 0 auto; }
	.col-cistomer-auto > div { width: 174px; height: 317px;  margin: 22px 10px; }
	.col-cistomer-auto> div > h4 { font-size: 18px; font-weight: 500; }
	.col-compltion-auto { width: 80%; height: 195px; }
	
	/* 灵活用工业务↑-↓银领灵活用工系统 */
	
	.banner-bgly { background-image: url(../img/banner-bgyl.png) !important; height: 520px; }
	.lead-bottom { margin-bottom: 46px; }
    .system-pleasure { display: inline-block; width: 412px; font-size: 15.5px; }
    .system-pleasure > h4 { margin-left: -18px; text-align: left; font-weight: 700; }
    .system-pleasure > li { padding-left: 10px; }
    .system-picture { display: inline-block; vertical-align: inherit; margin-left: 12%; width: inherit; }
    .picture-left { margin-left: 16px !important; margin-right: 12% !important; }
    .pleasure-right { vertical-align: top !important; margin-top: .3rem; }
    .second-margin-top { margin: 60px  auto; }
    
    .yl-hidden { display: none; }
    .yl-show { display: block; }
    .system-pleasure > h4 { font-size: 18px; }
    
    .blue-col4 > * {transform:scale(1);}   
    .blue-col4 { width: 256px !important; height: fit-content !important; padding:30px 20px !important; text-align: left;}
    .price-table > div:nth-child(2) { margin:10px 60px !important; }
    .blue-col4 > h4 { font-size: 20px; color: #000; }
    .blue-price { font-size: 15px; }
    .blue-price > dt { color: #626262; font-weight: 500; line-height: 29px;}
    .blue-price > dt:nth-child(3) > span { display:inline-block; height:auto; float: left; }
    .blue-price > dt:nth-child(4) { clear: both; }
    .blue-price > dt:nth-child(5) > span { font-size: 24px; color: #196BD0; font-weight: 800; }
    .blue-button { margin: 2px auto; padding: 6px 8px; width: 76%; height: fit-content; font-size: 13px; font-weight: 600; text-align: center; color: #fff; background-color: #5876EF; border-radius: 4px; }
    
    .demand-img { background-image: url(../img/demand-adMax.png) !important; }
}

