@charset "utf-8";
.guihuacehua-banner {
    margin-bottom: 92px;
    height: 479px;
    background-image: url(../images/epco-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.guihuacehua-banner .wrap {
    position: relative;
    height: 100%;
}
.guihuacehua-banner p {
    position: absolute;
    left: 0;
    bottom: 178px;
    font-size: 19px;
    color: #FFFFFF;
}
.guihuacehua-banner h2 {
    position: absolute;
    left: 0;
    bottom: 212px;
    font-weight: 900;
    font-size: 45px;
    color: #FFFFFF;
}
.business-ny ul {
    display: flex;
    justify-content: space-between;
}
.business-ny ul li a {
    display: block;
    font-size: 14px;
    color: #4D4D4D;
}
.business-ny ul li .business-ny-icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.business-ny ul li:nth-child(2) .business-ny-icon {
    background-image: url(../images/icon2.png);
}
.business-ny ul li:nth-child(3) .business-ny-icon {
    background-image: url(../images/icon3.png);
}
.business-ny ul li:nth-child(4) .business-ny-icon {
    background-image: url(../images/icon4.png);
}
.business-ny ul li:nth-child(5) .business-ny-icon {
    background-image: url(../images/icon5.png);
}
.business-ny ul li:nth-child(6) .business-ny-icon {
    background-image: url(../images/icon6.png);
}
.business-ny ul li:nth-child(7) .business-ny-icon {
    background-image: url(../images/icon08.png);
}
.business-ny ul li.active .business-ny-icon {
    background-image: url(../images/icon01.png);
}
.business-ny ul li:nth-child(2).active .business-ny-icon {
    background-image: url(../images/icon02.png);
}
.business-ny ul li:nth-child(3).active .business-ny-icon {
    background-image: url(../images/icon03.png);
}
.business-ny ul li:nth-child(4).active .business-ny-icon {
    background-image: url(../images/icon04.png);
}
.business-ny ul li:nth-child(5).active .business-ny-icon {
    background-image: url(../images/icon05.png);
}
.business-ny ul li:nth-child(6).active .business-ny-icon {
    background-image: url(../images/icon06.png);
}
.business-ny ul li:nth-child(7).active .business-ny-icon {
    background-image: url(../images/icon07.png);
}
.business-ny ul li:hover .business-ny-icon {
    background-image: url(../images/icon01.png);
}
.business-ny ul li:nth-child(2):hover .business-ny-icon {
    background-image: url(../images/icon02.png);
}
.business-ny ul li:nth-child(3):hover .business-ny-icon {
    background-image: url(../images/icon03.png);
}
.business-ny ul li:nth-child(4):hover .business-ny-icon {
    background-image: url(../images/icon04.png);
}
.business-ny ul li:nth-child(5):hover .business-ny-icon {
    background-image: url(../images/icon05.png);
}
.business-ny ul li:nth-child(6):hover .business-ny-icon {
    background-image: url(../images/icon06.png);
}
.business-ny ul li:nth-child(7):hover .business-ny-icon {
    background-image: url(../images/icon07.png);
}
.business-ny ul li:hover h4 {
    color: #0162A6;
}
.business-ny ul li h4 {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #4D4D4D;
}
.business-ny ul li.active h4 {
    color: #0162A6;
}
.epco02 {
    margin-bottom: 90px;
    border-top: 1px solid #E0E0E0;
}
.epco02 .epco-content .epco-contenter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.epco02 .epco-contenter .epco-contenter-l {
    width: 23%;
}
.epco02 .epco-contenter .epco-contenter-l img {
    width: 100%;
    height: 100%;
}
.epco02 .epco-contenter .epco-contenter-r {
    width: 72%;
}
.epco02 .epco-contenter .epco-contenter-r h4 {
    font-weight: 900;
    font-size: 21px;
    color: #2470A3;
    line-height: 27px;
}
.epco02 .epco-contenter .epco-contenter-r p {
    margin-top: 15px;
    font-size: 15px;
    color: #666666;
    line-height: 24px;
}
.epco02 .epco-contenten {
    display: flex;
    justify-content: space-between;
    height: 360px;
    margin-top: 20px;
}
.epco02 .epco-contenten-l {
    width: 23%;
}
.epco02 .epco-contenten-l img {
    width: 100%;
    height: 100%;
}
.epco02 .epco-contenten-r {
    width: 70%;
}
.epco02 .epco-contenten-r .epco-contenten-r-t h4 {
    font-weight: 900;
    font-size: 21px;
    color: #2470A3;
    line-height: 27px;
}
.epco02 .epco-contenten-r .epco-contenten-r-t span {
    font-weight: 900;
    font-size: 17px;
    color: #2470A3;
    line-height: 27px;
}
.epco02 .epco-contenten-r .epco-contenten-r-t p {
    margin-top: 30px;
    font-size: 15px;
    color: #666666;
    line-height: 24px;
}
.epco02 .epco-contenten-r .epco-contenten-r-b {
    margin-top: 50px;
}
.epco02 .epco-contenten-r .epco-contenten-r-b ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.epco02 .epco-contenten-r .epco-contenten-r-b ul li {
    width: 18%;
}
.epco02 .epco-contenten-r .epco-contenten-r-b ul li .epco-contenten-r-b-icon {
    width: 63px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.epco02 .epco-contenten-r .epco-contenten-r-b ul li h5 {
    text-align: center;
    font-size: 18px;
    color: #666666;
    line-height: 37px;
}
.epco02 .epco-contenten-r .epco-contenten-r-b ul li p {
    margin-top: 20px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.epco02 .epco-contentet {
    margin-top: 100px;
}
.epco02 .epco-contentet h4 {
    font-weight: 900;
    font-size: 21px;
    color: #2470A3;
    line-height: 27px;
}
.epco02 .epco-contentet p {
    font-weight: 900;
    font-size: 17px;
    color: #2470A3;
    line-height: 27px;
}
.epco02 .epco-contentet ul {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.epco02 .epco-contentet ul li {
    width: 19%;
}
.epco02 .epco-contentet ul li img {
    width: 100%;
    height: 100%;
}
.epco02 .epco-contentet ul li .epco-contentet-img {
    height: 300px;
}
.epco02 .epco-contentet ul li h3 {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 47px;
}
.epco03 {
    height: 638px;
    background-image: url(../images/yewuliuchengbeij.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.epco03 .yewuliuchenger { 
    margin-top: 58px;
    font-weight: 900;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 27px;
}
.epco03 .wrap {
    height: 100%;
}
.yewuliucheng-content {
    position: relative;
    margin-top: 105px;
    height: 128px;
}
.yewuliucheng-content .yewuliucheng-jiantou {
    position: absolute;
    top: 48px;
    left: 0;
    width: 32px;
    height: 32px;
    background-image: url(../images/kaishi.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.yewuliucheng-content .yewuliucheng-hengxian {
    position: absolute;
    width: 100%;
    top: 62px;
    left: 0;
    height: 2px;
    z-index: -1;
    background: #FFFFFF;
}
.yewuliucheng-content .yewuliucheng-contenter {
    position: absolute;
    left:6%;
    width: 94%;
}
.yewuliucheng-content .yewuliucheng-contenter ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.yewuliucheng-content .yewuliucheng-contenter li {
    width: 128px;
    position: relative;
    height: 128px;
    background-image: url(../images/yuan1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.yewuliucheng-content .yewuliucheng-contenter li:nth-child(3) {
    background-image: url(../images/yuan2.png);
}
.yewuliucheng-content .yewuliucheng-contenter li:nth-child(4) {
    background-image: url(../images/yuan2.png);
}
.yewuliucheng-content .yewuliucheng-contenter li:nth-child(5) {
    background-image: url(../images/yuan2.png);
}
.yewuliucheng-content .yewuliucheng-contenter li h5 {
    text-align: center;
    margin-top: 50%;
    transform: translateY(-50%);
}
.yewuliucheng-content .yewuliucheng-contenter .yewuliucheng-contenter-h6 {
    transform: translateY(50px);
   text-align: center;
}
.yewuliucheng-content .yewuliucheng-contenter .yewuliucheng-contenter-h6 .diandian {
    width: 100%;
    display: flex;
    writing-mode: vertical-rl;
    align-items: center;
}
.yewuliucheng-content .yewuliucheng-contenter .yewuliucheng-contenter-h6 .diandian span {
    transform: translateX(20%);
}