@charset "UTF-8";
/*主色调*/
/*文字文本*/
/*单行省略号*/
/*多行省略号*/
/**清除浮动**/
.enSite { position:absolute;padding:.1rem .2rem;background-color:#000;opacity:.6;border-radius:.3rem;font-size:.16rem;color:#fff;right:.3rem;top:.5rem;z-index:999}
.index-banner { height:100vh}
.news-title { overflow: hidden; }

.news-title a { float: left; font-size: .16rem; color: #777777; margin: .6rem .45rem .5rem 0; transition: all .34s ease-in-out; }

.news-title a:hover { color: #002f87; }

.news-title a.on { color: #002f87; }

.news-list { margin-top: .3rem; padding: 0 0 .3rem 0; position: relative; overflow: hidden; }

.news-list:after, .news-list:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; right: 0; bottom: 0; background-color: #ebebeb; }

.news-list:before { width: 60%; transition: .36s ease; background: transparent; }

.news-list:hover:before { z-index: 10; width: 100%; background: #002f87; }

.news-list:hover .news-img img { -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); }

.news-list:last-of-type { margin-bottom: 1rem; }

.news-list:last-of-type:after { display: none; }

.news-list .date,
.news-list .news-img { float: left; }

.news-list .news-img { width: 23.666666%; height: 180px; overflow: hidden; margin: 0 .5rem; }

.news-list .news-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .34s ease-in-out; }

.news-list .news-info { float: right; width: 60%; }

.news-list .news-info span,
.news-list .news-info p,
.news-list .news-info a { display: block; }

.news-list .news-info span { font-size: .24rem; color: #333333; transition: all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden }

.news-list .news-info p { font-size: .16rem; color: #777777; line-height: .32rem; margin: .16rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-orient: vertical; }

.news-list .news-info a { font-size: .12rem; color: #002f87; }

.news-list .news-info em { display: none; }

.news-list:hover .news-info span { margin-top: .1rem; }

.news-list:hover .date h1,
.news-list:hover .news-info span { color: #002f87; }

.news-list .date h1，span { display: block; }

.news-list .date h1 { font-weight: 500; font-size: .6rem; color: #3d3d3d; margin-bottom: .2rem; margin-top: .4rem; transition: all .34s ease-in-out; }

.news-list .date span { font-size: .24rem; color: #888888; }

.product-title { margin: .88rem auto .8rem; }

.product-title span,
.product-title p { display: block; text-align: center; }

.product-title span { font-size: .3rem; color: #3c3c3c; }

.product-title p { font-size: .16rem; color: #777777; margin-top:.2rem}

.product-des { overflow: hidden; padding-bottom: .22rem; }

.product-des .lf { float: left; width: 38%; }

/*.product-des .lf div { padding-left}*/
.product-des .lf ul { padding-left:18px;margin-top:.3rem}
.product-des .lf ul li { list-style:disc;font-size:.16rem !important;color:#777 !important;line-height: .32rem;}
.product-des .lf ul li span { font-size:.16rem !important;color:#777 !important;line-height: .32rem !important;}
.product-des .lf>div div { margin-bottom:30px}
.product-des .lf div span,
.product-des .lf div p { display: block; }

.product-des .lf div span { font-size: .24rem; color: #3c3c3c;}

.product-des .lf div p { font-size: .16rem; color: #777; line-height: .32rem; }

.product-des .lf>div ~ div { margin-top: .44rem; }

.product-des .rt { float: right; width: 51%; overflow: hidden; }

.product-des .rt img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .44s ease-in-out; }

.product-des .rt:hover img { -webkit-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }

.product-scene { overflow: hidden; margin-bottom: 1.3rem; height: 5rem; }

.product-scene img { width: 100%; height: 4.6rem; float: left; border: 1px solid #000000; border: 1px solid rgba(0, 0, 0, 0); padding: .1remx; transition: all .54s ease-in-out; }

.product-scene:hover img { transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96); -o-transform: scale(0.96, 0.96); border-color: #000000; border-color: rgba(0, 0, 0, 0.1); padding: .1rem; }

.product-skill { background-color: #fafafa; padding-bottom: .6rem }

.product-skill .product-title { padding: .6rem 0; }

.honor-list { overflow: hidden; margin-bottom: .8rem; }

.honor-list ul { margin: -1.833333% -1.833333% 0 -1.833333%; overflow: hidden; }

.honor-list ul li { width: 29.666666%; float: left; margin: 1.833333%; padding-bottom: .5 rem; height: 5.58rem; }

.honor-list ul li a,
.honor-list ul li span { display: block; }

.honor-list ul li a { width: 100%; height: 84.6%; overflow: hidden; }

.honor-list ul li a img { transition: all .44s ease-in-out; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.honor-list ul li span { font-size: .16rem; color: #777; margin: .45rem auto; text-align: center; line-height: .3rem; transition: all .44s ease-in-out; }

.honor-list ul li:hover a img { -webkit-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98); }

.honor-list ul li:hover span { margin-top: .3rem; color: #002f87 }
.honor-tab-prev, .honor-tab-next { position: absolute; top: 12%; z-index: 9999; width: .28rem; height: .9rem; background: no-repeat center; border: none }
.honor-tab-next { right: 0; background-image: url(../image/about/xiangyou1.png) }
.honor-tab-next.active { background-image: url(../image/about/xiangyou.png) }
.honor-tab-prev { right: .45rem; background-image: url(../image/about/xiangzuo.png) }
.honor-tab-prev.active { background-image: url(../image/about/xiangzuo1.png) }
.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; z-index: 100000; background-color: #222; background-color: black; overflow: hidden; display: none; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }

.galleryOverlay.visible { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }

.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }

.gallerySlider .placeholder { background: url(../image/preloader.gif) no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }

.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }

.prevArrow,
.nextArrow { border: none; text-decoration: none; background: url(../image/arrows.png) no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; cursor: pointer; position: absolute; width: 43px; height: 58px; top: 50%; margin-top: -29px; z-index: 9999; }

.prevArrow:hover,
.nextArrow:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }

.prevArrow { background-position: left top; left: 40px; }

.nextArrow { background-position: right top; right: 40px; }

.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: .4rem; }

.poduct-cate { position: relative; border-bottom: solid .01rem #e0e0e0; margin-bottom: .8rem; }

.poduct-cate:after { display:none;content: ''; width: .4rem; height: .4rem; position: absolute; bottom: -.2rem; background-color: #fff; border: solid .01rem #e0e0e0; border-bottom: 0; border-right: 0; left: 50%; margin-left: -.2rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.pub-title { padding-top: .8rem; font-size: .3rem; color: #3c3c3c; text-align: center; }

.product-swiper { position: relative; padding: .8rem 0 .8rem 0; }
.pro-swiper { padding-top: .2rem !important; }
.product-swiper .swiper-slide a { position: relative; display: block; width: 1.08rem; height: 1.08rem; border: solid .02rem #777; margin: 0 auto; border-radius: 50%; }

.product-swiper .swiper-slide a img { width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; margin: 0 auto; }

.product-swiper .swiper-slide a:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -.02rem; left: -.02rem; padding: 0; z-index: 10; }

.product-swiper .swiper-slide span { display: block; font-size: .16rem; color: #777; text-align: center; margin: .2rem auto; transition: all .3s ease-in-out; }
.product-filter .swiper-slide.swiper-slide-active span { color: #002f87; }
.product-filter .swiper-slide.swiper-slide-active { transform: scale(1.08,1.08) }
.product-swiper .swiper-slide a img:nth-of-type(1) { display: block; transition: all .44s ease-in-out; }

.product-swiper .swiper-slide a img:nth-of-type(2) { display: none; transition: all .44s ease-in-out; }

.product-swiper .swiper-slide:hover a,
.product-swiper .swiper-slide.swiper-slide-active a { border: dashed .02rem transparent; }

.product-swiper .swiper-slide:hover a:after,
.product-swiper .swiper-slide.swiper-slide-active a:after { border: 0.02rem dashed #002f87; -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; }

.product-swiper .swiper-slide:hover a img:nth-of-type(1),
.product-swiper .swiper-slide.swiper-slide-active a img:nth-of-type(1) { display: none; }

.product-swiper .swiper-slide:hover a img:nth-of-type(2),
.product-swiper .swiper-slide.swiper-slide-active a img:nth-of-type(2) { display: block; }

.product-swiper .swiper-slide:hover span { color: #002f87; }

@-webkit-keyframes spinAround {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spinAround {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@keyframes spinAround {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.pro-swiper .swiper-button-next,
.pro-swiper .swiper-button-prev { width: .4rem; height: .4rem; background-size: .16rem .25rem; z-index: 9999; transition: all .34s ease-in-out; top: 50%; }

.pro-swiper .swiper-button-prev,
.pro-swiper .swiper-container-rtl .swiper-button-next { background-image: url(../image/product/xiangzuo.png); left: 0; }

.pro-swiper .swiper-button-next,
.pro-swiper .swiper-container-rtl .swiper-button-prev { background-image: url(../image/product/xiangyou拷贝.png); right: 0; }

.pro-swiper:hover .swiper-button-next,
.pro-swiper:hover .swiper-button-prev { background-color: #002f87; }

.pro-swiper:hover .swiper-button-prev { background-image: url(../image/product/xiangzuo1.png); }

.pro-swiper:hover .swiper-button-next { background-image: url(../image/product/xiangyou1.png); }

.product-item { margin-bottom: 1rem; }

.product-item ul { overflow: hidden; }

.product-item ul li { float: left; width: 28.666666%; height: 4rem; margin: 2.25%; transition: all .44s ease-in-out; }

.product-item ul li:hover { box-shadow: 1px 4px 18px rgba(134, 134, 134, 0.4); }

.product-item ul li a,
.product-item ul li span { display: block; text-align: center; transition: all .34s ease-in-out; }

.product-item ul li a { width: 100%; height: 2.9rem; max-height: 3rem; margin: .2rem auto .2rem; overflow: hidden; }

.product-item ul li a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: all .34s ease-in-out; }

.product-item ul li span { width:100%;font-size: .16rem; color: #333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden }

.product-item ul li:hover a { margin-top: 0; }

.product-item ul li:hover a img { -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); }

.product-item ul li:hover span { color: #002f87; }

.down-title { font-size: .3rem; color: #3C3C3C; margin: .8rem 0; }

.download-title { overflow: hidden; }

.download-title a { float: left; font-size: .16rem; color: #666; margin-right: .3rem; transition: all .34s ease-in-out; padding: .05rem; border-radius: .02rem; }

.download-title a:hover, .download-title a.on { background-color: #002f87; color: #fff; }

.download-item { margin-bottom: 1rem; }

.download-item .download-list { position: relative; overflow: hidden; padding-bottom: .32rem; margin-bottom: .32rem; }

.download-item .download-list:nth-of-type(1) { margin-top: .64rem; }

.download-item .download-list .lf { float: left; width: 45%; }

.download-item .download-list .lf img,
.download-item .download-list .lf div,
.download-item .download-list .lf span,
.download-item .download-list .lf p, .download-item .download-list .lf { transition: all .34s ease-in-out; }

.download-item .download-list .lf a { float: left; width: .96rem; height: .7rem; overflow: hidden; }

.download-item .download-list .lf a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.download-item .download-list .lf div { float: left; margin-left: .3rem; }

.download-item .download-list .lf div span,
.download-item .download-list .lf div p { display: block; }

.download-item .download-list .lf div span { font-size: .18rem; color: #333; margin: .15rem 0 .1rem; }

.download-item .download-list .lf div p { font-size: .14rem; color: #777; }

.download-item .download-list .rt { float: right; width: 50%; line-height: .7rem; text-align: right; transition: all .34s ease-in-out; }

.download-item .download-list .rt span,
.download-item .download-list .rt a { font-size: .14rem; color: #777; padding-left: .6rem; background: no-repeat left center; background-position-x: .3rem; background-size: .16rem .16rem; }

.download-item .download-list .rt span:nth-of-type(1) { background-image: url(../image/download/81.png); }

.download-item .download-list .rt span:nth-of-type(2) { background-image: url(../image/download/822.png); }

.download-item .download-list .rt a { background-image: url(../image/download/83.png); }

.download-item .download-list:after, .download-item .download-list:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; right: 0; bottom: 0rem; border-top: dashed .01rem transparent; }

.download-item .download-list:before { width: 60%; transition: .36s ease; background: transparent; }

.download-item .download-list:hover:before { z-index: 10; width: 100%; border-color: #cecece; }

.download-item .download-list:hover .lf { margin-left: .2rem; }

.download-item .download-list:hover .lf a img { -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); }

.download-item .download-list:hover .lf div { margin-left: .4rem; }

.download-item .download-list:hover .lf div span,
.download-item .download-list:hover .lf div p { color: #002f87; }

.download-item .download-list:hover .rt { padding-right: .2rem; }

.download-item .download-list:hover .rt a { color: #002f87; background-image: url(../image/download/883.png); }

.welfare { overflow: hidden; margin-top: 1.1rem; margin-bottom: 1.6rem; }

.welfare .fl { float: left; width: 30%; }

.welfare .fl h1,
.welfare .fl span,
.welfare .fl p { display: block; }

.welfare .fl h1 { font-size: .3rem; color: #333; margin-top: .3rem; font-weight: 500; }

.welfare .fl ul li { margin-top: .65rem; }

.welfare .fl ul li span { font-size: .24rem; color: #333; margin-bottom: .2rem; }

.welfare .fl ul li p { font-size: .16rem; color: #777; line-height: .32rem; }

.welfare .rt { float: right; width: 6.88rem; margin-top: .2rem; }

.welfare .rt a { float: left; height: 2.76rem; }

.welfare .rt a:nth-of-type(1) { width: 2.32rem; margin-bottom: .2rem; margin-right: .2rem; }

.welfare .rt a:nth-of-type(2) { width: 4.36rem; margin-bottom: .2rem; }

.welfare .rt a:nth-of-type(3) { width: 4.99rem; margin-right: .2rem; }

.welfare .rt a:nth-of-type(4) { width: 1.67rem; }

.recurit-position { margin-bottom: 1.6rem; }

.recurit-position .pisition-title { overflow: hidden; margin-bottom: .77rem; line-height: .23rem; }

.recurit-position .pisition-title span { float: left; font-size: .24rem; }

.recurit-position .pisition-title a { float: right; font-size: .16rem; color: #777; }

.recurit-position .position-mian { overflow: hidden; }

.recurit-position .position-mian .position-img { float: left; width: 46.5%; height: 2.85rem; }

.recurit-position .position-mian .position-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .44s ease-in-out; }

.recurit-position .position-mian .position-summary { float: right; width: 48.6%; }

.recurit-position .position-mian .position-summary span,
.recurit-position .position-mian .position-summary p { display: block; }

.recurit-position .position-mian .position-summary span { font-size: .16rem; color: #777; margin: .8rem 0 .3rem; }

.recurit-position .position-mian .position-summary p { font-size: .2rem; color: #333; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: .4rem; }

.recurit-position .position-mian:hover .position-img img { -webkit-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98); }

.market { background-color: #f8f8f8; }

.market span,
.market p,
.market img { display: block; text-align: center; }

.market img { width: auto; margin: 0 auto .3rem; }

.market span { font-size: .24rem; color: #333; padding: .8rem 0 .3rem; }

.market p { width: 40%; margin: 0 auto; font-size: .16rem; color: #777; padding: 0rem 0 .8rem; line-height: .32rem; }

.sales-growth { background: url(../image/recruit/微信图片_20181213115417.png) no-repeat bottom center; }

.sales-growth span,
.sales-growth img { display: block; }

.sales-growth span { font-size: .24rem; color: #333; padding: .8rem 0 1rem; text-align: center; }

.sales-growth img { width: auto; margin: 0 auto; }

.recurit-title { font-size: .3rem; color: #333; padding-bottom: .6rem; margin-top: .8rem; }

.recurit-list { position: relative; padding: .3rem; background-color: #f4f4f4; margin-bottom: .3rem; transition: all 0.3s ease-out 0s; }

.recurit-list p,
.recurit-list span { display: block; transition: all 0.3s ease-out 0s; }

.recurit-list p { font-size: .22rem; color: #333; margin-bottom: .3rem; }

.recurit-list span { font-size: .18rem; color: #777; margin-bottom: .2rem; }

.recurit-list:after { content: ''; position: absolute; width: .32rem; height: .32rem; background: url(../image/recruit/104.png) no-repeat center; right: 1rem; top: 50%; margin-top: -.15rem; background-position: 0; transition: all 0.3s ease-out 0s; }

.recurit-list:hover:after { background-position: -.5rem 0; }

.recurit-list:hover { background-color: #d8e2f5; background-color: rgba(216, 226, 245, 0.25); box-shadow: 2px 12px 23px rgba(0, 0, 0, 0.08); }

.recurit-list:hover span,
.recurit-list:hover p { padding-left: .2rem; }

.recurit-list:hover p { color: #002f87; }

.recurit-list:last-of-type { margin-bottom: 1rem; }

.recurit-info .intro { margin-bottom: .8rem; }

.recurit-info .intro h1,
.recurit-info .intro span { display: block; }

.recurit-info .intro h1 { font-size: .4rem; color: #333; padding: .8rem 0 .3rem; }

.recurit-info .intro span { font-size: .16rem; color: #777777; line-height: .32rem; }

.recurit-info .main { padding-bottom: 1rem; }

.recurit-info .main a { display: block; color: #002f87; font-size: .18rem; margin-top: .3rem; }

.about-info .intro-title { font-size: .24rem; color: #333; margin: .8rem 0 .6rem; }

.about-info .main { margin-bottom: .6rem; }

.about-info .intro-date { font-size: .16rem; color: #002f87; padding-left: .2rem; background: url(../image/news/date.png) no-repeat left center; margin-bottom: 1rem; }

.service-title span,
.service-title p { display: block; text-align: center; }

.service-title span { font-size: .3rem; color: #333; margin: 1rem auto .3rem; }

.service-title p { font-size: .16rem; color: #777; }

.service-title img { display: block; width: 75%; height: 3.87rem; margin: .5rem auto 1.2rem; transition: all .34s ease-in-out; }

.service-title img:hover { -webkit-transform: scale(0.96, 0.96); transform: scale(0.96, 0.96); }

.service-policy { height: 6.9rem; background: url(../image/service/技术支持2.jpg) no-repeat center; }

.service-policy .policy-title { padding-top: 2.46rem; padding-left: 20%; }

.service-policy .policy-title span,
.service-policy .policy-title p { display: block; }

.service-policy .policy-title span { font-size: .3rem; color: #333; margin-bottom: .3rem; }

.service-policy .policy-title p { font-size: .16rem; color: #777; margin-bottom: .44rem; }

.service-policy ul { padding-left: 20%; }

.service-policy ul li { float: left; margin-right: .8rem; }

.service-policy ul li a,
.service-policy ul li span,
.service-policy ul li img { display: block; transition: all .34s ease-in-out; }

.service-policy ul li a { position: relative; display: block; cursor: default; width: .62rem; height: .62rem; transition: box-shadow .34s; margin: 0 auto; border-radius: 50%; box-shadow: 0 0 0 1px #777; }

.service-policy ul li a img { width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; margin: 0 auto; }

.service-policy ul li a:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box; z-index: 10; top: -.0rem; left: -.0rem; padding: 0; z-index: 10; transition: all .2s ease-in-out; }

.service-policy ul li span { display: block; font-size: .16rem; color: #777; text-align: center; margin: .2rem auto; transition: all .3s ease-in-out; }

.service-policy ul li a img:nth-of-type(1) { display: block; }

.service-policy ul li a img:nth-of-type(2) { display: none; transition: all .44s ease-in-out; }

.service-policy ul li:hover a:after { border: 1px dashed #002f87; }

.service-policy ul li:hover a { box-shadow: 0 0 0 0 transparent; }

.service-policy ul li:hover a img:nth-of-type(1),
.service-policy ul li.on a img:nth-of-type(1) { display: none; }

.service-policy ul li:hover a img:nth-of-type(2),
.service-policy ul li.on a img:nth-of-type(2) { display: block; }

.service-policy ul li:hover span { color: #002f87; }

.technology-title { margin-bottom: .8rem; }
.service-technology { overflow: hidden; margin-bottom: 1rem; }

.service-technology li { float: left; width: 20%; height: 3.82rem; position: relative; overflow: hidden; }

.service-technology li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.service-technology li div { position: absolute; left: 0; right: 0; top: 1.8rem; bottom: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.service-technology li div span,
.service-technology li div p { display: block; color: #fff; width: 90%; margin: 0 auto; transition: all 0.6s cubic-bezier(0.4, 0, 0.4, 1); }

.service-technology li div span { text-align: center; font-size: .2rem; }

.service-technology li div p { display: none; font-size: .16rem; margin-top: .3rem; line-height: .32rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; filter: alpha(opacity=0); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.service-technology li:hover div { background-color: #002f87; background-color: rgba(0, 47, 135, 0.5); top: 0; padding-top: .3rem; }

.service-technology li:hover div span { line-height: inherit; text-align: left; }

.service-technology li:hover div p { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; filter: alpha(opacity=100); }

.training-service { background-color: #f0f0f0; overflow: hidden; margin-bottom: 1rem; }

.training-service .service-title { margin-bottom: .8rem; }

.training-service .training-list { overflow: hidden; margin-bottom: .8rem; }

.training-service .training-list .fl { float: left; }

.training-service .training-list .rt { float: right; }

.training-service .training-list .training-img { width: 46.666666%; height: 3.22rem; }

.training-service .training-list .training-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.training-service .training-list .training-title { width: 45%; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.training-service .training-list .training-title span,
.training-service .training-list .training-title p { display: block; }

.training-service .training-list .training-title span { font-size: .24rem; color: #333; margin-top: 1.2rem; margin-bottom: .2rem; }

.training-service .training-list .training-title p { font-size: .16rem; color: #777; }

.training-service .training-list:hover .training-img img { -webkit-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98); }

.training-service .training-list:hover .training-title { margin-top: -.2rem; }

.job-training .service-title { width: 65%; margin: 0 auto .8rem; }

.job-training .service-title p { line-height: .3rem; }

.job-training .download-center ul { overflow: hidden; margin-bottom: .8rem; }

.job-training .download-center ul li { float: left; width: 30.83%; height: 3.18rem; border: solid .01rem #777; }

.job-training .download-center ul li a { display: block; }

.job-training .download-center ul li .ser-icon { width: 1.7rem; margin: .86rem auto .5rem; transition: all .36s ease; display: flex; justify-content: center; }

.job-training .download-center ul li .details { width: 2.8rem; height: .4rem; text-align: center; display: block; border-radius: 0; border: 1px solid #002f87; background-color: #002f87; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 auto; overflow: hidden; position: relative; font-size: .16rem; color: #fff; text-indent: 0px; line-height: .4rem; text-transform: uppercase; margin-bottom: 1rem; z-index: 10; }

.job-training .download-center ul li .details:before { content: ''; z-index: -1; position: absolute; height: 100%; width: 0; left: 0; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #fff; transition: all .36s ease; }

.job-training .download-center ul li:hover .ser-icon { margin-top: .9rem; }

.job-training .download-center ul li:hover .details:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; width: 100%; }

.job-training .download-center ul li:hover .details { color: #002f87; margin-top: -.2rem; }

.job-training .download-center ul li ~ li { margin-left: 3.5%; }

.job-training .download-center .more-btn { width: 1.5rem; height: .4rem; text-align: center; display: block; border: 1px solid #002f87; background-color: transparent;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 auto; overflow: hidden; position: relative; font-size: .16rem; color: #002f87; text-indent: 0px; line-height: .4rem; text-transform: uppercase; margin-bottom: 1rem; z-index: 10; }

.job-training .download-center .more-btn:before { content: ''; z-index: -1; position: absolute; height: 100%; width: 0; left: 0; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #002f87; transition: all .36s ease; }

.job-training .download-center .more-btn:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; width: 100%; }

.job-training .download-center .more-btn:hover { color: #fff; }

.technology { background-color: transparent; }

.technology .service-title span { text-align: left; }

.technology .training-list .training-title span { margin-top: .8rem; }

.technology .training-list .training-title p { line-height: .32rem; }

.core .core-title span { position: relative; display: block; text-align: center; font-size: .3rem; color: #333; height: .8rem; line-height: .8rem; }

.core .core-title span:after { content: ''; position: absolute; top: -12%; background: url(../image/technology/core.png) no-repeat center; width: 1.9rem; height: .52rem; left: 50%; margin-left: -.95rem; background-size: contain; }

.core .core-tab { overflow: hidden; }

.core .core-tab .core-item ul { margin: .74rem auto; overflow: hidden; }

.core .core-tab .core-item ul li { float: left; width: 16.666666%; }

.core .core-tab .core-item ul li span,
.core .core-tab .core-item ul li img { display: block; margin: 0 auto; text-align: center; transition: all .36s ease; }

.core .core-tab .core-item ul li img { margin-bottom: .35rem; }

.core .core-tab .core-item ul li img:nth-of-type(1) { display: block; }

.core .core-tab .core-item ul li img:nth-of-type(2) { display: none; }

.core .core-tab .core-item ul li span { font-size: .14rem; color: #777; }

.core .core-tab .core-item ul li:hover img:nth-of-type(1), .core .core-tab .core-item ul li.on img:nth-of-type(1) { display: none; }

.core .core-tab .core-item ul li:hover img:nth-of-type(2), .core .core-tab .core-item ul li.on img:nth-of-type(2) { display: block; }

.core .core-tab .core-item ul li:hover span, .core .core-tab .core-item ul li.on span { color: #002f87; cursor: default; }

.core .core-tab .core-con { background-color: #f9f9f9; }

.core .core-tab .core-con .core-main { padding: .6rem 0; overflow: hidden; display: none; }

.core .core-tab .core-con .core-main .lf { float: left; width: 50.8%; }

.core .core-tab .core-con .core-main .lf span,
.core .core-tab .core-con .core-main .lf p { display: block; }

.core .core-tab .core-con .core-main .lf span { font-size: .24rem; color: #333; margin-top: 1.5rem; margin-bottom: .8rem; }

.core .core-tab .core-con .core-main .lf p { font-size: .16rem; color: #777; line-height: .32rem; }

.core .core-tab .core-con .core-main .rt { float: right; width: 40%; }

.core .core-tab .core-con .core-main.active { display: block; }

.figure-swiper .figure-item { overflow: hidden; height: 6.5rem; padding: 1.8rem 0 .8rem; }

.figure-swiper .figure-item .fl { float: left; width: 31.666666%; position: relative; }

.figure-swiper .figure-item .fl img { display: block; width: 3.2rem; height: 4.33rem; top: -.55rem; position: absolute; left: .55rem; z-index: 999; }

.figure-swiper .figure-item .fl:after { position: absolute; content: ''; width: 3.28rem; height: 4.29rem; background-color: #ececec; left: 0; }

.figure-swiper .figure-item .rt { float: right; width: 63.333333%; }

.figure-swiper .figure-item .rt div { margin: .3rem 0; }

.figure-swiper .figure-item .rt h1,
.figure-swiper .figure-item .rt p { display: block; font-weight: 500; }

.figure-swiper .figure-item .rt h1,
.figure-swiper .figure-item .rt span { color: #333; }

.figure-swiper .figure-item .rt p,
.figure-swiper .figure-item .rt em { font-style: normal; font-size: .16rem; color: #777; }

.figure-swiper .figure-item .rt h1 { font-size: .3rem; color: #333; }

.figure-swiper .figure-item .rt span { font-size: .24rem; margin-right: .2rem; }

.figure-swiper .figure-item .rt p { line-height: .32rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }

.figure-swiper .swiper-button-next,
.figure-swiper .swiper-container-rtl .swiper-button-prev { background-image: url(../image/technology/233.png); }

.figure-swiper .swiper-button-next,
.figure-swiper .swiper-button-prev { width: .23rem; height: .23rem; background-size: cover; top: 65.5%; }

.figure-swiper .swiper-button-prev,
.figure-swiper .swiper-container-rtl .swiper-button-next { left: inherit; right: .5rem; background-image: url(../image/technology/3.png); }

.team { overflow: hidden; background: url(../image/technology/99.png) no-repeat bottom center; }

.team .team-title span,
.team .team-title p { display: block; text-align: center; }

.team .team-title span { font-size: .24rem; color: #333; }

.team .team-title p { font-size: .16rem; width: 80%; margin: .5rem auto 0; line-height: .32rem; color: #777; }

.team .team-percentage { display: block; width: 3.98rem; height: 3.5rem; margin: 0 auto; padding-bottom: 3.8rem; }

.contact-title { overflow: hidden; margin: .95rem auto; }

.contact-title span { float: left; font-size: .48rem; color: #333; }

.contact-title p { float: right; width: 60%; font-size: .16rem; color: #777; line-height: .32rem; }

.contact { overflow: hidden; padding-top: 2rem; margin-bottom: 1rem; background: url(../image/contact/51.png) no-repeat right top; }

.contact .fl { float: left; width: 100%; }

.contact .fl .img-box { width: 47.8%; position: relative; }

.contact .fl .img-box img { -o-object-fit: cover; object-fit: cover; }

.contact .fl .img-box img:nth-of-type(1) { width: 100%; height: 9.07rem; }

.contact .fl .img-box img:nth-of-type(2) { width: 55.3%; position: absolute; right: 0; top: -1.2rem; }

.contact .info { float: left; width: 38%; margin-top: 2rem; }

.contact .info em,
.contact .info span { display: block; text-align: center; }

.contact .info span { font-size: .16rem; color: #777; margin-bottom: .2rem; }

.contact .info .contact-img { cursor: pointer; width: 1.8rem; height: 1.8rem; margin: 0 auto; position: relative; }

.contact .info .contact-img img { position: absolute; }

.contact .info .contact-img img:nth-of-type(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-animation: myRotate 10s linear infinite; animation: myRotate 10s linear infinite; }

.contact .info .contact-img img:nth-of-type(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-animation: myRotate2 10s linear infinite; animation: myRotate2 10s linear infinite; }

.contact .info em { width: .53rem; height: .53rem; background: url(../image/contact/yuan.png) no-repeat center; margin: 0 auto .3rem; background-size: contain; -webkit-animation: bs linear 2s 0.5s infinite; animation: bs linear 2s 0.5s infinite; box-shadow: inset -1px 1px 4px 2px #fff, inset 1px -1px 4px 2px #fff; transition: all 1s; border-radius: 50%; }

.contact .info i { display: block; height: 1.15rem; width: 1px; background-color: #ececec; margin: 0 auto .3rem; }

@-webkit-keyframes myRotate {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

@keyframes myRotate {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

@-webkit-keyframes myRotate2 {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes myRotate2 {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes bs {
    0% { box-shadow: inset -1px 1px 3px 2px #cfd8e8, inset 1px -1px 3px 2px #cfd8e8, 0 0 0px 0 #cfd8e8; }
    50% { box-shadow: inset -1px 1px 3px 2px #cfd8e8, inset 1px -1px 3px 2px #cfd8e8, 0 0 20px 0 #cfd8e8; }
    100% { box-shadow: inset -1px 1px 3px 2px #cfd8e8, inset 1px -1px 3px 2px #cfd8e8, 0 0 0px 0 #cfd8e8; }
}

@keyframes bs {
    0% { box-shadow: inset -1px 1px 3px 2px #cfd8e8, inset 1px -1px 3px 2px #cfd8e8, 0 0 0px 0 #cfd8e8; }
    50% { box-shadow: inset -1px 1px 3px 2px #cfd8e8, inset 1px -1px 3px 2px #cfd8e8, 0 0 20px 0 #cfd8e8; }
    100% { box-shadow: inset -1px 1px 3px 2px #cfd8e8, inset 1px -1px 3px 2px #cfd8e8, 0 0 0px 0 #cfd8e8; }
}

.pub-title span { display: block; font-size: .36rem; color: #333; margin-bottom: .6rem; text-align: left; }

.input-item { float: left; width: 32%; height: .6rem; margin-right: 2%; border-radius: 2px; padding-bottom: .3rem; position: relative; }

.input-item:last-of-type { margin-right: 0; }

.input-item input { width: 90%; height: .48rem; padding-left: 10%; margin-bottom: .2rem; border: none; background-color: #f5f5f5; font-size: .16rem; color: #333; border-left: solid 4px transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.input-item input::-webkit-input-placeholder { color: #666; }

.input-item input:-moz-placeholder { color: #666; }

.input-item input::-moz-placeholder { color: #666; }

.input-item input:-ms-input-placeholder { color: #666; }

.input-item input:focus { background-color: #e8eef3; border-left-color: #194B8A; }

.area { width: 100%; margin-top: 20px; }

.area textarea { width: 95%; height: 2.6rem; background-color: #f5f5f5; border: none; padding: .2rem 2.5%; outline: none; resize: none; }

.area textarea:focus { background-color: #e8eef3; }

.area textarea::-webkit-input-placeholder { color: #666; }

.area textarea:-moz-placeholder { color: #666; }

.area textarea::-moz-placeholder { color: #666; }

.area textarea:-ms-input-placeholder { color: #666; }

.form .button { width: 2rem; height: .44rem; line-height: .44rem; }

.form .button span { font-size: .16rem; }

.form { margin-bottom: 1rem; overflow: hidden; }

.form textarea { font-size: .18rem; }

input,
button,
select,
textarea { outline: none; font-family: "PingFang SC", "Microsoft YaHei", "Source Han Sans", Sans-serif; }

.form .more-btn { width: 2rem; height: .6rem; text-align: center; display: block; border-radius: 0; border: 1px solid #002f87; background-color: #002f87; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; position: relative; font-size: .16rem; color: #fff; text-indent: 0px; line-height: .6rem; text-transform: uppercase; margin-bottom: 1rem; margin-top: .8rem; z-index: 10; }

.form .more-btn:before { content: ''; z-index: -1; position: absolute; height: 100%; width: 0; left: 0; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #fff; transition: all .36s ease; }

.form .more-btn:hover { background-color: #fff; color: #002f87; }

.form .more-btn:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; width: 100%; }

.about-box .about-item { padding: 1rem 0 0; overflow: hidden; }

.about-box .about-item .lf { float: left; width: 34%; }

.about-box .about-item .lf h1,
.about-box .about-item .lf i,
.about-box .about-item .lf span,
.about-box .about-item .lf p { display: block; font-style: normal; font-weight: 500; }

.about-box .about-item .lf h1 { font-size: .3rem; color: #333; }

.about-box .about-item .lf i { width: 2px; height: .38rem; background-color: #333; margin: .3rem 0; }

.about-box .about-item .lf span { font-size: .24rem; color: #333; margin-bottom: .2rem; }

.about-box .about-item .lf p { font-size: .16rem; color: #777; line-height: .32rem; margin-bottom: .3rem; }

.about-box .about-item .lf .more-btn { width: 1.4rem; height: .42rem; text-align: center; display: block; border-radius: 0; border: 1px solid #002f87; background: #002f87 url(../image/about/right.png) no-repeat left center; background-position-x: .3rem; border-radius: .3rem; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; position: relative; font-size: .16rem; color: #fff; text-indent: 0px; line-height: .42rem; text-transform: uppercase; margin-bottom: 1rem; margin-top: .8rem; padding-left: .3rem; z-index: 10; }

.about-box .about-item .lf .more-btn:before { content: ''; z-index: -1; position: absolute; height: 100%; width: 0; left: 0; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #fff; transition: all .36s ease; }

.about-box .about-item .lf .more-btn:hover { background-color: #fff; color: #002f87; }

.about-box .about-item .lf .more-btn:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; width: 100%; }

.about-box .about-item .rt { float: right; width: 60.25%; margin-top: .3rem; height: 4.09rem; }

.about-box .about-item .rt img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .24s ease-in-out; }

.about-box .about-item:hover .lf .more-btn { padding-left: 0; background: none; color: #002f87; }

.about-box .about-item:hover .rt img { -webkit-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98); }

.about-box .about-history { overflow: hidden; padding-bottom: 1rem; }

.about-box .about-history .fl { float: left; width: 60%; }

.about-box .about-history .fl img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .24s ease-in-out; }

.about-box .about-history .rt { float: right; width: 33%; }

.about-box .about-history .rt span, .about-box .about-history .rt p { display: block; }

.about-box .about-history .rt p { font-size: .16rem; color: #777; line-height: .32rem; margin-bottom: .3rem; }

.about-box .about-history .rt span { text-align: right; position: relative; font-size: .24rem; color: #333; margin: .45rem 0; transition: all .24s ease-in-out; }

.about-box .about-history .rt span:before { content: ''; position: absolute; width: .53rem; height: .02rem; background-color: #333; right: 1.2rem; top: 50%; margin-top: -.01rem; transition: all .24s ease-in-out; }

.about-box .about-history:hover .fl img { -webkit-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98); }

.about-box .about-history:hover .rt span { padding-right: .02rem; }

.about-box .about-history:hover .rt span:before { right: 1.1rem; }

.course { height: 8.79rem; background-color: #fafafa; }

.course .course-title { font-size: .3rem; color: #333; padding: 1.22rem 0 0; }

.course .course-swiper .swiper-slide { display: block; height: 4.26rem; margin: .8rem auto 1rem; background: no-repeat center; }

.course .course-swiper .swiper-slide .lf { float: left; width: 56%; position: relative; }

.course .course-swiper .swiper-slide .lf img { display: block; }

.course .course-swiper .swiper-slide .lf img:nth-of-type(1) { width: 85%; height: 3.31rem; float: right; }

.course .course-swiper .swiper-slide .lf img:nth-of-type(2) { width: 1.79rem; height: 1.13rem; position: absolute; left: 0; top: 50%; margin-top: -0.565rem; }

.course .course-swiper .swiper-slide .rt { float: right; width: 37.5%; }

.course .course-swiper .swiper-slide .rt div { overflow: hidden; padding: .6rem 0 .1rem; }

.course .course-swiper .swiper-slide .rt div span, .course .course-swiper .swiper-slide .rt div p { float: left; }

.course .course-swiper .swiper-slide .rt div span { font-size: .2rem; margin-right: .2rem; line-height: .32rem; color: #333; }

.course .course-swiper .swiper-slide .rt p { font-size: .16rem; color: #777; line-height: .32rem; }

.course .course-swiper .swiper-slide .rt a { display: block; margin-top: .48rem; font-size: .16rem; line-height: .32rem; color: #777; padding-left: .35rem; background: url(../image/about/yuan.png) no-repeat left center; }

.course .course-swiper .swiper-pagination-bullet { width: auto; margin: 0 .9rem !important; font-size: .16rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; border-radius: inherit; height: .32rem; line-height: .32rem; background: transparent; }

.course .course-swiper .swiper-pagination-bullet-active { background: transparent; color: #002f87; border-bottom: solid 1px #002f87; }

.duty { height: 9.34rem; background-color: #fafafa; }

.duty img { width: 100%; height: 4.32rem; overflow: hidden; -o-object-fit: cover; object-fit: cover; }

.duty-title span, .duty-title p { display: block; }

.duty-title span { font-size: .3rem; color: #333; font-size: .3rem; padding: 1.12rem 0 .3rem; text-align: center; }

.duty-title p { width: 80%; font-size: .16rem; line-height: .32rem; color: #777; margin: 0 auto .6rem; }

.ask ul { width: 80%; margin: 0 auto; overflow: hidden; padding-bottom: 1rem; }

.ask ul li { float: left; width: 25%; text-align: center; }

.ask ul li span, .ask ul li p { display: block; text-align: center; }

.ask ul li span { font-size: .5rem; color: #002f87; margin-bottom: .2rem; }

.ask ul li p { font-size: .16rem; color: #777; }

.advantage { background-color: #fafafa; padding-bottom: 1rem; }

.advantage .duty-title span { padding-bottom: .6rem; }

.advantage ul { margin: -0.916666%; overflow: hidden; }

.advantage ul li { float: left; width: 31.5%; padding-bottom: .4rem; margin: 0.916666%; position: relative; }

.advantage ul li a, .advantage ul li span, .advantage ul li p { display: block; }

.advantage ul li a { width: 100%; height: 1.9rem; overflow: hidden; margin-bottom: .5rem; transition: all .44s ease-in-out; }

.advantage ul li a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .34s ease-in-out; }

.advantage ul li span { font-size: .24rem; color: #333; margin-bottom: .2rem; transition: all .24s ease-in-out; }

.advantage ul li p { font-size: .16rem; color: #777; line-height: .32rem; }

.advantage ul li:after { content: ''; position: absolute; width: 0; height: .02rem; background-color: #002f87; bottom: 0; transition: .36s ease; background: transparent; }

.advantage ul li:hover:after { z-index: 10; width: 100%; background: #002f87; }

.advantage ul li:hover a { margin-bottom: .4rem; }

.advantage ul li:hover a img { -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); }

.advantage ul li:hover span { color: #002f87; }

.blueprint { height: 7.03rem; padding-bottom: 1rem; background: url(../image/about/组134.png) no-repeat center; background-size: cover; position: relative; }

.blueprint em { display: block; content: ''; width: 1.6rem; height: 1.6rem; position: absolute; background: url(../image/about/图层21.png) no-repeat center; -webkit-animation-name: shake-chunk; animation-name: shake-chunk; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; top: 56.89900%; left: 50%; margin-left: -.8rem; }

.blueprint .duty-title { padding-bottom: 1rem; }

.blueprint .duty-title span { color: #fff; }

.blueprint ul { position: relative; }

.blueprint ul li { position: absolute; width: 22.166666%; height: 1.28rem; background: url(../image/about/24.png) no-repeat center; background-size: contain; }

.blueprint ul li:nth-of-type(1) { top: 0; left: 22%; }

.blueprint ul li:nth-of-type(2) { top: 0; left: 56.333333%; }

.blueprint ul li:nth-of-type(3) { top: 2rem; left: 5.666666%; }

.blueprint ul li:nth-of-type(4) { top: 2rem; right: 5.666666%; }

.blueprint ul li span, .blueprint ul li p { display: block; color: #fff; text-align: center; }

.blueprint ul li span { margin-top: .3rem; margin-bottom: .15rem; font-size: .24rem; }

.blueprint ul li p { font-size: .16rem; font-size: .16rem; }

.floater { animation-name: floater; -webkit-animation-name: floater; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; visibility: visible !important; }

.floater1 { -webkit-animation-delay: 1s; animation-delay: 1s; }

.floater2 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.floater3 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.floater4 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

@keyframes floater {
    0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
    50% { -webkit-transform: translateY(8%); transform: translateY(8%); }
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); }
}

@-webkit-keyframes floater {
    0% { -webkit-transform: translateY(0%); }
    50% { -webkit-transform: translateY(8%); }
    100% { -webkit-transform: translateY(0%); }
}

#animationelement { background: url(../images/mjXfKJP.png) no-repeat center; background-size: contain; height: 190px; width: 200px; margin-left: auto; margin-right: auto; }

.honor .honor-title { font-size: .3rem; color: #333; }

.honor .honor-swiper { height: 4rem; }

.honor { position: relative; overflow: hidden; padding-bottom: 1.2rem; }

.honor .honor-title { font-size: .3rem; color: #333; margin-bottom: .6rem; padding-top: 1.3rem; }

.honor .lf { float: left; }

.honor .rt { float: right; width: 18.333333%; }

.honor .rt ul li { float: left; width: .67rem; height: .88rem; margin: .03rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity: 0.3; }

.honor .rt ul li.on { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }

.honor .h-info { width: 21.666666%; margin-right: 9.583333%; }

.honor .h-info .num { padding: .6rem 0; }

.honor .h-info .num em:nth-of-type(1) { font-size: .36rem; }

.honor .h-info .num em:nth-of-type(2) { font-size: .16rem; color: #777; }

.honor .h-info span, .honor .h-info p, .honor .h-info a { display: block; }

.honor .h-info span { margin-bottom: .4rem; font-size: .24rem; font-size: .24rem; color: #333; }

.honor .h-info p { font-size: .16rem; line-height: .32rem; color: #777; margin-bottom: .67rem; }

.honor .h-info a { font-size: .16rem; color: #777; }

.honor .h-bigImg { width: auto; height: 74.482756%; box-shadow: 1px 4px 44px rgba(134, 134, 134, 0.4); }

.honor .swiper-slide { background-color: #fff; }

.honor .honor-item { visibility: hidden; }

.win-box { position: fixed; z-index: 999999; background-color: #3c3d3d; background-color: rgba(60, 61, 61, 0.63); left: 0; top: 0; bottom: 0; width: 100%; height: 100vh; display: none; }

.win-box .contact-from { width: 4.8rem; height: auto; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -2.4rem; margin-top: -2.6rem; }

.win-box .contact-from em, .win-box .contact-from img, .win-box .contact-from span, .win-box .contact-from input, .win-box .contact-from .login-btn, .win-box .contact-from div { display: block; margin: 0 auto; text-align: center; }

.win-box .contact-from .down-icon { width: .16rem; height: .16rem; position: absolute; right: .1rem; top: .1rem; cursor: pointer; background: url(../image/down.png) no-repeat center; background-size: contain; }

.win-box .contact-from img { width: 1.13rem; height: .33rem; -o-object-fit: contain; object-fit: contain; margin: .6rem auto .2rem; }

.win-box .contact-from span { font-size: .24rem; color: #002f87; margin-bottom: .6rem; }

.win-box .contact-from input { width: 3.78rem; height: .38rem; border: solid .01rem #E0E0E0; resize: none; outline: none; font-size: .16rem; color: #333; text-align: left; line-height: .38rem; padding-left: .2rem; margin-bottom: .16rem; transition: all .4s ease-in-out; }

.win-box .contact-from input:focus, .win-box .contact-from input:active { border-color: #002f87; }

.win-box .contact-from div { margin-top: .6rem; margin-bottom: .3rem; font-size: .12rem; color: #999; }

.win-box .contact-from div a { text-decoration: underline; transition: all .14s ease-in-out; }

.win-box .contact-from div a:hover { color: #002f87; }

.win-box .contact-from .login-btn { width: 3.8rem; height: .4rem; text-align: center; display: block; border-radius: 0; border: 1px solid #002f87; background-color: #002f87; border-radius: .02rem; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; position: relative; font-size: .16rem; color: #fff; text-indent: 0px; line-height: .4rem; text-transform: uppercase; margin-bottom: .8rem; margin-top: .6rem; z-index: 10; }

.win-box .contact-from .login-btn:before { content: ''; z-index: -1; position: absolute; height: 100%; width: 0; left: 0; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #fff; transition: all .36s ease; }

.win-box .contact-from .login-btn:hover { background-color: #fff; color: #002f87; }

.win-box .contact-from .login-btn:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; width: 100%; }
.top-list { display: none; position: fixed; right: 0; top: 50%; background-color: #191919; z-index: 1000; margin-top: -125px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); }

@media(min-width:768px) {
    .top-list { display: block; }
}

@media(min-width:1600px) {
    .top-list { margin-top: -100px; }
}

.top-list ul { padding: 0; margin: 0; }
.top-list li { position: relative; border-bottom: 1px solid #3b3b3b; }
.top-list li > div.img { position: absolute; right: .5rem; top: -.5rem; visibility: hidden; opacity: 0; transition: all .3s ease; }
.top-list li:hover div.img { visibility: visible; opacity: 1; right: .5rem; }
.top-list li > div.img { width: 200px; height: auto; }
.top-list li > div.img img { width: 100%; height: auto; }
.top-list li > div.num { position: absolute; right: 90%; top: 0; height: 100%; line-height: .5rem; padding: 0 20px; background-color: #ffffff; color: #191919; white-space: nowrap; visibility: hidden; opacity: 0; transition: all .3s ease; }

@media(min-width:1600px) {
    .top-list li > div.num { line-height: 50px; }
    
}

.top-list li:hover div.num { right: 100%; opacity: 1; visibility: visible; }
.top-list li a { display: block; width: .5rem; height: .5rem; line-height: .5rem; color: #fff; text-align: center; cursor: pointer; transition: all .3s ease; }

.top-list li:hover a { color: #191919; background-color: #fff; }
.top-list li a .iconfont { font-size: 16px; }



.m-to-top { display: block; bottom: 20px; right: 20px; position: fixed; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #999; border-radius: 50%; color: #191919; background-color: rgba(255,255,255,.3); cursor: pointer; z-index: 1000; }

@media(min-width:768px) {
    .m-to-top { display: none; }
}

.m-to-top span { font-size: 18px; }
.top-list li .ico { display: inline-block; width: .5rem; height: .5rem; position: absolute; right: 0; top: 0; transition: background 0.3s ease 0s; z-index: 2; }
.top-list li .ico.icon-cunsult { background: #191919 url(../image/ico_on_2.png) no-repeat center; }
.top-list li .ico.icon-erweima { background: #191919 url(../image/erweima.png) no-repeat center; }
.top-list li .ico.icon-dianhua { background: #191919 url(../image/ico_on_4.png) no-repeat center; }
.top-list li .ico.icon-top { background: #191919 url(../image/ico_on_5.png) no-repeat center; }
.top-list li:hover { background-color: #fff; }
.top-list li:hover .fl { color: #15191e; }
.top-list li:hover .icon-cunsult { background: #fff url(../image/ico_on_22.png) no-repeat center; }
.top-list li:hover .icon-erweima { background: #fff url(../image/erweima1.png) no-repeat center; }
.top-list li:hover .icon-dianhua { background: #fff url(../image/ico_on_44.png) no-repeat center; }
.top-list li:hover .icon-top { background: #fff url(../image/ico_on_55.png) no-repeat center; }
.top-list li:last-of-type { border-bottom: none }
.skill-tabel { margin-top: -.88rem }
.skill-tabel table { border: solid .01rem #e9e9e9;width:100% !important}
.skill-tabel td, th { height: .8rem; line-height: .8rem; color: #777;padding:.2rem;}
.skill-tabel td span, .skill-tabel th span { white-space:normal !important}
.video-box { width:5.8rem;height:2.95rem;}
.video-box .full-img { width:100%}
@media (max-width: 1250px) {
    .news-list .news-info { width: 58%; }
    .honor-list ul li { height: 5rem; }
    .contact .info { width: 32%; }
    .video-box { width: 5.2rem; }
}
@media (min-width: 1400px) {
     .video-box { width:4.8rem}
}
@media (max-width: 992px) {
    .enSite {     right: 1rem;
    top: -.55rem;}
    .index-banner { height:4.22rem}
    .video-box { width:100%;height:3.9rem;}
.video-box .full-img { width:100%}
    .news-title a { font-size: .32rem; margin: 1rem .45rem .2rem 0; }
    .news-list { margin-top: .6rem; }
    .news-list .date { display: none; }
    .news-list .news-info em { display: block; text-align: right; color: #777777; font-size: .28rem; margin-top: -.6rem; transition: all .3s ease-in-out; }
    .news-list .news-info span { font-size: .35rem; margin-top: .5rem; }
    .news-list .news-info p { font-size: .26rem; line-height: .46rem; margin: .3rem 0 .5rem; }
    .news-list .news-info a { font-size: .24rem; margin-bottom: .3rem; }
    .news-list:hover .news-info span { margin-top: .4rem; }
    .news-list:hover .news-info em { color: #002f87; }
    .news-list .news-img,
    .news-list .news-info { float: inherit; display: block; width: 100%; margin-left: 0; }
    .skill-tabel td, th { padding: .2rem }
    .product-des .lf,
    .product-des .rt { float: inherit; width: 100%; }
    .product-des .rt { margin-bottom: .5rem; }
    .product-des .lf ul li span { font-size: .3rem; }
    .product-des .lf ul li p { font-size: .28rem; line-height: .46rem; }
    .product-title span { font-size: .35rem; }
    .product-title p { font-size: .28rem;margin-top:.2rem }
    .product-scene { height: 3rem; }
    .product-scene img { height: 2.6rem; margin: 0 auto; }
    .product-scene:hover img { width: 96%; }
    .honor-list ul { margin-top: .3rem; }
    .honor-list ul li { height: 4rem; width: 45%; }
    .honor-list ul li a { height: 68.6%; }
    .honor-list ul li span { margin: .25rem auto; line-height: .36rem; }
    .pub-title { font-size: .35rem; }
    .product-swiper { padding: 0; margin: .8rem auto; }
    .product-swiper .swiper-slide a img { width: 46%; }

    .pro-swiper .swiper-button-next,
    .pro-swiper .swiper-button-prev { display: none; }
    .product-swiper .swiper-slide span { font-size: .28rem; }
    .product-item ul li { width: 45%; }
    .product-item ul li span { font-size: .26rem; }
    .down-title { font-size: .35rem; }
    .download-title a { font-size: .3rem; padding: .1rem; }
    .download-item .download-list .lf,
    .download-item .download-list .rt { float: inherit; width: 100%; display: block; overflow: hidden; }
    .download-item .download-list .lf { margin-bottom: .4rem; }
    .download-item .download-list .lf a { width: 1.92rem; height: 1.4rem; }
    .download-item .download-list .lf div span { font-size: .28rem; margin: .3rem 0 .3rem; }
    .download-item .download-list .lf div p { font-size: .24rem; }
    .download-item .download-list .rt { text-align: left; }
    .download-item .download-list .rt span,
    .download-item .download-list .rt a { background-position-x: .0rem; padding-left: .5rem; font-size: .24rem; line-height: .35rem; background-size: .32rem .32rem; }
    .download-item .download-list .rt span { margin-right: .3rem; width: 35%; }
    .download-item .download-list .rt a { margin-top: .0rem; }
    .welfare { margin-top: .8rem; margin-bottom: 1rem; }
    .welfare .fl,
    .welfare .rt { float: inherit; width: 100%; }
    .welfare .fl { margin-bottom: .6rem; }
    .welfare .fl h1 { font-size: .35rem; }
    .welfare .fl ul li span { font-size: .3rem; }
    .welfare .fl ul li p { font-size: .26rem; line-height: .4rem; }
    .welfare .rt a { margin: 0 !important; }
    .welfare .rt .re-swiper { height: 4.4rem; }
    .welfare .rt .re-swiper .swiper-pagination-bullet-active { background-color: #002f87; }
    .welfare .rt img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
    .recurit-position .pisition-title { line-height: .8rem; margin-bottom: .5rem; }
    .recurit-position .pisition-title span { font-size: .35rem; }
    .recurit-position .pisition-title a { font-size: .26rem; }
    .recurit-position .position-mian .position-img,
    .recurit-position .position-mian .position-summary { float: inherit; width: 100%; }
    .recurit-position .position-mian .position-summary span { margin-top: .6rem; font-size: .3rem; }
    .recurit-position .position-mian .position-summary p { font-size: .28rem; line-height: .46rem; }
    .market span { font-size: .35rem; }
    .market p { width: 80%; font-size: .28rem; line-height: .44rem; }
    .sales-growth span { font-size: .35rem; }
    .recurit-title { font-size: .35rem; }
    .recurit-list:after { background-size: cover; background-position: -.53rem 0; }
    .recurit-list p { font-size: .28rem; }
    .recurit-list span { font-size: .26rem; }
    .recurit-info .intro span { font-size: .28rem; line-height: .44rem; }
    .recurit-info .main a { font-size: .28rem; }
    .about-info .intro-title { font-size: .35rem; line-height:.5rem}
    .service-title span { font-size: .35rem; }
    .service-title p { font-size: .26rem; line-height: .4rem; }
    .service-title img { width: 100%; height:100%;object-fit:contain}
    .service-policy { height: 6rem; }
    .service-policy .policy-title { padding-top: 1rem; padding-left: 0; text-align: center; }
    .service-policy .policy-title span { font-size: .35rem; }
    .service-policy .policy-title p { font-size: .28rem; margin-bottom: 1.2rem; }
    .service-policy ul { padding-left: 0; }
    .service-policy ul li { margin-right: 0; width: 33.333333%; }
    .service-policy ul li a { width: 1.24rem; height: 1.24rem; }
    .service-policy ul li span { font-size: .28rem; margin-top: .4rem; }
    .service-technology li { float: inherit; width: 100%; }
    .service-technology li div span { font-size: .35rem; }
    .service-technology li div p { font-size: .28rem; line-height: .4rem; }
    .service-technology li:hover div { padding-top: .6rem; }
    .training-service { padding-bottom: 0rem; }
    .training-service .fl,
    .training-service .rt { float: inherit; }
    .training-service .training-list .training-img { width: 100%; height: auto; }
    .training-service .training-list .training-title { width: 100%; }
    .training-service .training-list .training-title span { font-size: .32rem; margin-top: .4rem; }
    .training-service .training-list .training-title p { font-size: .28rem; line-height: .4rem; }
    .job-training .service-title { width: 100%; }
    .job-training .service-title p { line-height: .4rem; }
    .job-training .download-center ul li { float: inherit; display: block; width: 99%; height: 4rem; margin-bottom: .2rem; }
    .job-training .download-center ul li .ser-icon { width: 3.4rem; }
    .job-training .download-center ul li .details { width: 3rem; height: .8rem; line-height: .8rem; font-size: .3rem; }
    .job-training .download-center ul li ~ li { margin-left: 0; }
    .job-training .download-center .more-btn { width: 3rem; line-height: .8rem; height: .8rem; font-size: .3rem; }
    .about-info .intro-date { padding-left: .4rem; background-size: contain; }
    .core .core-title { margin-bottom: 1rem; }
    .core .core-title span { font-size: .35rem; }
    .job-warp { margin-bottom: .4rem; }
    .job-warp ul li .title { position: relative; overflow: hidden; border-bottom: solid 1px #dedede; padding: 0 0 .2rem 0; margin-top: .2rem; }
    .job-warp ul li .title img,
    .job-warp ul li .title span { float: left; line-height: .8rem; }
    .job-warp ul li .title span { font-size: .28rem; color: #777; margin-left: .2rem; }
    .job-warp ul li .title:before {display:none; content: ''; position: absolute; background: url(../image/technology/下箭头.png) right center no-repeat; background-size: cover; width: .6rem; height: .3rem; right: 0; top: 50%; margin-top: -.15rem; }
    .job-warp ul li .title img { width: .8rem; height: .8rem; }
    .job-warp ul li .title img:nth-of-type(1) { display: block; }
    .job-warp ul li .title img:nth-of-type(2) { display: none; }
    .job-warp ul li.on .title:before { background: url(../image/technology/上箭头.png) right center no-repeat; width: .6rem; height: .3rem; background-size: cover; right: 0; top: 50%; margin-top: -.15rem; }
    .job-warp ul li.on .title img:nth-of-type(1) { display: none; }
    .job-warp ul li.on .title img:nth-of-type(2) { display: block; }
    .job-warp ul li.on .title span { color: #002f87; }
    .job-warp ul li .core-con .core-main img,
    .job-warp ul li .core-con .core-main span,
    .job-warp ul li .core-con .core-main p { display: block; }
    .job-warp ul li .core-con .core-main img { width: 100%; height: 4rem; -o-object-fit: contain; object-fit: contain; margin: .3rem auto; }
    .job-warp ul li .core-con .core-main span { font-size: .3rem; color: #333; margin: .5rem 0; text-align: center; }
    .job-warp ul li .core-con .core-main p { font-size: .28rem; color: #777; line-height: .4rem; border-bottom: solid .2rem #f6f7f7; padding-bottom: .3rem; }
    .figure-swiper .figure-item { height: 13rem; }
    .figure-swiper .figure-item .fl,
    .figure-swiper .figure-item .rt { float: inherit; width: 100%; }
    .figure-swiper .figure-item .fl img { width: 100%; -o-object-fit: cover; object-fit: cover; }
    .figure-swiper .figure-item .fl:after { width: 90%; }
    .figure-swiper .figure-item .rt { margin-top: 5rem; }
    .figure-swiper .figure-item .rt h1 { font-size: .35rem; }
    .figure-swiper .figure-item .rt span { font-size: .28rem; display: block; margin-bottom: .2rem; }
    .figure-swiper .figure-item .rt p,
    .figure-swiper .figure-item .rt em { font-size: .28rem; line-height: .4rem; }
    .figure-swiper .figure-item .rt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 14; -webkit-box-orient: vertical; }
    .figure-swiper .swiper-button-next,
    .figure-swiper .swiper-button-prev { width: .46rem; height: .46rem; top: 46%; }
    .figure-swiper .swiper-button-prev,
    .figure-swiper .swiper-container-rtl .swiper-button-next { right: 1rem; }
    .team { background-position-y: 6rem; padding-top: .2rem }
    .team .team-title span { font-size: .35rem; }
    .team .team-title p { width: 100%; font-size: .28rem; line-height: .4rem; }
    .contact-title span,
    .contact-title p { float: inherit; display: block; width: 100%; }
    .contact-title span { font-size: .42rem; margin-bottom: .3rem; }
    .contact-title p { font-size: .28rem; color: #777; line-height: .4rem; }
    .contact { background: none; margin-bottom: 0; }
    .contact .img-box,
    .contact .info { float: inherit; display: block; }
    .contact .fl { float: inherit; width: 90%; margin: 0 auto; }
    .contact .fl .img-box { width: 100%; }
    .contact .fl .img-box img:nth-of-type(1) { height: 6.07rem; }
    .contact .info { width: 100%; margin-top: 1rem; padding-bottom: .9rem; }
    .form .more-btn { width: 2.5rem; height: .88rem; line-height: .88rem; }
    .contact-box { margin-top: .6rem; }
    .input-item { width: 100%; margin-bottom: .6rem; }
    .input-item input { width: 95%; padding-left: 5%; height: .88rem; line-height: .88rem; }
    .area { margin-top: 0; }
    .area textarea { height: 1.3rem; font-size: .16rem; line-height: .28rem; color: #666; }
    .about-box .about-item { padding-top: .6rem; }
    .about-box .about-item .lf, .about-box .about-item .rt { float: inherit; display: block; width: 100%; }
    .about-box .about-item .lf i { display: none; }
    .about-box .about-item .lf h1 { font-size: .35rem; }
    .about-box .about-item .lf span { margin-top: .3rem; font-size: .3rem; }
    .about-box .about-item .lf p { font-size: .28rem; line-height: .4rem; }
    .about-box .about-item .lf .more-btn { width: 2rem; height: .68rem; line-height: .68rem; border-radius: .35rem; padding-left: .65rem; font-size: .3rem; }
    .about-box .about-item .rt { margin-bottom: .5rem; }
    .about-box .about-history .fl, .about-box .about-history .rt { float: inherit; display: block; width: 100%; }
    .about-box .about-history .rt span { font-size: .35rem; }
    .about-box .about-history .rt span:before { right: 1.8rem; }
    .about-box .about-history .rt p { font-size: .28rem; line-height: .4rem; }
    .about-box .about-history:hover .rt span:before { right: 1.6rem; }
    .course { background-size: contain; padding-bottom: 1rem; height: auto; }
    .course .course-title { font-size: .35rem; }
    .course .course-swiper .swiper-slide { background-size: contain; height: auto; }
    .course .course-swiper .swiper-slide .lf, .course .course-swiper .swiper-slide .rt { float: inherit; width: 100%; display: block; overflow: hidden;margin-bottom:.8rem }
    .course .course-swiper .swiper-slide .rt div { padding-bottom: .3rem; }
    .course .course-swiper .swiper-slide .rt div span { font-size: .35rem; }
    .course .course-swiper .swiper-slide .rt p { font-size: .28rem; line-height: .4rem; }
    .course .course-swiper .swiper-slide .rt a { background-size: contain; padding-left: .5rem; font-size: .28rem; }
    .course .course-swiper .swiper-pagination-bullet { margin: 0 .2rem .2rem !important ; }
    .course .course-swiper .swiper-pagination { bottom: 0; }
    .duty { overflow: hidden; height: auto; padding-bottom: .8rem; }
    .duty-title span { padding-top: .8rem; font-size: .35rem; }
    .duty-title p { width: 100%; font-size: .28rem; color: #777; line-height: .4rem; }
    .ask ul { width: 100%; }
    .ask ul li span { font-size: .7rem; }
    .ask ul li p { font-size: .28rem; }
    .advantage ul { margin-top: .4rem; }
    .advantage ul li { float: initial; display: block; width: 100%; margin-bottom: .5rem }
    .advantage ul li a { height: 2.8rem; }
    .advantage ul li span { font-size: .3rem; }
    .advantage ul li p { font-size: .28rem; line-height: .4rem; }
    .blueprint { height: auto; background: url(../image/about/关于我们9.jpg) no-repeat center; padding-bottom: 1rem; }
    .blueprint .duty-title { font-size: .35rem; padding-bottom: .6rem; }
    .blueprint em { display: none; }
    .blueprint .floater { -webkit-animation-name: inherit; }
    .blueprint ul li { width: 100%; position: inherit; height: 6.63rem; height: 1.82rem; background: url(../image/about/666.png) no-repeat center; background-size: contain; }
    .blueprint ul li span { font-size: .3rem; margin-bottom: .4rem; padding-top: .4rem; }
    .blueprint ul li p { font-size: .28rem; }
    .blueprint ul li:nth-of-type(1) { top: inherit; left: inherit; }
    .blueprint ul li:nth-of-type(2) { top: inherit; left: inherit; }
    .blueprint ul li:nth-of-type(3) { top: inherit; left: inherit; }
    .blueprint ul li:nth-of-type(4) { top: inherit; right: inherit; }
    .honor-tab-prev, .honor-tab-next { background-size: contain; width: .4rem }
    .honor-tab-prev { right: .6rem }
    .honor .h-info { width: 100%; margin-bottom: .8rem }
    .honor .h-bigImg { float: inherit; width: 80%; margin: 0 auto; box-shadow: none; margin-bottom: .4rem }
    .honor .rt { float: inherit; width: 70%; margin: 0 auto }
    .win-box .contact-from { width: 5.8rem; margin-left: -2.9rem; margin-top: -52% }
    .win-box .contact-from input { height: .66rem; line-height: .66rem }
    .win-box .contact-from div { width: 80%; line-height: .45rem }
    .win-box .contact-from .login-btn { height: .66rem; line-height: .66rem }
    .win-box .contact-from .down-icon { width: .32rem; height: .32rem; }
    .win-box .contact-from img { width: 2.26rem; height: .66rem; }
    .top-list { display: none }
    .honor-tab-prev, .honor-tab-next { top: 15% }
    .course .course-swiper .swiper-pagination-bullet { font-size: .3rem }
    .honor .honor-title { font-size: .35rem }
    .honor .h-info .num em:nth-of-type(1) { font-size: .42rem }
    .honor .h-info .num em:nth-of-type(2) { font-size: .3rem }
    .honor .h-info span { font-size: .3rem }
    .honor .h-info p { font-size: .28rem }
    .honor .h-info a { font-size: .26rem }
    .honor-list ul li span { font-size: .28rem }
    .contact .info span { font-size: .28rem }
    .input-item input, .area textarea { font-size: .3rem }
    .win-box .contact-from div { font-size: .26rem }
    .win-box .contact-from input { font-size: .3rem }
    .win-box .contact-from .login-btn { font-size: .3rem }
    .about-info .intro-date { font-size: .28rem }
    .form .more-btn { font-size: .3rem; }
}

.ui-pagination-container .ui-pagination-page-item { border-radius: 2px; }
.ui-pagination-container .ui-pagination-page-item.active { background: #002f87 !important; border-color: #002f87 !important; }
.ui-pagination-container .ui-pagination-page-item:hover { border-color: #002f87 !important; color: #002f87 !important; }
.validate-error { color: #b91010; font-size: 14px }

@media(min-width:1920px) {
    .top-list li a .iconfont { font-size: 18px; }
    .i-strength .box .ring {width:3.76rem !important;height:3.76rem !important }
}