@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 {
  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 {
  float: right;
  margin: 0px 0px 0px 0px;
  height: 62px;
}

.topbubtton ul {
}

.topbubtton ul li {
  float: left;
  overflow: hidden;
}

.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;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(../images/button.jpg) 0px 0px no-repeat;
}

.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/button2.jpg) 0px -62px no-repeat;
}

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

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

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

.button2us a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(../images/button2.jpg) 0px -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/button3.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/button3.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/button3.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/button3.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/button3.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/button3.jpg) 0px -62px no-repeat;
}

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

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

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

.button3us a:active {
  width: 100px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  border: 0px;
  cursor: pointer;
  background: url(../images/button3.jpg) 0px -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/banner.jpg) no-repeat;
  height: 467px;
}

.content {
  height: 202px;
  background: url(../images/content.jpg) no-repeat;
}

.headif {
  width: 620px;
  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: 590px;
  height: 134px;
  padding: 5px;
  margin: 0px 0px 0px 13px;
  line-height: 19px;
  letter-spacing: 5px;
}

.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;
}

.jobbuttonall1 {
  width: 264px;
  height: 38px;
}

.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: 58px 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%;
}
.login-text-wrap {
  color: #fff;
  padding: 20px;
  display: none;
}
.login-text {
  font-size: 16px;
  display: inline;
}
.logout {
  color: #aaedfe;
  text-decoration: underline;
}
.pop-up-container {
  width: 250px;
  background: #fff;
  margin: 0 auto;
  padding: 30px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
.pop-layer {
  position: relative;
  display: none;
}
.icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.close-icon {
  background-image: url("../images/login-images/close-icon.png");
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
}