body {
    font-size: 18px
}

.banner {
    width: 100%;
    background-position: center center;
    background-size: cover;
    position: relative;
    text-align: center
}

.word {
    display: inline-block;
    vertical-align: middle
}

.aboutl {
    padding-top: 68px
}

.aboutl .banner {
    background-image: url(../images/frame/about.jpg);
    height: 547px;
    line-height: 547px
}

.aboutl .banner .word {
    width: 56%;
    min-width: 720px
}

.aboutl .content .con1 {
    background-image: url(../images/frame/about_bg.jpg);
    width: 100%;
    height: 1559px;
    background-position: center center;
    background-size: cover
}

.aboutl .content .con1 .title {
    text-align: center;
    width: 100%;
    height: 332px;
    line-height: 332px
}

.aboutl .content .con1 .title img {
    width: 600px;
    display: inline-block;
    vertical-align: middle
}

.aboutl .content .con1 .abstract {
    margin: 0 auto;
    width: 64%;
    min-width: 984px
}

.aboutl .content .con1 .abstract .left {
    width: 35%;
    float: left;
    margin-top: 5px
}

.aboutl .content .con1 .abstract .left img {
    width: 100%;
    max-width: 372px;
    display: inline-block;
    vertical-align: middle
}

.aboutl .content .con1 .abstract .right {
    width: 63%;
    float: right;
    letter-spacing: 4px;
    margin-top: 5px;
    line-height: 23px;
    font-size: 14px
}

.aboutl .content .con1 .video {
    height: 476px;
    width: 52%;
    margin: 100px auto;
    background-image: url(../images/frame/about_video.png);
    background-position: center center;
    background-size: contain;
    min-width: 982px
}

.aboutl .content .con1 .video .video-lt {
    float: left;
    width: 705px;
    height: 455px;
    margin: 10px 0 0 30px;
    position: relative
}

.aboutl .content .con1 .video .video-lt #videoie {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.aboutl .content .con1 .video .video-lt #videobg {
    width: 100%;
    height: 100%;
    background-image: url(../images/frame/about-coveimg1.jpg);
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.aboutl .content .con1 .video .video-lt .video-js {
    width: 100%;
    height: 100%
}

.aboutl .content .con1 .video .video-rt {
    float: right;
    width: 210px;
    height: 435px;
    margin: 10px 30px 0 0
}

.aboutl .content .con1 .video .video-rt > div {
    cursor: pointer;
    position: relative
}

.aboutl .content .con1 .video .video-rt > div em {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -12.5px;
    width: 25px;
    height: 25px;
    box-shadow: 0 0 12px 1px #bdbdbd;
    border-radius: 50%;
    background: url(../images/frame/videoabout.png);
    -webkit-background-size: cover;
    background-size: cover
}

.aboutl .content .con1 .video .video-rt p {
    padding-top: 75px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.aboutl .content .con1 .video .video-rt .playIcon1 {
    width: 100%;
    height: 108px;
    background-image: url(../images/frame/about-play1.jpg)
}

.aboutl .content .con1 .video .video-rt .playIcon2 {
    width: 100%;
    height: 108px;
    background-image: url(../images/frame/about-play2.jpg);
    margin-top: 7px
}

.aboutl .content .con1 .video .video-rt .playIcon3 {
    width: 100%;
    height: 108px;
    background-image: url(../images/frame/about-play3.jpg);
    margin-top: 7px
}

.aboutl .content .con1 .video .video-rt .playIcon4 {
    width: 100%;
    height: 108px;
    background-image: url(../images/frame/about-play4.jpg);
    margin-top: 7px
}

.aboutl .content .con1 .video .video-rt .play em {
    -webkit-animation: palys 1s infinite;
    -o-animation: palys 1s infinite;
    animation: palys 1s infinite
}

@keyframes palys {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .8
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes palys {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .8
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.aboutl .content .con2 {
    background-image: url(../images/frame/company_bg.jpg);
    width: 100%;
    height: 949px;
    background-position: center center;
    background-size: cover
}

.aboutl .content .con2 .title {
    text-align: center;
    width: 100%;
    height: 168px;
    line-height: 168px
}

.aboutl .content .con2 .title img {
    width: 600px;
    display: inline-block;
    vertical-align: middle
}

.aboutl .content .con2 .progress {
    width: 78%;
    height: 730px;
    margin: 0 auto;
    min-width: 1013px
}

.aboutl .content .con2 .progress .nian {
    width: 16.68%;
    min-width: 184px;
    height: 360px;
    float: left
}

.aboutl .content .con2 .progress .nian img {
    margin-left: 39px;
    width: 1px;
    height: 131px
}

.aboutl .content .con2 .progress .yuan {
    background-color: #e60044;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    text-align: center;
    line-height: 80px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 4px;
    font-size: 16px
}

.aboutl .content .con2 .progress .word1 {
    float: left;
    color: #fff;
    border-left: 1px solid #fff;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    width: 254px;
    margin-left: 39px
}

.aboutl .content .con2 .progress .word {
    /* width: 138px; */
    color: #fff;
    font-size: 14px;
    float: left;
    border-left: 1px solid #fff;
    padding-left: 10px;
    letter-spacing: 1px;
    margin-left: 39px;
}

.aboutl .content .con2 .progress .nian1 {
    margin-top: 380px
}

.aboutl .content .con2 .progress .nian2 {
    margin-top: 112px;
    margin-left: 43px
}

.aboutl .content .con2 .progress .nian3 {
    margin-left: -5px;
    margin-top: 396px
}

.aboutl .content .con2 .progress .nian4 {
    margin-top: 118px;
    margin-left: 41px
}

.aboutl .content .con2 .progress .nian5 .yuan {
    position: relative
}

.aboutl .content .con2 .progress .nian5 b {
    position: absolute;
    font-size: 15px;
    left: 65px;
    top: -13px;
    color: #fff
}

.aboutl .content .con2 .progress .nian5 {
    margin-top: 381px;
    margin-left: -39px;
    width: 20.82%;
    min-width: 230px
}

.aboutl .content .con2 .progress .nian5 .word {
    width: 80%
}

.aboutl .content .con2 .progress .nian6 {
    margin-top: 67px;
    margin-left: -31px
}

.aboutl .content .con2 .progress .nian7 {
    margin-top: 460px;
    margin-left: -142px
}

.aboutl .content .con2 .progress .nian8 {
    margin-top: 261px;
    margin-left: -78px
}

.aboutl .content .con2 .progress .nian9 {
    margin-top: 18px;
    margin-left: -64px
}

.partnerl {
    padding-top: 68px
}

.partnerl .banner {
    background-image: url(../images/frame/partner.jpg);
    height: 541px;
    line-height: 541px;
    overflow: hidden
}

.partnerl .banner .word {
    width: 476px
}

.partnerl .p_content {
    background: url(../images/frame/partner_bg.jpg) no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 950px
}

@media (max-width: 1366px) {
    .partnerl .p_content {
        height: 758px
    }
}

/*!*background-image: url(../images/frame/partner_bg.jpg);*!*//*!*background-position: center center;*!*/
.p_content .content {
    width: 10rem;
    height: 7.68rem;
    top: 50%;
    left: 50%;
    margin-top: -3.3rem;
    margin-left: -5rem;
    position: absolute;
    color: #fff
}

:root .p_content .content .media .icon {
    display: none \9
}

:root .p_content .content .media.current .icon {
    display: block \9
}

.p_content .content em {
    position: absolute;
    opacity: .6;
    height: 1px;
    width: 1.4rem;
    background-color: #fff
}

.p_content .content .yuan {
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #fff;
    opacity: 1;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.p_content .content .current .yuan {
    background: #fff
}

.p_content .content .current .word {
    background-color: #941130;
    padding: .1rem .2rem;
    border-radius: 10px
}

.p_content .content .word {
    position: absolute;
    font-size: .36rem;
    letter-spacing: .02rem;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-animation: words1 .8s .6s linear forwards;
    -moz-animation: words1 .8s .6s linear forwards;
    -o-animation: words1 .8s .6s linear forwards;
    animation: words1 .8s .6s linear forwards
}

@keyframes words1 {
    from {
        -webkit-transform: scale3d(0, 0, 0);
        -moz-transform: scale3d(0, 0, 0);
        -o-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes words1 {
    from {
        -webkit-transform: scale3d(0, 0, 0);
        -moz-transform: scale3d(0, 0, 0);
        -o-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes words2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(0, 0, 0);
        -moz-transform: scale3d(0, 0, 0);
        -o-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }
}

@-webkit-keyframes words2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(0, 0, 0);
        -moz-transform: scale3d(0, 0, 0);
        -o-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }
}

.p_content .content .icon {
    -webkit-transform-origin: 5.05rem 3.32rem;
    -moz-transform-origin: 5.05rem 3.32rem;
    -o-transform-origin: 5.05rem 3.32rem;
    transform-origin: 5.05rem 3.32rem;
    -webkit-animation: meiti1 .4s linear forwards;
    -moz-animation: meiti1 .4s linear forwards;
    -o-animation: meiti1 .4s linear forwards;
    animation: meiti1 .4s linear forwards
}

.p_content .content .current .icon {
    -webkit-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
    -moz-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
    -o-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
    transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
    -webkit-animation: meiti2 .6s 1s linear forwards;
    -moz-animation: meiti2 .6s 1s linear forwards;
    -o-animation: meiti2 .6s 1s linear forwards;
    animation: meiti2 .6s 1s linear forwards
}

@keyframes meiti1 {
    0% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -o-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg)
    }
    20% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg);
        -o-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg)
    }
    100% {
        -webkit-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        -moz-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        -o-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg)
    }
}

@-webkit-keyframes meiti1 {
    0% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -o-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg)
    }
    20% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg);
        -o-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -8deg)
    }
    100% {
        -webkit-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        -moz-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        -o-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg)
    }
}

@keyframes meiti2 {
    0% {
        -webkit-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, -360deg);
        -moz-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, -360deg);
        -o-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, -360deg);
        transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, -360deg)
    }
    80% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg);
        -moz-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg);
        -o-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg);
        transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -o-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg)
    }
}

@-webkit-keyframes meiti2 {
    0% {
        -webkit-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        -moz-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        -o-transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg);
        transform: scale3d(0, 0, 0) rotate3d(0, 0, 1, 180deg)
    }
    80% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg);
        -moz-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg);
        -o-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg);
        transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -8deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        -o-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg)
    }
}

.p_content .content .icon .c {
    height: 3rem;
    width: 3rem;
    position: absolute;
    -webkit-transform: scale(.01);
    -moz-transform: scale(.01);
    -o-transform: scale(.01);
    transform: scale(.01)
}

.p_content .content .icon .c img {
    display: block;
    width: 100%;
    height: 100%
}

.p_content .content .icon .c b {
    text-align: center;
    font-size: 40px;
    color: #fff;
    display: none;
    opacity: 0
}

.p_content .content .icon .c:hover b {
    display: block;
    -webkit-animation: swing2 .8s .3s forwards;
    -o-animation: swing2 .8s .3s forwards;
    animation: swing2 .8s .3s forwards
}

@-webkit-keyframes swing2 {
    0% {
        opacity: 0;
        -webkit-transform: translatey(0) rotate3d(0, 0, 1, 0deg);
        -ms-transform: translatey(0) rotate3d(0, 0, 1, 0deg);
        transform: translatey(0) rotate3d(0, 0, 1, 0deg)
    }
    50% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 15deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 15deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 15deg)
    }
    70% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, -10deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, -10deg);
        transform: translatey(20px) rotate3d(0, 0, 1, -10deg)
    }
    80% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 5deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 5deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 5deg)
    }
    90% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, -5deg);
        transform: translatey(20px) rotate3d(0, 0, 1, -5deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing2 {
    0% {
        opacity: 0;
        -webkit-transform: translatey(0) rotate3d(0, 0, 1, 0deg);
        -ms-transform: translatey(0) rotate3d(0, 0, 1, 0deg);
        transform: translatey(0) rotate3d(0, 0, 1, 0deg)
    }
    50% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 15deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 15deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 15deg)
    }
    70% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, -10deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, -10deg);
        transform: translatey(20px) rotate3d(0, 0, 1, -10deg)
    }
    80% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 5deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 5deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 5deg)
    }
    90% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, -5deg);
        transform: translatey(20px) rotate3d(0, 0, 1, -5deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        -ms-transform: translatey(20px) rotate3d(0, 0, 1, 0deg);
        transform: translatey(20px) rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.p_content .content .icon .c:hover img {
    opacity: 1 !important;
    -webkit-animation: shake .4s forwards;
    -moz-animation: shake .4s forwards;
    -o-animation: shake .4s forwards;
    animation: shake .4s forwards
}

.p_content .content .media1 em {
    top: 2.07rem;
    left: -.07rem
}

.p_content .content .media1 .yuan {
    top: 1.98rem;
    left: -.26rem
}

.p_content .content .media1 .word {
    top: 2.28rem;
    left: -2.32rem
}

.p_content .content .media1 .icon .c1 {
    -webkit-transform: scale(.32);
    -moz-transform: scale(.32);
    -ms-transform: scale(.32);
    transform: scale(.32);
    left: 5.91rem;
    top: 2.34rem
}

.p_content .content .media1 .icon .c1 img {
    opacity: .7
}

.p_content .content .media1 .icon .c2 {
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    -ms-transform: scale(.25);
    transform: scale(.25);
    left: 3.85rem;
    top: 1.68rem
}

.p_content .content .media1 .icon .c2 img {
    opacity: .6
}

.p_content .content .media1 .icon .c3 {
    -webkit-transform: scale(.44);
    -moz-transform: scale(.44);
    -ms-transform: scale(.44);
    transform: scale(.44);
    top: .18rem;
    left: 5.43rem
}

.p_content .content .media1 .icon .c3 img {
    opacity: .8
}

.p_content .content .media1 .icon .c4 {
    -webkit-transform: scale(.44);
    -moz-transform: scale(.44);
    -ms-transform: scale(.44);
    transform: scale(.44);
    top: 4.3rem;
    left: 3.66rem
}

.p_content .content .media1 .icon .c4 img {
    opacity: 1
}

.p_content .content .media1 .icon .c5 {
    -webkit-transform: scale(.44);
    -moz-transform: scale(.44);
    -ms-transform: scale(.44);
    transform: scale(.44);
    left: 1.86rem;
    top: 2.54rem
}

.p_content .content .media1 .icon .c5 img {
    opacity: .9
}

.p_content .content .media1 .icon .c6 {
    -webkit-transform: scale(.54);
    -moz-transform: scale(.54);
    -ms-transform: scale(.54);
    transform: scale(.54);
    top: .25rem;
    left: 1.41rem
}

.p_content .content .media1 .icon .c6 img {
    opacity: 1
}

.p_content .content .media2 em {
    top: 3.97rem;
    left: .42rem
}

.p_content .content .media2 .yuan {
    top: 3.88rem;
    left: .24rem
}

.p_content .content .media2 .word {
    top: 4.15rem;
    left: -.44rem
}

.p_content .content .media2 .icon .c1 {
    -webkit-transform: scale(.54);
    -moz-transform: scale(.54);
    -ms-transform: scale(.54);
    -o-transform: scale(.54);
    transform: scale(.54);
    left: 1.3rem;
    top: .2rem
}

.p_content .content .media2 .icon .c2 {
    -webkit-transform: scale(.34);
    -moz-transform: scale(.34);
    -ms-transform: scale(.34);
    -o-transform: scale(.34);
    transform: scale(.34);
    left: 5.9rem;
    top: 2.34rem
}

.p_content .content .media2 .icon .c2 img {
    opacity: .7
}

.p_content .content .media2 .icon .c3 {
    -webkit-transform: scale(.38);
    -moz-transform: scale(.38);
    -ms-transform: scale(.38);
    -o-transform: scale(.38);
    transform: scale(.38);
    top: .18rem;
    left: 5.52rem
}

.p_content .content .media2 .icon .c3 img {
    opacity: .8
}

.p_content .content .media2 .icon .c4 {
    -webkit-transform: scale(.44);
    -moz-transform: scale(.44);
    -ms-transform: scale(.44);
    -o-transform: scale(.44);
    transform: scale(.44);
    top: 2.54rem;
    left: 1.84rem
}

.p_content .content .media2 .icon .c4 img {
    opacity: .8
}

.p_content .content .media2 .icon .c5 {
    -webkit-transform: scale(.42);
    -moz-transform: scale(.42);
    -ms-transform: scale(.42);
    -o-transform: scale(.42);
    transform: scale(.42);
    top: 4.3rem;
    left: 3.66rem
}

.p_content .content .media2 .icon .c5 img {
    opacity: .9
}

.p_content .content .media2 .icon .c6 {
    -webkit-transform: scale(.26);
    -moz-transform: scale(.26);
    -ms-transform: scale(.26);
    -o-transform: scale(.26);
    transform: scale(.26);
    top: 1.7rem;
    left: 3.88rem
}

.p_content .content .media2 .icon .c6 img {
    opacity: .7
}

.p_content .content .media2 .icon .c7 {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3);
    top: -.3rem;
    left: 3.48rem
}

.p_content .content .media2 .icon .c7 img {
    opacity: 1
}

.p_content .content .media3 em {
    top: 5.82rem;
    left: 1.02rem
}

.p_content .content .media3 .yuan {
    top: 5.73rem;
    left: .84rem
}

.p_content .content .media3 .word {
    top: 5.98rem;
    left: .16rem
}

.p_content .content .media3 .icon .c1 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    left: 1.78rem;
    top: .35rem
}

.p_content .content .media3 .icon .c2 {
    -webkit-transform: scale(.28);
    -moz-transform: scale(.28);
    -ms-transform: scale(.28);
    -o-transform: scale(.28);
    transform: scale(.28);
    left: 1.08rem;
    top: 2.26rem
}

.p_content .content .media3 .icon .c2 img {
    opacity: .9
}

.p_content .content .media3 .icon .c3 {
    -webkit-transform: scale(.54);
    -moz-transform: scale(.54);
    -ms-transform: scale(.54);
    -o-transform: scale(.54);
    transform: scale(.54);
    top: .42rem;
    left: 5.4rem
}

.p_content .content .media3 .icon .c3 img {
    opacity: 1
}

.p_content .content .media3 .icon .c4 {
    -webkit-transform: scale(.46);
    -moz-transform: scale(.46);
    -ms-transform: scale(.46);
    -o-transform: scale(.46);
    transform: scale(.46);
    top: 4.02rem;
    left: 2.13rem
}

.p_content .content .media3 .icon .c4 img {
    opacity: .95
}

.p_content .content .media3 .icon .c5 {
    -webkit-transform: scale(.34);
    -moz-transform: scale(.34);
    -ms-transform: scale(.34);
    -o-transform: scale(.34);
    transform: scale(.34);
    left: 4.75rem;
    top: 4.44rem
}

.p_content .content .media3 .icon .c6 {
    -webkit-transform: scale(.22);
    -moz-transform: scale(.22);
    -ms-transform: scale(.22);
    -o-transform: scale(.22);
    transform: scale(.22);
    top: 2.14rem;
    left: 3.4rem
}

.p_content .content .media3 .icon .c6 img {
    opacity: .7
}

.p_content .content .media3 .icon .c7 {
    -webkit-transform: scale(.46);
    -moz-transform: scale(.46);
    -ms-transform: scale(.46);
    -o-transform: scale(.46);
    transform: scale(.46);
    left: 5.9rem;
    top: 2.52rem
}

.p_content .content .media3 .icon .c7 img {
    opacity: .75
}

.p_content .content .media4 em {
    top: 2.07rem;
    left: 9.03rem
}

.p_content .content .media4 .yuan {
    top: 1.96rem;
    left: 10.44rem
}

.p_content .content .media4 .word {
    top: 2.28rem;
    right: -1.6rem
}

.p_content .content .media4 .icon .c1 {
    -webkit-transform: scale(.54);
    -moz-transform: scale(.54);
    -ms-transform: scale(.54);
    -o-transform: scale(.54);
    transform: scale(.54);
    left: 1.3rem;
    top: .2rem
}

.p_content .content .media4 .icon .c2 {
    -webkit-transform: scale(.46);
    -moz-transform: scale(.46);
    -ms-transform: scale(.46);
    -o-transform: scale(.46);
    transform: scale(.46);
    left: 1.9rem;
    top: 2.56rem
}

.p_content .content .media4 .icon .c2 img {
    opacity: .9
}

.p_content .content .media4 .icon .c3 {
    -webkit-transform: scale(.38);
    -moz-transform: scale(.38);
    -ms-transform: scale(.38);
    -o-transform: scale(.38);
    transform: scale(.38);
    top: .18rem;
    left: 5.52rem
}

.p_content .content .media4 .icon .c3 img {
    opacity: .8
}

.p_content .content .media4 .icon .c4 {
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2);
    top: 4.08rem;
    left: 2.4rem
}

.p_content .content .media4 .icon .c4 img {
    opacity: .5
}

.p_content .content .media4 .icon .c5 {
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    -ms-transform: scale(.25);
    -o-transform: scale(.25);
    transform: scale(.25);
    left: 4.8rem;
    top: 3.88rem
}

.p_content .content .media4 .icon .c6 {
    -webkit-transform: scale(.26);
    -moz-transform: scale(.26);
    -ms-transform: scale(.26);
    -o-transform: scale(.26);
    transform: scale(.26);
    top: 1.56rem;
    left: 3.88rem
}

.p_content .content .media4 .icon .c6 img {
    opacity: .7
}

.p_content .content .media4 .icon .c7 {
    -webkit-transform: scale(.26);
    -moz-transform: scale(.26);
    -ms-transform: scale(.26);
    -o-transform: scale(.26);
    transform: scale(.26);
    left: 5.96rem;
    top: 2.38rem
}

.p_content .content .media4 .icon .c7 img {
    opacity: .75
}

.p_content .content .media5 em {
    top: 3.98rem;
    left: 8.54rem
}

.p_content .content .media5 .yuan {
    top: 3.89rem;
    left: 9.96rem
}

.p_content .content .media5 .word {
    top: 4.15rem;
    right: -1.6rem
}

.p_content .content .media5 .icon .c1 {
    -webkit-transform: scale(.54);
    -moz-transform: scale(.54);
    -ms-transform: scale(.54);
    -o-transform: scale(.54);
    transform: scale(.54);
    left: 1.26rem;
    top: .24rem
}

.p_content .content .media5 .icon .c2 {
    -webkit-transform: scale(.52);
    -moz-transform: scale(.52);
    -ms-transform: scale(.52);
    -o-transform: scale(.52);
    transform: scale(.52);
    left: 1.9rem;
    top: 2.5rem
}

.p_content .content .media5 .icon .c2 img {
    opacity: .9
}

.p_content .content .media5 .icon .c3 {
    -webkit-transform: scale(.38);
    -moz-transform: scale(.38);
    -ms-transform: scale(.38);
    -o-transform: scale(.38);
    transform: scale(.38);
    top: .18rem;
    left: 5.48rem
}

.p_content .content .media5 .icon .c3 img {
    opacity: .9
}

.p_content .content .media5 .icon .c4 {
    -webkit-transform: scale(.48);
    -moz-transform: scale(.48);
    -ms-transform: scale(.48);
    -o-transform: scale(.48);
    transform: scale(.48);
    left: 3.66rem;
    top: 4.23rem
}

.p_content .content .media5 .icon .c5 {
    -webkit-transform: scale(.24);
    -moz-transform: scale(.24);
    -ms-transform: scale(.24);
    -o-transform: scale(.24);
    transform: scale(.24);
    top: 1.68rem;
    left: 3.88rem
}

.p_content .content .media5 .icon .c5 img {
    opacity: .8
}

.p_content .content .media5 .icon .c6 {
    -webkit-transform: scale(.32);
    -moz-transform: scale(.32);
    -ms-transform: scale(.32);
    -o-transform: scale(.32);
    transform: scale(.32);
    left: 5.92rem;
    top: 2.38rem
}

.p_content .content .media5 .icon .c6 img {
    opacity: .9
}

.p_content .content .media5 .icon .c7 {
    -webkit-transform: scale(.32);
    -moz-transform: scale(.32);
    -ms-transform: scale(.32);
    -o-transform: scale(.32);
    transform: scale(.32);
    left: 3.32rem;
    top: -.3rem
}

.p_content .content .media5 .icon .c7 img {
    opacity: .9
}

.p_content .content .media6 em {
    top: 5.82rem;
    left: 7.94rem
}

.p_content .content .media6 .yuan {
    top: 5.73rem;
    left: 9.36rem
}

.p_content .content .media6 .word {
    top: 5.98rem;
    right: -.68rem
}

.p_content .content .media6 .icon .c1 {
    -webkit-transform: scale(.32);
    -moz-transform: scale(.32);
    -ms-transform: scale(.32);
    -o-transform: scale(.32);
    transform: scale(.32);
    left: 1.3rem;
    top: .42rem
}

.p_content .content .media6 .icon .c2 {
    -webkit-transform: scale(.46);
    -moz-transform: scale(.46);
    -ms-transform: scale(.46);
    -o-transform: scale(.46);
    transform: scale(.46);
    left: 1.9rem;
    top: 2.75rem
}

.p_content .content .media6 .icon .c2 img {
    opacity: .9
}

.p_content .content .media6 .icon .c3 {
    -webkit-transform: scale(.38);
    -moz-transform: scale(.38);
    -ms-transform: scale(.38);
    -o-transform: scale(.38);
    transform: scale(.38);
    top: .38rem;
    left: 5.52rem
}

.p_content .content .media6 .icon .c3 img {
    opacity: .9
}

.p_content .content .media6 .icon .c4 {
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2);
    top: 4.3rem;
    left: 2.4rem
}

.p_content .content .media6 .icon .c4 img {
    opacity: .5
}

.p_content .content .media6 .icon .c5 {
    -webkit-transform: scale(.46);
    -moz-transform: scale(.46);
    -ms-transform: scale(.46);
    -o-transform: scale(.46);
    transform: scale(.46);
    left: 4.8rem;
    top: 4.15rem
}

.p_content .content .media6 .icon .c6 {
    -webkit-transform: scale(.54);
    -moz-transform: scale(.54);
    -ms-transform: scale(.54);
    -o-transform: scale(.54);
    transform: scale(.54);
    top: 1.82rem;
    left: 3.81rem
}

.p_content .content .media6 .icon .c6 img {
    opacity: 1
}

.p_content .content .media6 .icon .c7 {
    -webkit-transform: scale(.26);
    -moz-transform: scale(.26);
    -ms-transform: scale(.26);
    -o-transform: scale(.26);
    transform: scale(.26);
    left: 5.96rem;
    top: 2.57rem
}

.p_content .content .media6 .icon .c7 img {
    opacity: .9
}

.p_content .content .media7 .icon .c1 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: 4.08rem;
    left: 2.54rem
}

.p_content .content .media7 .icon .c2 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: 4.08rem;
    left: 4.66rem
}

.p_content .content .media7 .icon .c3 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: 2.46rem;
    left: 1.8rem
}

.p_content .content .media7 .icon .c4 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: 2.46rem;
    left: 3.61rem
}

.p_content .content .media7 .icon .c5 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: 2.46rem;
    left: 5.42rem
}

.p_content .content .media7 .icon .c6 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: .6rem;
    left: 2.57rem;
}

.p_content .content .media7 .icon .c7 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: .6rem;
    left: 3.66rem
}

.p_content .content .media7 .icon .c8 {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    top: .6rem;
    left: 4.53rem
}

/*!*-webkit-background-size: cover;*!*//*!*background-size: cover;*!*//*!*-webkit-background-size: cover;*!*//*!*background-size: cover;*!*/
.partnerl .title {
    text-align: center
}

.partnerl .title h2 {
    font-size: 48px;
    color: #fff;
    padding-top: 30px;
    letter-spacing: 12px;
    padding-bottom: 14px;
    letter-spacing: 6px
}

.partnerl .title p {
    font-size: 30px;
    color: #fff;
    letter-spacing: 10px
}

.recruitl {
    padding-top: 68px
}

.recruitl .banner {
    background-image: url(../images/frame/recruit.jpg);
    height: 541px;
    line-height: 541px;
    position: relative;
    z-index: 20
}

.recruitl .banner .word {
    width: 870px
}

.recruitl .job {
    background-image: url(../images/frame/recruit_bg.jpg);
    width: 100%;
    height: 1070px;
    background-position: center center;
    background-size: cover;
    overflow: hidden
}

.recruitl .job .content {
    width: 70%;
    min-width: 985px;
    height: 760px;
    margin: 90px auto 0
}

.recruitl .job .jop-lt {
    float: left;
    width: 745px;
    height: 100%
}

.recruitl .job .jop-lt ul {
    position: relative;
    width: 100%
}

.recruitl .job .jop-lt ul li {
    display: none
}

.recruitl .job .jop-lt ul li.current {
    display: block
}

.recruitl .job .jop-lt h3 {
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    border-bottom: 1px solid #000;
    margin-bottom: 50px;
    font-weight: 700
}

.recruitl .job .jop-lt li b {
    display: block;
    margin: 30px 0;
    font-size: 16px
}

.recruitl .job .jop-lt li p {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 2px;
    margin-left: 30px
}

.recruitl .job .jop-lt li > span {
    float: left;
    font-size: 18px;
    line-height: 30px;
}

.recruitl .job .jop-lt .shenqing {
    display: inline-block;
    width: 185px;
    height: 45px;
    background-color: #e60044;
    font-size: 14px;
    line-height:45px;
    font-weight: 600;
    color: #fff;
    padding: 0 20px 0;
    vertical-align: middle;
    margin-top: 45px;
    background-color: #000;
    color: #fff
}

.recruitl .job .jop-lt .shenqing span {
    display: inline-block;
    height: 19px;
    width: 1px;
    margin-right: 40px;
    margin-left: 40px;
    background-color: #fff;
    vertical-align: middle
}

.recruitl .job .jop-lt .shenqing em {
    vertical-align: middle;
    display: inline-block;
    width: 24px;
    height: 19px;
    background-image: url(../images/frame/xinfeng.png)
}

.recruitl .job .jop-lt .shenqing:hover {
    background-color: #e60044;
    color: #fff
}

.recruitl .job .jop-lt .shenqing:active {
    background-color: #e60044;
    color: #fff
}

.recruitl .job .jop-rt {
    float: right;
    width: 240px;
    height: 100%;
    position: relative
}

.recruitl .job .jop-rt li {
    transition: transform .6s
}

.recruitl .job .jop-rt:hover li.odd {
    transform: rotateZ(0)
}

.recruitl .job .jop-rt:hover li.even {
    transform: rotateZ(0)
}

.recruitl .job .jop-rt:hover li.jop-link a.odd {
    transform: rotateZ(0)
}

.recruitl .job .jop-rt:hover li.jop-link a.even {
    transform: rotateZ(0)
}

.recruitl .job .jop-rt ul {
    position: relative;
    margin-top: 200px
}

.recruitl .job .jop-rt li {
    text-align: center;
    padding-top: 15px;
    font-size: 22px ;
}

.recruitl .job .jop-rt li.current {
    color: #e60044
}

.red {
    color: #e60044
}

.recruitl .job .jop-rt li.odd {
    transform: rotateZ(10deg);
    width: 217px;
    height: 69px;
    margin-top: -34px;
    text-indent: 12px;
    background-image: url(../images/frame/muwen1.png)
}

.recruitl .job .jop-rt li.oddend {
    width: 231px;
    height: 147px;
    margin-top: -34px;
    margin-left: -13px;
    text-indent: 12px;
    background-image: url(../images/frame/muwen3.png)
}

.recruitl .job .jop-rt li.even {
    transform: rotateZ(-10deg);
    width: 217px;
    height: 69px;
    margin-top: -34px;
    margin-left: 12px;
    text-indent: -12px;
    background-image: url(../images/frame/muwen2.png)
}

.recruitl .job .jop-rt li.jop-link {
    position: absolute;
    padding-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.recruitl .job .jop-rt li.jop-link a {
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 1px;
    position: relative;
    z-index: 30;
    font-size: 16px;
    line-height: 50px;
    color: #000;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    transition: transform .6s
}

.recruitl .job li.jop-link a:hover {
    color: #e60044
}

.recruitl .job li.jop-link a.current {
    color: #e60044
}

.recruitl .job li.jop-link a.odd {
    transform: rotateZ(10deg)
}

.recruitl .job li.jop-link a.even {
    transform: rotateZ(-10deg)
}

.recruitl .job .jop-rt .hand {
    position: absolute;
    top: -193px;
    left: 0;
    width: 525px;
    height: 299px;
    background-image: url(../images/frame/shou.png)
}

.recruitl .job .jop-rt .hand span {
    display: block;
    margin-top: 240px;
    margin-left: 90px;
    font-size: 16px ;
    color: #fff;
    font-weight: 700
}

.contactl {
    padding-top: 68px
}

.contactl .banner {
    background-image: url(../images/frame/contact.jpg);
    height: 542px;
    line-height: 542px
}

.contactl .banner .word {
    width: 925px
}

.contactl .map {
    background-color: #fff;
    width: 100%;
    background-position: center center;
    background-size: cover
}

.contactl .map h2 {
    text-align: center;
    font-size: 37px;
    margin-top: 70px
}

.contactl .map .map-w1 {
    width: 800px;
    margin: 50px auto 0;
    font-size: 18px ;
    text-align: center
}

.contactl .map .map-main {
    height: 670px;
    width: 70%;
    min-width: 890px;
    margin: 105px auto 0
}

.contactl .map-main .map-tab {
    width: 100%;
    height: 52px;
    margin-bottom: 25px
}

.contactl .map-main .map-tab ul {
    width: 100%;
    height: 100%
}

.contactl .map-main .map-tab li {
    width: 17.6%;
    float: left;
    margin: 0 1% 0;
    text-align: center;
    font-size: 24px;
    line-height: 52px;
    font-size: 24px;
    line-height: 52px;
    cursor: pointer
}

@media (max-width: 1215px) {
    .contactl .map-main .map-tab li {
        font-size: 18px;
    }
}

.contactl .map-main .map-tab li a {
    position: relative;
    z-index: 2;
    color: #000
}

.contactl .map-main .map-tab li.active {
    background-color: #e60044;
    color: #fff
}

.contactl .map-main .map-tab li.active a {
    color: #fff
}

.contactl .map-main .map-body {
    height: 456px;
    margin: 0 10px 0
}

.contactl .map-main .map-left {
    float: left;
    width: 54%;
    height: 100%;
    background-color: #fff5ee
}

#allmap {
    height: 100%
}
.contactl .map-main .map-card-left{
    float: left;
    width: 54%;
}
.contactl .map-main .map-card-right{
    float: right;
    width: 46%;
    height: 456px;
    background-color: #e60044
    
}

.contactl .map-main .map-body ul {
    width: 100%;
    height: 100%;
    position: relative
}

.contactl .map-main .map-body li {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    color: #fff
}

.contactl .map-main .map-body li.active {
    display: block
}

.contactl .map-main .map-body h3 {
    margin-top: 105px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    -webkit-animation: map-h3 .8s forwards;
    -o-animation: map-h3 .8s forwards;
    animation: map-h3 .8s forwards
}

.contactl .map-main .map-body p {
    text-align: center;
    font-size: 16px;
    margin-top: 60px;
    -webkit-animation: map-h3 .8s forwards;
    -o-animation: map-h3 .8s forwards;
    animation: map-h3 .8s forwards
}

@keyframes map-h3 {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.news {
    padding-top: 68px
}

.news .banner {
    background-image: url(../images/frame/news.jpg);
    height: 541px;
    line-height: 541px;
    position: relative;
    z-index: 20
}

.news .dynamicsnews {
    background-color: #e8e7e7;
    width: 100%;
    background-position: center center;
    background-size: cover;
    overflow: hidden
}

.news .title {
    vertical-align: middle;
    text-align: center
}

.news .dynamicsnews .content {
    width: 70%;
    min-width: 985px;
    margin: 0 auto 0;
    padding-top: 30px;
    background-color: #fff;
    margin-top: 2px
}

.news .newsMain {
    padding: 0 60px 0 60px;
    list-style: none;
    margin: 0;
    min-height: 800px
}

.news .newsMain li {
    display: block;
    list-style: none
}

.news .newsMain .newsRol {
    border-bottom: 1px dashed #ccc;
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative
}

.newsRol:after, .newsRol:before {
    content: "";
    display: table
}

.newsRol:after {
    clear: both
}

.news .newsMain .newsRol .newsRol-L {
    float: left;
    width: 30%
}

.news .newsMain .newsRol .newsRol-L img {
    width: 100%;
    height: 197px;
    object-fit: cover;
    object-position: center top;;
}

.news .newsMain .newsRol .newsRol-R {
    float: right;
    width: 67%;
    margin-left: 10px
}

.news .newsMain .newsRol .newsRol-R h2 {
    font-size: 22px
}

.news .newsMain .newsRol .newsRol-R span {
    font-size: 12px
}

.news .newsMain .newsRol .newsRol-R p {
    font-size: 14px;
    margin-top: 5px;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.news .newsMain .newsRol .newsRol-R i {
    letter-spacing: 1px;
    margin-right: 20px;
    font-style: normal
}

.news .newsMain .newsRol .newsMore {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 54px;
    margin-top: 5px
}

.news .newsMain .newsRol .newsMore a {
    float: right;
    font-size: 14px
}

.news .detailsMain {
    padding: 0 90px 0 90px;
    list-style: none;
    margin: 0
}

.news .detailsMain img {
    max-width: 90%
}

.news .detailsMain i {
    font-style: normal
}

.center {
    text-align: center
}

.center i {
    margin-left: 10px
}

.news .detailsMain h2 {
    font-size: 36px;
    text-align: center;
    margin-top: 29px;
    margin-bottom: 16px
}

.news .detailsMain span {
    font-size: 14px
}

.news .detailsMain p {
    font-size: 14px;
    margin-top: 5px;
    text-align: left
}

.news .detailsMain hr {
    border-color: #fff;
    margin-top: 10px;
    margin-bottom: 43px
}

.news .detailsTool {
    margin-top: 150px
}

#back {
    display: block;
    margin: 0 auto 30px;
    width: 225px;
    height: 65px;
    font-size: 20px;
    background-color: #fff;
    border: 1px solid #999
}

#back:hover {
    border-color: #e60044;
    color: #e60044
}

.news .more {
    margin-left: 90px;
    font-size: 26px
}

.footer {
    position: absolute;
    width: 100%;
    height: 428px;
    background-color: #1f2228
}

.footer .content {
    width: 80%;
    height: 323px;
    min-width: 989px;
    margin: 60px auto 0
}

.footer .left {
    width: 50%;
    min-width: 640px;
    height: 302px;
    position: relative;
    float: left;
    margin-left: 12px
}

.footer .left .ban {
    width: 100%;
    height: 20px
}

.footer .left .ban li {
    height: 20px;
    line-height: 20px
}

.footer .left .ban a {
    font-size: 20px;
    color: #fff;
    display: block
}

.footer .left .ban a:hover {
    color: #e60044
}

.footer .left .ban .ban1 {
    position: absolute;
    left: 0
}

.footer .left .ban .ban2 {
    position: absolute;
    left: 16%
}

.footer .left .ban .ban3 {
    position: absolute;
    left: 32%
}

.footer .left .ban .ban4 {
    position: absolute;
    left: 48%
}

.footer .left .ban .ban5 {
    position: absolute;
    left: 64%
}

.footer .left .ban .ban6 {
    position: absolute;
    left: 80%
}

.footer .left .con {
    width: 100%;
    height: 200px;
    margin-top: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    border-top: 1px solid rgba(255, 255, 255, .3);
    position: relative;
    padding: 27px;
    box-sizing: border-box
}

.footer .left .con > div {
    width: 33%;
    float: left
}

.footer .left .con > div > div {
    width: 100%;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .3);
    box-sizing: border-box;
    position: relative
}

.footer .left .con .img {
    width: 63px;
    height: 63px;
    margin: 20px auto 20px
}

.footer .left .con .detail {
    font-size: 14px;
    color: #fff;
    word-wrap: break-word;
    letter-spacing: 1px;
    font-weight: 700;
    text-align: center;
    padding: 0 10px
}

.footer .left .con .con22 .detail {
    font-size: 16px;
    font-family: Arial
}

.footer .left .con .con33 .detail {
    font-size: 16px;
    font-family: Arial
}

.footer .left .con1 {
    width: 277px;
    height: 140px;
    float: left;
    margin-top: -68px;
    position: absolute;
    top: 50%
}

.footer .left .con .con11 {
    height: 140px;
    float: left
}

.footer .left .con .con11 .img:hover {
    background-image: url(../images/frame/dzhong1.png);
    background-position: center center;
    background-size: cover
}

.footer .left .con .con11 .img {
    background-image: url(../images/frame/dzbai1.png);
    background-position: center center;
    background-size: cover
}

.footer .left .con2 {
    width: 208px;
    height: 140px;
    float: left;
    margin-top: -68px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -99px
}

.footer .left .con .con22 {
    height: 140px;
    float: left
}

.footer .left .con .con22 .img:hover {
    background-image: url(../images/frame/lxhong2.png);
    background-position: center center;
    background-size: cover
}

.footer .left .con .con22 .img {
    background-image: url(../images/frame/lxbai2.png);
    background-position: center center;
    background-size: cover
}

.footer .left .con3 {
    width: 266px;
    height: 140px;
    float: left;
    margin-top: -68px;
    position: absolute;
    top: 50%;
    right: 0
}

.footer .left .con .con33 {
    height: 140px;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0)
}

.footer .left .con .con33 .img:hover {
    background-image: url(../images/frame/yxhong3.png);
    background-position: center center;
    background-size: cover
}

.footer .left .con .con33 .img {
    background-image: url(../images/frame/yxbai3.png);
    background-position: center center;
    background-size: cover
}

.footer .left .banquan {
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin-top: 20px;
    /* width: 700px */
}

.footer .left .banquan a{
    color: #fff;
    display: inline-block;
}

.footer .right {
    width: 290px;
    height: 302px;
    position: relative;
    float: right;
    margin-right: 12px
}

.footer .right img {
    width: 116px;
    height: 174px;
    position: absolute;
    left: 50%;
    margin-left: -59px
}

.footer .right .tel {
    /* font-size: 47px;
    color: #fff;
    font-weight: 700;
    margin-top: 190px;
    text-align: center;
    font-family: Impact */
    margin-top: 190px;
    background-image: url("../images/frame/footer_solgan.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 302px;
    height: 46px;
}

.footer .right .link {
    position: absolute;
    width: 100px;
    height: 40px;
    bottom: 0;
    left: 50%;
    margin-left: -50px
}

.footer .right .link a {
    background-image: url(../images/frame/link1.png);
    background-size: cover
}

.footer .right .link a:hover {
    background-image: url(../images/frame/link2.png);
    background-size: cover
}

.footer .right .sina {
    background-position: 0 39px;
    float: left;
    width: 40px;
    height: 39px
}

.footer .right .sem {
    background-position: 40px 0;
    float: right;
    width: 40px;
    height: 39px
}

.footer .right .sem:hover .code{
    display: block;
}

.footer .right .sem .code{
    background-image: url(../images/frame/code.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 35px;
    top: -115px;
    display: none;
}

.footer .right .sem .code .jiantou{
    display: block;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.page {
    list-style: none;
    margin-left: 85px;
    margin-top: 20px;
    padding-bottom: 20px;
    font-size: 14px
}

.page:after, .page:before {
    content: "";
    display: table
}

.page:after {
    clear: both
}

.page > li {
    float: left;
    padding: 1px 10px;
    cursor: pointer
}

.page .pageItem {
    border: solid thin #DDD;
    margin: 5px
}

.page .pageItemActive {
    border: solid thin #09F;
    margin: 5px;
    background-color: #09F;
    color: #fff
}

.page .pageItem:hover {
    border: solid thin #09F;
    background-color: #09F;
    color: #fff
}

.page .pageItemDisable {
    border: solid thin #DDD;
    margin: 5px;
    background-color: #DDD
}