@font-face{font-family:"OpenSans-Regular";src:url("./fonts/OpenSans-Regular.eot");src:url("./fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("./fonts/OpenSans-Regular.woff") format("woff"),url("./fonts/OpenSans-Regular.ttf") format("truetype"),url("./fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Roboto-Regular";src:url("./fonts/Roboto-Regular.eot");src:url("./fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("./fonts/Roboto-Regular.woff") format("woff"),url("./fonts/Roboto-Regular.ttf") format("truetype"),url("./fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:'graphik-regular';src:url("./fonts/graphik-regular.eot");src:url("./fonts/graphik-regular.eot?#iefix") format("embedded-opentype"),url("./fonts/graphik-regular.woff") format("woff"),url("./fonts/graphik-regular.ttf") format("truetype"),url("./fonts/graphik-regular.svg#graphik-extralight") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"graphik-extralight";src:url("./fonts/graphik-extralight.eot");src:url("./fonts/graphik-extralight.eot?#iefix") format("embedded-opentype"),url("./fonts/graphik-extralight.woff") format("woff"),url("./fonts/graphik-extralight.ttf") format("truetype"),url("./fonts/graphik-extralight.svg#graphik-extralight") format("svg");font-weight:normal;font-style:normal}@media only screen and (min-width: 751px){.bodycenter{width:100%}.bodycenter .content_top{width:100%;padding:0 3.5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:65px}.bodycenter .content_top .title{font-size:42px;color:#000;text-align:center}.bodycenter .content_top p{font-size:16px;color:#888;text-align:center;margin:20px auto 60px;line-height:24px}.bodycenter .content_top img{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bodycenter.index{max-width:1000px;margin:150px auto 0}.bodycenter.index .content_body{max-width:1000px;margin:0 auto}.bodycenter.index .content_body .list{display:-webkit-flex;display:-moz-flex;display:flex;width:100%;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;position:relative;overflow:hidden;margin-bottom:110px}.bodycenter.index .content_body .list .item{width:49%;height:1.475rem;position:relative;cursor:pointer;z-index:2;overflow:hidden;margin-bottom:2%}.bodycenter.index .content_body .list .item:nth-child(2n){margin-left:2%}.bodycenter.index .content_body .list .item .bg{position:absolute;width:100%;height:100%;padding:0 60px;box-sizing:border-box;top:0;left:0;background:#6295a8;opacity:0;z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.bodycenter.index .content_body .list .item .default-layer{position:absolute;width:100%;height:100%;padding:0 30px;box-sizing:border-box;top:0;left:0;opacity:0;background-color:rgba(255,255,255,0.5);font-size:.14rem;color:#fff;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;z-index:9}.bodycenter.index .content_body .list .item .minimg{width:100%;height:100%;background-position:center;background-size:cover;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.bodycenter.index .content_body .list .item .bigimg{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;display:none}.bodycenter.index .content_body .list .item:hover .default-layer{opacity:1;background-color:rgba(227,222,213,0)}.bodycenter.index .content_body .list .item:hover .minimg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.bodycenter.index .content_body .list .item:hover .bg{opacity:0.8;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.bodycenter.index .content_body .list .popbg{display:none}.bodycenter.index .content_body .list .popbg .lmxg{position:absolute;left:0;top:0;width:1.2%;height:100%;background:#fff;z-index:9}.bodycenter.index .content_body .list .popbg .lmxg:nth-child(2){left:32.6%}.bodycenter.index .content_body .list .popbg .lmxg:nth-child(3){left:66.1%}.bodycenter.index .content_body .list .popbg .lmxg:nth-child(4){right:0;left:unset}.bodycenter.index .content_body .list .popbg .wmxg{position:absolute;width:100%;height:2%;background:#fff;left:0;z-index:10}.bodycenter.index .content_body .list .popbg .wmxg:nth-child(5){top:49%}.bodycenter.index .content_body .list .item-active{z-index:3}.bodycenter.index .content_body .list .item-active .minimg{opacity:0}.bodycenter.detail .banner{background-image:url("/img/system/www/p/our-systems/our-systems-detail-banner.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;height:421px;width:100%}.bodycenter.detail .banner .banner-inner{background-position:center;background-size:auto 100%;background-repeat:no-repeat;width:100%;height:100%}.bodycenter.detail .content_body .article-area{max-width:1000px;margin:50px auto;padding:0 3.5px;box-sizing:border-box}.bodycenter.detail .content_body .article-area .title{position:relative}.bodycenter.detail .content_body .article-area .title h2{font-size:38px;line-height:46px;width:94%;font-weight:normal}.bodycenter.detail .content_body .article-area .title .sub-title{font-size:18px;color:#b2b2b2;line-height:21px;margin-top:10px}.bodycenter.detail .content_body .article-area .title .share{position:absolute;right:2%;top:10px;cursor:pointer;z-index:99}.bodycenter.detail .content_body .article-area .title .share .share-layer{position:relative;display:none}.bodycenter.detail .content_body .article-area .title .share .share-layer ul{position:absolute;width:120px;height:auto;top:5px;right:0;border:1px solid #cbcccc;z-index:10000;list-style:none;background-color:#fff}.bodycenter.detail .content_body .article-area .title .share .share-layer ul .at-share-btn-elements{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:5px}.bodycenter.detail .content_body .article-area .title .share:before{content:'';background-image:url("/img/system/www/p-svg/share.svg");background-size:100% 100%;display:block;width:26px;height:23px;cursor:pointer}.bodycenter.detail .content_body .article-area .content{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;margin-top:60px}.bodycenter.detail .content_body .article-area .content .images{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-sizing:border-box;width:270px;text-align:center;margin-right:30px}.bodycenter.detail .content_body .article-area .content .images img{max-width:270px}.bodycenter.detail .content_body .article-area .content .text{-webkit-flex:2;-moz-flex:2;-ms-flex:2;-o-flex:2;flex:2;width:100%;font-size:16px;line-height:22px;color:#888;text-align:justify}.bodycenter.detail .content_body .article-area .content .text em{font-style:normal;font-weight:bold;color:#00B8FF}.bodycenter.detail .content_body .article-area .content .text li{list-style-position:outside;margin-left:18px}.bodycenter.detail .content_body .article-area .content .text p{font-size:16px;margin-bottom:14px}.bodycenter.detail .content_body .article-area .content .text p a{font-size:16px;color:#21c5ff}.bodycenter.detail .content_body .article-area .abreast-img{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;margin-top:60px;flex-wrap:wrap}.bodycenter.detail .content_body .article-area .abreast-img a{display:block;width:49.5%;height:1.615rem;background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:1%}.bodycenter.detail .content_body .article-area .grid-list-title{margin-top:90px}.bodycenter.detail .content_body .article-area .grid-list{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px}.bodycenter.detail .content_body .article-area .grid-list .grid-item{width:48%;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;margin-bottom:37px}.bodycenter.detail .content_body .article-area .grid-list .grid-item .grid-icon{width:116px;height:76px;background-image:url("/img/system/www/p/our-systems/grid-icon1.png");background-position:center top;background-size:76px 76px;background-repeat:no-repeat}.bodycenter.detail .content_body .article-area .grid-list .grid-item .grid-right{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}.bodycenter.detail .content_body .article-area .grid-list .grid-item .grid-right .grid-title{font-size:20px;line-height:28px;color:#444444}.bodycenter.detail .content_body .article-area .grid-list .grid-item .grid-right .grid-text{font-size:15px;line-height:21px;color:#888;margin-top:15px}.bodycenter.detail .content_body .article-area .grid-list .grid-item .grid-right .grid-text li{list-style-position:outside;margin-left:18px}.bodycenter.detail .content_body .m-grid-list{display:none}.bodycenter.detail .content_body .scroll-area{background-color:#F2F2F2;position:relative}.bodycenter.detail .content_body .scroll-area .swiper-container .swiper-wrapper .swiper-slide{text-align:center}.bodycenter.detail .content_body .scroll-area .swiper-container .scroll-button-prev,.bodycenter.detail .content_body .scroll-area .swiper-container .scroll-button-next{position:absolute;top:50%;font-size:15px;line-height:18px;color:#4c4c4c;z-index:99;cursor:pointer;-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.bodycenter.detail .content_body .scroll-area .swiper-container .scroll-button-prev:hover,.bodycenter.detail .content_body .scroll-area .swiper-container .scroll-button-next:hover{color:#00B8FF}.bodycenter.detail .content_body .scroll-area .swiper-container .scroll-button-prev{left:3%;display:none}.bodycenter.detail .content_body .scroll-area .swiper-container .scroll-button-next{right:3%;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.bodycenter.detail .content_body .scroll-area .scroll-pagination{position:absolute;top:45px;right:8%;left:auto;bottom:auto;width:140px;z-index:99}.bodycenter.detail .content_body .scroll-area .scroll-pagination .avtive{display:none;width:100%}.bodycenter.detail .content_body .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:transparent;height:40px}.bodycenter.detail .content_body .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active span{font-size:50px;color:#d9d9d9;line-height:40px}.bodycenter.detail .content_body .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active .pagination-prev,.bodycenter.detail .content_body .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active .pagination-next{width:22px;height:40px;background-image:url("/img/system/www/p-svg/pagination-arrow.svg");background-size:100% 100%;cursor:pointer}.bodycenter.detail .content_body .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active .pagination-next{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.bodycenter.detail .content_body .rec-area{max-width:1000px;margin:80px auto 100px auto;width:100%;padding:0 3.5px;box-sizing:border-box}.bodycenter.detail .content_body .rec-area .title{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.bodycenter.detail .content_body .rec-area .title h2{font-size:42px;line-height:50px;font-weight:normal;word-break:keep-all;white-space:nowrap}.bodycenter.detail .content_body .rec-area .title a{font-size:16px;color:#828281;line-height:22px;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;word-break:keep-all;white-space:nowrap}.bodycenter.detail .content_body .rec-area .title a:before{content:'';width:30px;height:30px;background-image:url("/img/system/www/p-svg/see-all-icon.svg");background-size:100% 100%;display:inline-block;margin-right:15px;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.bodycenter.detail .content_body .rec-area .title a:hover{color:#00B8FF}.bodycenter.detail .content_body .rec-area .title a:hover:before{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.bodycenter.detail .content_body .rec-area .rec-list{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;margin-top:34px}.bodycenter.detail .content_body .rec-area .rec-list .rec-item{width:49%;height:1.475rem;position:relative;cursor:pointer;z-index:2;overflow:hidden;margin-bottom:2%}.bodycenter.detail .content_body .rec-area .rec-list .rec-item:nth-child(2n){margin-left:2%}.bodycenter.detail .content_body .rec-area .rec-list .rec-item .rec-title{position:absolute;width:100%;height:100%;padding:0 30px;box-sizing:border-box;top:0;left:0;opacity:0;background-color:rgba(255,255,255,0.5);font-size:.14rem;color:#fff;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;z-index:9}.bodycenter.detail .content_body .rec-area .rec-list .rec-item .bg{position:absolute;width:100%;height:100%;padding:0 60px;box-sizing:border-box;top:0;left:0;background:#6295a8;opacity:0;z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.bodycenter.detail .content_body .rec-area .rec-list .rec-item .rec-img{width:100%;height:100%;background-position:center;background-size:cover;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.bodycenter.detail .content_body .rec-area .rec-list .rec-item .rec-text{font-size:15px;line-height:18px;margin-top:10px;width:100%;padding:0 10px;box-sizing:border-box}.bodycenter.detail .content_body .rec-area .rec-list .rec-item:hover .rec-title{opacity:1;background-color:rgba(227,222,213,0)}.bodycenter.detail .content_body .rec-area .rec-list .rec-item:hover .rec-img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.bodycenter.detail .content_body .rec-area .rec-list .rec-item:hover .bg{opacity:0.8;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.our-systems-detail .header{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.our-systems-detail.white .header .headerInner .headerLeft a{background-image:url(/img/system/www/p/logo_service.png);background-size:100% 100%}.our-systems-detail.white .header .headerInner .headerRight .mm .mmItem .mmLink{color:#fff}.our-systems-detail.white .header .headerInner .headerRight .mm .mmItem .mmLink:hover{color:#00B8FF}.our-systems-detail.white .header .headerInner .headerRight .locale:before{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.scroll-area .swiper-slide{cursor:pointer;height:4.5rem;width:100%;position:relative;display:block;overflow:hidden;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:auto 100%}.scroll-area .swiper-slide img{position:absolute;max-height:4.5rem;max-width:100%;top:0;bottom:0;left:0;right:0;margin:auto}.us .bodycenter .content_top .title{font-family:"OpenSans-Regular"}.us .bodycenter.detail .content_body .article-area .title h2{font-family:"OpenSans-Regular"}.us .bodycenter.detail .content_body .article-area .grid-list .grid-item .grid-right .grid-title{font-family:"OpenSans-Regular"}.us .bodycenter.detail .content_body .rec-area .title h2{font-family:"OpenSans-Regular"}.hk .bodycenter.detail .content_body .article-area .content .text,.cn .bodycenter.detail .content_body .article-area .content .text{line-height:26px}}@media only screen and (max-width: 750px){.windowWrap .pagecenter{position:relative;margin-top:-.525rem}.our-systems-detail .header_mobile{background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.our-systems-detail.white .header_mobile .menu{background-image:url(/img/system/www/p-svg/menu_w.svg);background-size:100% 100%}.our-systems-detail.white .header_mobile .logo{background-image:url(/img/system/www/p-svg/logo_service.svg);background-size:100% 100%}.our-systems-detail.white .header_mobile .queBtn{background-image:url(/img/system/www/p-svg/menu_right_w.svg);background-size:100% 100%}.bodycenter{width:100%;margin:.9rem auto 0}.bodycenter .content_top{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:.42rem}.bodycenter .content_top .title{font-size:42px;color:#000;text-align:center}.bodycenter .content_top p{font-size:.16rem;color:#888;text-align:center;margin:.1rem auto .3rem;line-height:.24rem;padding:0 .15rem}.bodycenter .content_top img{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bodycenter.index{padding-top:.5rem}.bodycenter.index .content_body{padding:0 .05rem}.bodycenter.index .content_body .list{margin-bottom:.5rem}.bodycenter.index .content_body .list .item{width:3.65rem;height:2.66rem;margin-bottom:.025rem;position:relative;display:block;overflow:hidden}.bodycenter.index .content_body .list .item .minimg{width:100%;height:100%;background-size:cover;background-position:center}.bodycenter.index .content_body .list .item .bg{position:absolute;width:100%;height:100%;padding:0 60px;box-sizing:border-box;top:0;left:0;background:#6295a8;opacity:.7;-moz-opacity:.7;-khtml-opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.bodycenter.index .content_body .list .item .default-layer{position:absolute;width:100%;height:100%;padding:0 .15rem;box-sizing:border-box;top:0;left:0;font-size:.32rem;opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";color:#fff;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;z-index:9}.bodycenter.index .content_body .list .popbg{display:none}.bodycenter.detail{margin-top:.395rem}.bodycenter.detail .banner{background-image:url("/img/system/www/p/our-systems/our-systems-detail-banner.jpg");background-size:100% 100%;background-size:cover;background-position:center center;height:2.1rem}.bodycenter.detail .banner .banner-inner{background-position:center;background-size:auto 100%;background-repeat:no-repeat;width:100%;height:100%}.bodycenter.detail .article-area{padding:0 .15rem;margin-top:.36rem}.bodycenter.detail .article-area .title{margin-bottom:.295rem}.bodycenter.detail .article-area .title h2{font-size:.21rem;line-height:.25rem;font-weight:normal}.bodycenter.detail .article-area .title p.sub-title{font-size:.14rem;line-height:.17rem;color:#B2B2B2}.bodycenter.detail .article-area .title .share{display:none}.bodycenter.detail .article-area .content .images{text-align:center;margin-bottom:.3rem;height:1rem;width:100%;overflow:hidden}.bodycenter.detail .article-area .content .images img{max-width:3rem;height:1rem}.bodycenter.detail .article-area .content .text{color:#878787;line-height:.24rem;text-align:justify}.bodycenter.detail .article-area .content .text em{font-style:normal;font-weight:bold;color:#00B8FF}.bodycenter.detail .article-area .content .text p{line-height:.24rem;color:#878787;margin-bottom:.2rem}.bodycenter.detail .article-area .content .text p a{line-height:.24rem;color:#21C5FF}.bodycenter.detail .article-area .content .text li{line-height:.24rem;color:#878787;list-style-position:outside;margin-left:.14rem;margin-bottom:.1rem}.bodycenter.detail .article-area .abreast-img{margin-top:.11rem}.bodycenter.detail .article-area .abreast-img a{display:block;margin-bottom:.11rem;height:2.25rem;background-repeat:no-repeat;background-position:center;background-size:cover}.bodycenter.detail .article-area .grid-list{display:none}.bodycenter.detail .article-area .grid-list-title{margin-top:.425rem;text-align:center}.bodycenter.detail .article-area .grid-list-title h2{font-size:.27rem;line-height:.31rem}.bodycenter.detail .m-grid-list{width:3.45rem;margin-left:auto;margin-right:auto;margin-top:.2rem;padding-bottom:.59rem;position:relative}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .owl-dots{position:absolute;width:100%;height:.05rem;bottom:-.3rem;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .owl-dots .owl-dot{width:.05rem;height:.05rem;display:block;border-radius:.05rem;background:#EDEDED;margin:auto .05rem}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .owl-dots .owl-dot.active{background:#888888}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .swiper-slide{display:flex}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .swiper-slide .grid-item{padding:0 .1rem;width:50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .swiper-slide .grid-item .grid-icon{width:100%;height:.55rem;background-size:.65rem .475rem;background-position:center center;background-repeat:no-repeat;margin:0 auto .15rem auto}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .swiper-slide .grid-item .grid-right .grid-title{font-size:.14rem;line-height:.17rem;color:#444444;text-align:center;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;overflow:hidden}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .swiper-slide .grid-item .grid-right .grid-text{font-size:.14rem;line-height:.16rem;color:#878787;margin-top:.1rem;text-align:center}.bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .swiper-slide .grid-item .grid-right .grid-text li{font-size:.14rem;line-height:.16rem;color:#878787;list-style-position:outside;margin-left:.11rem;margin-bottom:.1rem}.bodycenter.detail .scroll-area{background-color:#F2F2F2;position:relative}.bodycenter.detail .scroll-area .swiper-container .swiper-wrapper .swiper-slide{text-align:center;height:2.6rem;width:100%;position:relative;display:block;overflow:hidden;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:auto 100%}.bodycenter.detail .scroll-area .swiper-container .swiper-wrapper .swiper-slide img{position:absolute;max-height:2.6rem;max-width:100%;top:0;bottom:0;left:0;right:0;margin:auto}.bodycenter.detail .scroll-area .swiper-container .scroll-button-prev,.bodycenter.detail .scroll-area .swiper-container .scroll-button-next{position:absolute;top:50%;font-size:.16rem;line-height:.19rem;color:#4c4c4c;z-index:99;cursor:pointer;-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.bodycenter.detail .scroll-area .swiper-container .scroll-button-prev:hover,.bodycenter.detail .scroll-area .swiper-container .scroll-button-next:hover{color:#00B8FF}.bodycenter.detail .scroll-area .swiper-container .scroll-button-prev{left:-.15rem}.bodycenter.detail .scroll-area .swiper-container .scroll-button-next{right:-.15rem;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.bodycenter.detail .scroll-area .scroll-pagination{position:absolute;top:.215rem;right:.2rem;left:auto;bottom:auto;width:.835rem;z-index:99}.bodycenter.detail .scroll-area .scroll-pagination .avtive{display:none;width:100%}.bodycenter.detail .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:transparent;height:.23rem}.bodycenter.detail .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active span{font-size:.3rem;color:#d9d9d9;line-height:.23rem}.bodycenter.detail .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active .pagination-prev,.bodycenter.detail .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active .pagination-next{width:.11rem;height:.23rem;background-image:url("/img/system/www/p-svg/pagination-arrow.svg");background-size:100% 100%;cursor:pointer}.bodycenter.detail .scroll-area .scroll-pagination .avtive.swiper-pagination-bullet-active .pagination-next{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.bodycenter.detail .rec-area{padding-bottom:.45rem}.bodycenter.detail .rec-area .title h2{font-size:.26rem;line-height:.31rem;text-align:center;margin-bottom:.2rem;margin-top:.3rem;font-weight:normal}.bodycenter.detail .rec-area .title a{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;font-size:.17rem;line-height:.23rem;margin-bottom:.2rem;width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);white-space:nowrap}.bodycenter.detail .rec-area .title a:before{content:'';width:.275rem;height:.275rem;background-image:url("/img/system/www/p-svg/see-all-icon.svg");background-size:100% 100%;display:inline-block;margin-right:.075rem;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.bodycenter.detail .rec-area .rec-list{width:100%}.bodycenter.detail .rec-area .rec-list .rec-item{width:3.65rem;height:2.66rem;display:block;margin:0 auto .025rem;position:relative;display:block;overflow:hidden}.bodycenter.detail .rec-area .rec-list .rec-item .bg{position:absolute;width:100%;height:100%;padding:0 60px;box-sizing:border-box;top:0;left:0;background:#6295a8;opacity:.7;-moz-opacity:.7;-khtml-opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.bodycenter.detail .rec-area .rec-list .rec-item .rec-title{position:absolute;width:100%;height:100%;padding:0 .15rem;box-sizing:border-box;top:0;left:0;font-size:.32rem;opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";color:#fff;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;z-index:9}.bodycenter.detail .rec-area .rec-list .rec-item .rec-img{width:100%;height:100%;background-size:cover;background-position:center}.bodycenter.detail .rec-area .rec-list .rec-item .rec-text{margin-top:.05rem;font-size:.14rem;line-height:.17rem;color:#888}.us .bodycenter .content_top .title{font-family:"OpenSans-Regular"}.us .bodycenter.detail .article-area .title h2{font-family:"OpenSans-Regular"}.us .bodycenter.detail .m-grid-list .m-swiper-container .swiper-wrapper .swiper-slide .grid-item .grid-right .grid-title{font-family:"OpenSans-Regular"}.us .bodycenter.detail .rec-area .title h2{font-family:"OpenSans-Regular"}}