@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/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/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;
}