@charset "utf-8";
*{margin:0;padding:0;color:#555;font-size:14px;}
ul{list-style:none;}
a{text-decoration:none;}
body{background:#8cc82a;}
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;}
.header .headerCon .nav ul li a:hover{color:#64ce6c;}

/* 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:#0b8215;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:#0b8215;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;}
*/

.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:#555;}

.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:#0a3586;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%;}
}