@charset "utf-8";
*{margin:0;padding:0;color:#555;font-size:14px;}
ul{list-style:none;}
a{text-decoration:none;}
body{background: -webkit-linear-gradient(#c0da83, #63b957); /* Safari 5.1 - 6.0 */ 
background: -o-linear-gradient(#c0da83, #63b957); /* Opera 11.1 - 12.0 */ 
background: -moz-linear-gradient(#c0da83, #63b957); /* Firefox 3.6 - 15 */
background: linear-gradient(#c0da83, #63b957); /* ±ê×¼µÄÓï·¨ */}
img{border:0;outline:0;}
/* 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;height:60px;font-weight:bold;font-size:16px;}
.header .headerCon .nav ul li a:hover{color:#a00004;}
.header .headerCon .nav ul li.cur{}
.header .headerCon .nav ul li.cur a{border-bottom:2px solid #a60004;color:#a60004;}

/* 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;}

.container{width:100%;height:auto;overflow:hidden;padding:20px 0;}
.container ul{width:100%;max-width:1264px;height:auto;overflow:hidden;margin:0 auto;}
.container ul li{width:616px;height:450px;float:left;margin:10px 8px;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.container ul li .tit{height:46px;line-height:46px;width:100%;border-bottom:1px dashed #ccc;}
.container ul li .tit a{color:black;font-size:18px;text-align:center;display:block;height:46px;line-height:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;margin:0 auto;}
.container ul li .job{width:100%;height:328px;overflow:hidden;}
.container ul li .job a{width:90%;margin:0 auto;border-bottom:1px dashed #ddd;display:block;height:40px;line-height:40px;}
.container ul li .job a .sTit{width:40%;line-height:40px;color:black;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;display:inline-block;font-size:16px;}
.container ul li .job a .sNote{display:inline-block;float:left;width:55%;margin-left:5%;text-align:right;font-size:12px;color:#666;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container ul li .contact{height:40px;padding:17px 0;}
.container ul li .contact p{font-size:14px;text-align:center;color:#555;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*
.container ul li .job{width:260px;height:140px;padding-top:15px;margin:0 auto;overflow:hidden;}
.container ul li .job a{height:28px;line-height:28px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#666;padding:0 10px;margin-right:8px;display:block;float:left;margin-bottom:5px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container ul li .job a:hover{background:#eb6100;color:#fff;border-color:#eb6100;}
*/

.showBox{width:90%;height:auto;overflow:hidden;margin:0 auto 50px;}
.showBox .showBoxTit{width:396px;height:80px;margin:10px auto;}
.showBox .showBoxTit img{width:100%;height:auto;display:block;}
.showBox .showBoxCon .showBoxConT{width:100%;height:40px;display:flex;}
.showBox .showBoxCon .showBoxConT .showBoxConT_lSide{width:47px;height:40px;background:url(../img/pic01.jpg) no-repeat;}
.showBox .showBoxCon .showBoxConT .showBoxConT_mSide{flex:1;height:40px;background:url(../img/pic02.jpg) top center repeat-x #b3101e;}
.showBox .showBoxCon .showBoxConT .showBoxConT_rSide{width:47px;height:40px;background:url(../img/pic03.jpg) no-repeat;}
.showBox .showBoxCon .showBoxConM{width:100%;height:auto;overflow:hidden;display:flex;}
.showBox .showBoxCon .showBoxConM .showBoxConM_lSide{width:47px;height:auto;background:url(../img/pic04.jpg) repeat-y;}
.showBox .showBoxCon .showBoxConM .showBoxConM_mSide{flex:1;height:auto;overflow:hidden;background:#b3101e;min-height:200px;}
.showBox .showBoxCon .showBoxConM .showBoxConM_rSide{width:47px;height:auto;background:url(../img/pic05.jpg) repeat-y;}
.showBox .showBoxCon .showBoxConB{width:100%;height:40px;display:flex;}
.showBox .showBoxCon .showBoxConB .showBoxConB_lSide{width:47px;height:40px;background:url(../img/pic06.jpg) no-repeat;}
.showBox .showBoxCon .showBoxConB .showBoxConB_mSide{flex:1;height:40px;background:url(../img/pic07.jpg) top center repeat-x #b3101e;}
.showBox .showBoxCon .showBoxConB .showBoxConB_rSide{width:47px;height:40px;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:517px;height:131px;margin:0 30px;}
.artLink a img{display:block;width:100%;height:auto;}

.telBox{width:600px;height:100px;margin:20px auto;}
.telBox .telItem1{width:300px;height:100px;float:left;background:#eb6100;text-align:center;}
.telBox .telItem1 .telNote{font-size:18px;color:#fff;padding-top:15px;}
.telBox .telItem1 .telNo{font-size:34px;color:#fff;}
.telBox .telItem2{width:300px;height:100px;float:left;background:#fc0;text-align:center;}
.telBox .telItem2 .telNote{font-size:18px;color:#333;padding-top:15px;}
.telBox .telItem2 .telNo{font-size:34px;color:#333;}
.footer{padding:10px 0;width:100%;height:auto;overflow:hidden;}
.footer p{text-align:center;font-size:12px;line-height:1.6;color:#fff;}

.searchBox{text-align:center;font-size:0;margin:0 auto 30px;}
.searchKey{height:38px;line-height:40px;width:200px;padding:0 18px;border:none;font-size:14px;display:inline-block;outline:0;border:1px solid #ccc;}
.searchBtn{background:#f8c301;width:80px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;display:inline-block;cursor:pointer;}
.logoPic{width:300px;height:300px;opacity:0;position:absolute;left:-1000px;}

@media only screen and (max-width:1270px){
.header{min-width:100%;}
.banner{min-width:100%;}
.container ul li{height:auto;width:96%;margin:10px 1%;}
.container ul li .job{width:98%;margin:0 auto;height:auto;}
}
@media only screen and (max-width:768px){
.container ul li{margin:10px 1%; width:98%;}    
.telBox{width:90%}
.telBox .telItem1,
.telBox .telItem2{width:100%;}
.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;}
.header .headerCon .nav ul li.cur a{background-color:#a60004;color:#fff;}

.searchBox{margin:10px auto;}
.foreword{padding:10px;box-sizing:border-box;}
.foreword{font-size:14px;line-height:1.4;width:100%;padding:10px 0;}
.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;}
.showBox{width:98%;}
.showBox .showBoxCon{border:3px solid #de9e57;border-radius:10px;box-sizing:border-box;padding:8px;background:#ac090c}
.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:#ac090c;}
.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%;margin:0 auto;height:auto;}

.showBox.joblist{margin-bottom:0}
}