#wrap {
background:url(../image/jb.png);
background: linear-gradient(rgb(146, 193, 219), rgb(227, 244, 255), rgb(146, 193, 219));
padding-bottom:30px;
}

#content {
width: 100%;
margin: auto;

background-color: rgb(227, 244, 255);
}

.content-head {
height: 175px;
}





#position-li {
position: relative;
}

#position-li a {
position: absolute;
z-index: 20;

width: 35px;
}






.div-choice {
width: 100%;
height: 50px;

background-color: rgb(7, 65, 122);
}

.font-img {
display: block;
width: 187px;
height: 45px;
margin: auto;
}



















#font-div {
width: 186px;
height: 90px;
margin: 52px auto;
}

.span-left {
float: left;
}

.span-right {
float: right;
}


#font-div > span {
display: block;
width: 135px;
height: 44px;

font-size: 33px;
line-height: 44px;

color: rgb(255, 255, 255);
}

.right-inform {
width: 364px;
height: 66px;
margin: 87px auto 10px;
}

#top-ul li {
float: left;
}

#bottom-ul li {
float: left;
}

#bottom-ul li a {
font-size: 13px;

color: rgb(255, 255, 255);
}

#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 .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;
}



#picture {
position: relative;

width: 100%;
margin: auto;
}

#picture img {
width: 100%;
height: 100%;

vertical-align: middle;
}

.circle {
position: absolute;
right: 0;
bottom: 19px;
left: 0;

width: 78px;
margin: auto;
}

.circle ul li {
float: left;
width: 15px;
height: 16px;
margin-right: 14px;

opacity: .8;
border-radius: 12px;
background-color: #fff;
}



.clearfix:after {
display: block;
visibility: hidden;
height: 0;
clear: both;

content: ".";
}

.list-container {
width: 1000px;
padding-top: 23px;
margin-right: auto;
margin-left: auto;

background-color: rgba(0, 0, 0, 0);
}

.list-top {
width: 100%;
height: 27px;
margin-bottom: 15px;

border-bottom: 2px solid #f84111;
}

.list-sidebar {
float: left;
width: 210px;
height: 1265px;

text-align: center;

background: white;
}

.list-nav {
float: left;
height: 25px;

font-weight: bold;
line-height: 25px;

color: #f84111;
}

.list-search {
float: right;
}

.list-search .list-search-style {
width: 177px;
height: 21px;
}

.list-search-bun {
width: 53px;
height: 24px;

border: 0;
border-radius: 6px;
background-color: #fff;
}

.list-warp a {
text-decoration: none;
}

.list-nav a {
color: #f84111;
}

.list-sidebar a {
display: block;

color: #fff;
}

.list-main-warp ul {
list-style: none;
}

.list-main-warp li {
width: 457px;
height: 19px;
padding-bottom: 10px;
overflow: hidden;

font-size: 12px;
line-height: 20px;
}

.list-main-warp i {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 8px;

background-color: #f8a255;
}

i {
display: inline-block;
width: 10px;
height: 10px;

background-color: red;
}

.list-main-warp span {
text-align: right;
}

.list-main-left {
float: left;
}

.list-main-right {
float: right;
}



.list-more {
display: inline-block;
width: 80px;
height: 27px;

font-size: 13px;
line-height: 27px;

text-align: center;

color: #fff;
border-radius: 3px;
background-color: #156bc0;
}

.list-new-style {
width: 232px;
height: 300px;
margin-right:26px;
background-color: #fff;
}

.list-new-left {
float: left;
}

.list-new-right {
float: right;
}

.list-new-list {
width: 590px;
height: 330px;
margin-top: 10px;
margin-left: 10px;
}

.list-newlist-warp {
float: right;
width: 475px;

background: white;
}

.list-newlist-dic {
margin-top: 10px;
margin-left: 10px;
}

.list-news {
float: left;
width: 520px;
height: 300px;

background-color: rgba(0, 0, 0, 0);
}

.list-newlist-dic li {
margin-bottom: 6px;

border-bottom: 1px dotted gray;
}

.list-new-warp {
width: 212px;
height: 100%;
margin: 10px 10px 10px 10px;
overflow: hidden;

line-height: 1.4;
}

.list-newImg {
width: 100%;
height: 150px;

border-radius: 4px;
}

.list-new-warp h3 {
padding-bottom: 5px;
margin-top: 3px;
overflow: hidden;

font-size: 11px;
font-weight: bold;

border-bottom: 1px dotted #949494;
}

.list-new-warp a {
height: 85px;
margin-top: 10px;
overflow: hidden;

font-size: 11px;

color: #949494;
}

.list-nav i {
width: 13px;
height: 13px;
}

.list-nav span {
font-size: 18px;
margin-left:5px;
}

#position-div {
position: relative;

max-width: 1400px;
margin: auto;

}

#study-left {
position: absolute;
top: 156px;
left: 19px;

width: 96px;

opacity: .3;
}

#study-left img,
#study-right img {
width: 100%;
height: 100%;
}

#study-right {
position: absolute;
right: 19px;
bottom: 17%;

width: 96px;

opacity: .3;
}

.second-article {
width: 999px;
margin: 30px auto 0;
}

.left-life {
width: 475px;
}

#left-d {
float: left;
}

#right-d {
float: right;
}

.son-itm {
height: 38px;
overflow: hidden;
}

#lu-news > li {
width: 95%;
height: 91px;
padding: 11px;
margin-bottom: 15px;

list-style: none;

background-color: rgb(255, 255, 255);
}

#lu-news > li > div:first-child {
float: left;
width: 90px;
height: 85px;

font-size: 16px;
font-weight: bolder;
line-height: 29px;

text-align: center;

color: white;
border-radius: 2px;
background-color: rgb(21, 107, 192);
}

#lu-news > li > div:nth-child(2) {
float: right;
width: 330px;
height: 87px;
margin-right: 22px;
}

.news-font {
height: 35px;
padding-top: 12px;
overflow: hidden;

border-bottom: 2px solid gray;
}

.news-font a {
font-family: 寰蒋闆呴粦;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;

color: rgb(14, 91, 167);
}

.new-author {
padding-left: 5px;
}

.new-author p {
font-size: 13px;
font-style: normal;
font-weight: 400;

color: gray;
}

#first-news-inform {
height: 291px;
}

.hist-story {
visibility: visible;
width: 100%;
height: 100%;
padding: 20px 0 40px 0;

transform-origin: center center 0;

}

.story {
width: 999px;
margin: 0 auto;
}

.hist-story-top {
display: flex;
width: 70%;
padding-bottom: 10px;
margin: 0 auto;

border-bottom: 2px red solid;

justify-content: space-between;
}

.story {
height: 268px;
margin-bottom: 12px;

justify-content: space-around;
}

.story > div {
float: left;
width: 310px;
height: 268px;
margin-top:10px;
margin-left:16px;
text-align: center;

background: #fff;
}

.story > div > a {
display: block;
width: 92%;
height: 76%;
padding-top: 11px;
margin: auto;
}

.story > div > a > img {
width: 100%;
height: 100%;
}

.story > div > span {
display: block;
padding-top: 18px;
}

.hist-story-top button {
width: 80px;
height: 32px;

font-size: 18px;
font-weight: 600;

color: white;
border: none;
border-radius: 3px;
background-color: rgb(21, 107, 192);
}

.hist-story-top span {
font-size: 24px;
font-weight: 600;

color: red;
}

#footer-div {
width: 999px;
margin: auto;
}




.footer {
width: 100%;
height: 170px;

font-family: 寰蒋闆呴粦;
font-size: 14px;
font-weight: 400;

text-align: center;

color: white;
background-color: rgb(10, 83, 155);
}

.foot {
width: 957px;
height: 100%;
margin: 0 auto;

line-height: 2em;

text-align: center;
vertical-align: middle;
}

.foot ul {
list-style-type: none;
}

.foot li {
float: left;
height: 111px;
margin-top: 32px;
margin-left: 25px;
overflow: hidden;
}

.foot li:first-child {
line-height: 182px;
}

.foot li:nth-child(2) div {
height: 70px;
margin-top: 26px;

border-right: 2px solid white;
}

.foot li:nth-child(3) {
width: 195px;
height: 100px;
padding-top: 17px;
margin-left: 4px;

font-size: 11px;
}

.foot li:nth-child(4) {
height: 100px;
padding-top: 16px;
}

.foot li:nth-child(4) img {
width: 77px;
height: 77px;
}

.foot li:nth-child(5) {
width: 32%;
margin-top: 27px;
margin-right: 0;
}

.foot li:nth-child(5) p {
font-size: 12px;
}

.foot li:nth-child(6) {
height: 80px;
margin-top: 65px;
margin-left: 51px;
}

.foot li:nth-child(7) {
height: 80px;
margin-top: 65px;
margin-left: 10px;
}

.foot li:nth-child(8) {
height: 80px;
margin-top: 65px;
margin-left: 10px;
}

#img-logo {
width: 210px;
height: 51px;
}

.right-float {
float: right;
}

.left-float {
float: left;
}



.hist-passway,
.hist-web {
display: flex;
width: 471px;
height: 200px;
margin: 0 auto;

text-align: center;

background-color: white;

align-items: center;
}

.hist-passway p {
display: flex;
height: 45px;
margin: 0 auto;
margin-top: 5px;

line-height: 3em;

border-bottom: 2px dotted gray;

justify-content: space-around;
}

.con {
width: 90%;
height: 170px;
margin: 0 auto;
}

.con a {
color: rgb(21, 107, 192);
}

.con a:hover {
text-decoration: underline;

color: red;
}

.march{
font-size:12px;
}


.story1 {
    height: 268px;
    margin-bottom: 12px;
    justify-content: space-around;
    width: 999px;
    margin: 0 auto;
}
.story1 .picScroll-left .bd li {
float: left;
width: 310px;
height: 268px;
margin-top:10px;
margin-left:16px;
text-align: center;
background: #fff;
}
.story1 .picScroll-left .bd li  a {
display: block;
width: 92%;
height: 76%;
padding-top: 11px;
margin: auto;
}

.story1 .picScroll-left .bd li .pic{
    padding-top: 205px;
}

.pic {
    /*padding-top: 75%;*/
    position: relative;
    overflow: hidden;
}

.pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in;
}



.story1 .picScroll-left .bd li a img {
width: 100%;
height: 100%;
}
.story1 .picScroll-left .bd li span {
display: block;
}
.story1 .picScroll-left {
    position: relative;
}
.story1 .picScroll-left a.next {
    position: absolute;
    top: calc(50% - 41px);
    right: -50px;
    opacity: 0.4;
}
.story1 .picScroll-left a.prev {
    position: absolute;
    top: calc(50% - 41px);
    left: -50px;
    opacity: 0.4;
}
.story1 .picScroll-left a.next:hover {
    opacity: 0.6;
}
.story1 .picScroll-left a.prev:hover {
    opacity: 0.6;
}