@charset "utf-8";
body {color: #333;  background:#f8ecc8;  font-family:'Microsoft Yahei'; width:100%; height: 100%;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,img,table,td,img,div,p{margin:0;padding:0;border:0;}
ul,ol,li{list-style-type:none;font-family:'Microsoft Yahei'; }
select,input,img,select,input,textarea,button{vertical-align:middle; font-family:'Microsoft Yahei'; }
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#f00;text-decoration:none;}
img{ width: 100% }

 /*小屏幕*/
 @media screen and (max-width: 768px) {
 	html {
        font-size:100%;
    }

 }
 /*大屏幕，或者宽屏*/
@media screen and (min-width: 992px){
	html {
        font-size:87.5%;
    }
}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.marginAuto{width:85.714rem; margin:0 auto; position:relative;}

.header{ width:100%; background: url(../images/top.jpg) center center no-repeat; height:26.286rem; position: relative;display: flex; justify-content: center;}
.topImg{ position:absolute;bottom: -7.143rem; width: 50.143rem; height: 13.286rem; padding-left: 0;}
.banner{background: url(../images/banner.jpg) center center no-repeat; height: 350px;}


.title{ background: url(../images/title.png) 0 0 no-repeat; width: 66.429rem; height: 4.286rem; margin: 0 auto 2rem auto }

.footer{ color:#1e0c1b;line-height: 1.8;  background: #ffd024; display: flex; width: 100%;justify-content: center; padding: 1rem 0;}
.footer .marginAuto{ display: flex; }
.footerDiv{ flex: 1; width: 32%; padding: 1rem 5% 1rem 13%;font-weight:bold;}
.footerDiv h1{font-size: 1rem;}
.footerDiv p{font-size:1rem; line-height: 1.8}
.footerImg{ width: 40%;  padding: 1rem 5%;line-height: 1.8; font-weight:bold; display: flex; justify-content: center;}
.footerimg_l {padding:0 1rem; width: 90px; height: 90px;}

.jobsBox{background: url(../images/body_cBg.png) center 0 no-repeat; min-width:85.714rem; padding:7.143rem 0 2rem 0 ;}
.jobsList{background: #fff; border-radius: 0.5rem; margin:2rem auto; width: 57.714rem; padding:1rem 2.286rem 2rem 2.286rem; line-height: 2}
.jobsTop{ border-bottom:1px dashed #e2e2e2; padding: 1rem 0; display: flex; margin-bottom:1rem; }
.comLogo{ border: 1px solid #afafaf; height: 5rem; width: 5rem; border-radius:0.5rem; margin: 0 2rem 0 0; background: url(../images/com_logo.png) center center no-repeat;-webkit-background-size:60% auto;
background-size:60% auto; }
.comName .comNameTop{ font-size: 1.714rem; text-decoration: none; color: #ff990b; font-weight:bold; padding: 0; line-height: 1.5}
.comName p{ font-size:1.286rem;color: #242e40; }
.jobsList a.but{display: none;}

.jobsCon p{ color: #242e40; }
.jobsCon p.titleJobs{ padding: 0.2rem 0;}
.jobsCon ul{ display: flex; justify-content: left; flex-wrap:wrap; width: 90%; }
.jobsCon li{background: #e9eaec; color: #333; line-height: 2.4rem; padding:0 1.5rem; border-radius: 0.5rem; margin:0.5rem}
.fontW{ font-weight:bold; }
.companyBox{padding:5rem 0 ; line-height: 1.8; color: #333}
.companyBox .marginAuto{ width: 66.286rem; }
.companyBox .title{ background: url(../images/title_02.png) 0 0 no-repeat;}
.companyBox p{padding:0.5rem 1rem 0 2rem;}


 @media screen and (max-width: 768px) {
 	.marginAuto{width:100%; margin:0 auto; position:relative; overflow:hidden;}
 	.header{ width:100%; background: url(../images/wap_top.png) center center no-repeat; height:13rem; -webkit-background-size:100% auto;
 	background-size:100% auto;}
 	.topImg{ position:absolute;bottom:0; width:100%; height:100%; padding-left: 0; display: none;}
	.banner{background: url(../images/wap_banner.png) center center no-repeat; height: 10.938rem;-webkit-background-size:100% auto;
	background-size:100% auto;}
	.title{ background: url(../images/title_wap.png) 0 0 no-repeat; width:100%; height: 4.286rem; margin:0;-webkit-background-size:100% auto;
	background-size:100% auto; margin: 0;}
	.jobsBox{ width:calc(100% - 2rem);min-width:auto;background: #f8ecc8;padding:1rem;}
	.jobsList{background: #fff; border-radius: 0.5rem; margin:1rem auto; width:90%; padding:1rem 5%; line-height: 2; }
	.jobsTop{ padding:0; display: flex; width: 100%; padding-bottom: 1rem ;}
	.comLogo{ border: 1px solid #afafaf; height: 4.375rem; width: 4.375rem; border-radius:0.5rem; margin: 0 0.5rem 0 0; background: url(../images/com_logo.png) center center no-repeat;-webkit-background-size:60% auto;
	background-size:60% auto; }
	.comName .comNameTop{ font-size: 1.2rem; text-decoration: none; color: #ff990b; font-weight:bold; padding: 0; line-height: 1.5}
	.comName p{ font-size:0.875rem;color: #242e40; line-height: 1.5 }
	.jobsCon{ width: 100%; }
	.jobsCon p{ color: #242e40; font-size:0.875rem; }
	.jobsCon p.titleJobs{ padding: 0.2rem 0;}
	.jobsCon ul{ display: flex; justify-content: left; flex-wrap:wrap; width: 100%; }
	.jobsCon li{background: #e9eaec; color: #333; line-height: 2rem; padding:0 0.5rem; border-radius: 0.5rem; margin: 0.2rem 0.5rem 0.2rem 0;font-size:0.875rem; }
	.companyBox{padding:2rem 0 1rem 0; line-height: 1.8; color: #333}
	.companyBox .marginAuto{ width: 100%; }
	.companyBox .title{ background: url(../images/title_02_wap.png) 0 0 no-repeat; -webkit-background-size:100% auto;
	background-size:100% auto; margin-bottom:1rem;}
	.companyBox p{padding:0.2rem 1.5rem; font-size: 0.875rem}

	.footer{ color:#1e0c1b;line-height: 1.8;  background: #ffd024; display: flex; width: 100%;justify-content: center; padding: 0.5rem 0;}
	.footer .marginAuto{ display: initial; }
	.footerDiv{ flex: 1;  width:calc(100% - 2rem); padding:.8rem 1rem ;font-weight:bold;}
	.footerDiv h1{font-size: 0.875rem;}
	.footerDiv p{font-size: 0.875rem; line-height: 1.8}
	.footerImg{ width:calc(100% - 2rem); padding: 1rem;line-height: 1.8; font-weight:bold; display: flex; justify-content: center;}
	.contentText{padding: 0; width: 100%}
	.contentText p{ font-size:0.875rem; }
	.footerimg_l {padding:0 1rem; position:absolute; bottom: 2.5rem; right: 0; width: 6.250rem; height: 6.250rem;}
	.jobsList a.but{background: url(../images/but.png) 0 0 no-repeat; height: 2.5rem; width: 17.5rem; margin:20px auto 0 auto; display:block;-webkit-background-size:100% auto;
background-size:100% auto;}
 }