.help-top {height:170px;border-bottom:1px solid #e3e3e3;margin-bottom:35px;background-image:url(../images-Online/help-bg.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.help-top .help-top-wrap {width:500px;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.help-top .help-top-wrap .help-search {margin-bottom:15px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex}
.help-top .help-top-wrap .help-search>input {-webkit-box-flex:3;-ms-flex:3;flex:3;height:100%;border:none;padding-left:20px;border-top-left-radius:4px;border-bottom-left-radius:4px}
.help-top .help-top-wrap .help-search>input::-webkit-input-placeholder {font-size:14px}
.help-top .help-top-wrap .help-search>div {border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-box-flex:.8;-ms-flex:.8;flex:.8;height:100%;background:#fada00;font-size:16px;text-align:center;line-height:35px;font-weight:700;cursor:pointer;color:#595757}
.help-top .help-top-wrap .help-searchHistory {font-size:16px;height:30px;color:#fff}
.help-top .help-top-wrap .help-searchHistory span {padding-right:20px;cursor:pointer}
.help-top .help-top-wrap .help-searchHistory span:first-child {cursor:auto}
.help-tabs {height:43px;padding-top:2px;margin-left:31px}
.help-tabs li {float:left}
.help-tabs li a {display:inline-block;height:43px;padding:0 25px;color:#666;font-size:14px;line-height:42px;margin-bottom:-1px}
.help-tabs li.on {border-bottom:1px solid #418ae2}
.help-tabs li.on a {color:#418ae2}
.help-box {padding-bottom:60px;width:62.5vw;max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:460px}
.help-box .help-nav-box {width:25%;border-right:1px solid #ccc}
.help-box .help-nav-box .help-nav-box-title {padding-left:35px;height:55px;line-height:55px;font-size:22px;color:#2c6bf0;border-bottom:1px solid #ccc}
.help-box .help-nav-box>ul {padding-left:35px}
.help-box .help-nav-box>ul li {height:55px;font-size:18px;line-height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px}
.help-box .help-questions-box {width:75%;padding-left:60px}
.help-box .help-questions-box .help-questions-box-title {height:55px;line-height:55px;font-size:16px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid #dcdcdc}
.help-box .help-questions-box .richtext-wrap {padding:20px 0}
.help-box .help-questions-box .richtext-wrap a {color:#595757}
.help-box .help-questions-box .richtext-wrap .title {color:#2c6bf0;font-size:20px;margin-bottom:20px;font-weight:400}
.help-box .help-questions-box .richtext-wrap p,.help-box .help-questions-box .richtext-wrap p * {font-size:14px!important}
.help-box .help-questions-box .media-wrap img {max-width:100%;cursor:pointer;margin:10px 0}
.help-box .help-questions-box>ul {list-style:disc}
.help-box .help-questions-box>ul li {cursor:pointer;list-style:disc;line-height:40px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-size:16px}
.help-box .help-questions-box>ul li>.list-disc {display:inline-block;width:4px;height:4px;border-radius:50%;background:#2c6bf0;margin:0 10px 3px 15px}
.help-box .help-questions-box>ul li:hover {color:#2c6bf0;background:#f4f7fe}
.help-nav-box li .ask-arr {display:block;width:30px;height:50px;background:url(../images-Online/ask-arr.png) center center no-repeat;cursor:pointer}
.help-nav-box li .ask-arr:hover {background-image:url(../images-Online/ask-arr-on.png)}
.help-nav-box li.on .ask-arr {background-image:url(../images-Online/ask-arr-tp.png)}
.help-nav-box li.on .ask-arr:hover {background-image:url(../images-Online/ask-arr-tp-on.png)}
.help-box .help-nav {float:left;width:226px;margin-left:30px;border:1px solid #e3e3e3;overflow-x:hidden;overflow-y:auto;position:relative;z-index:2}
.help-nav dl {border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;margin-top:-1px}
.help-nav dt a {display:block;height:38px;padding-left:30px;color:#666;font-size:14px;position:relative;line-height:38px}
.help-nav dt .help-nav-arr {display:block;width:7px;height:12px;background:url(../images-Online/arr-right.png) no-repeat;position:absolute;right:20px;top:14px}
.help-nav dt:hover {background:#fff;color:#3d86e0}
.help-nav dt a:hover .help-nav-arr {background-image:url(../images-Online/arr-right-on.png)}
.help-nav dl.on dt a {color:#3d86e0}
.help-nav dl.on dt a .help-nav-arr {animation:cycles .5s 1;-webkit-animation:cycles .5s 1;-moz-animation:cycles .5s 1;-o-animation:cycles .5s 1;-ms-animation:cycles .5s 1;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);background-image:url(../images-Online/arr-right-on.png)}
.help-nav dd {background:#fff;display:none}
.help-nav dd a {display:block}
.help-nav dd li a:hover {color:#4a8ee2}
.help-nav dd li.active a {color:#4a8ee2}
.help-nav dd li a {display:block;height:36px;margin-top:-1px;font-size:14px;color:#333;line-height:36px;padding-left:50px}
.help-box .help-main {margin-left:228px;padding:55px 50px 55px 70px}
@-webkit-keyframes cycles {0% {-webkit-transform:rotate(0);background-image:url(../images-Online/arr-right.png)}
99% {-webkit-transform:rotate(-90deg)}
100% {background-image:url(../images-Online/arr-right-on.png)}
}
@keyframes cycles {0% {-webkit-transform:rotate(0);transform:rotate(0)}
99% {-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
100% {background-image:url(../images-Online/arr-right-on.png)}
}
.help-box .help-book {padding:25px 20px 0 70px;position:relative;z-index:1;margin-top:-1px}
.tool-down-btn {display:block;width:48px;height:48px;background:url(../images-Online/tool-down-btn.png) no-repeat;position:absolute;right:-40px;top:30px}
.tool-down-btn:hover {background-image:url(../images-Online/tool-down-btn-hov.png)}
.tool-down-btn span {display:none}
.help-pdt-txt {font-size:14px;color:#333;line-height:28px;padding-right:20px;overflow-x:hidden;overflow-y:auto}
.help-pdt-txt p {text-indent:2em;line-height:30px}
.help-pdt-txt #attention {color:red}
.help-pdt-txt img {text-align:center}
.help-pdt-txt .picture {margin:auto;text-align:center}
.help-pdt-txt hr {height:0;border-top:1px solid #999;overflow:hidden;margin:15px 0}
.ask-box .current-menu,.ask-box .current-menu * {color:#2c6bf0!important}
.ask-box .current-menu {background:#f4f7fe}
.ask-box .current-menu .a {border-right:5px solid #2c6bf0}
.ask-box ul {overflow:hidden}
.ask-box li {position:relative;padding-left:35px}
.ask-box li .ask-arr {display:block;width:30px;height:50px;background:url(../images-Online/ask-arr.png) center center no-repeat;position:absolute;right:20px;top:0;cursor:pointer}
.ask-box li .ask-arr:hover {background-image:url(../images-Online/ask-arr-on.png)}
.ask-box li.on .ask-arr {background-image:url(../images-Online/ask-arr-tp.png)}
.ask-box li.on .ask-arr:hover {background-image:url(../images-Online/ask-arr-tp-on.png)}
.ask-box li .a {font-size:16px;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;line-height:50px;cursor:pointer;display:block}
.ask-box li .a:hover {color:#2c6bf0!important}
.ask-box li .b li {font-size:14px;color:#333!important;padding-left:30px;line-height:40px;height:40px;text-align:left;cursor:pointer;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.ask-box li .b li:hover {color:#2c6bf0}
.ask-box li .b li.active {color:#2c6bf0!important;background:#f4f7fe;border-right:5px solid #2c6bf0}
.ask-box li.no .b {display:none}
.ask-box li.tc .b {text-align:center}
.ask-box li .ask-img {margin:10px 0;text-align:center}
.ask-box li .ask-red {color:red}
.idx-txt {color:#333}
.idx-txt h2 {font-size:42px;font-weight:lighter;margin-bottom:5px}
.idx-txt p {font-size:20px;font-weight:lighter;line-height:35px}
.idx-img {font-size:0}
.idx-box01 {height:585px;background:#fcfcfc}
.idx-box01 .idx-txt {text-align:center;padding-top:65px}
.idx-box01 .idx-img {text-align:center;padding-top:50px}
.idx-box02 {height:575px;background:#fff}
.idx-box02 .idx-txt {float:left;padding:208px 0 0 150px}
.idx-box02 .idx-img {float:right;padding:70px 125px 0 0}
.idx-box03 {height:550px;background:#fcfcfc}
.idx-box03 .idx-txt {float:right;padding:230px 75px 0 0}
.idx-box03 .idx-img {float:left;padding:80px 0 0 40px}
.idx-box04 {height:705px;background:#fff}
.idx-box04 .idx-txt {float:left;padding:285px 0 0 150px}
.idx-box04 .idx-img {float:right;padding:115px 110px 0 0}
.idx-box05 {height:705px;background:#fdfdfd}
.idx-box05 .idx-txt {float:right;padding:270px 150px 0 0}
.idx-box05 .idx-img {float:left;padding:40px 0 0 210px}
.idx-box06 {height:650px;background:#fff}
.idx-box06 .idx-txt {float:left;padding:240px 0 0 150px}
.idx-box06 .idx-img {float:right;padding:100px 80px 0 0}
.idx-box07 {height:600px;background:#fcfcfc}
.idx-box07 .idx-txt {float:right;padding:260px 220px 0 0}
.idx-box07 .idx-img {float:left;padding:70px 0 0 150px}
.idx-box08 {height:580px;background:#fff}
.idx-box08 .idx-txt {float:left;padding:250px 0 0 90px}
.idx-box08 .idx-img {float:right;padding:150px 90px 0 0}
.idx-box09 {background:#f5f5f5;padding-top:50px}
.idx-box09 h2 {font-size:40px;color:#333;text-align:center;font-weight:lighter}
.more-fun {width:1200px;overflow:hidden}
.more-fun ul {width:1300px;overflow:hidden;padding-top:35px}
.more-fun li {width:400px;height:300px;float:left;text-align:center}
.more-fun li .more-fun-img {font-size:0;margin-bottom:30px}
.more-fun li .more-fun-img img {height:80px}
.more-fun li .more-fun-tit {font-size:20px;color:#333;margin-bottom:10px}
.more-fun li .more-fun-txt {font-size:14px;color:#333;line-height:25px}
.idx-show .bd {position:absolute;left:500px;bottom:20px;z-index:1}
.idx-web-dfl {width:652px;height:504px;background:url(../images-Online/idx-show01.jpg) no-repeat}
.idx-web-vdo {width:696px;height:422px;margin:0 0 50px 40px}
.idx-app-vdo,.idx-wx-vdo {width:255px;height:452px;margin:0 0 15px 150px}
.about-box01 {height:400px;background:#222 url(../images-Online/about-bg-img.png) center 0 no-repeat}
.about-box01 .about-txt {padding-top:120px;text-align:center;opacity:0}
.about-box01 .about-txt h2 {font-size:40px;color:#fff;font-weight:lighter;margin-bottom:20px}
.about-box01 .about-txt h2 em {font-size:16px}
.about-box01 .about-txt img {margin-bottom:30px}
.about-box01 .about-txt p {font-size:16px;color:#fff;line-height:30px}
.about-box02 {background:#fefefe;padding-top:20px}
.about-team h2 {font-size:40px;color:#333;text-align:center;font-weight:lighter}
.about-team {text-align:center}
.about-team p {width:100%;font-size:16px;color:#333;line-height:28px;padding:0 0 15px 0;text-align:left}
.about-team-lst img {display:block;margin-top:40px;width:100%}
.about-team-lst ul {overflow:hidden}
.about-team-lst li {float:left;width:200px;height:260px;position:relative}
.about-team-lst li .team-img {font-size:0}
.about-team-lst li .team-info {position:absolute;left:0;top:0;width:144px;height:190px;padding:50px 28px 20px;background:url(../images-Online/team-info.png) no-repeat;display:none}
.about-team-lst li .team-info h3 {font-size:24px;color:#fff;border-bottom:1px solid #fff;font-weight:lighter;padding-bottom:5px;margin-bottom:5px}
.about-team-lst li .team-info .team-info-txt {font-size:16px;color:#fff}
.team-wel-txt {width:200px;height:260px;background:#3d84ce;text-align:center;color:#fff}
.team-wel-txt b,.team-wel-txt em {display:block}
.team-wel-txt b {padding-top:90px;font-size:20px;font-weight:400}
.team-wel-txt em {padding-top:10px;font-size:16px}
.about-box03 {background:#fefefe;padding:120px 0 65px}
.about-box03 h2 {font-size:40px;color:#333;text-align:center;font-weight:lighter;margin-bottom:60px}
.about-csj-img {text-align:center;font-size:0}
.about-box04 {background:#eee;padding:95px 0 50px}
.about-box04 h2 {font-size:40px;color:#333;text-align:center;font-weight:lighter;margin-bottom:30px}
.about-friends-title {text-align:center;margin-bottom:20px}
.about-friend-lst {text-align:center}
.about-contact {background:#e6e6e6}
.about-contact ul {width:700px;margin:0 auto;padding:30px 0 10px 0;margin:0 auto;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.about-contact ul li {position:relative;height:80px;width:300px;margin-left:40px;text-align:left;float:left;line-height:20px}
.about-contact ul li img {margin-bottom:10px;float:left;margin-right:28px}
.about-contact ul li div {width:220px;color:#666;font-size:20px;margin-bottom:10px;float:left}
.contact-head {opacity:0}
.contact-box01 {padding-top:230px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fefefe url(../images-Online/contact-bg-city.png) center 0 no-repeat;height:300px}
.contact-box01 .address-text {height:70px;background:rgba(29,28,47,.76);text-align:center;padding-top:16px}
.contact-box01 .address-text img {margin-right:20px}
.contact-box01 .address-text span {margin-right:20px;color:#fff;font-size:20px;position:relative;top:3px}
.contact-box01 .address-text a {border:1px #fff solid;border-radius:4px;width:126px;height:20px;display:inline-block;color:#fff;font-size:12px}
.contact-box01 .com-map {float:left;width:792px;height:350px;border:1px solid #eee;margin-left:10px}
.contact-box01 .com-dtl-lst {float:left;width:290px;padding:40px 0 0 90px;margin-right:10px}
.com-dtl-lst li {padding-left:35px;font-size:18px;color:#333;line-height:28px;margin-bottom:20px}
.com-dtl-lst li.ico-wx img {width:86px;margin-top:8px}
.com-dtl-lst li.ico-adr {background:url(../images-Online/ico-adr.png) 0 5px no-repeat}
.com-dtl-lst li.ico-pho {background:url(../images-Online/ico-pho.png) 0 5px no-repeat}
.com-dtl-lst li.ico-mail {background:url(../images-Online/ico-mail.png) 0 10px no-repeat}
.com-dtl-lst li.ico-wx {background:url(../images-Online/ico-wx.png) 0 5px no-repeat}
.join-us {background:#fefefe}
.join-us .join-us-bg {background:url(../images-Online/join-us-bg.png) center 0 no-repeat;height:500px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:125px}
.join-us .join-us-bg-title {text-align:center;font-size:20px;line-height:40px;opacity:0}
.join-us .join-us-bg-title span {font-size:30px;color:#0867d5}
.join-us .join-us-content {-webkit-transform:translateY(-120px);-ms-transform:translateY(-120px);transform:translateY(-120px);background:#fff;width:60%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}
.join-us .join-us-content ul {padding:30px 30px 0 30px}
.join-us .join-us-content ul li {padding:0 30px}
.join-us .join-us-content ul li .join-us-title {padding:30px 0;cursor:pointer}
.join-us .join-us-content ul li:not(:first-child) .join-us-title {padding:30px 0 25px 0;border-top:1px solid #ddd}
.join-us .join-us-content ul li .join-us-name {position:relative;height:20px}
.join-us .join-us-content ul li .join-us-name span {font-size:20px;line-height:20px}
.join-us .join-us-content ul li .join-us-exp span {font-size:15px;color:#666}
.join-us .join-us-content ul li .join-us-exp span:first-child {padding-right:10px}
.join-us .join-us-content ul li .join-us-name .first-child {position:absolute;left:0;border-left:2px solid #75aaec;color:#5190df;padding-left:15px}
.join-us .join-us-content ul li .join-us-name .last-child {position:absolute;right:0;color:#ffb582}
.join-us .join-us-content ul li .join-us-exp {text-align:left;padding-left:15px;margin-top:7px}
.join-us .join-us-content ul li .join-us-desc {background:#fcfcfc;padding:30px;display:none;margin-bottom:50px}
.join-us .join-us-content ul li .join-us-desc td {line-height:2;font-size:14px}
.join-us .join-us-content ul li .join-us-desc strong {line-height:2.5;font-size:15px}
.join-us h2 {font-size:40px;color:#333;font-weight:lighter;text-align:center;margin-bottom:30px}
.join-us-tabs {padding-left:275px}
.join-us-tabs ul {overflow:hidden}
.join-us-tabs ul li {float:left;margin:0 28px}
.join-us-tabs ul li a {display:inline-block;height:32px;padding:3px 16px;line-height:32px;font-size:16px;color:#666}
.join-us-tabs ul li.on a {border-bottom:3px solid #3d86e0;color:#3d86e0;padding-bottom:0}
.join-us-tabs ul li a:hover {color:#3d86e0}
.join-us-cnt {padding-top:25px}
.join-tabs-cnt table {width:100%;margin-bottom:20px}
.join-tabs-cnt td,.join-tabs-cnt th {border:1px solid #eee}
.join-tabs-cnt th {padding:0 15px;text-align:center;vertical-align:middle;font-size:20px;color:#333;width:34px;font-weight:lighter}
.join-tabs-cnt td {padding:16px 30px;font-size:16px;color:#333;line-height:28px}
.footer .footer-content ul li {display:inline-block;text-align:left;color:#fff;margin:30px;padding-top:20px;width:120px;height:65px}
.footer .footer-content ul .wx-code {position:relative;top:-35px;width:70px}
.footer .footer-content ul .title {line-height:25px;font-size:12px}
.footer .footer-content ul .title1 {line-height:25px;font-size:16px}
.footer .footer-content ul .icon {margin-bottom:12px}
.footer .footer-content ul {text-align:center;margin:0 auto}
.footer-copyright {background:#23272d;color:#999;text-align:center;line-height:40px}
.team-title {font-size:40px;font-weight:lighter;width:886px;margin-right:auto;margin-bottom:66px;margin-left:auto;text-align:center;letter-spacing:3px;color:#333;background:url(../img/sep.png) no-repeat center}
.floatUp {-webkit-animation:floatUp .5s forwards;animation:floatUp .5s forwards}
@-webkit-keyframes floatUp {from {-webkit-transform:translateY(0);transform:translateY(0);opacity:0}
to {-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}
}
@keyframes floatUp {from {-webkit-transform:translateY(0);transform:translateY(0);opacity:0}
to {-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}
}
.product-desc h3,.product-desc h4,.product-desc h5 {font-weight:500}
.product-desc h3 {font-size:32px;color:#3b3b3b;}
.product-desc h3 span {color:#929292}
.product-desc h4 {font-size:18px;color:#3b3b3b;margin:0;margin-bottom:20px}
.product-desc h5 {font-size:14px;color:#929292;margin:0;margin-bottom:10px}
.white-color {color:#fff}
.banner {position:relative}
.banner-desc {position:absolute}
.banner-desc h3 {font-size:30px;margin-bottom:10px;font-weight:200}
.banner-desc h5 {font-size:18px;font-weight:200;margin:0}
.productRobot-wrapper>div {width:100%}
.productRobot-wrapper .banner {height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;background:url(../images-Online/0.jpg) no-repeat center}
.productRobot-wrapper .banner img {max-width:100%}
.productRobot-wrapper .banner .banner-desc {top:35%;left:20%}
.productRobot-wrapper .banner .banner-desc h5 {font-size:18px;font-weight:200}
.productRobot-wrapper .product-image {width:100%;padding-top:70px;padding-bottom:53px}
.productRobot-wrapper .product-image:nth-child(even) {background-color:#ebedef!important}
.productRobot-wrapper .product-image .product-desc {width:1195px;margin:0 auto}
.productRobot-wrapper .product-image .product-desc>h3 {font-size:32px;text-align:center}
.productRobot-wrapper .product-image .product-desc>p {font-size:18px;text-align:center;margin-top:15px;color:#999}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt {margin-top:40px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt {-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 6px #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;width:277px;height:660px;padding:36px 24px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt:nth-child(even) {margin:64px 30px 0}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt h4 {font-size:22px;color:#666;text-align:center;margin-bottom:42px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt h5,.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt p {font-size:14px;padding:0 12px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt h5 {color:#666;width:90px;padding:5px 14px;border-radius:24px;background:#eaf0fc;text-align:center;margin-left:12px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt p {color:#999;margin-bottom:24px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-cnt:nth-child(odd) h4 {padding:0 12px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-icon {width:100px;height:100px;border-radius:50%;background:#eaf0fc;margin:0 auto;text-align:center;line-height:94px;margin-bottom:13px}
.productRobot-wrapper .product-image .product-desc .product-desc-cnt .product-icon img{margin-top:30px;}
.productRobot-wrapper .product-image .product-desc .product-2-1 ul,.productRobot-wrapper .product-image .product-desc .product-2-2 ul,.productRobot-wrapper .product-image .product-desc .product-3-1 ul,.productRobot-wrapper .product-image .product-desc .product-4 ul {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
.productRobot-wrapper .product-image .product-desc .product-1 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.productRobot-wrapper .product-image .product-desc .product-2 .product-2-1 ul li {border:1px solid #666;border-radius:20px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.productRobot-wrapper .product-image .product-desc .product-2 .product-2-1 ul li p {font-size:18px;color:#000;text-align:center;height:54px;line-height:54px}
.productRobot-wrapper .product-image .product-desc .product-2 .product-2-2 {margin-top:80px}
.productRobot-wrapper .product-image .product-desc .product-2 .product-2-2 li p {margin:28px 0 0;text-align:center;font-size:18px}
.productRobot-wrapper .product-image .product-desc .product-3 .product-3-1 li {background:#fff;width:375px;height:492px}
.productRobot-wrapper .product-image .product-desc .product-3 .product-3-1 li h4,.productRobot-wrapper .product-image .product-desc .product-3 .product-3-1 li p {padding-left:26px}
.productRobot-wrapper .product-image .product-desc .product-3 .product-3-1 li h4 {font-size:18px;color:#333;font-weight:500;margin:36px 0 24px}
.productRobot-wrapper .product-image .product-desc .product-3 .product-3-1 li p {font-size:14px;color:#666;margin:0 0 18px}
.productRobot-wrapper .product-image .product-desc .product-3 .product-3-1 li p span {display:inline-block;width:8px;height:8px;border-radius:50%;background:#3a79ff;margin-right:8px}
.productRobot-wrapper .product-image .product-desc .product-4 ul {margin-bottom:20px;display:block}
.productRobot-wrapper .product-image .product-desc .product-4 ul:after {content:'';display:table;clear:both}
.productRobot-wrapper .product-image .product-desc .product-4 ul li {-webkit-perspective:444px;perspective:444px;width:222px;height:222px;text-align:center;border:1px solid #ececec;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin-right:20px;float:left;cursor:pointer}
.productRobot-wrapper .product-image .product-desc .product-4 ul li:last-child {margin-right:0}
.productRobot-wrapper .product-image .product-desc .product-4 ul li .product-4-icon {margin-top:60px;margin-bottom:25px}
.productRobot-wrapper .product-image .product-desc .product-4 ul li .product-4-name {font-size:18px;color:#666}
.productRobot-wrapper .product-image .product-foot {text-align:center}
.productRobot-wrapper .product-image .product-foot a.goDetail {position:static;display:inline-block;margin-top:62px}
.productService-wrapper>div {width:100%}
.productService-wrapper .banner {height:300px;overflow:hidden;background:url(../images-Online/product-new/service/0.jpg) no-repeat center}
.productService-wrapper .banner img {max-width:100%}
.productService-wrapper .banner .banner-desc {top:35%;left:20%}
.productService-wrapper .product-image {height:600px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.productService-wrapper .product-image:nth-child(odd) {background-color:#fcfcfc!important}
.productService-wrapper .product-image:nth-child(2) {background:url(../images-Online/product-new/service/1.jpg) no-repeat center}
.productService-wrapper .product-image:nth-child(3) {background:url(../images-Online/product-new/service/2.jpg) no-repeat center}
.productService-wrapper .product-image:nth-child(4) {background:url(../images-Online/product-new/service/3.jpg) no-repeat center}
.productService-wrapper .product-image .product-desc {position:absolute}
.productCustomize-wrapper>div {width:100%}
.productCustomize-wrapper .banner {height:300px;overflow:hidden;background:url(../images-Online/product-new/customize/0.jpg) no-repeat center}
.productCustomize-wrapper .banner img {max-width:100%}
.productCustomize-wrapper .banner .banner-desc {top:35%;right:23%}
.productCustomize-wrapper .cnt-title {text-align:center;padding-bottom:50px}
.productCustomize-wrapper .cnt-title h2 {font-size:32px;font-weight:500;padding-bottom:6px;color:#333}
.productCustomize-wrapper .cnt-title p {font-size:18px;color:#999}
.productCustomize-wrapper .block {padding:90px 0 80px}
.productCustomize-wrapper .block:nth-of-type(odd) {background:#ebedef}
.productCustomize-wrapper .cnt-block-1 {width:1200px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.productCustomize-wrapper .cnt-block-1 li {width:232px;height:232px;padding:20px 0 30px;text-align:center;border:1px solid #e8e8e8;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-size:cover}
.productCustomize-wrapper .cnt-block-1 li i {color:#3a79ff;font-size:55px}
.productCustomize-wrapper .cnt-block-1 li p {font-size:18px;color:#333;padding-bottom:8px}
.productCustomize-wrapper .cnt-block-1 li div {font-size:14px;color:#666}
.productCustomize-wrapper .cnt-block-1 li:hover {border:0}
.productCustomize-wrapper .cnt-block-1 li:hover:nth-child(1) {background-image:url(../images-Online/product-new/customize/customize-1-1.png)}
.productCustomize-wrapper .cnt-block-1 li:hover:nth-child(2) {background-image:url(../images-Online/product-new/customize/customize-1-2.png)}
.productCustomize-wrapper .cnt-block-1 li:hover:nth-child(3) {background-image:url(../images-Online/product-new/customize/customize-1-3.png)}
.productCustomize-wrapper .cnt-block-1 li:hover:nth-child(4) {background-image:url(../images-Online/product-new/customize/customize-1-4.png)}
.productCustomize-wrapper .cnt-block-1 li:hover:nth-child(5) {background-image:url(../images-Online/product-new/customize/customize-1-5.png)}
.productCustomize-wrapper .cnt-block-1 li:hover i {color:#999}
.productCustomize-wrapper .cnt-block-1 li:hover p {color:#ffc028}
.productCustomize-wrapper .cnt-block-1 li:hover div {color:#fff}
.productCustomize-wrapper .cnt-block-2 {width:1200px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.productCustomize-wrapper .cnt-block-2 li {width:232px;height:300px;color:#fff;background-repeat:no-repeat;background-size:cover;position:relative}
.productCustomize-wrapper .cnt-block-2 li>p {position:absolute;width:100%;height:100%;margin:0;padding:0;font-size:16px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:3}
.productCustomize-wrapper .cnt-block-2 li>div {position:absolute;width:100%;height:100%;background:rgba(58,121,255,.6);top:0;display:none;z-index:2}
.productCustomize-wrapper .cnt-block-2 li:hover div {display:block}
.productCustomize-wrapper .cnt-block-2 li:nth-child(1) {background-image:url(../images-Online/product-new/customize/2-1.jpg)}
.productCustomize-wrapper .cnt-block-2 li:nth-child(2) {background-image:url(../images-Online/product-new/customize/2-2.jpg)}
.productCustomize-wrapper .cnt-block-2 li:nth-child(3) {background-image:url(../images-Online/product-new/customize/2-3.jpg)}
.productCustomize-wrapper .cnt-block-2 li:nth-child(4) {background-image:url(../images-Online/product-new/customize/2-4.jpg)}
.productCustomize-wrapper .cnt-block-2 li:nth-child(5) {background-image:url(../images-Online/product-new/customize/2-5.jpg)}
.productCustomize-wrapper .cnt-block-3 {width:1200px;margin:auto}
.productCustomize-wrapper .cnt-block-3 li {-webkit-perspective:444px;perspective:444px;width:222px;height:222px;position:relative;text-align:center;margin-bottom:20px;margin-right:20px;float:left;border:1px solid #e8e8e8;padding-top:55px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.productCustomize-wrapper .cnt-block-3 li p {color:#666;font-size:18px;text-align:center;padding:10px}
.productCustomize-wrapper .cnt-block-3 li:nth-child(10),.productCustomize-wrapper .cnt-block-3 li:nth-child(5) {margin-right:0}
.goDetail {width:260px;height:46px;background:#3a79ff;color:#fff;text-align:center;font-size:16px;line-height:46px;position:absolute;bottom:120px;cursor:pointer}
.info {-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg);width:100%;height:100%;padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;background-color:#3a79ff;color:#fff;font-size:14px;text-align:left;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.in-top .info {-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:in-top .3s ease 0s 1 forwards;animation:in-top .3s ease 0s 1 forwards}
.in-right .info {-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;-webkit-animation:in-right .3s ease 0s 1 forwards;animation:in-right .3s ease 0s 1 forwards}
.in-bottom .info {-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:in-bottom .3s ease 0s 1 forwards;animation:in-bottom .3s ease 0s 1 forwards}
.in-left .info {-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-animation:in-left .3s ease 0s 1 forwards;animation:in-left .3s ease 0s 1 forwards}
.out-top .info {-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:out-top .3s ease 0s 1 forwards;animation:out-top .3s ease 0s 1 forwards}
.out-right .info {-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:out-right .3s ease 0s 1 forwards;animation:out-right .3s ease 0s 1 forwards}
.out-bottom .info {-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:out-bottom .3s ease 0s 1 forwards;animation:out-bottom .3s ease 0s 1 forwards}
.out-left .info {-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-animation:out-left .3s ease 0s 1 forwards;animation:out-left .3s ease 0s 1 forwards}
@-webkit-keyframes in-top {from {-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-top {from {-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes in-right {from {-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-right {from {-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes in-bottom {from {-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-bottom {from {-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes in-left {from {-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-left {from {-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}
to {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes out-top {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(-1,0,0,104deg);transform:rotate3d(-1,0,0,104deg)}
}
@keyframes out-top {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(-1,0,0,104deg);transform:rotate3d(-1,0,0,104deg)}
}
@-webkit-keyframes out-right {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(0,-1,0,104deg);transform:rotate3d(0,-1,0,104deg)}
}
@keyframes out-right {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(0,-1,0,104deg);transform:rotate3d(0,-1,0,104deg)}
}
@-webkit-keyframes out-bottom {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(1,0,0,104deg);transform:rotate3d(1,0,0,104deg)}
}
@keyframes out-bottom {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(1,0,0,104deg);transform:rotate3d(1,0,0,104deg)}
}
@-webkit-keyframes out-left {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(0,1,0,104deg);transform:rotate3d(0,1,0,104deg)}
}
@keyframes out-left {from {-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to {-webkit-transform:rotate3d(0,1,0,104deg);transform:rotate3d(0,1,0,104deg)}
}