@keyframes run-2018ec76{0%{background-position:0 -1060px}to{background-position:0 0}}@keyframes back-2018ec76{0%{background-position:0 0}to{background-position:0 -1060px}}.u_index_box .main-one a[data-v-2018ec76]:hover{color:#004991}.u_index_box .main-one .main-center[data-v-2018ec76]{width:1364px;margin:25px auto 35px}@media only screen and (max-width:1600px){.u_index_box .main-one .main-center[data-v-2018ec76]{width:1088px}}.u_index_box .main-one .main-center .main-center-top[data-v-2018ec76]{width:100%;display:flex;justify-content:space-between}.u_index_box .main-one .main-center .main-center-top .main-center-left[data-v-2018ec76]{width:74%;margin-right:20px}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box[data-v-2018ec76]{width:100%;position:relative}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box[data-v-2018ec76] .el-carousel,.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box[data-v-2018ec76] .el-carousel .el-carousel__container{height:100%}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box[data-v-2018ec76] .el-carousel .el-carousel__container .el-carousel__item:nth-child(2n){background-color:#99a9bf}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box[data-v-2018ec76] .el-carousel .el-carousel__container .el-carousel__item:nth-child(odd){background-color:#d3dce6}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper1[data-v-2018ec76]{overflow:hidden}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper1 img[data-v-2018ec76]{width:100%;height:100%;display:block}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2[data-v-2018ec76]{width:100%;height:40px;position:absolute;bottom:0;background-color:rgba(0,0,0,.2);z-index:10}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiper2-center[data-v-2018ec76]{height:100%}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiper2-center ul[data-v-2018ec76]{height:100%;display:flex;align-items:center;justify-content:space-around}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiper2-center ul li[data-v-2018ec76]{display:flex;align-items:center;color:rgba(229,229,213,.8);cursor:pointer}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiper2-center ul li.li-check[data-v-2018ec76]{color:#fff}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiper2-center ul li.li-check h3[data-v-2018ec76]{font-weight:700}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiperBox[data-v-2018ec76]{height:100%}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiperBox .swiper-wrapper[data-v-2018ec76]{width:100%;height:100%}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiperBox .swiper-wrapper .swiper-slide[data-v-2018ec76]{color:#e5e5e5;display:flex;align-items:center}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiperBox .swiper-wrapper .swiper-slide h3[data-v-2018ec76]{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u_index_box .main-one .main-center .main-center-top .main-center-left .swiper-box #swiper2 .swiperBox .swiper-wrapper .swiper-slide-active h3[data-v-2018ec76]{color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u_index_box .main-one .main-center .main-center-top .main-center-right[data-v-2018ec76]{width:330px;min-height:200px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom[data-v-2018ec76],.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top[data-v-2018ec76]{width:100%;border:1px solid #e5e5e5}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top[data-v-2018ec76]{background:#fff;min-height:276px;margin-bottom:10px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-one[data-v-2018ec76]{display:flex;align-items:center;padding:18px 28px 12px;font-size:14px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-one>div.d-one[data-v-2018ec76]{width:44px;height:44px;background:#e5e5e5;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-one>div[data-v-2018ec76]:nth-child(2){margin-left:10px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-one>div:nth-child(2) p[data-v-2018ec76]{color:#000}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-one>div:nth-child(2) a[data-v-2018ec76]:hover{opacity:.8}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-two[data-v-2018ec76]{padding:0 28px 10px;display:flex;justify-content:space-around;align-items:center}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-two a[data-v-2018ec76]{text-align:center}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-two button[data-v-2018ec76]{padding-left:25px;padding-right:25px;background-color:#004991;border:1px solid #004991}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-two button[data-v-2018ec76]:hover{opacity:.7}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-three[data-v-2018ec76]{width:100%;height:30px;line-height:30px;text-align:center;color:#c70000;background:linear-gradient(180deg,#f8fbff,#d8ebff)}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four[data-v-2018ec76]{padding:15px 0}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four ul[data-v-2018ec76]{display:flex;flex-wrap:wrap;justify-content:space-between}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four ul li[data-v-2018ec76]{width:33.33%;cursor:pointer}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four ul li>a[data-v-2018ec76]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four ul li>a div[data-v-2018ec76]{width:20px;height:20px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four ul li>a p[data-v-2018ec76]{font-size:12px;color:#6e6e6e;margin-top:6px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four ul li:hover>a p[data-v-2018ec76]{color:#004991}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-top .top-four ul li[data-v-2018ec76]:nth-child(n+4){margin-top:15px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom[data-v-2018ec76]{background:#fff;min-height:134px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one[data-v-2018ec76]{background:#fff}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div[data-v-2018ec76]:first-child{font-size:18px;height:42px;line-height:42px;padding-left:18px;font-weight:700;border-bottom:1px solid #e5e5e5}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div[data-v-2018ec76]:nth-child(2){min-height:84px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul[data-v-2018ec76]{padding:10px 0;height:100%;display:flex;align-items:center;justify-content:start;flex-wrap:wrap}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul li[data-v-2018ec76]{width:33.33%;cursor:pointer}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul li>a[data-v-2018ec76]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul li>a div[data-v-2018ec76]{width:20px;height:18px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul li>a div img[data-v-2018ec76]{display:block}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul li>a p[data-v-2018ec76]{font-size:12px;color:#6e6e6e;margin-top:5px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul li:hover>a p[data-v-2018ec76]{color:#004991}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-one>div:nth-child(2) ul li[data-v-2018ec76]:nth-of-type(n+4){padding-top:22px}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-two[data-v-2018ec76]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:40px 0 10px;overflow:hidden}@media only screen and (max-width:1600px){.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-two[data-v-2018ec76]{display:none}}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-two .two-top[data-v-2018ec76]{width:290px;height:24px;background:#c70000;color:#fff;position:absolute;top:10px;left:-1px;font-size:12px;line-height:24px;padding:0 10px;overflow:hidden;z-index:2}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-two .two-top div[data-v-2018ec76]{position:absolute;right:-15px;top:0;width:24px;height:24px;background:#fff;transform:rotate(45deg)}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-two img[data-v-2018ec76]{display:block}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-two p[data-v-2018ec76]{position:absolute;right:10px;bottom:10px;font-size:12px;color:#202020;z-index:2}.u_index_box .main-one .main-center .main-center-top .main-center-right .right-bottom-two .swiper-container .swiper-wrapper[data-v-2018ec76]{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}.u_index_box .main-one .main-center-b1[data-v-2018ec76]{margin-top:27px;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between}.u_index_box .main-one .main-center-b1 div.d-list[data-v-2018ec76]{width:160px;height:60px;display:flex;align-items:center;position:relative}.u_index_box .main-one .main-center-b1 div.d-list:hover span[data-v-2018ec76]{color:#000}.u_index_box .main-one .main-center-b1 div.d-list:hover .d-list-left[data-v-2018ec76]{animation:run-2018ec76 .5s steps(20) forwards}.u_index_box .main-one .main-center-b1 div.d-list-left-1[data-v-2018ec76]{background-image:url(https://resources.17font.com/vt/res/img/1.81e39cb.png)}.u_index_box .main-one .main-center-b1 div.d-list-left-1[data-v-2018ec76]:after{content:"爆";position:absolute;top:-5px;left:40px;font-size:12px;color:#fff;padding:2px;line-height:1;background:#f83d3d;border-radius:3px}.u_index_box .main-one .main-center-b1 div.d-list-left-2[data-v-2018ec76]{background-image:url(https://resources.17font.com/vt/res/img/2.485bdc2.png)}.u_index_box .main-one .main-center-b1 div.d-list-left-2[data-v-2018ec76]:after{content:"热";position:absolute;top:-5px;left:40px;font-size:12px;color:#fff;padding:2px;line-height:1;background:#f83d3d;border-radius:3px}.u_index_box .main-one .main-center-b1 div.d-list-left-3[data-v-2018ec76]{background-image:url(https://resources.17font.com/vt/res/img/3.dcf7e4a.png)}.u_index_box .main-one .main-center-b1 div.d-list-left-4[data-v-2018ec76]{background-image:url(https://resources.17font.com/vt/res/img/4.1be5a9d.png)}.u_index_box .main-one .main-center-b1 div.d-list-left-5[data-v-2018ec76]{background-image:url(https://resources.17font.com/vt/res/img/5.678f014.png)}.u_index_box .main-one .main-center-b1 div.d-list-left[data-v-2018ec76]{width:53px;height:53px;background-color:#f5f8fa;background-repeat:no-repeat;background-size:53px auto;background-position:0 -1060px;animation:back-2018ec76 .5s steps(20) forwards}.u_index_box .main-one .main-center-b1 div.d-list-right[data-v-2018ec76]{height:53px;display:flex;flex-direction:column;justify-content:space-around;margin-left:5px}.u_index_box .main-one .main-center-b1 div.d-list-right div[data-v-2018ec76]{display:flex;align-items:center;line-height:1}.u_index_box .main-one .main-center-b1 div.d-list-right div span[data-v-2018ec76]:first-of-type{font-weight:700;font-size:16px}.u_index_box .main-one .main-center-b1 div.d-list-right div span[data-v-2018ec76]:nth-of-type(2){margin-left:2px;color:#fff;padding:3px 4px;font-size:12px;background:#004991;border-radius:2px}.u_index_box .main-one .main-center-b1 div.d-list-right p[data-v-2018ec76]{font-size:14px;color:#8c8d9e}.u_index_box .main-one .main-center-b1 div.d1[data-v-2018ec76]{display:flex;justify-content:center;align-items:center;background:linear-gradient(271deg,#004991,#84b9ff);color:#fff;border-radius:6px}@media only screen and (max-width:1600px){.u_index_box .main-one .main-center-b1 div.d1[data-v-2018ec76]{width:150px;height:60px}.u_index_box .main-one .main-center-b1 div.d1 p[data-v-2018ec76]{font-size:16px}}.u_index_box .main-one .main-center-b1 div.d1[data-v-2018ec76]:hover{opacity:.9}.u_index_box .main-one .main-center-b1 div.d1 i[data-v-2018ec76]{font-size:24px}.u_index_box .main-one .main-center-b1 div.d1 p[data-v-2018ec76]{margin-left:5px;font-size:18px;font-weight:700}.u_index_box .main-one .main-center-b1 a.a3[data-v-2018ec76]{font-size:24px;display:flex;align-items:center}.u_index_box .main-one .main-center-b1 div.d-animation[data-v-2018ec76]{width:53px;height:53px}.u_index_box .main-two[data-v-2018ec76]{background:#f2f2f2}.u_index_box .main-two .main-center[data-v-2018ec76]{width:1364px;margin:0 auto}@media only screen and (max-width:1600px){.u_index_box .main-two .main-center[data-v-2018ec76]{width:1088px}}.u_index_box .main-two .main-center .center-one[data-v-2018ec76]{padding-top:50px}.u_index_box .main-two .main-center .center-one h5[data-v-2018ec76]{font-size:36px;font-weight:700;text-align:center}@media only screen and (max-width:1600px){.u_index_box .main-two .main-center .center-one h5[data-v-2018ec76]{font-size:30px}}.u_index_box .main-two .main-center .center-one p[data-v-2018ec76]{margin:15px 0;font-size:18px;color:#8c8d9e;text-align:center}.u_index_box .main-two .main-center .center-one ol[data-v-2018ec76]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.u_index_box .main-two .main-center .center-one ol li[data-v-2018ec76]{width:330px;border-radius:4px;margin-top:20px;background:#fff;overflow:hidden}@media only screen and (max-width:1600px){.u_index_box .main-two .main-center .center-one ol li[data-v-2018ec76]{width:260px}}.u_index_box .main-two .main-center .center-one ol li .font-out-box[data-v-2018ec76]{overflow:hidden}.u_index_box .main-two .main-center .center-one ol li img[data-v-2018ec76]{width:100%;display:block;transition:all .1s linear}.u_index_box .main-two .main-center .center-one ol li h3[data-v-2018ec76]{font-size:20px;line-height:60px;text-align:center}.u_index_box .main-two .main-center .center-one ol li .h3_day[data-v-2018ec76]{font-size:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 15px}.u_index_box .main-two .main-center .center-one ol li:hover img[data-v-2018ec76]{transform:scale(1.1)}.u_index_box .main-two .main-center .center-one-two[data-v-2018ec76]{padding-bottom:50px}.u_index_box .main-two .main-center .all-btn[data-v-2018ec76]{padding-bottom:20px;text-align:center}.u_index_box .main-three[data-v-2018ec76]{padding:30px 0 50px;background:#fff}.u_index_box .main-three h5[data-v-2018ec76]{font-size:36px;font-weight:700;text-align:center}@media only screen and (max-width:1600px){.u_index_box .main-three h5[data-v-2018ec76]{font-size:30px}}.u_index_box .main-three p[data-v-2018ec76]{margin:25px auto;font-size:14px;color:#8c8d9e;text-align:center;padding:0 90px;line-height:1.8}.u_index_box .main-three .case-box[data-v-2018ec76]{height:800px;position:relative;overflow:hidden}.u_index_box .main-three .case-box[data-v-2018ec76]:before{position:absolute;width:100%;content:"";height:250px;pointer-events:none;z-index:2;bottom:0}.u_index_box .main-three .case-box .case-box-btn[data-v-2018ec76]{width:100%;height:250px;position:absolute;left:0;bottom:0;z-index:3;background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0))}.u_index_box .main-three .case-box .case-box-btn[data-v-2018ec76]:hover{background:linear-gradient(0deg,#dde5ee,hsla(0,0%,100%,0))}.brand_myfonts[data-v-2018ec76]{background:#f1f4f7}.brand_myfonts .ziku_box[data-v-2018ec76]{background:#fff}.brand_myfonts .top_ziku[data-v-2018ec76]{position:relative;margin:0 auto;width:1364px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:1600px){.brand_myfonts .top_ziku[data-v-2018ec76]{width:1088px}}.brand_myfonts .top_ziku>a[data-v-2018ec76]{position:absolute;left:-170px}.brand_myfonts .top_ziku>a img[data-v-2018ec76]{width:170px}.brand_myfonts .top_ziku ul.wrapper[data-v-2018ec76]{margin:0 auto;display:flex;flex-flow:row;justify-content:center;align-items:center}.brand_myfonts .top_ziku ul.wrapper .li_1[data-v-2018ec76]{color:#222;border-bottom:2px solid #222}.brand_myfonts .top_ziku ul.wrapper li[data-v-2018ec76]{color:#999;cursor:pointer;padding:0 20px;margin:0 20px;font-size:20px;font-weight:700;border-bottom:2px solid transparent}.brand_myfonts .top_ziku ul.wrapper li div[data-v-2018ec76]{width:100%;height:100%}.brand_myfonts .top_ziku ul.wrapper li div>a[data-v-2018ec76]{width:100%;height:100%;padding:16px 0;position:relative;display:flex;align-items:center;overflow:hidden}.brand_myfonts .top_ziku ul.wrapper li[data-v-2018ec76]:hover{color:#222}.brand_myfonts .myfonts_center[data-v-2018ec76]{width:1364px;margin:0 auto;min-height:400px}@media only screen and (max-width:1600px){.brand_myfonts .myfonts_center[data-v-2018ec76]{width:1088px}}.brand_myfonts .page div[data-v-2018ec76]{display:flex;justify-content:center;align-items:center;padding:25px 0}.brand_myfonts .page div[data-v-2018ec76] .el-pagination .el-pager li{background:#fff}.brand_myfonts .page div[data-v-2018ec76] .el-pagination .el-pager li:not(.disabled).active{background-color:#004991}.brand_myfonts .page div[data-v-2018ec76] .el-pagination li.btn-quicknext+li.number{display:none}.brand_myfonts .page div[data-v-2018ec76] .el-pagination .btn-next,.brand_myfonts .page div[data-v-2018ec76] .el-pagination .btn-prev{background-color:#fff}.brand_myfonts .tologin-box[data-v-2018ec76]{margin-top:80px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:.6}.brand_myfonts .tologin-box img[data-v-2018ec76]{width:250px;margin-bottom:25px}@media screen and (max-width:1600px){.brand_myfonts .title[data-v-2018ec76]{min-width:1088px!important}}#brand_case[data-v-2018ec76]{width:1364px;min-height:450px;margin:0 auto}@media only screen and (max-width:1600px){#brand_case[data-v-2018ec76]{width:1088px}}#brand_case .case-no[data-v-2018ec76]{min-height:450px;margin:25px 0;display:flex;justify-content:center;align-items:center}#brand_case .case-no p[data-v-2018ec76]{text-align:center;padding:50px}#brand_case .case-no img[data-v-2018ec76]{width:350px;display:block}#brand_case .case-listbox[data-v-2018ec76]{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;margin-top:25px}#brand_case .case-list[data-v-2018ec76]{margin-bottom:20px;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;overflow:hidden}#brand_case .case-list img[data-v-2018ec76]{width:100%;display:block;transition:all .3s linear}#brand_case .case-list img[data-v-2018ec76]:hover{box-shadow:0 1px 3px rgba(0,0,0,.16);transform:translateY(-5px)}