@import url("common.css");@import url("animate.css");body{background:#ffffff;padding-top:0}.topbg{background:rgba(0,0,0,0.8)}.menu ul .mli a,.menu ul .nli a{color:#ffffff;height:70px;overflow:hidden;display:block;padding:0 0px}.menu ul .mli a:hover,.menu ul .nli a:hover{color:#fea43a}.menu ul .current a{color:#fea43a}.menu ul .current a:hover{color:#fea43a}.menu ul .hli span a{color:#fea43a}.menu ul .mli .childmenuwrap{background:rgba(0,0,0,0.3);box-shadow:0 4px 3px rgba(0,0,0,0.8)}.menu ul .mli .childmenu{overflow:hidden;padding:0}.menu ul .mli .childmenu .navImg{float:left;margin-right:20px}.menu ul .mli .childmenu ul li a{color:#ffffff;background:none}.menu ul .mli .childmenu ul li a:hover{color:#fea43a}.indexleft{width:48%;overflow:hidden;float:left}.indexright{width:48%;overflow:hidden;float:right}.mask{background:#000000;bottom:0;display:block;height:40px;left:0;line-height:40px;opacity:0.8;overflow:hidden;position:absolute;width:100%;z-index:10}h2.icategory{overflow:hidden;font-size:16px;text-align:center;color:#333333;line-height:24px;margin-top:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}h2.icategory a{color:#333333;overflow:hidden;text-transform:Capitalize}h2.icategory a.on,h2.icategory a:hover{color:#333399}h2.icategory i{display:inline-block;width:1px;height:14px;background:#ddd;margin:0 20px}.childitem_ct{display:none}.comtitle{overflow:hidden;margin-bottom:0;text-align:center;display:-webkit-flex;display:flex;flex-direction:column;align-items:center}.comtitle h2{text-align:center;font-size:30px;color:#333333;font-weight:400}.comtitle h2 a{color:#333333;display:inline-block}.comtitle i{background:#333399;height:2px;margin:5px 0;overflow:hidden;width:40px}.comtitle p{text-align:center;font-size:20px;color:#888888;font-weight:400;text-transform:Capitalize}.comtitle p a{color:#888888}.servicewrap{overflow:hidden;padding:100px 0;background:#f4f4f4 url(/cms/image/servicebg.jpg) no-repeat center center;background-size:cover}.service{overflow:hidden;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:50px}.service .item{flex:0 0 18%;margin-top:30px;overflow:hidden}.service .mr0{margin-right:0}.service .item a{display:block;overflow:hidden;padding:70px 20px;border-radius:10px;background:rgba(0,77,161,0.6);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.25);box-shadow:0 2px 8px rgba(0,0,0,0.25);-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.service .item a .im{display:block;overflow:hidden;box-sizing:border-box;position:relative}.service .item a .im span{display:block;overflow:hidden;border:0;width:80%;max-width:120px;margin:0 auto}.service .item a .im span img{display:block;width:100%;overflow:hidden}.service .item a h3{display:-webkit-flex;display:flex;align-items:center;justify-content:center;color:#ffffff;overflow:hidden;margin-top:20px;height:48px}.service .item a h3 span{display:block;line-height:24px;overflow:hidden;font-size:16px}.service .item a:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:-webkit-transform 1s linear;transition:transform 1s linear}.service .item a:hover{background:#004da1}.projectwrap{overflow:hidden;padding:100px 0;background:#ffffff;background-size:cover}.project{overflow:hidden;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:flex-start;margin-top:50px}.project .item{flex:0 0 14.66%;margin:30px 1% 0;overflow:hidden}.project .mr0{margin-right:0}.project .item a{display:block;overflow:hidden;padding:20px 20px;border-radius:10px;background:rgba(43,45,58,0.6);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.25);box-shadow:0 2px 8px rgba(0,0,0,0.25);-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.project .item a .im{display:block;overflow:hidden;box-sizing:border-box;position:relative}.project .item a .im span{display:block;overflow:hidden;border:0;width:80%;max-width:80px;margin:0 auto}.project .item a .im span img{display:block;width:100%;overflow:hidden}.project .item a h3{display:-webkit-flex;display:flex;align-items:center;justify-content:center;color:#dddddd;overflow:hidden;margin-top:20px;height:48px}.project .item a h3 span{display:block;line-height:24px;font-size:16px;overflow:hidden}.project .item a:hover p{animation:swing 1s linear infinite;-webkit-animation:swing 1s linear infinite;-moz-animation:swing 1s linear infinite;-ms-animation:swing 1s linear infinite;-o-animation:swing 1s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}.project .item a:hover h3{animation:flash 1s linear infinite;-webkit-animation:flash 1s linear infinite;-moz-animation:flash 1s linear infinite;-ms-animation:flash 1s linear infinite;-o-animation:flash 1s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}.project .item a:hover{background:#2b2d3a}.advwrap{overflow:hidden;padding:80px 0;background:#2d3540 url(/cms/image/adv.jpg) no-repeat center center;background-size:cover}.adv{overflow:hidden;text-align:center}.adv h2{font-size:40px;overflow:hidden;color:#fea43a}.adv p{font-size:30px;overflow:hidden;color:#ffffff;margin-top:20px}.partnerswrap{overflow:hidden;padding:80px 0;background:#dadada url(/cms/image/partners.jpg) no-repeat center center;background-size:cover}.partners{overflow:hidden;text-align:left;font-size:20px;margin-top:30px}.casewrap{overflow:hidden;padding:100px 0px;background:#f1f1f1 url(/cms/image/case.jpg) no-repeat center center;background-size:cover}.case{display:block;overflow:hidden;padding-top:0}.case .first{display:block;float:left;width:400px;background:#2b2d3a;margin-right:30px;margin-top:30px;overflow:hidden}.case .first a{display:block;overflow:hidden}.case .first a .im{background:#ffffff;display:block;overflow:hidden;margin-bottom:0;box-sizing:border-box;position:relative}.case .first a .im span{display:block;overflow:hidden;border:0}.case .first a .im span img{display:block;width:100%;overflow:hidden}.case .first a h3{overflow:hidden;padding:0 10px;position:relative;z-index:10;margin-top:-10px;background:#2b2d3a;transition:all 0.4s ease 0s}.case .first a h3 span{display:block;color:#ffffff;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;margin-bottom:0px}.case .first a p.ct{display:none;overflow:hidden}.case .item{display:block;overflow:hidden;position:relative;padding-right:10px;background:#ffffff;margin-top:30px;box-sizing:border-box}.case .item a{display:block;overflow:hidden}.case .item a .im{display:block;overflow:hidden;margin-bottom:0;box-sizing:border-box;position:relative;width:120px;float:left;margin-right:10px}.case a .im span{display:block;overflow:hidden;border:0}.case a .im span img{display:block;width:100%;overflow:hidden;transform:scale(1);transition-duration:750ms;transition-timing-function:ease-out}.case .item a h3{overflow:hidden;padding-top:10px;transition:all 0.4s ease 0s}.case .item a h3 span{display:block;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;margin-bottom:0px;color:#333333}.case .item a p.ct{color:#666666;font-size:14px;line-height:24px;overflow:hidden;height:48px;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify}.case .item a:hover h3 span,.case .item a:active h3 span,.case .item a:active p.num span{color:#004da1}.case a:hover .im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow:hidden}.casewrap .detail{overflow:hidden;margin-top:50px;display:flex;display:-webkit-flex;justify-content:center}.casewrap .detail a{font-size:16px;color:#ffffff;background:#666666;line-height:40px;padding:0 25px;position:relative;transition:all 0.4s ease 0s;z-index:2}.casewrap .detail a::after{background-color:#004da1;content:"";height:100%;left:0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1}.casewrap .detail a:hover::after{width:100%}.casewrap .detail a:hover{border-color:#2b2d3a;color:#ffffff}.case .first a:hover h3{background:#004da1}.aboutwrap{overflow:hidden;padding:50px 0;min-width:980px}.aboutwrap .about{overflow:hidden;margin-top:30px;background:#f9f9f9;padding-left:30px}.aboutwrap .about .jianjie{overflow:hidden;color:#555555;margin-top:30px;height:240px;line-height:30px;font-size:14px;text-align:justify;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:8}.aboutwrap .about .jianjie h2{border-bottom:solid 1px #dddddd;margin-bottom:20px;padding-bottom:15px;overflow:hidden}.aboutwrap .about .jianjie h2 span{color:#333333;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px}.aboutwrap .about .im{float:right;width:400px;margin-left:30px;overflow:hidden;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.aboutwrap .about .im img{overflow:hidden;width:100%}.aboutwrap .detail{overflow:hidden;margin-top:30px;text-align:center}.aboutwrap .detail a{font-size:16px;box-sizing:border-box;color:#ffffff;background:#666666;display:block;margin:0 auto;width:150px;height:40px;line-height:40px;text-align:center;position:relative;transition:all 0.4s ease 0s;z-index:2}.aboutwrap .detail a::after{background-color:#2b2d3a;content:"";height:100%;left:0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1}.aboutwrap .detail a:hover::after{width:100%}.aboutwrap .detail a:hover{border-color:#2b2d3a;color:#ffffff}@media only screen and (max-width: 768px), only screen and (max-device-width: 768px){body{background:#ffffff;padding-top:40px}[data-dpr="2"] body{padding-top:80px}[data-dpr="3"] body{padding-top:120px}.topbg{background:#e8e8e8}.comtitle{margin-bottom:0.1rem}.comtitle h2{font-size:24px;line-height:1.1;position:relative}[data-dpr="2"] .comtitle h2{font-size:48px}[data-dpr="3"] .comtitle h2{font-size:72px}.comtitle i{width:1rem;margin-bottom:0rem}h2.icategory{line-height:1.5;font-size:16px}[data-dpr="2"] h2.icategory{font-size:32px}[data-dpr="3"] h2.icategory{font-size:48px}.comtitle i{margin:0.2rem}.comtitle p{font-size:14px}[data-dpr="2"] .comtitle p{font-size:28px}[data-dpr="3"] .comtitle p{font-size:42px}h2.icategory i{height:14px;margin:0 0.2rem;width:1px}[data-dpr="2"] h2.icategory i{height:28px}[data-dpr="3"] h2.icategory i{height:42px}h2.icategory a:active,h2.childitem a.on{color:#fea43a}.servicewrap{padding:0.5rem 0;min-width:auto}.service{flex-flow:row wrap;justify-content:flex-start;margin-top:0.5rem}.service .item{flex:0 0 30%;margin:0.3rem 1.666% 0}.service .mr0{margin-right:0}.service .item a{padding:0.3rem 0.3rem;border-radius:0.1rem}.service .item a .im span{display:block;overflow:hidden;border:0;width:90%;max-width:100px;margin:0 auto}[data-dpr="2"] .service .item a .im span{max-width:200px}[data-dpr="3"] .service .item a .im span{max-width:300px}.service .item a h3{height:72px;margin-top:0.2rem}[data-dpr="2"] .service .item a h3{height:144px}[data-dpr="3"] .service .item a h3{height:216px}.service .item a h3 span{line-height:24px;font-size:16px}[data-dpr="2"] .service .item a h3 span{line-height:48px}[data-dpr="3"] .service .item a h3 span{line-height:72px}[data-dpr="2"] .service .item a h3 span{font-size:32px}[data-dpr="3"] .service .item a h3 span{font-size:48px}.service .item a:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:-webkit-transform 1s linear;transition:transform 1s linear}.service .item a:hover{background:#2b2d3a}.projectwrap{padding:0.5rem 0;min-width:auto}.project{flex-flow:row wrap;justify-content:flex-start;margin-top:0.5rem}.project .item{flex:0 0 22.5%;margin:0.3rem 1.25% 0}.project .mr0{margin-right:0}.project .item a{padding:0.3rem 0.1rem;border-radius:0.1rem}.project .item a .im span{display:block;overflow:hidden;border:0;width:90%;max-width:100px;margin:0 auto}[data-dpr="2"] .project .item a .im span{max-width:200px}[data-dpr="3"] .project .item a .im span{max-width:300px}.project .item a h3{height:48px;margin-top:0.2rem}[data-dpr="2"] .project .item a h3{height:96px}[data-dpr="3"] .project .item a h3{height:144px}.project .item a h3 span{line-height:24px;font-size:16px}[data-dpr="2"] .project .item a h3 span{line-height:48px}[data-dpr="3"] .project .item a h3 span{line-height:72px}[data-dpr="2"] .project .item a h3 span{font-size:32px}[data-dpr="3"] .project .item a h3 span{font-size:48px}.project .item a:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:-webkit-transform 1s linear;transition:transform 1s linear}.project .item a:hover{background:#2b2d3a}.advwrap{overflow:hidden;padding:0.5rem 0;background:#2d3540 url(/cms/image/adv.jpg) no-repeat center center;background-size:cover}.adv{overflow:hidden;text-align:center}.adv h2{font-size:24px}[data-dpr="2"] .adv h2{font-size:48px}[data-dpr="3"] .adv h2{font-size:72px}.adv p{font-size:20px;margin-top:0.3rem}[data-dpr="2"] .adv p{font-size:40px}[data-dpr="3"] .adv p{font-size:60px}.partners{font-size:16px;margin-top:0.3rem}[data-dpr="2"] .partners{font-size:32px}[data-dpr="3"] .partners{font-size:48px}.casewrap{padding:0.5rem 0;min-width:auto}.case .first{float:none;width:auto;background:#ffffff;margin-right:0;margin-top:0.2rem;padding-right:0.2rem}.case .first a .im{float:left}.case .first a h3{padding:0;margin-top:0;background:#ffffff}.case .first a h3 span{color:#555555}.case .item{padding-right:0.2rem;margin-top:0.2rem}.case .first a .im,.case .item a .im{width:160px;margin-right:0.2rem}[data-dpr="2"] .case .first a .im,[data-dpr="2"] .case .item a .im{width:320px}[data-dpr="3"] .case .first a .im,[data-dpr="3"] .case .item a .im{width:480px}.case .first a h3,.case .item a h3{padding-top:10px;margin-bottom:0.1rem}[data-dpr="2"] .case .first a h3,[data-dpr="2"] .case .item a h3{padding-top:20px}[data-dpr="3"] .case .first a h3,[data-dpr="3"] .case .item a h3{padding-top:30px}.case .first a h3 span,.case .item a h3 span{height:25px;line-height:25px;font-size:16px}[data-dpr="2"] .case .first a h3 span,[data-dpr="2"] .case .item a h3 span{height:50px;line-height:50px}[data-dpr="3"] .case .first a h3 span,[data-dpr="3"] .case .item a h3 span{height:75px;line-height:75px}[data-dpr="2"] .case .first a h3 span,[data-dpr="2"] .case .item a h3 span{font-size:32px}[data-dpr="3"] .case .first a h3 span,[data-dpr="3"] .case .item a h3 span{font-size:48px}.case .first a p.ct,.case .item a p.ct{height:auto;line-height:1.5;font-size:14px;color:#888888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align:left}[data-dpr="2"] .case .first a p.ct,[data-dpr="2"] .case .item a p.ct{font-size:28px}[data-dpr="3"] .case .first a p.ct,[data-dpr="3"] .case .item a p.ct{font-size:42px}.casewrap .detail{margin-top:0.3rem}.casewrap .detail a{font-size:16px;height:auto;line-height:40px;padding:0 20px}[data-dpr="2"] .casewrap .detail a{font-size:32px}[data-dpr="3"] .casewrap .detail a{font-size:48px}[data-dpr="2"] .casewrap .detail a{line-height:80px}[data-dpr="3"] .casewrap .detail a{line-height:120px}[data-dpr="2"] .casewrap .detail a{padding:0 40px}[data-dpr="3"] .casewrap .detail a{padding:0 60px}.aboutwrap{padding:0.5rem 0;min-width:auto}.aboutwrap .about{margin-top:0.2rem;padding-left:0.2rem;height:auto}.aboutwrap .about .jianjie{display:-webkit-box;margin-top:0.2rem;height:auto;line-height:1.8;font-size:16px;-webkit-line-clamp:8}[data-dpr="2"] .aboutwrap .about .jianjie{font-size:32px}[data-dpr="3"] .aboutwrap .about .jianjie{font-size:48px}.aboutwrap .about .im{width:300px;margin-left:0.2rem}[data-dpr="2"] .aboutwrap .about .im{width:600px}[data-dpr="3"] .aboutwrap .about .im{width:900px}.aboutwrap .detail{margin-top:0.3rem}.aboutwrap .detail a{font-size:18px;width:150px;height:40px;line-height:40px}[data-dpr="2"] .aboutwrap .detail a{font-size:36px}[data-dpr="3"] .aboutwrap .detail a{font-size:54px}[data-dpr="2"] .aboutwrap .detail a{width:300px;height:80px;line-height:80px}[data-dpr="3"] .aboutwrap .detail a{width:450px;height:120px;line-height:120px}}@media only screen and (max-width: 561px), only screen and (max-device-width: 561px){.productswrap .detail a img{width:40px;height:40px}[data-dpr="2"] .productswrap .detail a img{width:80px;height:80px}[data-dpr="3"] .productswrap .detail a img{width:120px;height:120px}.aboutwrap .about{padding-left:0}.aboutwrap .about .jianjie{margin:0.2rem 0.3rem}.aboutwrap .about .im{width:100%;margin-left:0;float:none}}@media only screen and (max-width: 420px), only screen and (max-device-width: 420px){.products .item a h3{flex-direction:column}.case .first a .im,.case .item a .im{width:120px;margin-right:0.2rem}[data-dpr="2"] .case .first a .im,[data-dpr="2"] .case .item a .im{width:240px}[data-dpr="3"] .case .first a .im,[data-dpr="3"] .case .item a .im{width:360px}.case .first a p.ct,.case .item a p.ct{-webkit-line-clamp:2}}@media only screen and (max-width: 320px), only screen and (max-device-width: 320px){.service .item a h3 span{line-height:24px;font-size:14px}[data-dpr="2"] .service .item a h3 span{line-height:48px}[data-dpr="3"] .service .item a h3 span{line-height:72px}[data-dpr="2"] .service .item a h3 span{font-size:28px}[data-dpr="3"] .service .item a h3 span{font-size:42px}.project .item a h3 span{line-height:24px;font-size:14px}[data-dpr="2"] .project .item a h3 span{line-height:48px}[data-dpr="3"] .project .item a h3 span{line-height:72px}[data-dpr="2"] .project .item a h3 span{font-size:28px}[data-dpr="3"] .project .item a h3 span{font-size:42px}}