/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body{font-family:Helvetica Neue,Helvetica,Arial,Microsoft YaHei,sans-serif}body.page-gray{filter:grayscale(1)}:root{--active-color:#18bc9c;--main-text:#333;--secondary-text:#777;--lists-color:#fff;--btn-border-color:#bdbdbd}.label-input{position:relative;display:inline-block;box-sizing:border-box;min-height:14px;line-height:14px;cursor:pointer;white-space:nowrap;vertical-align:baseline;zoom:1}.label-input input[type=checkbox],.label-input input[type=radio]{display:inline-block;visibility:hidden;clip:rect(0 0 0 0)}.label-input:before{content:"";display:inline-block;width:14px;height:14px;border:1px solid var(--btn-border-color);box-sizing:border-box;vertical-align:-1px}.label-input:after{content:"";top:3px;left:3px;width:8px;height:8px}.label-input:after,.label-input:before{position:absolute;background:var(--input-bg-color);border-radius:50%}.label-input.on:after{background:var(--main-color)}.label-input.on:before{border:1px solid var(--main-color)}img{max-width:100%}pre{white-space:normal;font-size:14px;line-height:1.6}.hide{display:none}.clearfix:after,.clearfix:before{content:"";display:table;line-height:0}.clearfix:after{clear:both}.container{max-width:1300px;margin:0 auto}#header{height:80px}#header a{color:var(--main-text);font-size:14px;text-decoration:none}#header a:hover{background:var(--active-color)}#header .header-nav{position:fixed;left:0;top:0;width:100%;height:80px;background:#fff;box-shadow:0 0 8px rgba(66,66,66,.2);z-index:99}#header .header-nav .container{position:relative;width:1300px;max-width:1300px}#header .logo{position:absolute;top:0;left:0;padding:16px 270px 0 0}#header .logo a{background:none}#header .logo a img{width:156px;height:48px}#header .header-action{width:100%;margin:0 auto;white-space:nowrap}#header .header-login,#header .header-menu{display:inline-block;vertical-align:top}#header .header-menu{width:100%;margin:0 262px 0 0}#header .header-menu #menu-toggle{display:none;padding:10px;background:#141414;border:0}#header .header-menu #menu-toggle:focus{outline:none}#header .header-menu #menu-toggle span{display:block;width:22px;height:2px;margin-bottom:3px;background:#fff;border-radius:1px;line-height:2px;transition:.3s}#header .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;padding-left:0;white-space:nowrap}#header .nav li{position:relative;display:inline-block}#header .nav li .line{position:absolute;top:65%;left:0;right:0;display:none;height:4px;width:30px;margin:0 auto;background:var(--active-color);opacity:1}#header .nav li:hover .line{display:block}#header .nav .active a{color:var(--active-color)}#header .nav .active .line{display:block}#header .nav a{position:relative;display:block;padding:0 19px;transition:.3s;line-height:80px}#header .nav a:hover{background:none;color:var(--active-color)}#header .nav a.hot,#header .nav a.new{position:relative}#header .nav a.hot:after,#header .nav a.hot:before,#header .nav a.new:after,#header .nav a.new:before{position:absolute;top:1.5em;left:65%;content:""}#header .nav a.hot:before,#header .nav a.new:before{margin:13px 0 0 5px;border:3px solid transparent;border-top-color:#048e7c}#header .nav a.hot:after,#header .nav a.new:after{content:"HOT";padding:1px 2px;background:var(--active-color);border-radius:2px;font-size:12px;line-height:14px;color:#fff}#header .nav a.new:after{content:"NEW"}#header .nav .dropdown,#header .nav .dropdown .business{position:relative}#header .nav .dropdown .business.active{color:var(--active-color)}#header .nav .dropdown:hover .dropdown-menu{display:-ms-flexbox;display:flex;padding-left:0}#header .nav .dropdown .dropdown-menu{position:fixed;left:0;display:none;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:80px;padding:0;background:#fff;-ms-flex-pack:center;justify-content:center;box-shadow:0 0 4px rgba(0,0,0,.16);animation:showNav .3s}#header .nav .dropdown .dropdown-menu li{background:none}#header .nav .dropdown .dropdown-menu li.ssl{display:none}#header .nav .dropdown .dropdown-menu li a{margin:0 40px 0 0;padding:30px 0;color:var(--main-text);line-height:20px}#header .nav .dropdown .dropdown-menu li a.active,#header .nav .dropdown .dropdown-menu li a:hover{color:var(--active-color)}#header .header-login{position:absolute;top:0;right:0;height:37px;padding:21px 0;font-size:14px;color:#999}#header .header-login .menu .ctn-login-info{cursor:default}#header .header-login .menu .ctn-login-info:hover ul{display:block}#header .header-login .menu .ctn-login-info span{display:inline-block;line-height:40px}#header .header-login .menu .ctn-login-info ul{display:none;position:absolute;right:0;left:-3px;margin:-5px 0 0;padding:0;width:138px;background:#fff;border-top:5px solid var(--active-color);border-radius:6px;box-shadow:0 1px 3px #797979;animation:showNav .3s}#header .header-login .menu .ctn-login-info ul li{list-style:none}#header .header-login .menu .ctn-login-info ul li+li{border-top:1px solid #eaeaea}#header .header-login .menu .ctn-login-info ul li a{display:block;padding:14px 0;text-indent:20px;font-size:12px;color:#999}#header .header-login .menu .ctn-login-info ul li a:hover{color:#fff}#header .header-login .un-menu a{display:inline-block;padding:8px 14px;border:1px solid var(--active-color);box-sizing:border-box;color:var(--active-color);font-size:14px;font-weight:400}#header .header-login .un-menu a:first-child{position:relative;left:4px;border-right:none}#header .header-login .un-menu a:hover{background-color:transparent}#header .header-login .un-menu a.active{background:var(--active-color);color:#fff}#header .header-login #register-tip-layer{position:absolute;top:70px;right:0;width:64px}#header .header-login .popover{top:70px!important;width:210px;background:var(--active-color);border-color:var(--active-color);font-size:12px;color:#fff;border-radius:0;text-align:center}#header .header-login .popover .arrow:after{border-bottom-color:var(--active-color)}.index .section p.title{margin-bottom:20px;line-height:36px;font-size:36px;font-weight:400;text-align:center;color:var(--main-text)}.index .section .span-info{display:block;font-size:16px;text-align:center;color:var(--secondary-text)}.index .section-1{font-size:0}.index .section-1 .banner{position:relative;width:100%;height:26.04167vw}.index .section-1 .banner ul{position:relative;margin:0;padding:0;list-style:none}.index .section-1 .banner ul li{position:absolute;top:0;left:0}.index .section-1 .banner ul li #banner-video,.index .section-1 .banner ul li img{width:100%}.index .section-1 .banner .bx-has-pager{position:relative;-ms-flex-pack:center;justify-content:center}.index .section-1 .banner .bx-has-pager .bx-pager{position:absolute;bottom:20px;left:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;z-index:88}.index .section-1 .banner .bx-has-pager .bx-pager .bx-pager-item{display:inline-block}.index .section-1 .banner .bx-has-pager .bx-pager .bx-pager-item a{display:block;width:40px;height:8px;margin:0 5px;background:hsla(0,0%,100%,.5)}.index .section-1 .banner .bx-has-pager .bx-pager .bx-pager-item a.active,.index .section-1 .banner .bx-has-pager .bx-pager .bx-pager-item a:hover{background:#fff}.index .section-4 .more,.index .section-5 a,.index .section-7 .more,.index .section-9 .more{position:relative;top:20px;display:block;width:130px;height:40px;margin:0 auto;background:#fff;border:1px solid var(--active-color);text-align:center;line-height:40px;text-decoration:none;transition:.3s;border-radius:0;color:var(--active-color);font-size:14px;cursor:pointer}.index .section-4 .more:hover,.index .section-5 a:hover,.index .section-7 .more:hover,.index .section-9 .more:hover{background-color:#1acaa7;color:#fff}.index .section-2{padding-top:46px;padding-bottom:100px;background:url(/content_yi/ui202007/section2.png) no-repeat}.index .section-2 .video{position:relative;width:1080px;height:303px;margin:0 auto 60px;border-radius:5px 5px 0 0;overflow:hidden;box-shadow:5px 0 50px rgba(0,0,0,.5)}.index .section-2 .video video{max-width:100%;margin-top:-153px;padding-bottom:60px}.index .section-2 .adv{margin-top:-45px}.index .section-2 .adv .title{padding-bottom:10px}.index .section-2 .adv .adv-item{position:relative;float:left;width:50%;height:200px;padding:0 90px;color:#fff;text-align:center;font-size:14px;line-height:26px;box-sizing:border-box}.index .section-2 .adv .adv-item:hover{box-shadow:1px 1px 20px rgba(39,39,39,.5);z-index:2}.index .section-2 .adv .adv-item.adv-item-1{background-color:#4299e3}.index .section-2 .adv .adv-item.adv-item-2{background-color:#3994e1}.index .section-2 .adv .adv-item.adv-item-3{background-color:#3090e0}.index .section-2 .adv .adv-item.adv-item-4{background-color:#288bdf}.index .section-2 .adv .adv-item.adv-item-5{background-color:#2186db}.index .section-2 .adv .adv-item.adv-item-6{background-color:#2080d2}.index .section-2 .adv .adv-item.adv-item-7{background-color:#1e7bc9}.index .section-2 .adv .adv-item.adv-item-8{background-color:#1d76c1}.index .section-2 .adv .adv-item .ico{position:absolute;top:17px;left:15px;width:110px;height:85px;background:url(/content_yi/ui202007/adv-icons.png) no-repeat}.index .section-2 .adv .adv-item.adv-item-1 .ico{background-position:0 0}.index .section-2 .adv .adv-item.adv-item-2 .ico{background-position:-110px 0}.index .section-2 .adv .adv-item.adv-item-3 .ico{background-position:-220px 0}.index .section-2 .adv .adv-item.adv-item-4 .ico{background-position:-330px 0}.index .section-2 .adv .adv-item.adv-item-5 .ico{background-position:0 -85px}.index .section-2 .adv .adv-item.adv-item-6 .ico{background-position:-110px -85px}.index .section-2 .adv .adv-item.adv-item-7 .ico{background-position:-220px -85px}.index .section-2 .adv .adv-item.adv-item-8 .ico{background-position:-330px -85px}.index .section-2 .adv .adv-item .sub-title{padding:20px 0;font-size:22px}.index .section-3{padding:55px 0;background:url(/content_yi/202007/section3.jpg) no-repeat;text-align:center;color:#fff}.index .section-3 table{font-size:12px;line-height:24px}.index .section-3 table td{width:100px;height:60px;box-sizing:border-box}.index .section-3 .product-price{display:-ms-flexbox;display:flex;width:1030px;margin:40px auto 0}.index .section-3 .product-price .table-header{width:80px;padding-top:147px;background:rgba(0,0,0,.6)}.index .section-3 .product-price .price-list{display:-ms-flexbox;display:flex;width:100%}.index .section-3 .product-price .price-list .mask{height:464px;padding:22px 0;box-sizing:border-box}.index .section-3 .product-price .price-list .product-item:first-child{background-image:url(/content_yi/ui202007/product1.jpg)}.index .section-3 .product-price .price-list .product-item:first-child .mask{background-color:rgba(0,0,0,.8)}.index .section-3 .product-price .price-list .product-item:nth-child(2){background-image:url(/content_yi/ui202007/product2.jpg)}.index .section-3 .product-price .price-list .product-item:nth-child(2) .mask{background-color:rgba(85,85,85,.8)}.index .section-3 .product-price .price-list .product-item:nth-child(3){background-image:url(/content_yi/ui202007/product3.jpg)}.index .section-3 .product-price .price-list .product-item:nth-child(3) .mask{background-color:rgba(0,0,0,.8)}.index .section-3 .product-price .price-list .product-item:nth-child(4){background-image:url(/content_yi/ui202007/product4.jpg)}.index .section-3 .product-price .price-list .product-item:nth-child(4) .mask{background-color:rgba(85,85,85,.8)}.index .section-3 .product-price .price-list .product-item{width:25%;height:464px;margin-left:2px;background-repeat:no-repeat;background-size:cover;overflow:hidden;animation:cutWidth .3s linear}.index .section-3 .product-price .price-list .product-item .sub-title{margin-top:250px;line-height:12px;font-size:14px}.index .section-3 .product-price .price-list .product-item .sub-title h4,.index .section-3 .product-price .price-list .product-item .sub-title p span{font-size:16px;font-weight:700}.index .section-3 .product-price .price-list .product-item .default{width:185px;padding:80px 5px;margin:0 auto;line-height:32px;font-size:14px}.index .section-3 .product-price .price-list .product-item .default h4{position:relative;font-size:16px;font-weight:700}.index .section-3 .product-price .price-list .product-item .default h4:after{content:"";position:absolute;top:40px;left:50%;margin-left:-10px;width:20px;height:2px;background:#50a8f2}.index .section-3 .product-price .price-list .product-item .product{display:none}.index .section-3 .product-price .price-list .product-item table{margin:250px auto 20px}.index .section-3 .product-price .price-list .product-item .buy{display:none;padding:5px 20px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #fff}.index .section-3 .product-price .price-list .product-item .buy:hover{background:#fff;color:#50a8f2}.index .section-3 .product-price .price-list .product-item:hover{animation:addWidth .3s linear forwards}.index .section-3 .product-price .price-list .product-item:hover .default{display:none}.index .section-3 .product-price .price-list .product-item:hover .product{display:block}.index .section-3 .product-price .price-list .product-item:hover .product .sub-title{animation:showTitle .8s ease .3s forwards}.index .section-3 .product-price .price-list .product-item:hover .product table{animation:showTable .5s ease .3s forwards}.index .section-3 .product-price .price-list .product-item:hover .mask{background-color:rgba(80,168,242,.9)}.index .section-3 .product-price .price-list .product-item:hover .buy{display:inline-block}@keyframes addWidth{0%{width:25%;opacity:0}to{width:40%;opacity:1}}@keyframes cutWidth{0%{width:40%}to{width:25%}}@keyframes showTable{0%{margin-top:250px;opacity:0}to{margin-top:40px;opacity:1}}@keyframes showTitle{0%{margin-top:250px;opacity:0}to{margin-top:40px;opacity:1}}.index .section-4{padding:55px 0;background:url(/content_yi/ui202007/section4.jpg) no-repeat;text-align:center}.index .section-4 p.title{color:#555}.index .section-4 p.sub-title{font-size:14px;line-height:0;color:#555}.index .section-4 .slider{position:relative;width:800px;margin:0 auto}.index .section-4 .slider .img-list{padding:0;margin:0;list-style:none}.index .section-4 .slider .img-list,.index .section-4 .slider .img-list .img-item{position:absolute;left:0;top:0}.index .section-4 .slider .img-list img{display:block;box-shadow:0 10px 15px rgba(0,0,0,.2)}.index .section-4 .image-slider{position:relative;margin:50px auto}.index .section-4 .image-slider .slider-btn{position:absolute;top:50%;margin-top:-34px;width:68px;height:68px;z-index:10;cursor:pointer}.index .section-4 .image-slider .slider-prev-btn{background:url(/content_yi/ui202007/left-btn.png) no-repeat;left:0}.index .section-4 .image-slider .slider-next-btn{background:url(/content_yi/ui202007/right-btn.png) no-repeat;right:0}.index .section-4 .more{background:#1a7dd0}.index .section-4 .more:hover{background-color:#208ae3}.index .section-5{padding:50px;background:#141414;color:#fff;text-align:center;line-height:32px}.index .section-5 a{margin-top:25px}.index .section-6{padding:100px 0}.index .section-6 p.title{color:#555}.index .section-6 .partner-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:25px 0 0;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.index .section-6 .partner-list li{width:25%;margin-top:1%;text-align:center}.index .section-7{padding:50px 0 120px;background:#fff}.index .section-7 .case-nav{margin:40px 0;text-align:center;font-size:0}.index .section-7 .case-nav a{display:inline-block;width:120px;height:40px;border:1px solid var(--active-color);border-right:none;box-sizing:border-box;color:var(--active-color);text-decoration:none;font-size:14px;line-height:40px;cursor:pointer}.index .section-7 .case-nav a:hover{background-color:transparent}.index .section-7 .case-nav a.active{background:var(--active-color);color:#fff;cursor:default}.index .section-7 .case-nav a:last-child{border-right:1px solid var(--active-color)}.index .section-7 .case-list{max-width:1300px;margin:0 auto}.index .section-7 .case-list .inner{display:none}.index .section-7 .case-list .inner.active{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.index .section-7 .case-list .arcl .case-item{position:relative}.index .section-7 .case-list .arcl .case-item .module{position:absolute;right:30px;bottom:10px;background:#fff;box-shadow:0 3px 10px rgba(66,66,66,.3);border-radius:6px}.index .section-7 .case-list .arcl .case-item .module img{margin:5px;height:auto;border:1px solid #eee}.index .section-7 .case-list .applets .case-item{position:relative;width:280px;height:483px}.index .section-7 .case-list .applets .case-item img{width:100%;height:100%}.index .section-7 .case-list .applets .case-item:last-child{margin:0 0 20px}.index .section-7 .case-list .applets .case-item:hover .qrcode{display:block}.index .section-7 .case-list .applets .qrcode{position:absolute;top:10px;left:9px;display:none;width:260px;height:462px;background:rgba(0,0,0,.5)}.index .section-7 .case-list .applets .qrcode img{position:absolute;top:55%;left:40px;width:150px;height:150px;margin:-120px auto 0;border:15px solid #fff;box-sizing:unset}.index .section-7 .case-list .case-item{float:left;width:640px;height:auto;padding:10px;margin:0 20px 20px 0;text-align:center;box-sizing:border-box;box-shadow:0 3px 10px rgba(66,66,66,.2)}.index .section-7 .case-list .case-item:nth-child(2n){margin:0 0 20px}.index .section-7 .case-list .case-item a{display:block;border:1px solid #e0e0e0;box-sizing:border-box;overflow:hidden}.index .section-7 .case-list .case-item a img{display:inline-block;vertical-align:middle;box-sizing:border-box;max-width:100%;height:350px;border:0}.index .section-7 .case-list .applets .case-item:nth-child(2){margin:0 20px 20px 0}.index .section-7 .case-list .applets .case-item:nth-child(4n){margin:0 0 20px}.index .section-8{padding:100px 0}.index .section-8 p.title{color:#555}.index .section-8 .process{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:50px;padding:0;list-style:none;text-align:center}.index .section-8 .process li{width:33%}.index .section-8 .process span{display:block;padding-top:20px;color:#555}.index .section-9{padding-bottom:22px;background:#f2f8f8}.index .section-9 .container{width:1300px}.index .section-9 p.title{margin:0 0 20px;padding-top:100px;font-size:36px;font-weight:400;color:var(--main-text)}.index .section-9 .span-info{display:block;text-align:center;color:var(--secondary-text)}.index .section-9 a{text-decoration:none}.index .section-9 .news-main{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding-top:20px}.index .section-9 .news-main .news-list{width:640px;margin:20px 20px 0 0;box-sizing:border-box}.index .section-9 .news-main .news-list:last-child{margin:20px 0 0}.index .section-9 .news-main .news-list h4{font-size:15px;text-align:left;color:#555}.index .section-9 .news-main .news-list .news-item{display:block;margin:0 0 20px;background:#fff;box-sizing:border-box;transition:.3s}.index .section-9 .news-main .news-list .news-item:hover dl dd .sub-title{color:#22d3b6}.index .section-9 .news-main .news-list .news-item dl{margin:0;padding-bottom:36px}.index .section-9 .news-main .news-list .news-item .time{float:left;width:110px;height:150px;box-sizing:border-box}.index .section-9 .news-main .news-list .news-item .time span{display:block}.index .section-9 .news-main .news-list .news-item .time .date,.index .section-9 .news-main .news-list .news-item .time .year{margin:0;text-align:center;font-size:20px}.index .section-9 .news-main .news-list .news-item .time .year{margin:20px 0;font-size:14px;color:#555}.index .section-9 .news-main .news-list .news-item .time .date{position:relative;padding:30px 0 0 30px;text-align:left;color:var(--main-text)}.index .section-9 .news-main .news-list .news-item dd{padding-right:30px;overflow:hidden}.index .section-9 .news-main .news-list .news-item dd p{margin:0}.index .section-9 .news-main .news-list .news-item dd .sub-title{margin:30px 0 0;font-size:20px;color:#555;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.index .section-9 .news-main .news-list .news-item dd .summary{padding-top:20px;font-size:14px;color:var(--secondary-text);-webkit-line-clamp:2;height:44px;line-height:25px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;white-space:normal}@media (max-width:1024px){.index .section-9 .news-main .news-list{width:100%}}.index .section-9 .more{margin-bottom:100px;clear:both}.index .section-9 .more:hover{background:var(--active-color);color:#fff;transform:translateX(0)}.index .section-10{height:365px;background:url(/content_yi/ui202007/diwen.png) no-repeat}.index .section-10 .container p.title{margin:0;padding:100px 0 20px}.index .section-10 .container ul{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;max-width:200px;margin:40px auto 0;padding:0}.index .section-10 .container ul li{list-style:none}.index .section-10 .container ul li:first-child{margin-right:10px}.index .section-10 .container ul li:first-child a{background:var(--active-color);color:#fff}.index .section-10 .container ul li:last-child{margin-left:10px}.index .section-10 .container ul li a{display:block;width:90px;height:40px;background:#fff;border:1px solid var(--active-color);color:var(--active-color);line-height:40px;text-align:center;text-decoration:none;font-size:14px}.index .section-11{background:#f2f8f8;padding-bottom:100px}.index .section-11 .container .title{margin:0;padding:100px 0 20px}.index .section-11 .container .span-info{margin-bottom:40px}.index .section-11 .container .advantage{display:-ms-flexbox;display:flex;padding:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.index .section-11 .container .advantage li{width:420px;height:400px;margin:0 20px 20px 0;padding-bottom:20px;background:#fff;list-style:none}.index .section-11 .container .advantage li:nth-child(3n){margin:0 0 20px}.index .section-11 .container .advantage li .img{width:300px;height:225px;margin:40px 60px 25px}.index .section-11 .container .advantage li .info{text-align:center}.index .section-11 .container .advantage li .info .title{font-size:20px;color:var(--main-text);margin:0 40px}.index .section-11 .container .advantage li .info .desc{margin:20px 40px 0;height:45px;font-size:14px;text-align:left;line-height:25px;color:var(--secondary-text)}.index .section-11 .container .advantage li .info span{display:block;padding:0}.index .section-12{padding-top:1px}.index .section-12 .container p.title{margin:99px 0 15px}.index .section-12 .container .span-info{font-size:16px;font-family:Microsoft YaHei UI}.index .section-12 .container .business{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;margin:40px 0 120px;padding:0}.index .section-12 .container .business li{position:relative;width:244px;height:400px;margin:40px 0;border-radius:6px;list-style:none}.index .section-12 .container .business li:after,.index .section-12 .container .business li:before{content:"";position:absolute;display:block;width:20px;height:100%}.index .section-12 .container .business li:before{top:0;left:-15px}.index .section-12 .container .business li:after{top:0;right:0}.index .section-12 .container .business li .thumb{position:relative;width:100%;height:160px;border-radius:8px 8px 0 0}.index .section-12 .container .business li .thumb .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/content_yi/ui202007/img02.png) no-repeat;border-radius:8px 8px 0 0}.index .section-12 .container .business li .thumb .icon{position:relative;top:30px;display:block;width:66px;height:66px;margin:0 auto}.index .section-12 .container .business li .thumb .name{position:relative;top:30px;padding:10px 0 0}.index .section-12 .container .business li .thumb .name h3{margin:0;font-size:20px;text-align:center;font-family:Microsoft YaHei UI;color:var(--lists-color)}.index .section-12 .container .business li .thumb .name span{display:block;margin:4px 0 0;font-size:12px;text-align:center;color:var(--lists-color)}.index .section-12 .container .business li .foot{min-height:240px;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;box-sizing:border-box}.index .section-12 .container .business li .foot .table-dl dd{color:var(--main-text)}.index .section-12 .container .business li .foot .table-dl dd i{font-style:normal}.index .section-12 .container .business li .foot .table-dl dd:first-child{color:#333}.index .section-12 .container .business li .foot .table-dl dd:first-child span{display:block}.index .section-12 .container .business li .foot .table-dl dd.price{color:#ff7043}.index .section-12 .container .business li.current .foot{border:transparent}.index .section-12 .container .business li:first-child .thumb{background:linear-gradient(270deg,#42a5f5,#8dc9f9)}.index .section-12 .container .business li:first-child .thumb .icon{background:url(/content_yi/ui202007/ico10.png) no-repeat}.index .section-12 .container .business li:nth-child(2) .thumb{background:linear-gradient(90deg,#74d7c3,#18bc9c)}.index .section-12 .container .business li:nth-child(2) .thumb .icon{background:url(/content_yi/ui202007/ico09.png) no-repeat}.index .section-12 .container .business li:nth-child(3) .thumb{background:linear-gradient(270deg,#7986cb,#9da6d9)}.index .section-12 .container .business li:nth-child(3) .thumb .icon{background:url(/content_yi/ui202007/ico13.png) no-repeat}.index .section-12 .container .business li:nth-child(4) .thumb{background:linear-gradient(270deg,#a1887f,#baa8a1)}.index .section-12 .container .business li:nth-child(4) .thumb .icon{background:url(/content_yi/ui202007/ico12.png) no-repeat}.index .section-12 .container .business li:last-child .thumb{background:linear-gradient(270deg,#78909c,#aebcc3)}.index .section-12 .container .business li:last-child .thumb .icon{background:url(/content_yi/ui202007/ico11.png) no-repeat}.index .section-12 .container .business li .table-dl{position:relative;top:0;display:none;transform:none;width:100%;margin:30px 0 20px;text-align:center;font-size:14px}.index .section-12 .container .business li .table-dl dd{margin:0 0 12px}.index .section-12 .container .business li .table-dl dd:last-child{margin:0}.index .section-12 .container .business li .table-dl dd:last-child a{display:block;width:90px;height:36px;line-height:36px;margin:20px auto 0;border:1px solid #9e9e9e;border-radius:4px;box-sizing:border-box;text-decoration:none;font-size:14px;color:#777}.index .section-12 .container .business li .table-dl dd:last-child a:hover{border:1px solid var(--active-color);color:var(--active-color)}.index .section-12 .container .business li .more-info{width:170px;margin:0 auto;padding:60px 0 0;line-height:25px;font-size:14px;color:var(--main-text)}.index .section-12 .container .business .current{width:244px;height:480px;margin:0;background:#fff;border:none;box-shadow:0 0 12px rgba(51,51,51,.12);z-index:80}.index .section-12 .container .business .current:first-child .thumb{background:linear-gradient(270deg,#42a5f5,#8dc9f9)}.index .section-12 .container .business .current:first-child .more-info{display:none}.index .section-12 .container .business .current:first-child .table-dl{display:block}.index .section-12 .container .business .current:first-child .table-dl dd{margin-bottom:12px}.index .section-12 .container .business .current:first-child .table-dl dd:first-child{margin-bottom:15px}.index .section-12 .container .business .current:first-child .table-dl dd:first-child span:first-child{padding-bottom:12px}.index .section-12 .container .business .current:nth-child(2) .thumb{background:linear-gradient(90deg,#74d7c3,#18bc9c)}.index .section-12 .container .business .current:nth-child(2) .more-info{display:none}.index .section-12 .container .business .current:nth-child(2) .table-dl{display:block;margin:41px 0 0}.index .section-12 .container .business .current:nth-child(2) .table-dl dd{margin:0 0 20px}.index .section-12 .container .business .current:nth-child(2) .table-dl dd:first-child{margin-bottom:20px}.index .section-12 .container .business .current:nth-child(2) .table-dl dd:first-child span:first-child{margin:0 15px 20px}.index .section-12 .container .business .current:nth-child(2) .table-dl dd:nth-child(4){margin:0 15px 30px 0}.index .section-12 .container .business .current:nth-child(3) .thumb{background:linear-gradient(270deg,#7986cb,#9da6d9)}.index .section-12 .container .business .current:nth-child(3) .more-info{display:none}.index .section-12 .container .business .current:nth-child(3) .table-dl{display:block;margin:41px 0 20px}.index .section-12 .container .business .current:nth-child(3) .table-dl dd{margin:0 0 20px}.index .section-12 .container .business .current:nth-child(3) .table-dl dd:first-child{margin-bottom:20px}.index .section-12 .container .business .current:nth-child(3) .table-dl dd:first-child span:first-child,.index .section-12 .container .business .current:nth-child(3) .table-dl dd:first-child span:nth-child(2){margin:0 0 20px}.index .section-12 .container .business .current:nth-child(3) .table-dl dd:nth-child(3){margin-bottom:30px}.index .section-12 .container .business .current:nth-child(3) .table-dl dd:nth-child(4){margin:0 15px 30px 0}.index .section-12 .container .business .current:nth-child(4) .thumb{background:linear-gradient(270deg,#a1887f,#baa8a1)}.index .section-12 .container .business .current:nth-child(4) .more-info{display:none}.index .section-12 .container .business .current:nth-child(4) .table-dl{display:block;margin:61px 0 20px}.index .section-12 .container .business .current:nth-child(4) .table-dl dd{margin:0 0 20px}.index .section-12 .container .business .current:nth-child(4) .table-dl dd:nth-child(4){margin:0 0 30px}.index .section-12 .container .business .current:last-child .thumb{background:linear-gradient(270deg,#78909c,#aebcc3)}.index .section-12 .container .business .current:last-child .more-info{display:none}.index .section-12 .container .business .current:last-child .table-dl{display:block;margin:61px 0 20px}.index .section-12 .container .business .current:last-child .table-dl dd{margin:0 0 20px}.index .section-12 .container .business .current:last-child .table-dl dd:nth-child(4){margin:0 0 30px}.index .section-12 .container .business .current .thumb span{color:#fff}@keyframes mobileShowTable{0%{margin:50px 0 20px;opacity:0}to{margin:30px 0 20px;opacity:1}}#footer{background:#37474f}#footer .info,#footer a{color:var(--secondary-text)}#footer .footer-link{display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1300px;margin:0 auto;padding:40px 0 0;border-bottom:1px solid #455a64;font-size:12px}#footer .footer-link a{display:block;margin:0 40px 30px 0;text-decoration:none}#footer .footer-link a:hover{color:var(--active-color)}#footer .footer-link a:first-child{margin-right:40px;color:#e0e0e0}#footer .container{width:1300px;height:100%;max-width:1300px;overflow:hidden}#footer .brands-item,#footer .footer-menu,#footer .info{float:left}#footer .brands-item p,#footer .footer-menu p,#footer .info p{margin:0}#footer .brands-item p:first-child,#footer .footer-menu p:first-child,#footer .info p:first-child{padding-top:30px;color:#e0e0e0}#footer .info{margin-right:305px;font-size:12px;line-height:16px}#footer .info a,#footer .info p{margin-bottom:20px}#footer .info p:last-child{margin-bottom:41px}#footer .info a{text-decoration:none}#footer .brands-item{max-width:310px;margin-right:57px}#footer .brands-item .menu-item{margin-bottom:20px;font-size:12px}#footer .brands-item ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}#footer .brands-item ul li{width:90px;height:33px;margin:0 20px 20px 0;list-style:none}#footer .brands-item ul li:nth-child(3n){margin:0 0 20px}#footer .brands-item ul li img{width:100%;height:100%}#footer .footer-menu{display:-ms-flexbox;display:flex}#footer .footer-menu .nav-title{margin-bottom:20px;text-align:left;color:#1fa997;font-size:12px;font-weight:700}#footer .footer-menu .menu-item{margin-right:46px}#footer .footer-menu .menu-item:first-child .nav{width:85px}#footer .footer-menu .menu-item:first-child .nav li:nth-child(2n){margin:0 0 20px 20px}#footer .footer-menu .menu-item:nth-child(2) .nav{width:164px}#footer .footer-menu .menu-item:nth-child(2) .nav li{width:72px}#footer .footer-menu .menu-item:nth-child(2) .nav li:nth-child(2n){margin:0 0 20px 20px}#footer .footer-menu .menu-item:last-child{margin:0}#footer .footer-menu .menu-item:last-child .nav{display:table;width:50px}#footer .footer-menu .menu-item:last-child .nav li{margin-bottom:20px}#footer .footer-menu .menu-item:last-child .nav li:last-child{margin:0}#footer .footer-menu .menu-item .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:200px;padding:0;margin:0;font-size:12px}#footer .footer-menu .menu-item .nav li{display:block;list-style:none}#footer .footer-menu .menu-item .nav a{text-decoration:none}#footer .footer-menu .menu-item .nav a:hover{color:var(--active-color)}#footer .mobile-bottom{position:fixed;left:0;right:0;display:none;bottom:0;z-index:9999}#footer .mobile-bottom ul{display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:12px;text-align:center;list-style:none}#footer .mobile-bottom ul li{width:25%;box-sizing:border-box}#footer .mobile-bottom ul li:not(:last-child){border-right:1px solid #666}#footer .mobile-bottom ul li a{display:block;width:100%;padding:5px 0;background:#141414;color:#fff;text-decoration:none}#footer .mobile-bottom ul li a:hover{background:#070707;color:#1fa997}#footer .mobile-bottom ul li a .iconfont{display:block;font-size:20px}#back-top{position:fixed;bottom:110px;right:20px;display:none;width:60px;height:60px;background:var(--active-color);border-radius:2px;z-index:89;cursor:pointer;transition:.3s}#back-top:hover{background:#19c1a0}#back-top:hover .ico{background:url(/content_yi/ui202007/icon03_0.png) no-repeat}#back-top:after,#back-top:before{position:absolute;content:" "}#back-top:before{top:20px;left:22px;border:8px solid var(--active-color);border-top:0;border-bottom:9px solid #fff}#back-top:after{top:29px;left:27px;width:6px;height:9px;background:#fff}#ctn-cs{position:fixed;top:47%;right:20px;width:74px;line-height:normal;z-index:88}#ctn-cs .item{position:relative;float:right;display:-ms-flexbox;display:flex;background:#fff;text-align:center;box-shadow:0 0 8px rgba(66,66,66,.2);white-space:nowrap;transition:.3s;cursor:default}#ctn-cs .item:hover{background:var(--active-color)}#ctn-cs .item+.item{margin-top:10px}#ctn-cs .item a{display:block;height:100%;text-decoration:none}#ctn-cs .item .ico,#ctn-cs .item .inner{display:inline-block;vertical-align:top}#ctn-cs .item .ico{width:40px;height:40px}#ctn-cs .item .iconfont{display:inline-block;margin-top:4px;font-size:36px;color:#333}#ctn-cs .item .inner{position:absolute;top:0;left:-140px;display:none;width:130px;padding-bottom:15px;background:#fff;box-shadow:0 0 8px rgba(66,66,66,.2);white-space:nowrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:22px;animation-duration:.3s;animation-fill-mode:both}#ctn-cs .item .inner:after{content:"";position:absolute;width:15px;height:100%;right:-15px;top:0}#ctn-cs .item .inner.inner-qrcode .qrcode{display:block;width:80px;height:80px;margin:20px auto 15px;background:url(/content_yi/ui202007/qrcode.jpg) no-repeat}#ctn-cs .item .inner .inner-main{background:#f1fcfa}#ctn-cs .item .inner .inner-main span{display:block;height:15px;padding-bottom:10px;text-align:center;font-size:12px;font-family:Microsoft YaHei UI;font-weight:400;color:var(--secondary-text);opacity:1}#ctn-cs .item .inner .inner-main .last-call{padding-bottom:15px}#ctn-cs .item .inner .inner-main .title{padding-top:15px;font-size:14px;color:var(--active-color)}#ctn-cs .item .inner .inner-main .sales{background:#fff;border-bottom:2px solid #f2f8f8}#ctn-cs .item .inner .inner-main .sales a{position:relative;width:100px;height:34px;margin:0 auto 10px;background:var(--active-color);border:1px solid var(--active-color);box-sizing:border-box;border-radius:18px;text-align:center;font-size:12px;line-height:34px}#ctn-cs .item .inner .inner-main .sales a:nth-child(2) .qrcode .qrcode-img{background:url(/content_yi/ui202007/qrcode-02.jpg) no-repeat;background-size:contain}#ctn-cs .item .inner .inner-main .sales a:nth-child(3) .qrcode .qrcode-img{background:url(/content_yi/ui202007/qrcode-03.jpg) no-repeat;background-size:contain}#ctn-cs .item .inner .inner-main .sales a:nth-child(4) .qrcode .qrcode-img{background:url(/content_yi/ui202007/qrcode-04.jpg) no-repeat;background-size:contain}#ctn-cs .item .inner .inner-main .sales a:nth-child(5) .qrcode .qrcode-img{background:url(/content_yi/ui202007/qrcode-05.jpg) no-repeat;background-size:contain}#ctn-cs .item .inner .inner-main .sales a span{color:#fff}#ctn-cs .item .inner .inner-main .sales a .qrcode{position:absolute;left:-16px;top:35px;display:none;width:130px;height:130px;background:#fff;box-shadow:0 0 8px rgba(66,66,66,.2);z-index:1}#ctn-cs .item .inner .inner-main .sales a .qrcode .qrcode-img{display:block;width:120px;height:120px;margin:5px auto 0}#ctn-cs .item .inner .inner-main .sales a:hover{background:#fff}#ctn-cs .item .inner .inner-main .sales a:hover .qrcode{display:block}#ctn-cs .item .inner .inner-main .sales a:hover span{color:var(--active-color)}#ctn-cs .item .inner .inner-main .sales a:last-child{margin:0 auto 15px}#ctn-cs .item .inner .online{display:block;width:100px;height:36px;margin:15px auto 0;background:var(--active-color);border:1px solid var(--active-color);box-sizing:border-box;border-radius:18px;color:#fff;font-size:12px;line-height:36px}#ctn-cs .item .inner .online:hover{background:#fff;color:var(--active-color)}#ctn-cs .item .inner .info{display:block;line-height:20px;font-size:12px;color:var(--secondary-text)}#ctn-cs .item:first-child .inner{display:none}#ctn-cs .item.on{background:#22d3b6}#ctn-cs .item.on:first-child .ico{background:url(/content_yi/ui202007/icon01_0.png) no-repeat}#ctn-cs .item.on:nth-child(2) .ico{background:url(/content_yi/ui202007/icon02_0.png) no-repeat}#ctn-cs .item.on:first-child .ico,#ctn-cs .item.on:nth-child(2) .ico{background-position:50%}#ctn-cs .item.on .iconfont,#ctn-cs .item.on .inner,#ctn-cs .item.on span{color:#fff}#ctn-cs .item.on .inner{animation-name:csEffect}#ctn-cs .item:first-child .ico{background:url(/content_yi/ui202007/icon01_1.png) no-repeat}#ctn-cs .item:first-child .ico:hover{background:url(/content_yi/ui202007/icon01_0.png) no-repeat}#ctn-cs .item:nth-child(2) .ico{background:url(/content_yi/ui202007/icon02_1.png) no-repeat}#ctn-cs .item:nth-child(2) .ico:hover{background:url(/content_yi/ui202007/icon02_0.png) no-repeat}#ctn-cs .item:last-child .ico{background:url(/content_yi/ui202007/icon03_1.png) no-repeat}#ctn-cs .item:last-child .ico:hover{background:url(/content_yi/ui202007/icon03_0.png) no-repeat}#ctn-cs .item:first-child .ico,#ctn-cs .item:first-child .ico:hover,#ctn-cs .item:last-child .ico,#ctn-cs .item:last-child .ico:hover,#ctn-cs .item:nth-child(2) .ico,#ctn-cs .item:nth-child(2) .ico:hover{background-position:50%}#ctn-cs .back-top{display:none;cursor:pointer}.wechat-qrcode{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000}.wechat-qrcode img{position:fixed;top:50%;left:50%;right:0;display:block;width:250px;height:250px;margin:0 auto;transform:translate(-50%,-50%);box-shadow:0 0 8px rgba(66,66,66,.2)}@media (min-width:1300px){#back-top{left:50%;margin-left:650px}}@media (max-width:1300px){#ctn-cs{top:25%}#header .header-nav .container{width:1080px;max-width:1080px}#header .header-nav .container .header-action{width:462px;margin:0 auto}#header .header-nav .container .header-action .header-menu{width:100%}#footer .container .info{margin-right:205px}.index .section-7 .case-list .inner .case-item:nth-child(4n){margin:0 20px 20px 0}.index .section-9 .container{width:1080px}.index .section-9 .news-main .news-list{width:100%}.index .section-9 .news-main .news-list:first-child{margin:0}.index .section-11 .container .advantage li:nth-child(3n){margin:0 20px 20px 0}.index .section-12 .container .business li:nth-child(3){border-right:1px solid #e0e0e0}#footer .container{width:1080px}#footer .container .info{margin:0 35px 0 0}#footer .container .brands-item{float:left;max-width:310px;margin-right:46px}#footer .container .footer-menu{float:right}#footer .container .footer-menu .menu-item{margin-right:28px}#footer .container .footer-menu .menu-item:last-child{margin:0}}@media (max-width:1200px){#header{margin:0}#header .header-nav .container{width:90%}#header .header-nav .container .header-action{width:462px;margin:0 auto}#header .header-nav .container .header-action .header-menu{width:100%}#header .header-menu{margin:0}.container,.index .section-2 .video,.index .section-3 .product-price{width:auto}.index .section-7 .case-list .case-item:nth-child(4n){margin:0 20px 20px 0}.index .section-9 .container{width:100%}.index .section-9 .news-main .news-list{width:90%;margin:0}.index .section-9 .news-main .news-list:last-child{margin:0}.index .section-11 .container .advantage{padding:0}.index .section-11 .container .advantage li{width:400px;margin:0 20px 20px 0}.index .section-11 .container .advantage li:nth-child(3n){margin:0 20px 20px 0}.index .section-12 .container .business{-ms-flex-pack:space-evenly;justify-content:space-evenly}.index .section-12 .container .business li{box-sizing:border-box}.index .section-12 .container .business li:nth-child(3){border-right:1px solid #e0e0e0}#footer .container{width:90%;margin:0 auto}#footer .container .info{margin:0 10px 0 0}#footer .container .brands-item{float:left;max-width:310px;margin-right:0}#footer .container .footer-menu{float:right}#footer .container .footer-menu .menu-item{margin-right:5px}#footer .container .footer-menu .menu-item:last-child{margin:0}}@media screen and (max-width:1024px){.index .section-7 .case-list .applets .case-item:nth-child(3n){margin:0 0 20px}}@media screen and (max-width:979px){#header{height:120px}#header .logo{position:unset;float:unset;width:200px;margin:0 auto;padding:65px 0 0;text-align:center;zoom:.8}#header .logo a img{width:200px;height:60px}#header .header-action{position:fixed;top:0;height:35px;background:#141414;width:100%;z-index:99}#header .header-login .un-menu a{padding:4px 14px}#header .header-nav{position:unset;height:100%;background:#141414}#header .header-nav .container{width:100%;max-width:100%}#header .nav{position:relative;background:#141414}#header .nav li{display:list-item;padding:0;border-bottom:1px solid #333}#header .nav li:hover .line{display:none}#header .nav li a{padding:10px;line-height:20px;text-align:center}#header .nav li a:hover{background:linear-gradient(90deg,#000,#007bff,#0274ee)}#header .nav li a.hot:after,#header .nav li a.hot:before{position:relative;top:unset;left:unset;margin-left:.5em}#header .nav li a.hot:before{display:none}#header .nav .active .line{top:75%}#header .nav .dropdown{position:static}#header .nav .dropdown:hover .dropdown-menu{display:block!important}#header .nav .dropdown .dropdown-menu{position:absolute;display:none;left:100%;top:0;width:100%;height:100%;background:#1f1f1f;box-shadow:0 0 20px rgba(0,0,0,.5)}#header .nav .dropdown .dropdown-menu li{list-style:none;background:#1f1f1f}#header .nav .dropdown .dropdown-menu li a{margin:0;padding:10px 34px;background:none;color:#fff}#header .nav .dropdown .dropdown-menu li a:hover{color:#fff}#header .header-login,#header .header-menu{display:block}#header .header-menu{position:fixed;top:0;left:0;background:#000}#header .header-menu #menu-toggle{display:block}#header .header-menu #menu-toggle.active span:first-child,#header .header-menu #menu-toggle.active span:nth-child(3){width:18px;transform-origin:2px}#header .header-menu #menu-toggle.active span:first-child{transform:rotate(45deg)}#header .header-menu #menu-toggle.active span:nth-child(2){opacity:0}#header .header-menu #menu-toggle.active span:nth-child(3){transform:rotate(-45deg)}#header .header-menu #head-menu{position:fixed;left:-33%;width:33%;height:100%;list-style:none;transition:left .5s}#header .header-menu #head-menu.current{display:block;left:0;transition:left .5s}#header .header-login{position:fixed;top:3px;right:10px;padding-top:0}#header .header-login a{padding:5px 10px}#header .header-login .ctn-login-info span{line-height:32px}#header .header-login .menu .ctn-login-info span{line-height:30px}.index .section-1 .banner .bx-has-pager .bx-pager{display:none}.index .section-2{padding-bottom:50px}.index .section-2 .video{height:105px}.index .section-2 .video video{margin-top:-53px}.index .section-2 .adv .adv-item{width:100%;height:auto;padding:0 20px;zoom:.7}.index .section-3 table td{height:35px}.index .section-3 .product-price .table-header{display:none}.index .section-3 .product-price .price-list{display:block}.index .section-3 .product-price .price-list .mask{padding:10px 0}.index .section-3 .product-price .price-list .product-item{float:left;height:400px;width:100%;margin:0;animation:none}.index .section-3 .product-price .price-list .product-item:hover{animation:mobileAddWidth .3s linear forwards}.index .section-3 .product-price .price-list .product-item:hover .product{display:block}.index .section-3 .product-price .price-list .product-item:hover .product .sub-title{animation:mobileShowTitle .8s ease forwards}.index .section-3 .product-price .price-list .product-item:hover .product table{animation:mobileShowTable .5s ease forwards}.index .section-3 .product-price .price-list .product-item .default{width:unset;padding:25px}@keyframes mobileAdd{0%{opacity:0}to{opacity:1}}@keyframes mobileShowTitle{0%{margin-top:150px;opacity:0}to{margin-top:0;opacity:1}}@keyframes mobileShowTable{0%{margin-top:150px;opacity:0}to{margin-top:20px;opacity:1}}.index .section-4 .image-slider .slider-btn{width:30px;height:30px;margin-top:-15px;background-size:cover}.index .section-4 .slider{zoom:.45}.index .section-5{padding:50px 10px}.index .section-5 h1{font-size:20px}.index .section-5 p{font-size:14px}.index .section-6{padding:30px 0}.index .section-6 .partner-list li{width:50%}.index .section-7 .case-list .inner .case-item{width:95%;height:auto;margin:0 0 20px}.index .section-7 .case-list .inner .case-item:nth-child(2n),.index .section-7 .case-list .inner .case-item:nth-child(4n){margin:0 0 20px}.index .section-7 .case-list .inner .case-item img{height:auto}.index .section-7 .case-list .arcl .case-item .module{display:none}.index .section-7 .case-list .applets .case-item{width:280px;height:485px}.index .section-8 .process li img{width:50%}.index .section-9 .container p.title{padding-top:45px}.index .section-9 .container .news-main .news-list{width:100%;padding:0;clear:both}.index .section-9 .container .news-main .news-list .time{zoom:.75}.index .section-9 .container .news-main .news-list dd{padding-top:5px;padding-right:5px}.index .section-9 .container .news-main .news-list dd .sub-title{margin:15px 0 0}.index .section-9 .container .news-main .news-list dd .summary{font-size:12px}.index .section-9 .news-item{margin-bottom:30px}.index .section-9 .container p.title,.index .section-12 .container p.title{margin:50px 0 20px}.index .section-11 .container .advantage li{height:100%;margin:0 0 20px;padding-bottom:50px}.index .section-11 .container .advantage li:nth-child(3n){margin:0 0 20px}.index .section-11 .container .advantage li .img{width:100%;height:100%;margin:40px 0 25px}.index .section p.title{font-size:25px}.index .section span.span-info{margin:0 20px 20px}.index .section-10 .container p.title{padding:65px 0 20px;font-size:20px}.index .section-10 .container span.span-info{margin:0 20px}.index .section-10 .container ul li:last-child{margin:0}.index .section-12 .container .business{margin:0 0 140px}.index .section-12 .container .business li{margin:40px auto;border-right:1px solid #e0e0e0;box-sizing:border-box}.index .section-12 .container .business li.current{margin:0 auto}#footer .container{height:100%;overflow:hidden;padding:0 0 50px}#footer .container .brands-item p:first-child,#footer .container .info p:first-child{font-size:14px;padding-top:30px}#footer .container .info{width:100%;margin:0 45px 0 0;text-align:center;box-sizing:border-box}#footer .container .info .cs{-ms-flex-pack:distribute;justify-content:space-around}#footer .container .info .cs .item{display:none}#footer .container .brands-item{margin:0 auto;width:100%;max-width:100%;text-align:center}#footer .container .brands-item ul{-ms-flex-pack:center;justify-content:center}#footer .container .brands-item ul li{margin:15px auto}#footer .mobile-bottom{display:block}#back-top,#ctn-cs,#footer .footer-menu{display:none}}@media screen and (max-width:414px){.index .section-7 .case-list .inner .case-item,.index .section-7 .case-list .inner .case-item:nth-child(4n){margin:0 0 20px}#footer .footer-link{-ms-flex-pack:center;justify-content:center}#footer .footer-link a{margin:0 10px 30px 0}#footer .footer-link a:first-child{margin-right:30px}}