.IntroductList,
.IntroductList ul {
    position: relative;
    z-index: 999;
    padding: 0;
    top: -0.7%;
}

.IntroductList {
    height: 850px;
    max-width: 25%;
}

.dh {
    background: rgb(245, 249, 255) url(../images/intro/navBg.png) no-repeat;
    background-position: 50% 50%;
    background-size: 82%;
    min-height: 16rem;
    position: relative;
    top: -.6%;
}

.IntroductTitle {
    background: url(../images/intro/introBg.png);
    color: #fff;
    padding: 1.3rem;
    font-size: 1.4rem;
    position: absolute;
    top: -9.50%;
    z-index: 1000;
    width: 100%;
}

.IntroductList ul li {
    background: #f5f9ff url(../images/intro/default.png) no-repeat;
    background-position: 90% 50%;
    padding: 0 1.3rem;
    line-height: 4rem;
    height: 4rem;
    font-size: 1.1rem;
    border-bottom: 1px solid #ececec;
}

.IntroductList ul li a {
    color: #212529;
    text-decoration: none;
    font-size: 1.1rem;
}

.IntroductList ul li:hover {
    color: #02429a;
    background: #f5f9ff url(../images/intro/hover.png) no-repeat;
    background-position: 90% 50%;
}

.IntroductList ul li a:hover {
    color: #02429a;
}

.IntroductList ul .IntroductItem_active {
    color: #fff;
    background: #02429a url(../images/intro/selected.png) no-repeat;
    background-position: 90% 50%;
}

.IntroductList ul .IntroductItem_active a {
    color: #fff;
    background-position: 90% 50%;
}

.IntroductList ul .IntroductItem_active:hover {
    color: #fff;
    background: #02429a url(../images/intro/selected.png) no-repeat;
    background-position: 90% 50%;
}

.IntroductList ul .IntroductItem_active a:hover {
    color: #fff;
    background-position: 90% 50%;
}

.IntroductContent {
    padding: 0 0 0 2rem;
}

.IntroductContent .title {
    text-align: center;
    margin-top: 20px;
}

.articleTit h3 {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin: 1rem 0 1rem 0;
}

.articleTit p {
    font-size: 14px;
    color: #757575;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 1rem;
}


.articleTit img {
    width: 100%;
}

.loaction {
    color: #686868;
    background: url('../images/intro/position.png') no-repeat;
    background-position: 0% 50%;
    padding: 1rem 0 1rem 2rem;
    border-bottom: 1px solid #e1e1e1;
    line-height: 2rem;
    margin: 0;
}

.loaction img {
    margin: 0 .3rem 0 .3rem;
}

.loaction .Newloaction a {
    color: #e2944f;
    display: inline-block;
}

.articleCon {
    margin: 1.5rem 0 2rem 0;
    font-size: .9rem;
    line-height: 2rem;
}

.articleCon p {
    font-size: 14px;
    color: #333;
}
.articleImg div ul {
    display: flex;
    overflow: hidden;
}

.articleImg div ul li {
    padding: 0 0 0 .75rem;
    position: relative;
    cursor: pointer;
}

.articleImg div ul li:first-child {
    padding: 0
}

.articleImg div ul li img {
    width: auto;
}

.articleImg div ul li:hover p {
    background-color: #e2944f;
    color: #fff;
}

.articleImg div ul li:first-child:hover p {
    background-color: #e2944f;
    color: #fff;
}

.articleImg div ul li:first-child p {
    width: 100%;
    background-color: #e0f1ff;
}

.articleImg div ul li p {
    position: absolute;
    text-align: center;
    top: 83.5%;
    line-height: 2rem;
    width: 96%;
    background-color: #e0f1ff;
}

.articleImg div ul:first-child {
    padding: 0;
}

.detailImage img {
    max-width: 100%;
}