*{
    padding: 0px;
    margin: 0px;
}

/*首页页面*/
/* 导航条*/
#top_a{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100px;
    position: relative;
}


#top_left{
    width:300px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
    padding-top: 20px;
}
#top_right{
    width: 850px;
    height: 100px;
    position: absolute;
    top: 0px;
    right: 0px;
}
#top_right nav{
    height: 100px;
    background: #FFffff;
    border: 0px;
}
#top_right nav ul{
    border: 0px;
    background: #FFffff;
}
#top_right nav ul li{
    width: 200px;
    height: 100px;
    text-align: center;
    font-size: 16px;
}
#top_right nav ul li .active{
    color: #000000;
    background-color: #F2F2F2;
}


#top_right nav ul li  a{
    height: 100px;
    line-height: 70px;
    color: #000000;
}

#top_right nav ul li .active a{
    height: 100px;
    line-height: 70px;
    color: #000000;
    background-color: #F2F2F2;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #f2f2f2;
}

/* 轮播图 */
#carousel-example-generic ol li{
    border: 1px solid #FF0000;
    background-color: #FF0000;
}
#carousel-example-generic ol li:first-child{
    border: 0px solid #FF0000;
    background-color: #FF0000;
}


/* 内容页 */

#nr_a{
    margin-top: 20px;
}
#nr_a .biaoge{
    text-align: center;
    margin: auto;
}
#nr_a table{
    border: 1px solid #dddddd;
}
#nr_b{
    margin-top: 20px;
}
#nr_b table{
    border: 1px solid #dddddd;
}
#nr_b .biaoge{
    text-align: center;
    margin: auto;
}



#nr_c{
    margin-top: 20px;
}

#nr_c .biaoge{
    text-align: center;
    margin: auto;
}
#nr_c table{
    border: 1px solid #dddddd;
}

#nr_d{
    margin-top: 20px;
}
#nr_d .biaoge{
    text-align: center;
    margin: auto;
}
#nr_d table{
    border: 1px solid #dddddd;
}
/*-动画效果-*/
#nr_a table tr th:hover img{
    animation: my 2s;
    cursor: pointer;

}
@keyframes my{
    0%{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(0deg);	/* Firefox */
    }
    100%{
        transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(360deg);	/* Firefox */
        background-color: #FF0000;
    }
}


#nr_b table tr th:hover img{
    animation: mE 2s;
    cursor: pointer;

}
@keyframes mE{
    0%{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(0deg);	/* Firefox */
    }
    100%{
        transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(360deg);	/* Firefox */
    }
}

#nr_c table tr th:hover img{
    animation: mW 2s;
    cursor: pointer;

}
@keyframes mW {

   /* 0%{
        border-top-color: #ff0000;
    }
    25%{
        border-right-color: #ff0000;
    }
    50%{
        border-bottom-color: #ff0000;
    }
    75%{
        border-left-color: #ff0000;
    }
    100%{
        border-color: #ff0000;
    }*/
}

/* QQ */

#qq{
    width:100px;
    height: 100px;
    position:fixed;
    right: 50px;
    bottom:200px;
}

/* 底部 */
#db{
    width: 100%;
    height: 350px;
    margin-top: 20px;
    padding: 0px;
    background-color: #EEEEEF;
}
#dibu_1{
    width: 500px;
    height: 80px;
    text-align: center;
}
#dibu_1 ul{
    width: 500px;
    height: 80px;
   list-style: none;
    text-align: center;
    margin-top: 20px;
}
#dibu_1 ul li{
    display: inline;
    float: left;
    margin-left: 50px;
}
#dibu_1 ul li:first-child{
    margin-left: 0px;
}
#dibu_2{
    border: 1.5px solid #000000;
    margin-top: 20px;
}
#dibu_3 .left{
    width:70%;
    height: 150px;
    float: left;

}
#dibu_3 .left ul{
    list-style: none;
}
#dibu_3 .left ul li{
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Arial Unicode MS", System;
    font-size: 16px;
    margin-top: 10px;
    color: #333333;
}

#dibu_3 .right{
    width:30%;
    height: 150px;
    float: right;
    margin-top: 10px;
}
#dibu_3 .right img{
    margin-left: 30%;
}
#dibu_3 .right h4{
    width: 125px;
    margin-left: 30%;
    text-align: center;
}
#dibu_3{

}
#dibu_4{
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Arial Unicode MS", System;
}

/* 关于页面 */

#jj_a{
    width: 900px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}
#jj_a table tr th{
    width: 300px;
}
#jj_a table tr:last-child th{
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Arial Unicode MS", System;
    font-size: 16px;

}
#jj_a table tr:last-child th .jumbotron{
    margin-top: 20px;
}
#jj_a table tr:last-child th .jumbotron p{
    line-height: 2em;
}

#jj_b{
    width: 900px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}
#jj_b table tr th{
    width: 300px;
}

#jj_b table tr.wenhua_a th{
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Arial Unicode MS", System;
    font-size: 20px;
    font-weight: 300;
    height:100px;
}
#jj_b table tr.wenhua_a tr th:last-child{
    width: 600px;
}
#jj_b table tr.wenhua_a th:nth-child(odd){
    text-align: center;
}
#jj_b table.a tr:nth-child(odd) th:first-child{
    background-color: #C7C8C8;
}
#jj_b table.a tr:nth-child(even) th:first-child{
    background-color: #EDEDED;
}
#jj_b table.a tr:nth-child(odd) th:last-child{
    background-color: #EDEDED;
    padding-left: 20px;
}
#jj_b table.a tr:nth-child(even) th:last-child{
    background-color: #C7C8C8;
    padding-left: 20px;
}
#jj_b table tr.wenhua_a th:hover{
    cursor:pointer;
}

/* 服务页面 */
#fuwu_a{
    width: 900px;
    margin: auto;
    margin-top: 20px;
}
#fuwu_a table tr th p{
    line-height: 2em;
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Arial Unicode MS", System;
}



/* 联系招聘页面 */
#lx_a{
    width:900px;
    margin: auto;
    margin-top: 20px;
}
#lx_a table tr th:first-child{
    width: 300px;
}
#lx_b{
    width:900px;
    margin: auto;
    margin-top: 20px;
}
#lx_b .media:nth-child(even) .media-left{
    width:300px;
    padding: 0px;
    background-color:#E50217 ;
    color: #FFffff;
}
#lx_b .media:nth-child(odd) .media-left{
    width:300px;
    padding: 0px;
    background-color:#ededed ;
    color: #333333;
}
#lx_b .media .media-left p{
    width:300px;
    height: 300px;
    margin: 0px;
    font-size: 30px;
    text-align: center;
    line-height: 300px;
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Arial Unicode MS", System;
    font-weight: 300;
    margin:0px auto;
}
#lx_b .media .media-body{
   line-height: 1.5em;
    border:1px solid #CDCDCD;
}
#lx_b .media:nth-child(1) .media-body{
    padding-top:85px ;
}
#lx_b .media:nth-child(2) .media-body{
    padding-top:85px ;
}
#lx_b .media:nth-child(3) .media-body{
    padding-top:15px ;
}
#lx_b .media:nth-child(4) .media-body{
    padding-top:65px ;
}


#lx_b .media .media-body p{
    margin-left: 20px;
    height: 30px;

}


/* ------------------ */