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

body {
  font-family: "微软雅黑", "宋体", Tahoma, Arial;
  font-size: 12px;
  color: #727272;
  /* background-color: #ebebeb; */
}

img {
  border: 0px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.zz {
  margin: 0px auto;
}

.cl {
  clear: both;
}

* {
  margin: 0;
  padding: 0;
}

ul,
li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cur {
  cursor: pointer;
}

.tc {
  text-align: center;
  margin: 0 auto;
}

.tr {
  text-align: right;
}

a {
  color: #777777;
  text-decoration: none;
}

/*
a:hover {
    color: #000000;
    text-decoration: underline;
} */

.cent {
  width: 960px;
}

.topbg {
  position: relative;
  height: 62px;
  background: url(./images/topbg.jpg) no-repeat;
}

.logo1 {
  width: 158px;
  height: 56px;
}

.logo1 a {
  width: 158px;
  height: 56px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
}

.logo1 a:link {
  width: 158px;
  height: 56px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
}

.logo1 a:hover {
  width: 158px;
  height: 56px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
}

.topbubtton {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0px 0px 0px 0px;
  height: 62px;
}

.topbubtton ul {
}

.topbubtton ul li {
  float: left;
  overflow: hidden;
  text-align: center;
}

.button1 {
  width: 100px;
  height: 62px;
}

.button1 a {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) 0px 0px no-repeat;
}

.button1 a:link {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) 0px 0px no-repeat;
}

.button1 a:visited {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) 0px 0px no-repeat;
}

.button1 a:hover {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) 0px -62px no-repeat;
}

.button1 a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(./images/button.jpg) 0px -62px no-repeat;
}

.button1us {
  width: 100px;
  height: 62px;
}

.button1us a {
  width: 100px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

/* .button1us a:link {
    width: 100px;
    height: 62px;
    TEXT-INDENT: -9999px;
    DISPLAY: block;
    OVERFLOW: hidden;
    border: 0px;
    cursor: pointer;
    background: url(images/button.jpg) 0px -62px no-repeat;
}

.button1us a:visited {
    width: 100px;
    height: 62px;
    TEXT-INDENT: -9999px;
    DISPLAY: block;
    OVERFLOW: hidden;
    border: 0px;
    cursor: pointer;
    background: url(images/button.jpg) 0px -62px no-repeat;
}

.button1us a:hover {
    width: 100px;
    height: 62px;
    TEXT-INDENT: -9999px;
    DISPLAY: block;
    OVERFLOW: hidden;
    border: 0px;
    cursor: pointer;
    background: url(images/button.jpg) 0px -62px no-repeat;
} */

.button1us a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(./images/button.jpg) 0px -62px no-repeat;
}

.button2 {
  width: 100px;
  height: 62px;
}

.button2 a {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(./images/button.jpg) -100px 0px no-repeat;
}

.button2 a:link {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px 0px no-repeat;
}

.button2 a:visited {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px 0px no-repeat;
}

.button2 a:hover {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px -62px no-repeat;
}

.button2 a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px -62px no-repeat;
}

.button2us {
  width: 100px;
  height: 62px;
}

.button2us a {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px 0px no-repeat;
}

.button2us a:link {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px -62px no-repeat;
}

.button2us a:visited {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px -62px no-repeat;
}

.button2us a:hover {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px -62px no-repeat;
}

.button2us a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -100px -62px no-repeat;
}

.button3 {
  width: 100px;
  height: 62px;
}

.button3 a {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px 0px no-repeat;
}

.button3 a:link {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px 0px no-repeat;
}

.button3 a:visited {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px 0px no-repeat;
}

.button3 a:hover {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px -62px no-repeat;
}

.button3 a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px -62px no-repeat;
}

.button3us {
  width: 100px;
  height: 62px;
}

.button3us a {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px 0px no-repeat;
}

.button3us a:link {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px -62px no-repeat;
}

.button3us a:visited {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px -62px no-repeat;
}

.button3us a:hover {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px -62px no-repeat;
}

.button3us a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -200px -62px no-repeat;
}

.button4 {
  width: 100px;
  height: 62px;
}

.button4 a {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px 0px no-repeat;
}

.button4 a:link {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px 0px no-repeat;
}

.button4 a:visited {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px 0px no-repeat;
}

.button4 a:hover {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px -62px no-repeat;
}

.button4 a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px -62px no-repeat;
}

.button4us {
  width: 100px;
  height: 62px;
}

.button4us a {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px 0px no-repeat;
}

.button4us a:link {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px -62px no-repeat;
}

.button4us a:visited {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px -62px no-repeat;
}

.button4us a:hover {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px -62px no-repeat;
}

.button4us a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(images/button.jpg) -300px -62px no-repeat;
}

.banner {
  background: url(images/banner02.jpg?v=01081620) no-repeat;
  height: 467px;
  background-size: 100% 100%;
}

.content {
  height: 315px;
  border: 1px solid #00000070;
  /* background: url(images/content.jpg) no-repeat; */
  /* background-size: 100% 554px; */
}

.headif {
  width: 310px;
  height: 200px;
  line-height: 18px;
}

.head {
  width: 200px;
  height: 24px;
  margin: 16px 0px 0px 18px;
}

.head span {
  margin: 0px 0px 0px 5px;
  font-family: Arial;
  font-size: 11px;
}

.headus {
  width: 300px;
  height: 134px;
  padding: 5px;
  margin: 0px 0px 0px 13px;
  line-height: 19px;
  /* letter-spacing: 5px; */
  /* overflow-y: scroll; */
}

.headus::-webkit-scrollbar {
  display: none;
}

.headus a {
  margin: 0px 0px 0px 5px;
  color: #006dab;
}

.headjob {
  width: 304px;
  height: 185px;
}

.headjob1 {
  width: 200px;
  height: 28px;
  margin: 17px 0px 0px 26px;
}

.headjob1 span {
  margin: 0px 0px 0px 5px;
  font-family: Arial;
  font-size: 11px;
}

.jobbutton {
  width: 264px;
  height: 95px;
  margin: 22px 0px 0px 25px;
}

.jobbuttonall {
  width: 57px;
  height: 57px;
  background: url(./images/icon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}

.jobbutton1 {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
}

.jobbutton1 a {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
}

.jobbutton1 a:link {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
}

.jobbutton1 a:hover {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
}

.jobbutton2 {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  margin: 0px 0px 0px 15px;
}

.jobbutton2 a {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  margin: 0px 0px 0px 15px;
}

.jobbutton2 a:link {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  margin: 0px 0px 0px 15px;
}

.jobbutton2 a:hover {
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  margin: 0px 0px 0px 15px;
}

.jobbuttonall2 {
  width: 264px;
  height: 38px;
  margin: 16px 0px 0px 0px;
}

.rel {
  width: 334px;
  height: 190px;
}

.relif {
  width: 200px;
  height: 28px;
  margin: 17px 0px 0px 37px;
}

.relif span {
  margin: 0px 0px 0px 5px;
  font-family: Arial;
  font-size: 11px;
}

.relif1 {
  width: 334px;
  height: 134px;
  margin: 0px 0px 0px 37px;
  line-height: 19px;
}

.relif1 a {
  margin: 0px 0px 0px 5px;
  color: #006dab;
}

.aboutbg {
  width: 960px;
  height: 550px;
  background: url(images/Produsts.jpg) no-repeat;
}

.Produsts1 {
  width: 680px;
  height: 110px;
  margin: 30px 0px 0px 240px;
}

.prle {
  width: 380px;
  height: 110px;
}

.prri {
  width: 92px;
  height: 94px;
  background: url(images/twodi.png) no-repeat;
  padding: 5px;
  margin: 0px 0px 0px 10px;
}

.Produsts2 {
  width: 680px;
  height: 110px;
  margin: 10px 0px 0px 240px;
}

.prle {
  width: 380px;
  height: 110px;
}

.prri {
  width: 92px;
  height: 94px;
  background: url(images/twodi.png) no-repeat;
  padding: 5px;
  margin: 0px 0px 0px 10px;
}

.abouttile {
  width: 300px;
  height: 30px;
  padding: 17px 0px 0px 20px;
}

.abouttile span {
  margin: 0px 0px 0px 4px;
}

.abouttileif {
  width: 550px;
  height: 120px;
  padding: 0px 0px 0px 20px;
  line-height: 20px;
}

.abouttileif p {
  margin: 10px 0px 0px 0px;
}

.aboutbg1 {
  background: url(images/aboutbg.jpg) no-repeat;
  width: 960px;
  height: 390px;
}

.jobhtml {
  width: 960px;
  height: 1700px;
  background-color: #fff;
}

.jobbg {
  background: url(images/jobbg.jpg) 0px 0px no-repeat;
  width: 960px;
  height: 96px;
  padding: 50px 0px 0px 66px;
}

.jobyf {
  height: 230px;
  background: url(images/jobbg.jpg) 0px -146px no-repeat;
  margin: 14px 0px 0px 0px;
}

.jobyftitle {
  height: 28px;
  width: 330px;
  font-size: 14px;
  color: #3d547a;
  padding: 2px 0px 0px 30px;
}

.jobyfduty {
  height: 194px;
  width: 840px;
  padding: 6px 0px 0px 30px;
}

.jobyf2 {
  height: 302px;
  background: url(images/jobbg.jpg) 0px -146px no-repeat;
  margin: 14px 0px 0px 0px;
}

.jobyftitle2 {
  height: 28px;
  width: 330px;
  font-size: 14px;
  color: #3d547a;
  padding: 2px 0px 0px 30px;
}

.jobyfduty2 {
  height: 280px;
  width: 840px;
  padding: 6px 0px 0px 30px;
}

.jobyf3 {
  height: 270px;
  background: url(images/jobbg.jpg) 0px -146px no-repeat;
  margin: 14px 0px 0px 0px;
}

.jobyftitle3 {
  height: 28px;
  width: 330px;
  font-size: 14px;
  color: #3d547a;
  padding: 2px 0px 0px 30px;
}

.jobyfduty3 {
  height: 220px;
  width: 840px;
  padding: 6px 0px 0px 30px;
}

.jobyf4 {
  height: 240px;
  background: url(images/jobbg.jpg) 0px -146px no-repeat;
  margin: 14px 0px 0px 0px;
}

.jobyftitle4 {
  height: 28px;
  width: 330px;
  font-size: 14px;
  color: #3d547a;
  padding: 2px 0px 0px 30px;
}

.jobyfduty4 {
  height: 205px;
  width: 840px;
  padding: 6px 0px 0px 30px;
}

.jobyf5 {
  height: 270px;
  background: url(images/jobbg.jpg) 0px -146px no-repeat;
  margin: 14px 0px 0px 0px;
}

.jobyftitle5 {
  height: 28px;
  width: 330px;
  font-size: 14px;
  color: #3d547a;
  padding: 2px 0px 0px 30px;
}

.jobyfduty5 {
  height: 225px;
  width: 840px;
  padding: 6px 0px 0px 30px;
}

.Contactbg {
  background: url(images/Contactbg.jpg) no-repeat;
  width: 960px;
  height: 300px;
  background-color: #fff;
}

.Contactbgtile {
  width: 300px;
  height: 30px;
  padding: 17px 0px 0px 20px;
}

.Contactbgtile span {
  margin: 0px 0px 0px 5px;
}

.lixi {
  font-size: 14px;
  color: #3d547a;
  margin: 0px 0px 0px 20px;
  width: 300px;
  height: 30px;
}

.lixi11 {
  width: 400px;
  height: 200px;
  margin: 0px 0px 0px 20px;
}

.foot {
  color: #999999;
  width: 960px;
  height: 60px;
  padding: 18px 0 0px 0;
  background: url(images/content.jpg) no-repeat 0px -202px;
}

.foot a {
  color: #999999;
  text-decoration: none;
}

/* .foot a:hover {
    color: #999999;
    text-decoration: underline;
} */

.bottom {
  text-align: center;
  border: 1px solid #ebebeb;
  padding: 20px 0;
  background-color: #ebebeb;
}

.bottom-logo {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/logo.png) no-repeat;
  background-size: 100% 100%;
}

.table_left {
  width: 210px;
  height: 100%;
  font-size: 13px;
  cursor: pointer;
  border-right: 1px solid #00000070;
}

.table_left,
.table_right {
  float: left;
}

.table_right {
  width: 716px;
  height: 290px;
  padding: 12px 8px;
  font-size: 13px;
  margin: 0px 0px 0px 13px;
  line-height: 24px;
  overflow-y: auto;
}

.content_title {
  text-align: center;
  height: 78px;
  line-height: 78px;
  color: #000000bd;
  background-color: #9999993d;
  border-bottom: 1px solid #00000070;
}

.content_title_active {
  background-color: #fff;
}

.hide {
  display: none;
}

.server_title {
  padding-top: 26px;
  padding-bottom: 6px;
}

.server_fu_title {
  padding: 10px 0;
}

.campany {
  width: 860px;
  text-align: center;
  font-size: 14px;
  line-height: 62px;
  color: #fff;
}