@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#666666; background:#fff; font-family:'微软雅黑'; line-height:24px;}

a { color:#666666; font-size:14px; text-decoration:none; }

a:hover {  text-decoration:none;}



/***************index css********************/
.top{ width:100%; height:56px; background:#ebebeb}
.top .bg{ width:1100px; height:56px; margin:0 auto}
.top .yy{ float:right; height:20px; background:url(../images/yy_ico.jpg) no-repeat left center; line-height:20px; padding-left:25px; color:#666666; margin-top:10px;}
.top .bg .tel{float: right; height: 40px;; line-height: 40px; margin-right: 30px;}
.top .bg .tel b{color:#e60012; font-size: 20px;}

.nav_bg{ width:100%; height:80px; background:url(../images/nav_bg.png) no-repeat center; position:absolute; z-index:999; left:0; top:29px;}
.nav_bg .bg{ width:1100px; height:80px; margin:0  auto}
.nav_bg .bg .logo{ float:left; height:80px; padding-left:108px;}


#nav{ width:auto; height:80px; float:right}
#nav ul{ }
#nav ul li { float:left; display:inline; height:80px; margin-left:20px;}
#nav ul li a{ display:block; height:80px; color:#ffffff; font-size:16px; padding-left:10px; padding-right:10px; line-height:80px; }
#nav ul li a:hover{ color: #e60012;}
/**
#nav ul li a:hover{color: #e60012; border-bottom: 4px solid #e60012}
#nav ul li a.current{color: #e60012; border-bottom: 4px solid #e60012}
**/


.flash{ width:100%; height:auto; margin:0 auto;}
.flash img{ width:100%; display:block}


/******************************** index *********************************/
.pro{ width:100%; height:458px; position:relative;  z-index:9999; overflow:visible;}
.pro .box{ position:absolute;  z-index:9999; background:#fff; left:50%; margin-left:-550px; top:-70px; width:1100px; height:426px; border:1px solid #eaeaea; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.pro .box .name{ width:1055px; height:31px; margin:0 auto; color:#333; font-size:24px; line-height:31px; margin-top:35px;}
.pro .box .name b{ height:31px; float:left}
.pro .box .name i{ height:20px; width:1px; background:#c9c9c9; margin-top:5px; margin-left:12px; float:left}
.pro .box .name em{ float:left; margin-left:8px; font-size:14px;}
.pro .box .name .page{ float:right; width:70px; height:31px;}
.pro .box .name .page .prev{ float:left;}
.pro .box .name .page .next{ float:right;}
.pro .box .gd{ width:1064px; height:auto; margin:0 auto; margin-top:27px;}
.pro .box .gd ul li{ float:left; width:252px; border:1px solid #eeeded; overflow:hidden; height:auto; margin-left:6px; margin-right:6px;}
.pro .box .gd ul li .tu{ width:252px; height:220px;  border-bottom:none}
.pro .box .gd ul li .tu img{ display:block; width:252px; height:220px;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pro .box .gd ul li .name{ width:100%; height:47px; border-top:3px solid #e60012; line-height:47px; text-align:center; color:#666666; font-size:16px;}
.pro .box .gd ul li:hover .name{ background:#e60012; color:#fefefe}
.pro .box .gd ul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


.about{ width:100%; height:788px; background:url(../images/about_bg.jpg) no-repeat;}
.about .bg{ width:1100px; height:auto; margin:0 auto; margin-top:65px; position: relative;}
.about .bg .title{ width:100%; text-align:center;}
.about .bg .title .name{ color:#e60012; font-size:36px; height:42px; line-height:42px;}
.about .bg .title .zs{ width:100%; height:auto; color:#999999}
.about .bg .title .zs span{ width:145px; margin:0 auto; border-bottom:1px solid #bbbabc; height:30px; line-height:30px; text-align:center; font-size:18px; text-transform:uppercase; display:block; font-family:Arial, Helvetica, sans-serif}
.about .bg .title .zs em{ display:block; text-align:center; font-size:12px; line-height:26px;}
.about .bg .box{ width:1100px; height:468px; background:url(../images/about-tu.png) no-repeat; position:relative; margin-top:35px;}
.about .bg .box .more{ width:107px; height:45px; background:#8e8e8e; border-radius:3px; display:block; text-align:center; line-height:45px; color:#fff; font-size:14px; position:absolute; right:0; bottom:114px;}
.about .bg .box .more:hover{ background:#e60012; color:#fff}
.about .bg .box .txt{ width:740px; margin-left:180px; line-height:24px;}

#video{width: 920px; height: 500px; background: #000; padding: 20px; position: fixed; z-index: 99999; left: 50%; margin-left: -550px; top: 50%; margin-top: -250px; display: none; box-shadow: 0 0 16px rgba(0,0,0,0.5);}
#video video{ width: 100%; height: 500px;}
#video .close{ background: url(../images/guanbi.png) no-repeat; width:27px; height: 28px; position: absolute; z-index: 999; top: 5px; right: 5px; display: block;}

.about .bg .video_more {
   position: absolute;
   left: 200px;
   bottom: 20px;
   color: #fff;
   font-family: arial;
   text-transform: uppercase;
   font-size: 16px;
   z-index: 9;
   line-height: 25px;
   padding-left: 35px;
   font-weight: bold;
    z-index: 9;
   cursor: pointer;
 }

 .about .bg .video_more:before {
   content: "";
   position: absolute;
   left: 0;
   width: 25px;
   height: 25px;
   background: url(../images/video_img.png) no-repeat left center;
 }



.new{width: 1100px; margin: 0 auto; margin-top: 50px; margin-bottom:80px; position:relative}
.new .title{ width:100%; text-align:center;}
.new .title .name{ color:#e60012; font-size:36px; height:42px; line-height:42px;}
.new .title .zs{ width:100%; height:auto; color:#999999}
.new .title .zs span{ width:145px; margin:0 auto; border-bottom:1px solid #bbbabc; height:30px; line-height:30px; text-align:center; font-size:18px; text-transform:uppercase; display:block; font-family:Arial, Helvetica, sans-serif}
.new .title .zs em{ display:block; text-align:center; font-size:12px; line-height:26px;}
.new .bg{ width:1100px; height:auto; margin-top:35px; position:relative}
.new .left_pic{ width:15px; height:35px; background:url(../images/left_pic.png) no-repeat; display:block; cursor:pointer; position:absolute; z-index:99; left:0; top:177px;}
.new .gdimg{ width:1008px; margin:0 auto; height:420px;}
.new .right_pic{ width:15px; height:35px; background:url(../images/right_pic.png) no-repeat; display:block; cursor:pointer; position:absolute; z-index:99; right:0; top:177px;}
.new .gdimg ul li{ width:318px; height:380px; margin-left: 9px; margin-right:9px; float: left; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.new .gdimg ul li .tu{width: 318px; height:195px;}
.new .gdimg ul li img{width: 318px; height:195px; display:block;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.new .gdimg ul li .name{width: 295px; margin:0 auto; height: 30px; line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #333333; font-size: 16px; margin-top: 15px;}
.new .gdimg ul li .memo{width: 295px; margin:0 auto; height: 72px; line-height: 24px; overflow: hidden; margin-top: 10px; color: #999999}
.new .gdimg ul li .more{ display:block; width:295px; height:30px; line-height:30px; margin:0 auto; color:#ff0000; padding-top:10px}
.new .gdimg ul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.new .gdimg ul li:hover .name{ color:#e60012}

/****************************** ny *************************************/
/****************************** about *************************************/
.mbx{width: 100%; height: 55px; border-bottom: 1px solid #d6d6d6; margin-top: 8px; overflow:visible; position:relative; z-index:999}
.mbx .bg{width: 1100px; margin: 0 auto; overflow:visible}
.mbx .bg .left{float: left; width:auto; height: 55px; line-height: 55px; vertical-align: middle; color: #999999; overflow:visible}
.mbx .bg .list{float: right; height: 55px; box-sizing: border-box; overflow:visible}
.mbx .bg .list ul li{float: left; height: 55px; box-sizing: border-box; margin-left: 20px; position:relative}
.mbx .bg .list ul li a{display: block; height: 55px; box-sizing: border-box; line-height: 55px; color: #666666;}
.mbx .bg .list ul li a:hover{color: #e60012; border-bottom: 2px solid #e60012;}
.mbx .bg .list ul li a.cur{color: #e60012; border-bottom: 2px solid #e60012;}
.mbx .bg .list ul li ul{ position:absolute; width:180px; height:auto; background:#fff; left:0; top:55px; display:none}
.mbx .bg .list ul li ul li{ float:none; height:38px; line-height:38px; color:#666; width:100%; border-bottom:1px dashed #ccc; margin-bottom:5px; position:relative}
.mbx .bg .list ul li ul li a{ display:block; width:100%; height:38px;ine-height:38px; color:#666;}
.mbx .bg .list ul li ul li a:hover{color: #16499c; border-bottom:none}
.mbx .bg .list ul li ul li:last-child{ border-bottom:none}
.mbx .bg .list ul li ul li ul{ position:absolute; top:0; left:auto; right:180px;}

.ny_side{width: 1100px; margin: 40px auto; min-height: 300px;}


.profl{width: 100%; height: auto; margin-bottom: 40px}
.profl ul li{ float: left; height: auto; margin-right: 15px; margin-bottom: 10px; overflow: hidden; }
.profl ul li a{display: block; height: 36px; border: 1px solid #d1d1d1; line-height: 36px; color: #666666;border-radius: 10px; padding-left: 24px; padding-right: 24px;}
.profl ul li a:hover{background: #e71c17;color: #fff;border: 1px solid #e71c17;}



.prolistn{width: 100%; height: auto; position: relative; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px }
.prolistn ul{ display:flex; flex-wrap:wrap;}
.prolistn ul li{width: calc(25% - 26px); float: left; margin-left: 13px; margin-right: 13px; margin-bottom: 30px;}
.prolistn ul li .tu{width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #e7e7e7; border-radius: 3px;}
.prolistn ul li .tu .img{width: 100%;}
.prolistn ul li .tu img{ width:100%; display: block;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; border-radius: 3px;}
/**.prolistn ul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}**/
.prolistn ul li .name{width: 100%; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 30px; line-height: 30px; padding-top: 8px; color: #333}



ul.proul li{ float:left; width:252px; border:1px solid #eeeded; overflow:hidden; height:auto; margin-left:10px; margin-right:10px; margin-bottom:30px;}
ul.proul li .tu{ width:252px; height:220px;  border-bottom:none}
ul.proul li .tu img{ display:block; width:252px; height:220px;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
ul.proul .name{ width:100%; height:47px; border-top:3px solid #e60012; line-height:47px; text-align:center; color:#666666; font-size:16px;}
ul.proul li:hover .name{ background:#e60012; color:#fefefe}
ul.proul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


ul.newsul li{ width:318px; height:370px; margin-left: 20px; margin-right:20px; float: left; box-shadow:0 0 5px rgba(0,0,0,0.1); margin-bottom:30px;}
ul.newsul li .tu{width: 318px; height:195px;}
ul.newsul li img{width: 318px; height:195px; display:block;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
ul.newsul li .name{width: 295px; margin:0 auto; height: 30px; line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #333333; font-size: 16px; margin-top: 15px;}
ul.newsul li .memo{width: 295px; margin:0 auto; height: 72px; line-height: 24px; overflow: hidden; margin-top: 10px; color: #999999}
ul.newsul li .more{ display:block; width:295px; height:30px; line-height:30px; margin:0 auto; color:#ff0000; padding-top:10px}
ul.newsul li:hover .name{ color:#e60012}
ul.newsul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.ny_news_list{ width:750px; margin:5px auto auto;}
.ny_news_list li{  margin:auto 25px 45px; display:inline;}
.ny_news_list li a img{ width:200px; height:120px;}
.ny_news_list li a:hover h4{ color:#0088cc; text-decoration:underline;}
.ny_news_list li a span{ color:#999; font-size:12px;}
.ny_news_list li a h4{ color:#666; font-size:14px; line-height:20px}
.ny_news_list li td{ border:1px solid #ccc; box-sizing:border-box; padding:5px;}


a.job_a{ display:block; width:100px; height:28px; background:#aaa; text-align:center; line-height:30px; font-size:14px; color:#fff;}
a:hover.job_a{ display:block; width:100px; height:28px; background:#0088cc; text-align:center; line-height:30px; font-size:14px; color:#fff;}

.jobsn{width: 94%; max-width: 1200px; margin: 0 auto; margin-top:50px;}
.jobsn dl{width: 100%; height: auto; box-sizing:border-box; border:1px solid #ccc; border-radius:4px; overflow:hidden; opacity:0}
.jobsn dl dt{width: 100%; height: 42px;  line-height: 42px;cursor: pointer; text-indent: 20px; position: relative; background:#f1f1f1}
.jobsn dl dt::after{width: 30px; height: 30px; position: absolute; right: 20px; top: 6px; content: "+"; font-weight: bold; font-size: 30px; text-indent:0; line-height:30px;}
.jobsn dl dd{width: 100%; box-sizing: border-box; padding: 20px; display: none; overflow: hidden; border-top: 1px solid #ccc;}
.jobsn dl dd ul.list{width: 100%; height:auto; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.jobsn dl dd ul.list li{ width: calc(25% - 15px); margin-right: 15px; overflow: hidden; height: 36px; line-height: 36px; float: left;}
.jobsn dl dd .box{width: 100%; margin-top: 20px;}
.jobsn dl dd .box .name{width: 100%; font-size: 20px; line-height: 30px;}
.jobsn dl dd .box .memo{width: 100%; font-size: 14px; line-height: 30px; padding-top: 10px;}
.jobsn dl dt.cur::after{width: 30px; height: 30px; position: absolute; right: 20px; top: 6px; content: "-"; font-weight: bold; font-size: 30px;}


/****jobs***/
.jobsn2{width: 100%; height: auto; background: #f5f5f5; position: relative; box-sizing: border-box; padding:50px; box-sizing: border-box;}
.jobsn2 .bg{ width:94%; max-width: 1200px; margin: 0 auto; margin-top: 50px;  display: flex; flex-wrap: wrap;}
.jobsn2 .bg .box{width: calc(33.3% - 30px); margin-left:15px; margin-right:15px; min-height: 278px; margin-bottom: 30px; padding: 25px; color: #9a9a9a; font-size: 12px; cursor:pointer;
   overflow: hidden; background: #fff; border-radius: 5px; box-sizing: border-box; border-bottom: 5px solid #f93630;}
.jobsn2 .bg .box .name{font-size: 20px; color: #333333; line-height: 30px;}
.jobsn2 .bg .box:hover{background-image: url(../images/jobs_bg.png); background-position:center; background-repeat:no-repeat; background-size:cover; color: #fff; border-bottom: 5px solid #a80000;/*标准语法，必须放在最后*/}
.jobsn2 .bg .box:hover .name{color: #fff;}
.jobsn2 .bg .zy{width: 100%; display: flex; justify-content: space-between; margin: 20px auto;flex-wrap: wrap; }
.jobsn2 .bg .zy span{ display:block; background: url(../images/jobs_ico.png) no-repeat left center; padding-left: 18px; height: 24px; line-height:24px; margin-bottom:5px; }
.jobsn2 .bg .memo{width: 100%; line-height: 24px; min-height: 72px;}
.jobsn2 .bg .more{width: 52px; height: 31px; background: url(../images/jobs_more.png) no-repeat; display: block; margin-top: 15px; cursor: pointer;}
.jobsn2 .bg .box:hover .zy span{ background: url(../images/jobs_icoh.png) no-repeat left center;}
.jobsn2 .bg .box:hover .more{ background: url(../images/jobs_moreh.png) no-repeat left center;}
.jobsn2 .bg .box .nr{ display:none;}

#mask{ width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; display:none}
.maskJ{width:100%; height:100%;background:rgba(0,0,0,0.3); display: flex; justify-content:center;align-items: center;}
.maskJ .nr{ width:94%; position:relative; background:#fff; background:#fff; border-radius:6px; max-width:1200px; height:90%; max-height:670px; box-sizing:border-box; padding:20px 40px}
.maskJ .nr .close{ width:35px; height:35px; position:absolute; z-index:99; top:5px; right:5px; cursor:pointer; background-image:url(../images/close_xx.png); background-repeat:no-repeat; background-position:0 0;}
.maskJ .nr .close:hover{ background-position:0 -35px;}
.maskJ .nr .bt{ width:100%; height:68px; border-bottom:1px solid #e5e5e5; line-height:68px; display:flex;justify-content: space-between;flex-wrap: wrap}
.maskJ .nr .bt .name{ color:#333; font-size:20px; text-indent:15px; line-height:34px;}
.maskJ .nr .zy{display: flex; justify-content: flex-end;align-items: center; flex-wrap: wrap;}
.maskJ .nr .zy span{ display:block; background: url(../images/jobs_ico.png) no-repeat left center; padding-left: 18px; height: 24px; line-height:24px; margin-left:15px;}
.maskJ .nr .txt{ width:100%; height:calc(100% - 210px); margin-top:30px; overflow-y:auto}
.maskJ .nr .bottom{ width:calc(100% - 80px); height:100px; border-top:1px solid #e5e5e5; display:flex;justify-content: space-between;flex-wrap: wrap; align-items: center; color:#666; position:absolute; z-index:9; left:40px; bottom:0}
.maskJ .nr .bottom .btn{ background-color: #f60; border-radius: 4px; color: #fff; cursor: pointer; display: block; float: left;font-size: 18px; height: 45px; line-height: 45px; text-align: center; width: 200px;}
.maskJ .nr .bottom .email{ float:right}


/***prosd***/
.prosd{width:1100px; margin:0 auto;}
.prosd .left{ width:800px; height:auto; margin: auto}
.prosd .left img{ display:block; width:100%;}
.prosd .right{ width:calc(100% - 580px); height:auto; float:right; display:none}
.prosd .right .name{ font-size:20px; line-height:30px; color:#333;}
.prosd .right .jg{ color:#e60012; font-size:30px;}
.prosd .right dl{ width:100%;border-bottom:1px solid #ccc; padding-bottom:20px; margin-top:20px; overflow:hidden; height:40px; line-height:40px;}
.prosd .right dl dt{ float:left; line-height:40px; width:80px; color:#666666}
.prosd .right dl dd{ float:left; width:calc(100% - 100px); line-height:40px;}
.prosd .right dl dd .inp{ box-sizing:border-box; border:1px solid #eeeeee; height:40px; width:54px; line-height:40px; text-align:center;}
.prosd .right dl dd .btn{ background:#e60012; width:160px; height:40px; border:none; border-radius:3px; text-align:center; line-height:40px; overflow:hidden; cursor:pointer; text-align:center; font-size:14px; display:block; color:#fff}
.prosd .pro-txt{ width:100%; margin-top:20px; min-height:300px;}



.hzppn{width: 100%; height: auto; position: relative; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px }
.hzppn ul{ display:flex; flex-wrap:wrap;}
.hzppn ul li{ max-width: 170px; width: calc(16.6% - 20px); border:2px solid #5a5a5a; border-radius:6px; float: left; margin-left:10px; margin-right: 10px; margin-bottom: 15px; }
.hzppn ul li .tu{width: 100%; box-sizing: border-box;}
.hzppn ul li .tu .img{width: 100%;}
.hzppn ul li .tu img{ width:100%; display: block;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; border-radius: 3px;}
.hzppn ul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


.fkn{ width:100%; height:auto; margin:0 auto; margin-top:0px;}
.fkn .left{ float:left; width:calc(100% - 600px); color:#666666}
.fkn .left .bt{ font-size:30px; height:48px; line-height:48px;}
.fkn .left .memo{ font-size:14px; height:auto; line-height:24px; margin-top:10px;}

.fkn .right{ float:right; width:513px; margin-top:75px;}
.fkn .right img{ width:100%; display:block}

ul.feedback{ margin-top:30px;}
ul.feedback li{ width:100%; overflow:hidden; margin-bottom:25px;}
ul.feedback li .name{ width:90px; float:left; height:32px; line-height:32px; display:block}
ul.feedback li .nr{ width:calc(100% - 100px); float:left}
ul.feedback li .nr .inp{ width:100%; box-sizing:border-box; max-width:237px; border:1px solid #dbdbdb; height:32px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:14px; float:left; }
ul.feedback li .nr .tex{ width:100%; box-sizing:border-box; border:1px solid #dbdbdb; height:150px; display:block; background:#fff; line-height:32px;  font-size:14px; padding:10px}
ul.feedback li .nr .btn{ width:120px; cursor:pointer; height:32px; display:block; text-align:center; line-height:32px; background:#cc0000; overflow:hidden; color:#fff; border:none}
ul.feedback li .nr .yzm{ float:left; margin-left:3px;}
ul.feedback li .nr .yzm img{ height:30px; border:1px solid #dbdbdb;}


.ny_news_list{ width:720px; }
.ny_news_list li{ float:left; width:200px; height:120px; margin:auto 25px 45px; display:inline;}
.ny_news_list li a img{ width:200px; height:120px;}
.ny_news_list li a:hover h4{ color:#0088cc; text-decoration:underline;}
.ny_news_list li a span{ color:#999; font-size:12px;}
.ny_news_list li a h4{ color:#666; font-size:14px; line-height:20px}


a.job_a{ display:block; width:100px; height:28px; background:#aaa; text-align:center; line-height:30px; font-size:14px; color:#fff;}
a:hover.job_a{ display:block; width:100px; height:28px; background:#0088cc; text-align:center; line-height:30px; font-size:14px; color:#fff;}