.header .nav li.on{
    position: relative;
}
.header .nav li:nth-child(5).on  a{
    /* margin-left: 20px; */
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
/* .header .nav li:nth-child(5).on  a i{
    display: inline-block;
    width: 6px;
    height: 8px;
    position: absolute;
    background: url(../images/nav-icon.png) no-repeat center;
    top: 22px;
    left: 5px;
} */
.header .nav li:nth-child(5).on  a img{
    position: absolute;

    margin:3px 0 0 6px;
}
.header .nav li  span {
    font-size: 32px;
}
.header .nav li:nth-child(5) span img{
    display: inline-block;
    vertical-align: middle;
    margin:  0 0 0 -4px;
}






/*banner和主体类容区域*/
.main {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 85px;
}
.main .mainNav{
    height: 75px;
    text-align: right;
}
.main .mainNav li{
    padding: 0 8px;
    display: inline-block;
    cursor: pointer;
    z-index: 100;
    position: relative;
    margin: 0 4px 0 0 ;
}
.main .mainNav li.active,
.main .mainNav li:hover{
    border-bottom: 2px #a31e2c solid;
}
.main .mainNav li a{
    font-size: 16px;
    color: #333;
}

.main .banner{
    position: relative;
}
.main .banner .text{
    border: 3px #fff solid;
    width: 670px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin: -100px 0 0 -335px;
}
.main .banner .text .Ename{
    font-size: 74px;
    font-weight: bolder;
    text-align: center;
    margin: 20px 0 0 0;
    color: #fff;
}
.main .banner .text .name{
    font-size: 36px;
    font-weight: bolder;
    text-align: center;
    margin: 0 0 0 0;
    color: #fff;
}
.main .banner .text .name img{
    vertical-align: text-top;
    margin: 6px 10px 0 0;
}



/*内容区域*/
.wart .title p{
    font-size: 28px;
    color: #000000;
    line-height: 30px;
    text-align: center;
    background: url(../img/GYIMG1.jpg) no-repeat center bottom;
    padding: 0 0 20px 0;
    margin: 70px 0 30px 0;
}

.wart .list{
    background: url(../img/GYIMG2.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: relative;

}
.wart ul {
    padding: 40px 80px;
    font-size: 0;
    position: relative;
    z-index: 100;

}
.wart ul li {
    width: 50%;
    /* height: 120px; */
    padding:22px 16px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.wart ul li img {
    width: 210px;
    height: 210px;
    display: inline-block;
}
.wart ul li .info {
    width: 270px;
    /* height: 220px; */
    /*position: relative;*/
    display: inline-block;
    vertical-align: bottom;
}


.wart ul li .info p {
    margin: 8px 0 2px 2px;
    font-size: 18px;
    color: #333333;
    display: block;
    position: relative;
    z-index: 10;
    padding: 10px 0 0 36px;
    background: url(../img/storyBGLeft.png) no-repeat 6px 15px;
    background-size: 17px;
}
.wart ul li .info em {
    font-size: 60px;
    line-height: 54px;
    color: #e6e6e6;
    position: absolute;
    top: 18px;
    left: 243px;
    z-index: 1;
    font-style: normal;
    /* font-weight: bolder; */
}
.wart ul li .info span {
    margin: 8px 0 2px 36px;
    font-size: 15px;
    color: #666;
    /* height: 81px; */
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 10;
    letter-spacing: 1px;
    line-height: 24px;
}


.wart ul li:nth-child(4n+3) img,
.wart ul li:nth-child(4n) img{
    float: right;
}
.wart ul li:nth-child(4n+3) .info,
.wart ul li:nth-child(4n) .info{
    padding: 133px 0 0 0;
    text-align: right;
}
.wart ul li:nth-child(4n+3) .info p,
.wart ul li:nth-child(4n) .info p{
    text-align: right;
    margin: 0;
    background: url(../img/nav-icon.png) no-repeat 6px 15px;
    background-position: 95% 10px;
    padding: 0 32px 0 0;
}
.wart ul li:nth-child(4n+3) .info span,
.wart ul li:nth-child(4n) .info span{
    margin: 8px 18px 0px 0px;
    padding: 0;
}
.wart ul li:nth-child(4n+3) .info  em,
.wart ul li:nth-child(4n) .info  em{
    left: 208px;
}




.wartInfo {
    padding: 20px 0px 55px 0px;
    margin: 14px 0 0 0;
    border-bottom: 1px #eaeaea solid;
}

.wartInfo .title {
    font-size: 28px;
    color: #000000;
    line-height: 30px;
    text-align: center;
    background: url(../img/GYIMG1.jpg) no-repeat center bottom;
    padding: 0 0 20px 0;
    margin: 70px 0 50px 0;
}
.wartInfo .title  p{
    text-align: center;
}
.wartInfo ul {
    display: block;
    overflow: hidden;
    text-align: center;
}
.wartInfo ul li {
    width: 33%;
    /* float: left; */
    text-align: center;
    padding: 0 16px 0 26px;
    box-sizing: border-box;
    margin: 0 0 50px 0;
    display: inline-block;
    vertical-align: top;
}
.wartInfo ul li img {
    width: 60%;
    height: auto;
    display: inline-block;
    border-radius: 14px;
    border: 2px #000000 solid;
}
.wartInfo ul li p {
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    text-align: center;
}
.wartInfo ul li span {
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    line-height: 30px;
    display: block;
    text-align: center;
}
.wartInfo ul li:nth-child(4),
.wartInfo ul li:nth-child(5),
.wartInfo ul li:nth-child(6){
    margin: 0 0 20px 0;
}