@charset "utf-8";
*{margin:0;padding:0;color:#555;font-size:14px;}
ul{list-style:none;}
a{text-decoration:none;}
body{background:#f2ddd0;}
img{border:0;outline:0;}
.logoImgBox{width:0;height:0;overflow:hidden;}
/* header */
.outside{width:100%;}
.inside{width:100%;max-width:1024px;margin:0 auto;}
/* banner */
.banner{width:100%;height:auto;min-width:1264px;}
.banner img{width:100%;height:auto;display:block;}

.header{width:100%;height:80px;background:#fff;}
.header .headerCon{height:80px;}
.header .headerCon .logo{height:50px;width:auto;float:left;margin:12px 0;display:block;}
.header .headerCon .logo img{width:auto;height:46px;display:block;}
.header .headerCon .nav{width:auto;float:right;}
.header .headerCon .nav ul{}
.header .headerCon .nav ul li{float:left;height:80px;line-height:80px;}
.header .headerCon .nav ul li a{display:block;float:left;padding:0 17px;line-height:80px;}
.header .headerCon .nav ul li a:hover{color:#b51f2a;}

/* header */
.header{width:100%;height:80px;background:#fff;min-width:1264px;}
.header .headerCon{width:100%;max-width:1264px;height:50px;line-height:50px;}
.header .headerCon .link{float:right;text-align:right;height:50px;line-height:50px;}
.header .headerCon .link a{display:inline-block;padding:0 10px;color:#FFF;font-weight:bold;font-size:16px;}
/* banner */
.banner{width:100%;height:auto;min-width:1264px;}
.banner img{width:100%;height:auto;display:block;}

.footer{padding:10px 0;width:100%;height:auto;overflow:hidden;}
.footer p{text-align:center;font-size:12px;line-height:1.6;color:#d42e41;}

.container{}

.showBox{width:90%;height:auto;overflow:hidden;margin:0 auto 50px;}
.showBox .showBoxTit{width:381px;height:74px;margin:20px auto;}
.showBox .showBoxTit img{width:100%;height:auto;display:block;}
.showBox .showBoxCon .showBoxConT{width:100%;height:54px;display:flex;}
.showBox .showBoxCon .showBoxConT .showBoxConT_lSide{width:59px;height:54px;background:url(../img/pic01.jpg) no-repeat;}
.showBox .showBoxCon .showBoxConT .showBoxConT_mSide{flex:1;height:54px;background:url(../img/pic02.jpg) top center repeat-x #b51f2a;}
.showBox .showBoxCon .showBoxConT .showBoxConT_rSide{width:59px;height:54px;background:url(../img/pic03.jpg) no-repeat;}
.showBox .showBoxCon .showBoxConM{width:100%;height:auto;overflow:hidden;display:flex;}
.showBox .showBoxCon .showBoxConM .showBoxConM_lSide{width:59px;height:auto;background:url(../img/pic04.jpg) repeat-y;}
.showBox .showBoxCon .showBoxConM .showBoxConM_mSide{flex:1;height:auto;overflow:hidden;background:#b51f2a;min-height:200px;}
.showBox .showBoxCon .showBoxConM .showBoxConM_rSide{width:59px;height:auto;background:url(../img/pic05.jpg) repeat-y;}
.showBox .showBoxCon .showBoxConB{width:100%;height:54px;display:flex;}
.showBox .showBoxCon .showBoxConB .showBoxConB_lSide{width:59px;height:54px;background:url(../img/pic06.jpg) no-repeat;}
.showBox .showBoxCon .showBoxConB .showBoxConB_mSide{flex:1;height:54px;background:url(../img/pic07.jpg) no-repeat;background-size: 100% 54px;}
.showBox .showBoxCon .showBoxConB .showBoxConB_rSide{width:59px;height:54px;background:url(../img/pic08.jpg) no-repeat;}

.foreword{width:80%;height:auto;overflow:hidden;padding:18px 0;color:#fff;font-size:20px;line-height:36px;text-indent:2em;margin:0 auto;}

.artLink{padding:35px 0;text-align:center;}
.artLink a{display:inline-block;width:435px;height:82px;margin:0 30px;}
.artLink a img{display:block;width:100%;height:auto;}
/* .artLink a{display:inline-block;color:#f7dbb8;font-size:30px;width:435px;height:82px;line-height:82px;background:url(../img/titBg.png) center center no-repeat;letter-spacing:2px;margin:0 30px;} */

.searchBox{height:50px;width:80%;display:flex;margin:0 auto 30px;}
.searchBox .searchSelect{width:130px;height:50px;background:#fff;position:relative;}
.searchBox .searchSelect h5{font-size:16px;color:#333;font-weight:normal;text-align:center;letter-spacing:12px;display:block;width:130px;height:50px;line-height:50px;background:url(../img/more.png) 80% center no-repeat;border-right:1px solid #ddd;cursor:default;}
.searchBox .searchSelect ul{display:none;position:absolute;top:50px;left:0px;width:130px;background:#fff;}
.searchBox .searchSelect ul li{height:36px;line-height:36px;text-align:center;letter-spacing:12px;cursor:default;}
.searchBox .searchSelect ul li:hover{background:#eee;}
.searchBox input{height:50px;background:#fff;border:none;line-height:50px;text-indent:10px;outline:none;flex:1;}
.searchBox .searchBtn{width:160px;height:50px;line-height:50px;background:#d42e41;font-size:16px;color:#fff;text-align:center;letter-spacing:10px;cursor:pointer;}

.jobList{}
.jobList ul{width:100%;height:auto;overflow:hidden;}
.jobList ul li{background:#fff;box-sizing:border-box;padding:0 15px 15px;width:24%;border-radius:8px;margin:0.5%;float:left;}
.jobList ul li .tit{}
.jobList ul li .tit .tag{width:37px;height:47px;line-height:46px;color:#b51f2a;text-align:center;float:left;background:url(../img/tag.png) center center no-repeat}
.jobList ul li .tit a{color:#b51f2a;font-size:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:50px;height:47px;line-height:47px;}
.jobList ul li .job{height:150px;overflow:hidden;margin:10px 0;}
.jobList ul li .job a{min-width:220px;display:block;height:30px;display:flex;}
.jobList ul li .job a span{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;height:30px;line-height:30px;}
.jobList ul li .job a .jobName{color:#666;min-width:160px;float:left;flex:1;}
.jobList ul li .job a .deal{color:#b51f2a;min-width:60px;float:right;text-align:right;}
.jobList ul li .more{width:150px;height:35px;line-height:35px;text-align:center;background:#f8bd29;border:1px solid #f6d68d;margin:0 auto;margin-bottom:8px;}
.jobList ul li .more a{display:block;width:150px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:14px;}
.jobList ul li .more a span{font-weight:bold;color:#fff;}
.jobList ul li .job{}

.getJobMore{width:100%;height:50px;background:#f8bd29;border-radius:5px;line-height:46px;color:#b51f2a;font-size:14px;font-size:20px;text-align:center;font-weight:bold;box-sizing:border-box;cursor:pointer;margin-top:20px;}



/* what's new */
.linkBox{display:inline-block;text-align:center;width:100%;padding:60px 0;background:#fff;}
.linkBox .linkBoxTit{text-align:center;width:100%;height:auto;margin:0 auto 50px;}
.linkBox .linkBoxTit img{display:inline-block;width:315px;height:46px;}
.linkBox .linkBoxCon{width:100%;height:auto;overflow:hidden;}
.linkBox .linkBoxCon a{display:block;width:50%;height:288px;text-align:center;float:left;}
.linkBox .linkBoxCon a img{display:inline-block;width:312px;height:288px;}

.baseTit{text-align:center;width:480px;height:60px;font-size:0;margin:0 auto;padding:50px 0;}
.baseTit span{display:inline-block;text-align:center;float:left;}
.baseTit .line{width:80px;height:28px;border-bottom:4px solid #d42e41}
.baseTit .text{font-size:40px;color:#d42e41;font-weight:bold;height:60px;line-height:60px;width:320px;text-align:center;}
.jobList{width:90%;height:auto;overflow:hidden;margin:0 auto;}


@media only screen and (max-width:1100px){
.header{min-width:100%;}
.banner{min-width:100%;}
.jobList ul li{width:31.33%;margin:1%;}

}
@media only screen and (max-width:768px){
.header{height:auto;overflow:hidden;}
.header .headerCon{height:auto}
.header .headerCon .logo{margin:12px auto 8px;display:block;width:100%;}
.header .headerCon .logo img{display:block;margin:0 auto;}
.header .headerCon .nav{height:30px;width:100%;border-top:1px solid #80010a;}
.header .headerCon .nav ul li{height:30px;width:100%;height:30px;line-height:30px;width:33.33%;float:left;text-align:center;border-right:1px solid #80010a;box-sizing:border-box;}
.header .headerCon .nav ul li a{font-size:14px;text-align:center;height:30px;line-height:30px;color:#333;padding:0;float:none;}
.header .headerCon .nav ul li:last-child{border-right:none;}

.artLink{padding:15px 0;text-align:center;}
.artLink a{display:inline-block;width:100%;height:auto;margin:10px auto;}
.artLink a img{display:block;width:100%;height:auto;}

.container{}

.showBox .showBoxTit{max-width:381px;height:auto;margin:20px auto;width:100%;margin:8px auto;}
.showBox .showBoxTit img{width:100%;height:auto;display:block;}

.foreword{font-size:14px;line-height:1.4;width:100%;padding:0;}
.container ul li{height:auto;width:96%;margin:10px 1%;}
.jobList ul li .tit a{font-size:14px;}
.jobList ul li .more{width:80%;}
.jobList ul li .more a{width:100%;}

.jobList ul li{width:48%;margin:1%;}


.searchBox{width:80%;}
.searchBox .searchSelect{width:60px;}
.searchBox .searchSelect h5{width:60px;letter-spacing:0;background-position:90% center;font-size:12px;background-size:15% auto;}
.searchBox .searchSelect ul{width:60px;}
.searchBox .searchSelect ul li{letter-spacing:0;font-size:12px;height:26px;line-height:26px;}
.searchBox .searchBtn{width:70px;font-size:12px;letter-spacing:0;}
}
@media only screen and (max-width:640px){
	.jobList ul li{width:48%;margin:1%;}
	.jobList ul li .tit .tag{width:18px;height:40px;line-height:40px;font-size:12px;margin-right:5px;}
	.jobList ul li .tit a{font-size: 14px; font-weight: bold;min-width:auto;margin-left:0;white-space:normal;height:40px;line-height:20px;margin:8px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
	.jobList ul li .job{margin:0;}
	.jobList ul li .job a{min-width:auto}
	.jobList ul li .job a span{font-size:12px;}
	.jobList ul li .job a .jobName{min-width:auto;}
	.searchBox{margin:20px auto;}
	.foreword{padding:10px;box-sizing:border-box;}
	.showBox{width:98%;}
	.showBox .showBoxCon{border:3px solid #de9e57;border-radius:10px;box-sizing:border-box;padding:8px;background:#b51f2a}
	.showBox .showBoxCon .showBoxConT{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConT .showBoxConT_lSide{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConT .showBoxConT_mSide{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConT .showBoxConT_rSide{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConM{width:100%;height:auto;overflow:hidden;display:flex;}
	.showBox .showBoxCon .showBoxConM .showBoxConM_lSide{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConM .showBoxConM_mSide{flex:1;height:auto;overflow:hidden;background:#b51f2a;}
	.showBox .showBoxCon .showBoxConM .showBoxConM_rSide{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConB{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConB .showBoxConB_lSide{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConB .showBoxConB_mSide{width:0;height:0;background:none;}
	.showBox .showBoxCon .showBoxConB .showBoxConB_rSide{width:0;height:0;background:none;}
	.showBox .showBoxTit{width:60%;}
	.jobList ul li .more{margin:8px auto 0;}
	.linkBox .linkBoxTit img{width:80%;height:auto;}
	.linkBox .linkBoxCon a{width:50%;height:auto;overflow:hidden;}
	.linkBox .linkBoxCon a img{width:70%;height:auto;}
	.baseTit{width:260px; padding:20px 0 0}
	.baseTit .line{width:30px;}
	.baseTit .text{font-size:20px;width:200px;}
}
@media only screen and (max-width:320px){
	.jobList ul li{width:98%;margin:1%;}
}