@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: "Microsoft YaHei", "Heiti SC", "SimSun", "Arial";
    color: #ffffff;
}

a {
    color: #ffffff;
}

a:hover {
    color: #ffe901;
}

.nav {
    width: 100%;
    height: 80px;
    background-color: #0e2270;
    position: absolute;
    z-index: 100;
    top: 0;

}

.nav ul {
    width: 1300px;
    position: absolute;
    left: 50%;
    margin-left: -643px;
}

.nav ul li {
    width: 120px;
    float: left;
    text-align: center;
    line-height: 80px;
}

.nav ul li dl {
    width: 150px;
    background-color: #7bc8c4;
    position: relative;
    margin: -15px 0 0 -13px;
    display: none;
}

.nav ul li dl dd {
    border-top: 1px solid #ffffff;
    height: 50px;
    line-height: 50px;
}

.nav ul li:nth-child(5) {
    width: 340px;
    margin-top: 10px
}

.banner {
    width: 100%;
    height: 482px;
    margin-top: 80px;
}

.banner1 {
    background: url("/images/banner_1.jpg") no-repeat center;
}

.banner2 {
    background: url("/images/banner_2.jpg") no-repeat center;
}

.banner3 {
    background: url("/images/banner_3.jpg") no-repeat center;
}

.banner4 {
    background: url("/images/banner_4.jpg") no-repeat center;
}

.banner5 {
    background: url("/images/banner_5.jpg") no-repeat center;
}

.banner6 {
    background: url("/images/banner_6.jpg") no-repeat center;
}

.nav2 {
    width: 100%;
    height: 50px;
    background-color: #0e2270;
}

.nav2 ul {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}

.nav2 ul li {
    width: 150px;
    float: left;
    text-align: center;
    line-height: 50px;
}

.nav2 ul li:hover {
    background-color: #fecc00;
}

.nav2 ul li a {
    color: #ffffff;
}

.about {
    width: 1150px;
    margin: 55px auto;
}

.about h1 {
    color: #666666;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
}

.about .line {
    border-top: 1px solid #cccccc;
    margin-top: 30px;
}

.about .content {
    margin-top: 20px;
    color: #666666;
    line-height: 30px;
}


#jobs-list {
    width: 1150px;
    margin: 55px auto;
    color: #999999;
}

#jobs-list h2 {
    font-size: 20px;
    color: #333333;
    font-weight: normal;
}

#jobs-list table {
    border: 1px solid #E4E4E4;
    margin: 20px 0;
    height: 200px;
    border-collapse: collapse;
    border-spacing: 0px;
    color: #999999;
}

#jobs-list table:hover {
    background-color: #f2f2f2;
}

#jobs-list table:hover h2{
    color: #65BEBA;
}

#jobs-list table tr:nth-child(1) td:nth-child(2) {
    text-align: right;
    font-size: 12px;
    padding-right: 30px;
}

#jobs-list table tr td .date {
    color: #65BEBA;
}

#jobs-list table tr td{
    width:360px;
    padding-left:20px
}

#jobs-list table tr td span {
    color: #333333;
}

#jobs-info {
    width: 1150px;
    margin: 55px auto;
    color: #999999;
}

#jobs-info .title {
    font-size: 16px;
    color: #707070;
}

#jobs-info h1 {
    font-size: 60px;
    color: #1E1E1E
}

#jobs-info .change {
    font-size: 24px;
    color: #FF9900
}

#jobs-info table {
    background-color: #f2f2f2;
    margin: 20px 0;
    height: 150px;
    border-collapse: collapse;
    border-spacing: 0px;
}

#jobs-info table tr td{
    width:360px;
    padding-left:20px
}

#jobs-info table tr td span {
    color: #333333;
}

#jobs-info p {
    padding-top: 10px;
    color: #333333;
    line-height: 26px;
}

#news-list {
    width: 1150px;
    margin: 55px auto;
}

#news-list .news {
    width: 100%;
    height: 160px;
    background-color: #F7F7F7;
    color: #707070;
    margin-bottom: 20px;
    float: left;
    text-align: left;
}

#news-list .news img {
    float: left;
    margin: 20px 20px;
}

#news-list .news .a1 {
    width: 700px;
    float: left;
    margin: 0 30px;
}


#news-list .news .a1 h2 {
    font-size: 16px;
    color: #333333;
    padding: 30px 0 10px 0;
}

#news-list .news p {
    font-size: 14px;
    line-height: 26px;
    height: 80px;
    overflow: hidden;
}

#news-list .news .date {
    font-size: 16px;
    padding: 30px 0 50px 0;
}

#news-list .news .more {
    height: 35px;
    width: 70px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    float: left;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    color: #cccccc;
}

#news-list .news:hover .more{
    background-color:#cccccc ;
    color: #ffffff;
}

#news-info {
    width: 1150px;
    margin: 55px auto;
}

#news-info h1 {
    color: #666666;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
}

#news-info .line {
    border-top: 1px solid #cccccc;
    margin-top: 30px;
}

#news-info .content {
    margin-top: 20px;
    color: #666666;
    line-height: 30px;
}

#news-info .content img{
    margin: 0 auto;
    display: block;
}

.box {
    width: 100%;
    margin: 55px 0;
    float: left;
}

#product-list {
    width: 1200px;
    margin: 0 auto;
}

#product-list .product {
    width: 275px;
    height: 392px;
    float: left;
    text-align: left;
    overflow: hidden;
    margin: 0 20px 20px 0;
    max-width: ;
}

#product-list .product>div{
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#product-list .product .pic{
    width: 100%;
    height: 100%;
}

#product-list .product img {
    width: 275px;

}

#product-list .title{
    position: relative;
    margin-top: -45px;
    height: 105px;
}

#product-list .title .b{
    height: 100px;
    background-color: rgba(48, 48, 48, 0.7);
}

#product-list .title h2{
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-top: -103px;
    font-weight: normal;
}

#product-list .title .more{
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    background-color: #0e2270;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 140px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    display: none;
}

#product-list .title .more:hover{
    background-color: #ffffff;
    color: #333333;
}

#product-list .product:hover .title{
    background-color: #0e2270;
    margin-top: -105px;
}

#product-list .product:hover .b{
    background-color: #0e2270;
}

#product-list .product:hover .more{
    display: block;
}

#product-list .product img:hover{
    transform: scale(1.2);

    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


.paging{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.paging a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.paging .disabledfy{ font-family: Tahoma, Verdana;}
.paging_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.paging_8 a:hover { border:1px solid #a0a0a0; }
.paging_8 a:hover { border:1px solid #a0a0a0; }
.paging_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.paging_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}


.footer {
    width: 100%;
    height: 120px;
    background-color: #0e2270;
    clear: both;
}

.footer p {
    line-height: 30px;
    padding: 30px 0;
    text-align: center;
    font-size: 13px;
}