body {
background: url(../img/html_red.jpg) repeat-x;

background-repeat-y: no-repeat;
}
#pu-logo {
width: 100%;
margin: 0 auto;
zoom: 1;

background: url(../img/body_red.jpg) repeat-x;
}
.pu-relogo {
width: 1200px;
height: 150px;
margin: auto;
}
.pu-logocenter{
float: left;
width: 380px;
height: 88px;
margin-top: 31px;
margin-left: 13px;
}


.pu-logoleft {
float: left;
width: 425px;
margin-top: 21px;
margin-left: 55px;
}
.pu-logoright {
float: left;
width: 200px;
height: 88px;
margin-top: 31px;
margin-left: 37px;
}
#pu-nav {
width: 100%;
height: 54px;

background: #e30b0b;
}

#pu-nav > ul {
position: relative;

width: 1190px;
margin: 0 auto;

list-style-type: none;
}

#pu-nav > ul > li > a {
text-decoration: none;

color: white;
}

#pu-nav > ul > li + li {
border-left: 2px solid #f44336;
}

#pu-nav > ul > li {
position: relative;

float: left;
padding: 0 40px;

font-size: 17px;
line-height: 34px;
}



#pu-banner {
width: 1140px;
height: 340px;
margin: 0 auto;
}

#pu-banner .pu-banner {
width: 100%;
height: 100%;
}

.pu-banner {
position: relative;

width: 100%;
height: 100%;
overflow: hidden;
}

#pu-footer {
width: 100%;
height: 170px;

background: #db1010;
}

#pu-footer_content {
width: 1140px;
height: 100%;
margin: 0 auto;

font-size: 15px;

text-align: center;

color: #f5f8f6;
}

#pu-footer_content > div:first-child {
float: left;
margin: 31px 0 0 230px;
}

#pu-footer_content > div:first-child span {
line-height: 50px;
}

#pu-footer_content > div > div {
margin-top: 10px;
}



#pu-footer_content span + span {
margin-left: 22px;
}

#pu-footer_content {
width: 1140px;
height: 100%;
margin: 0 auto;

font-size: 15px;

text-align: center;

color: #f5f8f6;
}

#pu-footer_content > div {
float: right;
margin: 55px 332px 0 0;
}

.pu-img {
position: absolute;
left: -1140px;

width: 99999px;

list-style: none;
}

.pu-img li {
float: left;
width: 1140px;
height: 340px;

list-style: none;
}
#pu-num {
position: absolute;
bottom: 10px;

width: 100%;

text-align: right;
}

#pu-num li {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;

cursor: pointer;

border-radius: 50%;
background: #888;
}

.pu-btn {
position: absolute;
top: 0;
bottom: 0;

width: 84px;
height: 150px;
margin-top: auto;
margin-bottom: auto;

font-size: 100px;
line-height: 150px;

cursor: pointer;
text-align: center;

color: #fff;
background: rgba(0, 0, 0, .5);
}
.pu-btn-l {
left: 0;
}
.pu-btn-r {
right: 0;
}
.pu-on {
background-color: red !important;
}
.pu-img-last {
width: 35px;
height: 55px;

cursor: pointer;
}
.pu-march {
text-decoration: none;

color: white;
}
.pu-two {
position: fixed;
bottom: 49%;
left: 44%;
z-index: 555;
}
#pu-two-img {
display: none;
width: 225px;
height: 225px;
}

#cover {
position: fixed;
top: 0;
left: 0;
z-index: 20;

display: none;
width: 100%;
height: 100%;

opacity: .5 !important;
background: gray;

filter: alpha(opacity=60);
}

ul,
ol {
list-style: none;
}
:focus {
outline: none;
}
border-left: 2px solid #f44336;
.clearfix {
display: block;
overflow: hidden;
clear: both;
content: "";
}
.clear {
clear: both;
}
.min-with {
min-width: 1000px;
}

.content-head {
width: 100%;
background-color: rgb(10, 83, 155);
}
.content-div {
height: 175px;


background-color: rgb(10, 83, 155);
}
#div-ul {
display: block;
width: 1000px;
margin: auto;
}
#div-ul > li {
display: block;
float: left;
height: 100%;
line-height: 175px;
}
#div-ul > li:nth-child(5) {
position: relative;
}
#div-ul > li:nth-child(5) div {
position: absolute;
top: 7px;
left: -75px;
width: 238px;
height: 168px;
opacity: .4;
}
#div-ul > li:nth-child(5) div img {
width: 100%;
height: 100%;
}
.img-logo {
width: 80px;
height: 80px;
vertical-align: middle;
}
.img-logo img {
width: 100%;
height: 100%;
}
.div-position {
width: 100%;
margin: 52px auto;
text-align: center;
}
#img-font {
font-size: 4px;
font-weight: bolder;
line-height: 27px;
color: rgb(255, 255, 255);
}
#font-div {
width: 186px;
height: 90px;
margin: 52px auto;
}
#font-div > span {
display: block;
width: 135px;
height: 44px;
font-size: 33px;
line-height: 44px;
color: rgb(255, 255, 255);
}
.span-left {
float: left;
}
.span-right {
float: right;
}
#div-ul > li:nth-child(2) {
width: 257px;
margin-right: 22px;
}
#div-ul > li:nth-child(3) {
margin-right: 20px;
margin-left: 30px;
}
.right-inform {
width: 364px;
height: 66px;
margin: 87px auto 10px;
}
#top-ul li {
float: left;
}
#bottom-ul li,
#top-ul li {
height: 33px;
margin-right: 7px;
line-height: 33px;
}
#top-ul,
#bottom-ul {
width: 100%;
height: 33px;
}
#top-ul li:first-child {
margin-right: 12px;
font-size: 14px;
font-weight: bolder;
color: rgb(255, 255, 255);
}
#search input[type=text] {
width: 139px;
height: 21px;
font-size: 18px;
}
#search .button {
width: 50px;
height: 21px;
}
.button:active {
border-color: #b5b5b5;
background-color: #dadada;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .15);
}
.button:hover,
.button:active {
border-color: #ccc #ccc #b5b5b5;
background-position: 0 -15px;
}
.button {
position: relative;
display: inline-block;
margin: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
color: #333;
border: 1px solid #ddd;
border-bottom-color: #c5c5c5;
border-radius: 3px;
background-color: #fff;
background-repeat: repeat-x;
box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
-khtml-user-select: none;
-webkit-appearance: none;
-webkit-touch-callout: none;
}
#bottom-ul li {
float: left;
}
#bottom-ul li a {
font-size: 13px;
color: rgb(255, 255, 255);
}
#position-li {
position: relative;
}
#position-li a {
position: absolute;
z-index: 20;
width: 35px;
}

.div-choice {
width: 100%;
height: 54px;
background-color: #e30b0b;
}
.font-img {
display: block;
width: 187px;
height: 45px;
margin: auto;
}
#div-ul > li:first-child {
width: 80px;
margin-right: 5px;
}
.m-nav {
width: 1190px;
height: 54px;
margin: 0 auto;
line-height: 54px;
background-color: #e30b0b;
}
.m-nav li.itm {
position: relative;
display: inline;
float: left;


text-align: center;
}
.m-nav a.itm-a {
display: block;
width: 130px;
}
.m-nav a.itm-a:hover {
background-color: #ef6969;
}
.m-nav ul.son {
position: absolute;
top: 49px;
left: 0;
display: none;
width: 132px;
background-color: #ef6969;
z-index: 2;


}
.m-nav a.son-itm-a {
display: block;
height: 38px;
font-size: 14px;
line-height: 38px;
}
.m-nav a.son-itm-a:hover {
background-color:#e30b0b;
} 
.m-nav a {
font-size: 17px;
text-decoration: none;
color: #fff;
font-weight:bolder;
}
.m-nav > ul > li + li {
border-left: 2px solid #f44336;
}
#pu-nav > ul > li {
position: relative;
float: left;
padding: 0 40px;
font-size: 17px;
line-height: 34px;
}