* {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.logo {
    height: 60px;
    position: absolute;
    left: 80px;
    top: 10px;
}

html {
    background-color: #C5B8A8;
}

#bigbox {
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;
}

#banner {
    position: relative;
    font-size: 0px;
    background-color: #F5E151;
    text-align: center;
}


header {
    background-color: #EDB514;
    height: 80px;
    font-size: 0px;
	line-height: 80px;
	padding-left: 150px;
}

header a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    width: 160px;
    font-size: 16px;
    margin-left: 8px;
}

header a:first-child {
    margin-left: 0px;
}

header a:hover {
    background-color: #fff;
    color: #EDB514;
}

#banner4 {
    width: 1000px;
    font-size: 0px;
}

#banner4 img {
    width: 100%;
}

#mid {
    width: 960px;
    padding: 20px;
}

#title img {
    width: 400px;
    float: left;
    margin-right: 20px;
    border-radius: 4px;
}

#text {
    position: relative;
    height: 225px;
}

#text h1 {
    color: #EDB514;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #EDB514;
    margin-left: 420px;
}

#text p {
    font-size: 14px;
    line-height: 30px;
    text-indent: 32px;
    margin-top: 20px;
    color: #995d02;
}

.more {
    position: absolute;
    right: 20px;
    bottom: 0px;
    text-align: right;
}

.more a {
    display: inline-block;
    font-size: 14px;
    background-color: #EDB514;
    color: #fff;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

#photo {
    position: relative;
    width: 960px;
    background-color: #EDB514;
    padding: 20px;
}

#photo h1 {
    text-align: center;
    color: #ffff;
    font-size: 24px;
    margin-bottom: 30px;
}

.zipai {
    width: 960px;
    margin: 0 auto;
    font-size: 0px;
}

.zipai li {
    display: inline-block;
    margin-left: 100px;
}

.zipai li:first-child {
    margin-left: 0px;
}

.zipai li:nth-child(2) {
    margin-left: 50px;
}

.zipai li img {
    height: 150px;
}

.xaingji {
    position: absolute;
    width: 60px;
    top: 20px;
    right: 20px;
}

#author {
    position: relative;
    width: 960px;
    height: 220px;
    background-color: #F6E3E5;
    padding: 20px;
    z-index: 1;
}

#author h1 {
    text-align: left;
    color: #EDB514;
    font-size: 24px;
    margin-bottom: 30px;
}

.zuozhebg {
    position: absolute;
    width: 300px;
    bottom: 0px;
    z-index: -1;
}

.zuozhe {
    position: absolute;
    right: 50px;
    width: 200px;
    border-radius: 100px;
    top: 30px;
}

#author p {
    font-size: 14px;
    line-height: 30px;
    text-indent: 32px;
    margin-top: 20px;
    color: #995d02;
    margin-right: 300px;
}

footer {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    text-align: center;
    background-color: #EDB514;
    color: #fff;
}

.footer_img {
    position: absolute;
    height: 50px;
    left: 5px;
    top: 5px;
}

.footer_img2 {
    position: absolute;
    height: 50px;
    right: 5px;
    top: 5px;
}

/* 第二页样式 */
#Introduction {
    width: 960px;
    padding: 20px;
}

.Introduction_h1 {
    color: #EDB514;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #EDB514;
    margin-left: 220px;
}

.jianjie_img {
    width: 200px;
    float: left;
    margin-right: 20px;
}

#Introduction p {
    font-size: 14px;
    text-indent: 28px;
    line-height: 28px;
    color: #995d02;
}

h2 {
    width: 100%;
}

h2 img {
    height: 30px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

h2 {
    height: 30px;
    color: #EDB514;
    font-size: 24px;
    text-align: left;
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #EDB514;
}

h4 {
    color: #EDB514;
    margin: 20px 0px;
}

.manuscript img {
    margin-left: 25px;
    margin-right: 25px;
}

.peiyin {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-bottom: 1px solid #995d02;
    border-right: 1px solid #995d02;
    border-top: 1px solid #995d02;
}

.peiyin tr td {
    border-bottom: 1px solid #995d02;
    border-left: 1px solid #995d02;
    color: #995d02;
}

.peiyin tr:first-child td {
    background-color: #995d02;
    color: #fff !important;
}

.role {
    width: 100%;
}

.role li {
    position: relative;
    height: 200px;
    width: 920px;
    background-color: #995D02;
    margin-top: 20px;
    padding: 20px 20px;
    border-radius: 4px;
}

.role_left {
    width: 200px;
    height: 200px;
    text-align: center;
    background-color: #F5E151;
    text-align: center;
    line-height: 200px;
    border-radius: 100px;
}

.role_left img {
    height: 140px;
    margin-top: 30px;
}

.role_right h5 {
    color: #fff;
    font-size: 16px;
}

.role_right {
    position: absolute;
    top: 20px;
    left: 300px;
}

.role_right p {
    font-size: 14px;
    color: #fff !important;
    margin-top: 10px;
    margin-right: 20px;
}

#mito_top {
    margin-top: 20px;
    position: relative;
    width: 960px;
}

#mito1 {
    width: 620px;
    height: 345px;
    overflow: hidden;
}

#mito1 img {
    transition: all 0.5s;
    width: 100%;
}

#mito1 img:hover {
    transform: translate(0px, 0px) scale(1.2) rotate(0deg);
    transition: all 0.5s;
}

.mito_right {
    width: 320px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.mito_right li {
    width: 100%;
    height: 163px;
    overflow: hidden;
    margin-bottom: 20px;
}

.mito_right li img {
    width: 100%;
    transition: all 0.5s;
}

.mito_right li img:hover {
    transform: translate(0px, 0px) scale(1.2) rotate(0deg);
    transition: all 0.5s;
}

.img_list {
    font-size: 0px;
}

.img_list li {
    width: 305px;
    height: 166px;
    overflow: hidden;
    display: inline-block;
    margin-top: 20px;
}

.img_list li:nth-child(3n+2) {
    margin-left: 22px;
    margin-right: 22px;
}

.img_list li img {
    width: 100%;
    transition: all 0.5s;
}

.img_list li img:hover {
    transform: translate(0px, 0px) scale(1.2) rotate(0deg);
    transition: all 0.5s;
}

#mito_top {
    width: 100%;
}

#mito_top video {
    width: 100%;
}

#liuyan_box {
    position: relative;
    width: 960px;
    background-color: #DC5230;
    height: 440px;
    border-radius: 10px;
    margin-top: 20px;
    padding-top: 20px;
}

#liuyan_box p {
    color: #fff !important;
    line-height: 40px;
}

.name input {
    height: 22px;
    border: 1px solid #EDB514;
    border-radius: 4px;
}

.email input {
    border: 1px solid #EDB514;
    height: 22px;
    border-radius: 4px;
}

textarea {
    width: 600px;
    border-radius: 4px;
    padding: 10px;
}

button {
    width: 120px;
    height: 30px;
    background-color: #EDB514;
    color: #fff;
    border: 0px;
    border-radius: 4px;
}

.bg2 {
    position: absolute;
    bottom: 0px;
    width: 300px;
    right: 0px;
}

.bg3 {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 200px;
}