@charset "utf-8";

* {
}

.one {
    width: 100%;
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ11DI1MgJyqnKjZqESgJ.jpg") no-repeat top center;
    position: relative;
    overflow: hidden;
    padding: 80px 0 20px;
    display: block;
}

.indtxt {
    text-align: center;
}

.indtxt h2 {
    font-size: 40px;
    line-height: 50px;
    color: #2c6bf8;
    font-weight: bold;
    position: relative;
    display: block;
}

.indtxt h2:before {
    width: 280px;
    height: 2px;
    background: #dedede;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -140px;
    content: "";
    display: block;
}

.indtxt h2:after {
    background: #4f4f4f;
    width: 42px;
    height: 8px;
    top: 72px;
    left: 50%;
    margin-left: -21px;
    border-radius: 5px;
    display: block;
    content: "";
    position: absolute;
}

.indtxt h3 {
    color: #666;
    margin-top: 50px;
    width: 100%;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    display: block;
    font-family: "arial";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.indtxt h3 span {
    color: #2c6bf8;
}

.indtxt p {
    width: 100%;
    margin-top: 6px;
    line-height: 24px;
    font-size: 14px;
    color: #888;
    display: block;
}

.sw15m .item1 dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEtZqESgJ.jpg);
}

.sw15m .item1:hover dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEybPTxIsID.jpg);
}

.sw15m .item2 dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEtNqESgJ.jpg);
}

.sw15m .item2:hover dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEybOTxIsID.jpg);
}

.sw15m .item3 dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEtRqESgJ.jpg);
}

.sw15m .item3:hover dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEybNTxIsID.jpg);
}

.sw15m .item4 dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEtLqESgJ.jpg);
}

.sw15m .item4:hover dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEybUTxIsID.jpg);
}

.sw15m .item5 dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEtDqESgJ.jpg);
}

.sw15m .item5:hover dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEybSTxIsID.jpg);
}

.sw15m .item6 dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEtpqESgJ.jpg);
}

.sw15m .item6:hover dt {
    background-image: url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIHENnyuEKTgTEybTTxIsID.jpg);
}

.onenr {
    width: 1304px;
    margin: 60px auto 20px;
    position: relative;
    overflow: hidden;
}

.onenr dl {
    width: 305px;
    background: #fff;
    border-radius: 5px;
    padding: 17px 15px 17px 30px;
    box-sizing: border-box;
    margin-bottom: 80px;
    margin-right: 26px;
    display: block;
    float: left;
}

.onenr dl:nth-child(4n) {
    margin-right: 0;
}

.onenr dl dt {
    width: 100px;
    float: left;
    position: relative;
}

.onenr dl dt h2 {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    display: block;
    height: 25px;
    position: relative;
    overflow: hidden;
}

.onenr dl dt em {
    font-style: normal;
    width: 30px;
    height: 2px;
    background: #fff;
    float: left;
    display: block;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

.onenr dl dt p {
    padding-top: 5px;
    height: 40px;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    position: relative;
    overflow: hidden;
}

.onenr dl dt span a {
    font-size: 12px;
    width: 78px;
    height: 26px;
    display: block;
    border: 1px solid #fff;
    text-align: center;
    line-height: 26px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.onenr dl dd {
    width: 156px;
    float: right;
}

.onenr dl:hover dd img {
    animation: grafpaintb 1s infinite ease-in-out
}

@keyframes grafpaintb {
    0% {
        transform: rotate(0deg)
    }
    10% {
        transform: rotate(10deg)
    }
    20% {
        transform: rotate(-10deg)
    }
    30% {
        transform: rotate(10deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    50% {
        transform: rotate(0deg)
    }
}

.onenr dl:hover dt span a {
    background: #fff;
    border: 1px solid #fff;
}

.onenr dl:nth-child(1):hover dt span a {
    color: #f5bfd6;
}

.onenr .item2:hover dt span a {
    color: #99dff5;
}

.onenr .item3:hover dt span a {
    color: #eb99f5;
}

.onenr .item4:hover dt span a {
    color: #99f5de;
}

.onenr .item5:hover dt span a {
    color: #cbf599;
}

.onenr .item6:hover dt span a {
    color: #f5c999;
}

.onenr dl:nth-child(7):hover dt span a {
    color: #f59f99;
}

.onenr dl:nth-child(8):hover dt span a {
    color: #bacaef;
}

.onenr dl:nth-child(1) {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHNOkQJyV.jpg") no-repeat center;
}

.onenr .item2 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHNkkQJyV.jpg") no-repeat center;
}

.onenr .item3 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHNukQJyV.jpg") no-repeat center;
}

.onenr .item4 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHOEkQJyV.jpg") no-repeat center;
}

.onenr .item5 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHOOkQJyV.jpg") no-repeat center;
}

.onenr .item6 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHOkkQJyV.jpg") no-repeat center;
}

.onenr dl:nth-child(7) {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHOukQJyV.jpg") no-repeat center;
}

.onenr dl:nth-child(8) {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKRAHPEkQJyV.jpg") no-repeat center;
}

.two {
    width: 100%;
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ11DI1MgJyqnKjLqKxIJ.jpg") no-repeat top center;
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    display: block;
}

.twoa {
    position: relative;
    text-align: center;
}

.twoa h2 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 50px;
    display: block;
    position: relative;
}

.twoa h2:before {
    width: 64px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -32px;
    content: "";
    display: block;
}

.twoa p {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    margin-top: 40px;
    display: block;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
}

/*.twoa h2{ font-size: 38px; color: #fff; text-align: center; line-height: 40px; display: block; position: relative; }

.twoa h2:before{ width:52px; height: 3px; background: #fff; position: absolute; top:55px; left: 50%; margin-left: -26px; content: ""; display: block;  }*/

.twoanr {
    width: 360px;
    margin: 0 auto;
    position: relative;
}

.twoanr li {
    width: 90px;
    float: left;
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}

.twoapc {
    width: 360px;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
}

.twoapc li {
    width: 90px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.twoapc li img {
    max-width: 90px;
    max-height: 40px;
    display: block;
    vertical-align: middle;
    margin: auto;
}

.twoapc li:before {
    width: 1px;
    height: 20px;
    background: #f2f2f2;
    position: absolute;
    top: 12px;
    left: 50%;
    left: 89px;
    content: "";
    display: block;
}

.twoapc li:last-child:before {
    display: none;
}

.twob {
    margin: -40px auto 0;
    position: relative;
    overflow: hidden;
}

.twob dl {
    width: 16%;
    float: left;
    display: block;
    padding: 134px 18px 50px 18px;
    margin-right: 0.8%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transition-duration: .5s;

    -moz-transition-duration: .5s; /* Firefox 4 */

    -webkit-transition-duration: .5s; /* Safari 和 Chrome */

    -o-transition-duration: .5s; /* Opera */
}

.twob dl dt {
    width: 100%;
    height: 110px;
    display: block;
}

.twob dl dd {
    width: 100%;
    padding-top: 20px;
    display: block;
}

.twob dl dd h3 {
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    display: block;
    font-weight: bold;
    height: 35px;
    position: relative;
}

.twob dl dd p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin-top: 5px;
    text-indent: 2em;
}

.twob .item1 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKScKNOkQJyV.jpg") no-repeat top center;
}

.twob .item2 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKScKNkkQJyV.jpg") no-repeat top center;
}

.twob .item3 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKScKNukQJyV.jpg") no-repeat top center;
}

.twob .item4 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKScKOEkQJyV.jpg") no-repeat top center;
}

.twob .item5 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKScKOOkQJyV.jpg") no-repeat top center;
}

.twob .item6 {
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKScKOkkQJyV.jpg") no-repeat top center;
    margin-right: 0;
}

.twob dl:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    cursor: pointer;
}

.twoc {
    position: relative;
    padding: 40px 0;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2c6bf8;
    line-height: 50px;
}

.three {
    width: 100%;
    background:#f9f9f9;
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    display: block;
}

.threea {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.threea h2 {
    font-size: 40px;
    font-weight: bold;
    color: #666;
    text-align: center;
    line-height: 50px;
    display: block;
    position: relative;
}

.threea h2:before {
    width: 64px;
    height: 3px;
    background: #2c6bf8;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -32px;
    content: "";
    display: block;
}

.threea p {
    font-size: 18px;
    color: #666;
    line-height: 25px;
    margin-top: 40px;
    display: block;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
}

.threeb {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
}

.threeb dl {
    width: 23%;
    display: block;
    float: left;
    margin: 0 1%;
    position: relative;
}

.threeb dl dt {
    padding: 20px;
    box-sizing: border-box;
    -moz-box-shadow: 0px 0px 10px #ccc;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    box-shadow: 0px 0px 10px #ccc;
    background: #fff;
    border-radius: 5px;
}

.threeb dl dt img {
    width: 100%;
    height: 220px;
}

.threeb dl dd {
    width: 100%;
    padding-top: 10px;
}

.threeb dl dd h3 {
    width: 200px;
    margin: 0 auto;
    line-height: 70px;
    height: 70px;
    text-align: center;
    font-size: 20px;
    border-bottom: 2px solid #999;
}

.threeb dl dd p {
    width: 100%;
    display: block;
    line-height: 25px;
    font-size: 16px;
    color: #666;
    padding: 20px;
    box-sizing: border-box;
}

.ljszd {
    width: 415px;
    margin: 0 auto;
    position: relative;
    height: 50px;
    display: block;
}

.ljzx a {
    width: 148px;
    height: 48px;
    background: #2c6bf8;
    line-height: 48px;
    border: 1px solid #2c6bf8;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.mfhq a {
    width: 263px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #2c6bf8;
    text-align: center;
    font-size: 16px;
    color: #2c6bf8;
    float: right;
}

.threeb dl:hover dt img {
    animation: grafpainta 1s infinite ease-in-out
}

@keyframes grafpainta {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
    30% {
        transform: scale(1.1)
    }
    40% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    60% {
        transform: scale(1)
    }
}

.four {
    width: 100%;
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ11DI1MgJyqnKjRqESgJ.jpg") no-repeat top center #f6f6f6;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    display: block;
}

.foura {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
}

.foura h2 {
    font-size: 40px;
    color: #2c6bf8;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
}

.foura h2 span {
    display: inline-block;
    margin-right: 20px;
}

.foura h2 em {
    width: 4px;
    height: 30px;
    background: #2c6bf8;
    display: inline-block;
    margin: 13px 10px 0;
}

.foura h2:before {
    width: 64px;
    height: 3px;
    background: #2c6bf8;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -32px;
    content: "";
    display: block;
}

.foura p {
    font-size: 18px;
    line-height: 40px;
    color: #666;
    text-align: center;
    display: block;
    margin-top: 40px;
}

.fourpc {
    width: 1300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 40px 0 50px;
}

.fourpc dl {
    width: 313px;
    float: left;
    margin-right: 16px;
    display: block;
    position: relative;
}

.fourpc dl dt {
    width: 100%;
    display: block;
}

.fourpc dl dt img {
    width: 100%;
    height: 234px;
    display: block;
}

.fourpc dl:last-child {
    margin-right: 0;
}

.fourpc dl dd {
    width: 277px;
    height: 66px;
    position: absolute;
    top: 201px;
    left: 18px;
    display: block;
    background: #fff;
    text-align: center;
    line-height: 66px;
    font-size: 22px;
    color: #666;
    -moz-box-shadow: 0px 0px 10px #ccc;

    -webkit-box-shadow: 0px 0px 10px #ccc;

    box-shadow: 0px 0px 10px #ccc;
}

.fourpc dl dd span {
    width: 40px;
    height: 20px;
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ1OonyuEKScEU0WqHj.jpg") no-repeat center;
    display: none;
    margin: 0 auto;
}

.fourpc dl:hover dd {
    line-height: 40px;
    color: #2c6bf8;
    cursor: pointer;
}

.fourpc dl:hover dd span {
    display: block;
}

.fourb {
    width: 1300px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-size: 18px;
    color: #666;
    line-height: 81px;
    padding-top: 30px
}

.fourb:before {
    width: 70px;
    height: 1px;
    background: #666;
    position: absolute;
    top: 70px;
    left: 0;
    content: "";
    display: block;
}

.fourb:after {
    width: 70px;
    height: 1px;
    background: #666;
    position: absolute;
    top: 70px;
    right: 0;
    content: "";
    display: block;
}

.five {
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    display: block;
}

.fivea {
    width: 1300px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.fivea dl {
    width: 260px;
    height: 125px;
    float: left;
    display: block;
    padding: 20px 15px 0;
    box-sizing: border-box;
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIIERIu9LD1Z.jpg") no-repeat top center;
    transition: all 1s;
}

.fivea dl dt {
    width: 82px;
    height: 82px;
    padding: 5px 0;
    float: left;
}

.fivea dl dt img {
    width: 82px;
    height: 82px;
    transition: all 1s;
}

.fivea dl dd {
    width: 140px;
    float: right;
}

.fivea dl dd h5 {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    display: block;
    position: relative;
}

.fivea dl dd h6 {
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    display: block;
    position: relative;
}

.fivea dl dd h3 {
    font-size: 20px;
    line-height: 40px;
    padding-top: 10px;
    color: #fff;
    font-weight: bold;
    display: block;
    position: relative;
}

.fivea dl dd h4 {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    display: block;
    position: relative;
}

.fivea dl dd em {
    width: 110px;
    height: 1px;
    display: block;
    float: left;
    margin-top: 3px;
    position: relative;
    background: #fff;
}

.fivea dl dd p {
    font-size: 12px;
    color: #fff;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.fivea dl:nth-child(even) {
    background: #f9fafc;;
}

.fivea dl:nth-child(even) h3, .fivea dl:nth-child(even) h4, .fivea dl:nth-child(even) h5, .fivea dl:nth-child(even) h6 {
    color: #000;
}

.fivea dl:nth-child(even) em {
    background: #bfbfbf;
}

.fivea dl:nth-child(even) p {
    color: #666;
}

.fivea dl:hover dt img {
    transform: scale(1.1);
}

.qygse {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
}

.qygse h3 {
    font-size: 28px;
    color: #2c6bf8;
    text-align: center;
    display: block;
    position: relative;
    overflow: hidden;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 20px;
}

.qygse h3:before {
    width: 54px;
    left: 50%;
    margin-left: -27px;
    height: 2px;
    background: #2c6bf8;
    top: 40px;
    display: block;
    position: absolute;
    content: "";
}

.qygse span {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    display: block;
    position: relative;
}

.fiveb {
    width: 850px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-size: 18px;
    letter-spacing: 5px;
    color: #757373;
    line-height: 41px;
    padding-top: 30px
}

.fiveb:before {
    width: 130px;
    height: 1px;
    background: #7d7d7d;
    position: absolute;
    top: 50px;
    left: 0;
    content: "";
    display: block;
}

.fiveb:after {
    width: 130px;
    height: 1px;
    background: #7d7d7d;
    position: absolute;
    top: 50px;
    right: 0;
    content: "";
    display: block;
}

.six {
    width: 100%;
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrIycNDO9PKIZ.jpg") no-repeat center top;
}

.sixa {
    width: 950px;
    margin: 0 auto;
    padding: 670px 0 60px;
    display: block;
    position: relative;
    overflow: hidden;
}

.sixa dl {
    width: 150px;
    display: block;
    margin: 0 20px;
    float: left;
}

.sixa dl dt {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #2c6bf8;
    line-height: 60px;
    display: block;
    height: 60px;
}

.sixa dl dd {
    width: 100%;
    line-height: 35px;
    height: 35px;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333;
}

.gwtf {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    background: #f8f8f8;
    padding: 80px 0;
}

.inditu {
    width: 1220px;
    margin: 20px auto 0;
    background: url("/DxMFDSkFUIOUEu4pUEgpKSAHHHLrJ11DnyIoE0RoDIkH.jpg") no-repeat right top;
    position: relative;
    padding: 40px 0;
    box-sizing: border-box;
    overflow: hidden;
}

.gwtdt {
    width: 120px;
    float: left;
    padding-left: 40px;
}

.gwtdt dl {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    float: left;
}

.gwtdt dl dt {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2c6bf8;
    line-height: 40px;
    display: block;
    height: 40px;
}

.gwtdt dl dd {
    width: 50%;
    float: left;
    line-height: 30px;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.csfbt {
    width: 852px;
    float: right;
    position: relative;
}

.dot1 {
    left: 761px;
    top: 125px;
    position: absolute;
}

.dot2 {
    left: 723px;
    top: 160px;
    position: absolute;
}

.dot3 {
    left: 692px;
    top: 225px;
    position: absolute;
}

.dot4 {
    left: 590px;
    top: 238px;
    position: absolute;
}

.dot5 {
    left: 605px;
    top: 250px;
    position: absolute;
}

.dot6 {
    left: 575px;
    top: 255px;
    position: absolute;
}

.dot7 {
    left: 610px;
    top: 290px;
    position: absolute;
}

.dot8 {
    left: 535px;
    top: 295px;
    position: absolute;
}

.dot9 {
    left: 550px;
    top: 355px;
    position: absolute;
}

.dot10 {
    left: 397px;
    top: 378px;
    position: absolute;
}

.dot11 {
    left: 600px;
    top: 362px;
    position: absolute;
}

.dot12 {
    left: 642px;
    top: 370px;
    position: absolute;
}

.dot13 {
    left: 560px;
    top: 395px;
    position: absolute;
}

.dot14 {
    left: 472px;
    top: 405px;
    position: absolute;
}

.dot15 {
    left: 522px;
    top: 425px;
    position: absolute;
}

.dot16 {
    left: 665px;
    top: 380px;
    position: absolute;
}

.dot17 {
    left: 640px;
    top: 410px;
    position: absolute;
}

.dot18 {
    left: 470px;
    top: 450px;
    position: absolute;
}

.dot19 {
    left: 620px;
    top: 455px;
    position: absolute;
}

.dot20 {
    left: 580px;
    top: 450px;
    position: absolute;
}

.dot21 {
    left: 400px;
    top: 490px;
    position: absolute;
}

.dot22 {
    left: 480px;
    top: 500px;
    position: absolute;
}

.dot23 {
    left: 575px;
    top: 505px;
    position: absolute;
}

.dot24 {
    left: 485px;
    top: 350px;
    position: absolute;
}

/*.dot25{ left: 522px; top: 405px; position: absolute;}

.dot26{ left: 665px; top: 360px; position: absolute;}

.dot27{ left: 640px; top: 390px; position: absolute;}

.dot28{ left: 470px; top: 430px; position: absolute;}

.dot29{ left: 620px; top: 435px; position: absolute;}*/

.dot1:before, .dot2:before, .dot3:before, .dot4:before, .dot5:before, .dot6:before, .dot7:before, .dot8:before, .dot9:before, .dot10:before, .dot11:before, .dot12:before, .dot13:before, .dot14:before, .dot15:before, .dot16:before, .dot17:before, .dot18:before, .dot19:before, .dot20:before, .dot21:before, .dot22:before, .dot23:before, .dot24:before, .dot25:before, .dot26:before, .dot27:before, .dot28:before, .dot2:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #ff4200;
    border-radius: 50%;
}

.dot1:after, .dot2:after, .dot3:after, .dot4:after, .dot5:after, .dot6:after, .dot7:after, .dot8:after, .dot9:after, .dot10:after, .dot11:after, .dot12:after, .dot13:after, .dot14:after, .dot15:after, .dot16:after, .dot17:after, .dot18:after, .dot19:after, .dot20:after, .dot21:after, .dot22:after, .dot23:after, .dot24:after, .dot25:after, .dot26:after, .dot27:after, .dot28:after, .dot29:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 10px;
    border: 1px solid #ff4200;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset;
    -webkit-animation-name: 'ripple'; /*动画属性名,也就是我们前面keyframes定义的动画名*/
    -webkit-animation-duration: 2s; /*动画持续时间*/
    -webkit-animation-timing-function: ease; /*动画频率,和transition-timing-function是一样的*/
    -webkit-animation-delay: 0s; /*动画延迟时间*/
    -webkit-animation-iteration-count: infinite; /*定义循环资料,infinite为无限次*/
    -webkit-animation-direction: normal; /*定义动画方式*/
}

@keyframes ripple {

    0% {
        left: 5px;
        top: 5px;
        opcity: 100;
        width: 0;
        height: 0;
    }

    100% {
        left: -20px;
        top: -20px;
        opacity: 0;
        width: 50px;
        height: 50px;
    }

}

.shizixun {
    background:url(/DxMFDSkFUIOUEu4pUEgpKSAHHHLrKSMQEz5DIOcsDIH.jpg) bottom center no-repeat;
    padding-bottom: 40px;
}

.article_list {
    overflow: hidden;
}

.lihover {
    width: 24%;
    margin-right: 1.3333%;
    margin-bottom: 5px;
    float: left;
    box-sizing: border-box;
    padding: 12px;
    border: 2px solid #ddd;
}
.lihover.last{
    margin-right: 0;
}
.lihover .img {
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

.img_load {
    margin: 0px auto;
    position: relative;
    max-width: 100%;
    display: block;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.img_load:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.wp-new-article h3 {
    font-size: 18px;
    padding-top: 3px;
    color: #000000;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wp-new-article a:hover {
    color: #fa4c4c;
}
.wp-new-article p{
    font-size: 15px;
    color: #444;
    line-height: 26px;
    height: 104px;
    text-indent: 2em;
    overflow: hidden;
}
.shizixun-bor {
    border-top: 3px solid #ddd;
    width: 100%;
    margin: 15px 0;
}

.text-left {
    text-align: left;
}

.pad-top {
    padding-top: 35px;
}

.new-left {
    display: block;
    width: 100%;
}

.new-right {
    float: right;
}

.new-left li {
    width: 47.5%;
    float: left;
    margin-right: 5%;
    padding-top: 25px;
}

.new-left li.mar0{
    margin-right: 0;
    float: right;
}

.category a {
    color: #008eff;
}

.pro-time {
    color: #a3a3a3;
}

.wpart-border-line {
    margin-bottom: 12px;
    padding-top: 12px;
    border-bottom: 1px dashed #d6d6d6;
}
.shizixun .ljszd{
    margin: 40px auto 0;
}
.link {
    float: left;
    width: 80%;
}
.link h3{
    width: 78%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}
.link span{
    float: left;
    margin-right: 10px;
}
.link a.bianse:hover {
    color: #fa4c4c;
}

.time {
    float: right;
}