body{ background:#eeeeee; }
.eventnav{ height: auto; position: relative; }
.eventnavbot{ height: 128px; background: #ffffff; border-bottom: #cccccc solid 1px; border-top: #cccccc solid 1px; }
.eventnavtop{ position:absolute; width: 100%; top: 0; left: 0; height: 141px; }
.eventnavtop a{ text-decoration:none;display: block; float: left; margin:0 0 0 -1px;height: 141px; width: 320px; text-align: center; color: #1f1f1f;  }
.eventnavtop a i{ display: inline-block; width: 50px; height: 50px; }
.eventnavtop a span{ padding-top: 22px; cursor: pointer; height: 108px; display: block; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px;}
.eventnavtop a span p{ font-size: 16px;  margin-top: 4px; }
.eventnavtop a em{ display: none; width: 24px; height: 11px; margin-top: -1px; margin:0 auto 0 auto; }
.eventnavtop a em img{ display: block; }
.cur em{ display:block; }
.cur p{ color: #ffffff; }
.cur span{background: #a8000e;}
a.eventnava1 i{ background: url("../images/newsshow1-1.png") no-repeat; }
a.eventnava1:hover i{ background: url("../images/newsshow1-2.png") no-repeat; }
a.eventnava2 i{ background: url("../images/newsshow2-1.png") no-repeat; }
a.eventnava2:hover i{ background: url("../images/newsshow2-2.png") no-repeat; }
a.eventnava3 i{ background: url("../images/careericon3-1.png") no-repeat; }
a.eventnava3:hover i{ background: url("../images/careericon3-2.png") no-repeat; }
a.eventnava4 i{ background: url("../images/careericon4-1.png") no-repeat; }
a.eventnava4:hover i{ background: url("../images/careericon4-2.png") no-repeat; }
a.eventnava1.cur i{background: url("../images/newsshow1-2.png") no-repeat; }
a.eventnava1.cur em{ display:block; }
a.eventnava2.cur i{background: url("../images/newsshow2-2.png") no-repeat; }
a.eventnava2.cur em{ display:block; }
a.eventnava3.cur i{background: url("../images/careericon3-2.png") no-repeat; }
a.eventnava3.cur em{ display:block; }
a.eventnava4.cur i{background: url("../images/careericon4-2.png") no-repeat; }
a.eventnava4.cur em{ display:block; }
.eventnavtop a:hover span{ background: #a8000e; }
.eventnavtop a:hover span p{ color: #ffffff; }
.eventnavtop a:hover em{ display: block; }
.eventnavtop a:nth-child(1){ margin-left: 0px; }
.eventanvabox{ width: 1280px; margin:0 auto; }

.eventshow{ width:1280px; margin:50px auto 100px auto; border-top:#a70e13 solid 2px; overflow: hidden; }
.eventleft{float: left; width:300px; text-align: center; padding:15px 0;}
.eventright{ float: right; width:900px; padding-left:70px; border-left: #cccccc solid 1px; }
.eventleft span{ display: block; height: 56px; line-height: 56px; }
.eventleft span a{ font-size: 18px; text-decoration: none; }
a.eventon{ color: #a8000e; font-weight: bold; }
.eventright{}
.eventright ul{ list-style:none;  }
.eventright ul li{border-bottom: #cccccc solid 1px; display: block; overflow: hidden; padding:30px 0;}
.eventrl{ width:186px; float: left; color: #a8000e; font-size: 18px; line-height: 42px;}
.eventrr{ width:682px; float: right; }
.eventrr a{ display: block; height: 42px; line-height: 42px; font-weight: bold; text-decoration: none; }
.eventrr em{ display: block; height: 38px; line-height: 38px; font-size: 16px; color: #a8000e;}
.eventrr p{ display: block; line-height: 150%; font-size: 16px; color: #666666; height: auto; margin-top: 8px; }


@media (min-width: 1531px) and (max-width: 1700px){

}


@media (min-width: 1328px) and (max-width: 1530px){
  .eventanvabox{ width: 1150px;}
.eventshow{ width:1150px;}
.eventleft{ width:200px; }
.eventright{ width:873px; }
}
@media (min-width: 1100px) and (max-width: 1328px){
.eventshow{ width:1060px;}
.eventanvabox{ width: 1060px;}
.eventleft{ width:170px; }
.eventright{ width:806px; }
.eventrr{ width:620px; }
}
@media (min-width: 12px) and (max-width: 1099px){
  .eventanvabox{ width: 100%; }
.eventnavtop{ text-align: center; }
.eventnavtop a{ width: 25%; float: none; display: inline-block; margin-left: -4px; vertical-align: middle; }
.career2cont{ width: 95%;margin:0 auto 0 auto; }
.cptbtable tr td{padding: 2px; text-align: center; font-size: 12px;}
    .redtd{ font-size: 16px; }
    .cptbtable tr td{ width: 22%; }
.eventnavtop a span p{ font-size: 14px; }
.eventnavtop a span{ padding-top: 14px; height: 116px; }
.eventanvabox{ width: 100%;}
.eventshow{ width:95%; margin:40px auto 0 auto; }
.eventleft{ padding:0 0; width:100%; }
.eventleft span{ float: left; }
.eventleft span a{ display: block; padding:0 20px; }
.eventright{ width:95%; margin:0 auto 0 auto; }
.eventrl{ float: none; width:100%; }
.eventrr{ float: none; width:100%; }
}