/*头部*/

.top {
    width: 100%;
    height: 165px;
    background: #fff;
}

.top .topline {
    width: 100%;
    height: 32px;
    background: #363636;
}

.top .nav {
    width: 1004px;
    height: 133px;
    margin: 0 auto;
    background: #fff;
}

.top .nav .logo {
    /*width: 257px;
    height: 52px;
    margin-top: 46px;*/
}

.top .nav .navbar {
    width: auto;
    height: 133px;
}

.top .nav .navbar ul {
    width: auto;
    height: 133px;
}

.top .nav .navbar ul li {
    float: left;
    width: 72px;
    height: 119px;
    padding-bottom: 11px;
    padding-left: 6px;
    padding-top: 3px;
    padding-right: 6px;
    border-right: 1px solid #d6d6d6;
}

.top .nav .navbar ul li:first-child {
    border-left: 1px solid #D6D6D6;
}

.top .nav .navbar ul li a {
    display: block;
    width: 72px;
    height: 50px;
    padding-top: 69px;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #000;
    text-decoration: none;
    text-align: center;
}

.top .nav .navbar ul li a.n1 {
    background: url(../images/nav1.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n2 {
    background: url(../images/nav2.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n3 {
    background: url(../images/nav3.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n4 {
    background: url(../images/nav4.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n5 {
    background: url(../images/nav5.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n6 {
    background: url(../images/nav6.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n7 {
    background: url(../images/nav7.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n8 {
    background: url(../images/nav8.png) no-repeat 0 54px;
}

.top .nav .navbar ul li a.n1:hover {
    background: url(../images/nav1-h.png) no-repeat 0 54px #ff7e00;
}

.top .nav .navbar ul li a.n2:hover {
    background: url(../images/nav2-h.png) no-repeat 0 54px #ff7e00;
}

.top .nav .navbar ul li a.n3:hover {
    background: url(../images/nav3-h.png) no-repeat 0 54px #ff7e00;
}

.top .nav .navbar ul li a.n4:hover {
    background: url(../images/nav4-h.png) no-repeat 0 54px #ff7e00;
}

.top .nav .navbar ul li a.n5:hover {
    background: url(../images/nav5-h.png) no-repeat 0 54px #ff7e00;
}

.top .nav .navbar ul li a.n6:hover {
    background: url(../images/nav6-h.png) no-repeat 0 54px #ff7e00;
}

.top .nav .navbar ul li a.n7:hover {
    background: url(../images/nav7-h.png) no-repeat 0 54px #ff7e00;
}

.top .nav .navbar ul li a.n8:hover {
    background: url(../images/nav8-h.png) no-repeat 0 54px #ff7e00;
}
/*公司简介*/

.profile {
    width: 100%;
    height: 730px;
    overflow: hidden;
}

.profile .about {
    width: 1004px;
    margin: 0 auto;
}

.profile .about p {
    width: auto;
    height: 37px;
    margin-top: 28px;
    font-size: 18px;
    color: #514a48;
    font-family: "微软雅黑";
    line-height: 37px;
    text-align: center;
}

.profile .about img {
    display: block;
    margin: 0 auto;
}

.profile .content {
    width: 100%;
    height: 613px;
    padding-top: 38px;
    background: url(../images/pro-bg.png) repeat-x;
}

.profile .content .inner {
    width: 792px;
    height: 388px;
    margin: 0 auto;
    background: url(../images/b.png);
}

.profile .content .inner .box {
    width: 749px;
    height: 354px;
    padding-left: 21px;
    padding-bottom: 16px;
    padding-right: 19px;
    padding-top: 17px;
}

.profile .content .inner .box .one {
    width: 152px;
    height: 353px;
    position: relative;
}

.profile .content .inner .box .one img {
    position: absolute;
    top: -31px;
    left: 0;
}

.profile .content .inner .box .two {
    width: 260px;
    height: 354px;
}

.profile .content .inner .box .two img {
    float: left;
}

.profile .content .inner .box .three {
    width: 337px;
    height: 354px;
}

.profile .content p {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-family: "微软雅黑" arial;
    line-height: 30px;
    margin-top: 32px;
    text-align: center;
    color: #484848;
}
/*产品介绍*/

.products {
    width: 100%;
    height: 735px;
    background: url(../images/productbg.jpg) no-repeat center;
}

.products .product-top {
    width: 425px;
    height: 100px;
    background: #ff6d00;
    margin: 0 auto;
}

.products .product-top p {
    width: auto;
    height: 18px;
    font-size: 18px;
    font-family: "微软雅黑";
    color: #000000;
    line-height: 18px;
    padding-top: 24px;
    text-align: center;
    margin: 0 auto;
}

.products .product-top img {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.products .content {
    background: #514A48;
    width: 1003px;
    height: 500px;
    margin: 0 auto;
    margin-top: 56px;
}

.products .content .left {
    width: 163px;
    height: 500px;
}

.products .content .left ul {
    width: 163px;
    height: 500px;
    overflow: hidden;
}

.products .content .left ul li {
    width: 163px;
    height: 125px;
    box-shadow: 0px 3px 10px #000;
    cursor: pointer;
    background: #ff6d00;
}

.products .content .left ul li.one {
    z-index: 4;
}

.products .content .left ul li.two {
    z-index: 3;
}

.products .content .left ul li.three {
    z-index: 2;
}

.products .content .left ul li.four {
    z-index: 1;
}

.products .content .left ul li:hover {
    background: #696866;
}

.products .content .left ul li p {
    width: auto;
    height: 40px;
    padding-top: 35px;
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
}

.products .content .left ul li h1 {
    width: auto;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.products .content .right {
    width: 840px;
    height: 500px;
    background: #000;
}

.products .content .right .product-one {
    float: left;
    width: 278px;
    height: 250px;
    position: relative;
    border: 1px solid #fff;
}

.products .content .right .product-one img {
    position: absolute;
    z-index: 1;
    display: block;
    width: 278px;
    height: 250px;
}

.products .content .right .product-one .cover {
    position: absolute;
    z-index: 2;
    width: 278px;
    height: 250px;
    background: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.products .content .right .product-one .dian {
    position: absolute;
    z-index: 3;
    display: block;
    top: 113px;
    left: 85px;
    width: 117px;
    height: 37px;
    background: url(../images/cover-dian.png) no-repeat;
}

.products .content .right .product-one .dian p {
    width: 64px;
    height: 37px;
    margin-left: 20px;
    overflow: hidden;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 37px;
    color: #FFFFFF;
}

.products .content .right .product-one:hover .cover {
    display: none;
}
/*人才招聘*/

.recruit {
    position: relative;
    width: 1004px;
    height: 520px;
    background: url(../images/rec.jpg) no-repeat;
    margin: 0 auto;
}

.recruit .three {
    position: absolute;
    z-index: 4;
    top: 67px;
    left: 437px;
    width: 393px;
    height: 262px;
}

.recruit .five {
    position: absolute;
    z-index: 2;
    top: 67px;
    left: 175px;
    width: 258px;
    height: 323px;
    overflow: hidden;
    border: 2px solid #dbdbdb;
}

.recruit p,
h1 {
    width: 160px;
    margin: 0 auto;
}

.recruit p.se {
    width: 180px;
    margin-top: 48px;
    font-size: 14px;
    font-family: "微软雅黑" arial;
    color: #ff7e00;
    line-height: 24px;
}

.recruit h1.quan1 {
    background: url(../images/rec4.jpg) no-repeat top 18px left 0;
    text-indent: 30px;
    font-size: 18px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #000000;
    line-height: 56px;
    margin-top: 4px;
}

.recruit h1.quan2 {
    background: url(../images/rec5.jpg) no-repeat top 18px left 0;
    text-indent: 30px;
    font-size: 18px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #000000;
    line-height: 56px;
    margin-top: 4px;
}

.recruit p.xi {
    width: 160px;
    font-size: 14px;
    font-family: "微软雅黑" arial;
    color: #6b6b6b;
    line-height: 30px;
}

.recruit .six {
    position: absolute;
    z-index: 10;
    top: 394px;
    left: 320px;
    width: 117px;
    height: 60px;
    background: #ff6d00;
}

.recruit .six a {
    display: block;
    width: 117px;
    height: 60px;
    font-size: 14px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #fff;
    line-height: 60px;
    text-align: center;
}
/*新闻*/

.news {
    width: 100%;
    height: 665px;
    overflow: hidden;
}

.news .newstop {
    width: 100%;
    height: 108px;
    padding-top: 39px;
    background: #f1eded;
}

.news .newstop img {
    display: block;
    width: 288px;
    height: 69px;
    margin: 0 auto;
}

.news .news-con {
    width: 100%;
    height: 518px;
    background: url(../images/new.jpg) no-repeat center;
}

.news .news-con ul {
    width: 1004px;
    height: 518px;
    margin: 0 auto;
}

.news .news-con ul li {
    float: left;
    overflow: hidden;
}

.news .news-con ul li.one {
    position: relative;
    width: 501px;
    height: 180px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.news .news-con ul li.one .jia {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}

.news .news-con ul li.one .cap {
    height: 33px;
    margin: 39px 0 0 40px;
    display: inline-block;
}

.news .news-con ul li.one .cap img {
    display: block;
    float: left;
}

.news .news-con ul li.one .cap h1 {
    float: right;
    width: 350px;
    height: 16px;
    font-family: "微软雅黑";
    padding-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: 51504e;
}

.news .news-con ul li.one p {
    width: 420px;
    height: 48px;
    overflow: hidden;
    margin: 10px 0 0 40px;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #888888;
    line-height: 24px;
}

.news .news-con ul li.two {
    width: 503px;
    height: 182px;
}

.news .news-con ul li.two img {
    display: block;
    width: 503px;
    height: 182px;
}

.news .news-con ul li.three {
    width: 501px;
    height: 157px;
}

.news .news-con ul li.three img {
    display: block;
    width: 501px;
    height: 157px;
}

.news .news-con ul li.four {
    width: 503px;
    height: 157px;
}

.news .news-con ul li.four {
    position: relative;
    width: 501px;
    height: 157;
}

.news .news-con ul li.four .jia {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.news .news-con ul li.four .cap {
    width: 420px;
    height: 33px;
    margin: 0 auto;
    margin-top: 39px;
}

.news .news-con ul li.four .cap img {
    display: block;
    float: left;
}

.news .news-con ul li.four .cap h1 {
    float: right;
    width: 350px;
    height: 16px;
    font-family: "微软雅黑";
    padding-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: 51504e;
}

.news .news-con ul li.four p {
    width: 420px;
    height: 48px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 18px;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #888888;
    line-height: 24px;
}

.news .news-con ul li.five {
    width: 501px;
    height: 179px;
}

.news .news-con ul li.five {
    position: relative;
    width: 501px;
    height: 180px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.news .news-con ul li.five .jia {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}

.news .news-con ul li.five .cap {
    width: 420px;
    height: 33px;
    margin: 0 auto;
    margin-top: 39px;
}

.news .news-con ul li.five .cap img {
    display: block;
    float: left;
}

.news .news-con ul li.five .cap h1 {
    float: right;
    width: 350px;
    height: 16px;
    font-family: "微软雅黑";
    padding-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: 51504e;
}

.news .news-con ul li.five p {
    width: 420px;
    height: 48px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 18px;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #888888;
    line-height: 24px;
}

.news .news-con ul li.six {
    width: 503px;
    height: 179px;
}
/*留言*/

.words {
    width: 100%;
    height: 666px;
}

.words .wordstop {
    width: 1004px;
    height: 135px;
    margin: 0 auto;
    padding-top: 66px;
}

.words .wordstop img {
    display: block;
    margin: 0 auto;
}

.words .wordstop img.zi {
    margin-top: 12px;
}

.words .words-con {
    width: 1004px;
    height: 465px;
    margin: 0 auto;
}

.words .words-con .left {
    width: 432px;
    height: 328px;
}

.words .words-con .left div {
    width: 428px;
    height: 51px;
    border: 2px solid #dbdbdb;
}

.words .words-con .left div input {
    float: right;
    width: 360px;
    height: 47px;
    padding-top: 1px;
    border: none;
    text-align:left;
    color: #4d4d4d;
    font-size: 18px;
    font-family: "微软雅黑";
}

.words .words-con .left div img {
    float: left;
    display: block;
    margin-top: 8px;
    margin-left: 12px;
}

.words .words-con .left .email {
    margin-top: 20px;
}

.words .words-con .left .phone {
    margin-top: 20px;
}

.words .words-con .left .sub {
    margin-top: 65px;
    border: none;
}

.words .words-con .left .sub a {
    float: left;
    display: block;
    width: 160px;
    height: 51px;
    font-size: 18px;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    color: #FFFFFF;
}

.words .words-con .left .sub a.chong {
    background: url(../images/sub1.jpg) no-repeat;
    margin-left: 40px;
}

.words .words-con .left .sub a.tijiao {
    background: url(../images/sub2.jpg) no-repeat;
    margin-left: 30px;
}

.words .words-con .right {
    width: 526px;
    height: 328px;
}

.words .words-con .right textarea {
    display: block;
    width: 522px;
    height: 324px;
    resize: none;
    border: 2px solid #DBDBDB;
    color: #666;
    font-size: 16px;
    font-family: "微软雅黑";
    padding: 10px;
}
/*电话*/

.fuwu {
    width: 100%;
    height: 111px;
    background: #fe6716;
    padding-top: 62px;
}

.fuwu .inner {
    width: 1004px;
    height: 111px;
    margin: 0 auto;
    position: relative;
}

.fuwu .fuwui {
    width: 214px;
    height: 62px;
    display: block;
    margin: 0 auto;
}

.fuwu .totop {
    position: absolute;
    z-index: 4;
    top: -95px;
    left: 469px;
}
/*底部*/

.footer {
    width: 100%;
    height: 96px;
    background: #363636;
    border-top: 1px solid #434343;
    border-bottom: 1px solid #434343;
}

.footer p {
    width: 100%;
    height: 96px;
    text-align: center;
    font-size: 14px;
    font-family: "微软雅黑" arial;
    color: #6d6d6d;
    line-height: 96px;
}