@charset "utf-8";
html { font-size: 100px; }
.main-width { width: 1440px; margin: 0 auto; }
.m-Top { margin-top: 5.2vw; }
.header { position: fixed; left: 0; top: 0; width: 100%; /*height: 4.531vw;*/ height: 70px; background-color: transparent; z-index: 9999; transition: all 0.3s; }
.header.searchbg { background-color: #1869ff; }
.header .phone-menu { display: none; float: left; width: 28px; height: 18px; margin-top: 16px; cursor: pointer; }
.header .phone-menu span { display: block; width: 28px; height: 2px; background-color: #fff; border-radius: 1px; -moz-transform-origin: 9.5% 50%; -webkit-transform-origin: 9.5% 50%; -o-transform-origin: 9.5% 50%; transition: all 0.3s; }
.header .phone-menu .b1, .header .phone-menu .b2 { margin-bottom: 6px; }
.header .logo { float: left; height: 43px; padding: 13px 0; transition: all 0.3s; /*width: 30.208vw;*/}
.header .logo .pic { height: 100%; }
.header .logo img { width: auto; height: 100%; }
.header .lang { float: right; height: 1vw; line-height: 1vw; padding: 2.1vw 0; margin-right: 2vw; font-size: 0.73vw; transition: all 0.3s; }
.header .lang a { color: #fff; }
.header .lang span { display: inline-block; position: relative; color: #fff; padding-right: 0.75vw; margin-right: 0.75vw; border-right: 1px solid #e6e6e6; }
.header .lang span::after { content: ""; width: 0.9375vw; height: 2px; position: absolute; left: 15%; bottom: -0.52083333vw; background-color: #fe9900; }
.header .nav { float: right; }
.header .nav .one > li { position: relative; float: left; line-height: 43px; min-width: 60px; text-align: center; padding: 1.146vw 2.344vw; font-size: 18px; transition: all 0.3s; }
.header .nav .one > li > a { color: #fff; position: relative; }
.header .nav .one > li > a::after { content: ""; display: none; width: 20px; height: 2px; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); background-color: #fe9900; }
.header .nav .one > li:hover > a::after { display: block; }
.header .nav .one > li.active > a::after { display: block; }
.header .nav .one > li.on .two { display: block; }
.header .nav .one > li.search { position: relative; float: right; width: 30px; min-width: 30px; height: 30px; padding: 28px 0; margin-left: 10.417vw; z-index: 9; transition: all 0.3s; line-height: normal; }
.header .nav .one > li.search .box { position: relative; float: right; width: 30px; height: 30px; overflow: hidden; transition: all 0.5s; }
.header .nav .one > li.search .box .text { width: 100%; height: 30px; padding: 0 30px 0 10px; border-radius: 30px; background-color: transparent; box-sizing: border-box; transition: border 0.5s; }
.header .nav .one > li.search .box .btn, .header .nav .one > li.search .box .sub { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; background-image: url(../images/icon-search.png); background-size: 15px; background-position: center; background-color: initial; background-repeat: no-repeat; cursor: pointer; }
.header .nav .one > li.search .box .sub { background-image: url(../images/icon-search-b.png); display: none; }
.header .nav .one > li.search .box.open { width: 220px; }
.header .nav .one > li.search .box.open .text { border-color: #999; background-color: #fff; border: 1px solid #fff; }
.header .nav .one > li.search .box.open .sub { display: block; }
.header .nav .one > li.search .box.open .btn { display: none; }
.header.flow { height: 60px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background-color: #1869ff; }
.header.flow .logo {padding: 0.625vw 0;}
.header.flow .lang { padding: 1.1vw 0; }
.header.flow .search { padding: 10px 0; }
.header.flow .nav .one > li { padding: 0.65vw 2.5vw; }
.header.flow .nav .one > li.search { padding: 0.75vw 0; }
.header.flow .nav .two { top: 3.2vw; }
.header.active .phone-menu .b1 { transform: rotate(45deg); }
.header.active .phone-menu .b2 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.header.active .phone-menu .b3 { transform: rotate(-45deg); }
.header .phone-menu { display: none; position: fixed; width: 32px; height: 22px; right: 5%; z-index: 99999; cursor: pointer; }
.header .phone-menu span { display: block; width: 32px; height: 2px; background-color: #fff; border-radius: 1px; -moz-transform-origin: 6% 50%; -webkit-transform-origin: 6% 50%; -o-transform-origin: 6% 50%; transition: all 0.3s; }
.header .phone-menu .b1, .header .phone-menu .b2 { margin-bottom: 8px; }
.index-solve { padding: 4.16666667vw 0; }
.index-solve .title { font-size: 52px; text-align: center; line-height: 50px; margin-bottom: 1.30208333vw; color: #000; }
.index-solve ol { font-size: 14px; text-align: center; color: #666666; margin-bottom: 3.125vw; padding: 0; }
.index-solve .solve { overflow: hidden; }
.index-solve .solve .item { width: 450px; padding-top: 63px; float: left; margin-left: 45px; text-align: center; position: relative; }
.index-solve .solve .item .icon { width: 125px; height: 125px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.index-solve .solve .item .icon img { width: 100%; }
.index-solve .solve .item:first-child { margin-left: 0; }
.index-solve .solve .item .box { width: 100%; padding-top: 93px; background-color: rgba(236, 240, 249, 0.35); border-radius: 1.04166667vw; padding-bottom: 2.604vw; }
.index-solve .solve .item .box span { color: #1769ff; font-size: 18px; }
.index-solve .solve .item .box p { font-size: 14px; color: #333; padding: 25px 10px 0;}
.index-solve .adv { clear: both; }
.index-solve .adv .item { float: left; width: 20%; padding: 4.6875vw 0 3.125vw 5%; border-bottom: 0.41666667vw solid transparent; }
.index-solve .adv .item .icon { width: 50px; height: 55px; margin-bottom: 25px; }
.index-solve .adv .item .icon img { width: 100%; }
.index-solve .adv .item .box { width: 100%; }
.index-solve .adv .item .box span { display: block; color: #1769ff; font-size: 24px; padding-bottom: 10px; }
.index-solve .adv .item .box p { font-size: 14px; color: #414569; padding-top: 10px; padding: 0; }
.index-solve .adv .item:hover { box-shadow: 0 0 0.78125vw 0.10416667vw rgba(0, 0, 0, 0.2); border-radius: 0.26041667vw; overflow: hidden; border-bottom: 0.41666667vw solid #fe9900; }
.index-adv { padding: 4.16666667vw 0; width: 100%; background: url(../images/index-model-bg.jpg) center center no-repeat; overflow: hidden; }
.index-adv .title { font-size: 52px; color: #fff; text-align: center; line-height: 50px; margin-bottom: 25px; }
.index-adv ol {font-size: 14px; color: #fff; text-align: center; padding: 0; margin: 0 0 60px;}
.index-adv .main-width { width: 1445px; }
.index-adv ul li { width: 360px; float: left; text-align: center; box-sizing: border-box; padding: 51px 0 44px; transition: 0.5s; }
.index-adv ul li:hover { background-color: rgba(255, 255, 255, 0.07); }
.index-adv ul li .pic { width: 70px; height: 70px; margin: 0 auto 33px; }
.index-adv ul li .pic img { width: 100%; }
.index-adv ul li h3 { font-size: 18px; color: #fff; margin-bottom: 18px; }
.index-adv ul li p { font-size: 14px; color: #fff; }

/* 关于 */
.other-banner{width: 100%;}
.other-banner img{width: 100%; height: auto;}
.other-banner{position: relative;}
.other-banner .text{color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 33%; width: 93%;}
.other-banner .text h2{text-align: center; font-size: 2.5vw; padding-bottom: 1.042vw;color: #fff;}
.other-banner .text p{text-align: center;}
.other-banner.about .text{top: 46%;}
.other-banner.about .text p{padding-bottom: 0.521vw;}


.main-about .introduce{padding: 4.167vw 0; background-color: #fbfbfb; overflow: hidden;}
.main-about h2{font-size: 2.708vw; text-align: center; line-height: 2.708vw; margin-bottom: 3.125vw;}
.main-about .introduce .introduce-box{position: relative;}
.main-about .introduce .introduce-box .pic{float: right; width: 58.2%;}
.main-about .introduce .introduce-box .pic img{width: 100%;}
.main-about .introduce .introduce-box .text{width: calc(48.6% - 6.25vw); padding: 3.646vw 3.125vw; background-color: #fff;position: absolute; top: 50%; left: -3.125vw; transform: translateY(-50%);}
.main-about .introduce .introduce-box .text .logo{width: 9.948vw; height: auto;}
.main-about .introduce .introduce-box .text .logo img{width: 100%;}
.main-about .introduce .introduce-box .text p{font-size: 0.938vw; color: #4d4d4d; line-height: 1.979vw; margin: 2.604vw 0 4.167vw;}
.main-about .introduce .introduce-box .text p span{color:#fe9900;}
.main-about .introduce .introduce-box .text a{display: inline-block; width: 8.229vw; height: 2.083vw; line-height: 2.083vw; text-align: center; color: #fff; background-color: #1769ff; border-radius: 2.083vw;}
.clear{clear: both;overflow: hidden;}
.main-about .history{padding: 4.167vw 0; }
.main-about .history-box img{width: 100%;}
.history-box img{display: block;}
.history-box .step-container{display: none;}

/* 预约演示 */
.main-contact{background-color: #fbfbfb; padding: 4.167vw 0;}
.contact-box{padding: 4.167vw 4.688vw; background-color: #fff; display: flex; justify-content: space-between;}
.contact-box .mes{width: 40%;}
.contact-box .mes .logo{width: 11.771vw; margin-bottom: 3.125vw;}
.contact-box .mes .logo img{width: 100%;}
.contact-box .mes h3{font-size: 1.25vw; line-height: 1.25vw; color: #333; margin-bottom: 1.042vw;}
.contact-box .mes p{display: flex; line-height: 1.719vw; font-size: 0.938vw; justify-content: flex-start;}
.contact-box .mes p span{color: #666; font-size: 0.729vw; display: inline-flex; flex:0 0 60px}
.contact-box .enter{width: 32.292vw; padding: 0 1.563vw;}
.contact-box .enter h2{font-size: 2.708vw; color: #000; text-align: center; margin-bottom: 3.125vw;}
.contact-box .enter form{/*overflow: hidden;*/}
.contact-box .enter .txt{width: calc(100% - 2.188vw); font-size: 14px; padding: 0 1.042vw; height: 2.292vw; outline: none; border: 0.052vw solid transparent; background-color: #f7f7f7; margin-bottom: 0.833vw;}
.contact-box .enter .txt:focus{border: 0.052vw solid #1769ff;}
.contact-box .enter .short{width: calc(45% - 1.042vw); float: left;}
.contact-box .enter .txt:nth-child(4){float: right;}
.contact-box .enter .sub{padding: 0 1.615vw; height: 1.615vw; line-height: 1.615vw; border-radius: 1.615vw; margin-top: 2.083vw; text-align: center; color: #fff; font-size: 0.625vw; background-color: #1769ff;}

/* 功能 */
.main-function{padding-bottom: 7.292vw;}
.function{padding: 8.854vw 0; height: calc(550px - 17.708vw);}
/* .function .main-width{overflow: hidden;} */
.function .item{/*padding: 0 6.25vw; overflow: hidden;*/ position: relative; height: 100%;}
.function .item .text{padding: 0 6.25vw 0; position: relative; float: left; width: 21.875vw;}
.function .item .text .top{text-align: right; position: relative; padding: 1.563vw 0; height: 5.833vw;}
.function .item .text .num{font-size: 7.187vw;line-height: 5.833vw; text-align: right;}
.function .item .text .num img{width: 7.865vw;}
.function .item .text .title{font-size: 2.5vw; color: #222; margin-bottom: 3.125vw; text-align: left; position: absolute; top: 50%; transform: translateY(-50%);}
.function .item .text ul li{line-height: 25px; font-size: 14px; color: #666666; padding-left: 16px; position: relative; font-size: 0.729vw; color: #666666;}
.function .item .text ul li p{line-height:inherit;}
.function .item .text ul li::before{content: "";display: block;width: 6px; height: 6px; position: absolute; top: 10px; /*transform: translateY(-50%);*/ left: 0; background-color: #1769ff; border-radius: 50%;}
.function .item .text a{padding: 0 20px; display:inline-block; margin-top: 50px; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; background-color: #1769ff; text-align: center;}
.function .item .pic{width: 31.458vw; width: 40%; float: right; padding-right: 6.25vw;}
.function .item .pic img{width: 100%;}
.function.even{background-color: #f8f9fb;}
.function.even .text{float: right;}
.function.even .pic{float: left; padding-left: 6.25vw;  padding-right: 0;}
/* .function .slide-fun{width: 31.458vw; float: right; padding-right: 6.25vw;} */
.function .slide-fun{width: 604px; height: 416px; position: absolute;}
/* .slide-fun .slidebox{width: 31.458vw;} */
/* .slide-fun .slide-pic img { width: 100%; height: 100%; } */
.slide-fun .slide-pic{overflow: hidden; width: 100% !important; height: 100%;}
.slide-fun .slide-pic li {/*width: 31.458vw;*/ float: left; }
.slide-fun .slide-pic li img { width: 100%; height: auto; transition: all 0.5s; }
.slide-fun .slide-dot {text-align: center; padding-top: 10px; }
.slide-fun .slide-dot ul { display: inline-block; vertical-align: top; overflow: hidden; text-align: center;}
.slide-fun .slide-dot ul li{ width: 10px; height: 10px; margin: 0 7px; float: left; border-radius: 50%; box-sizing: border-box; cursor: pointer; background-color: #eee;}
.slide-fun .slide-dot ul li.active{background-color: #1c6ed5;}
.function.odd .slide-fun{padding-right: 6.25vw; right: 0;}
.function.even .slide-fun{padding-left: 6.25vw; left: 0;}

/* 底部 */
.footer { width: 100%; min-height: 17.1875vw; padding: 4.16666667vw 0 0; margin: 0 auto; background: url(../images/footer-bg.jpg) center center no-repeat; background-size: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.footer .main-width { display: flex; justify-content: space-between; }
.footer .menu { display: flex; justify-content: space-between; flex: 0 0 64%; }
.footer .menu .item { width: 25%; box-sizing: border-box; }
.footer .menu .item a { display: block; width: 100%; line-height: 22px; margin-bottom: 22px; color: rgba(255, 255, 255, 0.65); font-size: 14px; }
.footer .menu .item a:first-child { color: #fff; font-size: 18px; }
.footer .menu .item a:hover { color: #fff; }
.footer .copy-right { padding-bottom: 1.04166667vw; color: #fff; font-size: 0.625vw; }
.footer .copy-right .main-width { justify-content: center; }

/* 视频 */
.flow-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); transition: all 0.5s; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: -1; }
.flow-video .box { position: absolute; top: 30%; left: 50%; width: 854px; height: 480px; transform: translate(-50%, -50%); box-sizing: border-box; box-shadow: 0 0 20px #333; transition: all 0.5s; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background: #fff url(../images/loadinglit.gif) no-repeat center; }
.flow-video .box i { position: absolute; right: -36px; top: 0; width: 36px; height: 36px; background: url(https://www.sellerbox.com/images/close.png); cursor: pointer; }
.flow-video.on { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 99999; }
.flow-video.on .box { top: 50%; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

/* 翻页 */
.page { text-align: center; clear: both; }
.page ul { display: inline-block; }
.page ul li { float: left; margin: 0 5px; }
.page ul li a { display: block; line-height: 36px; padding: 0 14px; background-color: #ccc; }
.page ul li.thisclass a { background-color: #45a8fc; color: #fff; }
.page ul li a:hover { background-color: #45a8fc; color: #fff; }

/* 首页轮播 */
.index-main .slidebox { width: 100%; position: relative; z-index: 99; overflow: hidden; }
.index-main .slidebox .slideshow { width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.index-main .slidebox .slideshow ul {width: 4000px; overflow: hidden; }
.index-main .slidebox .slideshow ul li { float: left; position: relative;}
.index-main .slidebox .slideshow ul li img { width: 100%; height: auto; }
.index-main .slidebox .slideshow ul li .text{position: absolute; top: 46%; left: 12%;}
.index-main .slidebox .slideshow ul li .text h2{font-size: 2.5vw; padding-bottom: 1.302vw; letter-spacing: 1px; color: #fff;}
.index-main .slidebox .slideshow ul li .text p{font-size: 0.938vw; color: #fff;}
.index-main .slidebox .slideshow ul li .text span{display: inline-block; font-size: 0.938vw; padding: 0 2.604vw; height: 2.344vw; line-height: 2.344vw; border-radius: 2.344vw; color: #1769ff; margin-top: 2.604vw; background-color: #fff;}

.index-main .slidebox .item-btn { position: absolute; width: 52px; height: 52px; top: 50%; margin-top: -26px; background: url(../images/all-icon.png) no-repeat; cursor: pointer; }
.index-main .slidebox .prev { left: 0; background-position: -5px -5px; }
.index-main .slidebox .next { right: 0; background-position: -57px -5px; }
.index-main .slidebox .slidelist { position: absolute; bottom: 1.563vw; left: 50%; transform: translateX(-50%); }
.index-main .slidebox .slidelist li { width: 0.729vw; height: 0.729vw; float: left; border-radius: 50%; margin: 0 0.417vw; background-color: #fff; }
.index-main .slidebox .slidelist li.active { background-color: #1d6eb7; }


/* 特效 */
.an-overall .animate { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease; }
.an-overall .ant { transform: translateY(80px); }
.an-overall .anb { transform: translateY(-80px); }
.an-overall .anl { transform: translateX(-80px); }
.an-overall .anr { transform: translateX(80px); }
.an-overall .t1 { transition-delay: 0.2s; }
.an-overall .t2 { transition-delay: 0.4s; }
.an-overall .t3 { transition-delay: 0.6s; }
.an-overall .t4 { transition-delay: 0.8s; }
.an-overall .t5 { transition-delay: 1s; }
.an-overall .t6 { transition-delay: 1.2s; }
.an-overall .t7 { transition-delay: 1.4s; }
.an-overall .t8 { transition-delay: 1.6s; }
.an-overall.action .animate { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.an-overall.action .ant { transform: translateY(0); }
.an-overall.action .anb { transform: translateY(0); }
.an-overall.action .anl { transform: translateX(0); }
.an-overall.action .anr { transform: translateX(0); }
.search-results { padding: 30px 0; }
.search-results h1 { line-height: 30px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; font-size: 24px; }
.search-results .seabox { width: 650px; max-width: 100%; height: 42px; margin-bottom: 20px; font-size: 0; box-sizing: border-box; overflow: hidden; }
.search-results .seabox input[type="text"] { width: 80%; height: 42px; padding: 0 10px; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; border-radius: 10px 0 0 10px; }
.search-results .seabox input[type="submit"] { width: 20%; height: 42px; background-color: #1869ff; color: #fff; box-sizing: border-box; font-size: 14px; border-radius: 0 10px 10px 0; cursor: pointer; }
.search-results .cont { float: left; width: 50%; }
.search-results .cont ul { margin-bottom: 30px; }
.search-results .cont li { margin-bottom: 30px; }
.search-results .cont li h3 { line-height: 25px; margin-bottom: 5px; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.search-results .cont li h3 a { text-decoration: underline; }
.search-results .cont li p { line-height: 20px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.search-results .cont li .info { position: relative; padding-left: 150px; padding-top: 10px; min-height: 100px; }
.search-results .cont li .info .pic { position: absolute; left: 0; top: 0; width: 130px; height: 100px; overflow: hidden; }
.search-results .cont li .info .pic img { position: absolute; left: 0; top: 50%; width: 100%; height: auto; transform: translateY(-50%); }
.search-results .probox { float: right; width: 40%; }
.search-results .probox h2 { line-height: 30px; margin-bottom: 20px; font-size: 20px; clear: both; }
.search-results .probox ul { width: 103%; overflow: hidden; }
.search-results .probox li { float: left; width: 30.42%; margin: 0 2.91% 2.91% 0; text-align: center; }
.search-results .probox li h3 { line-height: 20px; font-size: 16px; }
.search-results .probox li .pic { position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; }
.search-results .probox li .pic img { position: absolute; left: 0; top: 50%; width: 100%; height: auto; transform: translateY(-50%); }
.search-results .probox .marb { margin-bottom: 30px; }
.search-results .sear-page { text-align: center; font-size: 0; overflow: hidden; }
.search-results .sear-page span, .search-results .sear-page strong, .search-results .sear-page a { float: left; display: block; font-size: 14px; line-height: 40px; padding: 0 15px; margin: 0 5px 10px; background-color: #e7eaec; border-radius: 5px; }
.search-results .sear-page span, .search-results .sear-page strong { cursor: default; }
.search-results .sear-page strong { background-color: #044a4c; color: #fff; }
.search-results .sear-page a:hover { background-color: #044a4c; color: #fff; }