.page-banner-main{padding-top:5px}.page-banner-main h1{line-height:57px;color:var(--whiteColor);font-size:37px;letter-spacing:.5px;font-weight:500}.page-banner-main p{line-height:30px;color:#f2f7fe;font-size:18px;letter-spacing:.25px;font-weight:500;margin-top:12px}.page-banner-main .ban-btn a{min-width:130px;font-size:16px}.suppliers1{padding:53px 0 60px}.suppliers1 h6{margin:26px 10px 9px;text-align:left;line-height:34px;letter-spacing:.5px;font-size:16px;color:#333;font-weight:bold}.suppliers1 p{margin:0 10px;text-align:left;line-height:36px;letter-spacing:.5px;font-size:15px;color:#333;padding-left:20px;position:relative}.suppliers1 p:before,.suppliers3 .title p:before{content:'';position:absolute;top:16px;left:0;width:5px;height:5px;background-color:var(--domColor);border-radius:50%}.suppliers2{padding:88px 0;background-color:#f6f7fc}.suppliers2 ul{padding-top:21px}.suppliers2 ul li{height:auto;overflow:hidden;background-color:var(--whiteColor);position:relative}.suppliers2 ul li .img{width:100%;height:auto;overflow:hidden;max-height:240px}.suppliers2 ul li img{width:100%;height:auto}.suppliers2 ul li .title{padding:27px 40px 50px;text-align:left}.suppliers2 ul li .title h6{line-height:44px;font-size:26px;color:#000}.suppliers2 ul li .title h6 span{font-size:15px;color:#8c8c8c;text-transform:uppercase;margin-left:11px}.suppliers2 ul li .title p{min-height:72px;line-height:24px;font-size:15px;color:#323232}.suppliers2 ul li .title .btn-linkB{display:inline-block;margin-top:27px;width:120px;height:34px;line-height:34px;text-align:center;font-size:14px;color:var(--whiteColor);background-image:linear-gradient(90deg,#02adff,#576ffb);cursor:pointer}.suppliers2 ul li .title .btn-linkB:hover{background:linear-gradient(90deg,#09f 0,#575dfa 100%) var(--hoverColor)}.suppliers2 ul li:hover{box-shadow:0 6px 21px rgba(197,232,249,.43)}.suppliers2 ul li:hover:before,.suppliers2 ul li:hover:after{content:'';position:absolute;left:0;top:0;z-index:2;width:1px;height:100%;background-image:linear-gradient(0,#02adff 0,#576ffb 100%)}.suppliers2 ul li:hover:after{left:auto;right:0}.suppliers2 ul li:hover .img:after,.suppliers2 ul li:hover .title:after{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background-color:#576ffb}.suppliers2 ul li:hover .title:after{top:auto;bottom:0;background-color:#02adff}.suppliers3{padding:75px 0 127px}.suppliers3 .main{background-color:#f6f7fc;height:340px;margin:44px auto 0}.suppliers3 .img{float:left;width:610px}.suppliers3 .img img{width:100%;height:auto}.suppliers3 .title{padding-top:50px;margin-left:657px;text-align:left}.suppliers3 .title h6{font-weight:bold;line-height:34px;font-size:16px;color:#333;letter-spacing:.5px;margin-bottom:7px}.suppliers3 .title p{line-height:36px;font-size:15px;color:#333;letter-spacing:.5px;position:relative;padding-left:23px}.suppliers4{padding:82px 0 127px;background-image:url(/static/images/xiaoyi_2018/partner/suppliers/suppliers-bg1.jpg);background-color:#04122a;background-position:center top;background-repeat:no-repeat}.suppliers4 .big-title h2{color:var(--whiteColor)}.suppliers4 .main{height:auto;overflow:hidden;text-align:center;font-size:0;padding:72px 0 80px;position:relative;background:rgba(205,215,236,.12);margin:57px auto 0}.suppliers4 .main:before{content:'';position:absolute;left:50%;top:115px;margin-left:-485px;width:970px;height:1px;border-top:1px dashed rgba(242,246,255,.53)}.suppliers4 li{display:inline-block;vertical-align:top;width:128px;height:auto;overflow:hidden;margin:0 13px}.suppliers4 li .icon{width:88px;height:88px;border-radius:50%;background:rgba(242,246,255,.35);position:relative;margin:0 auto 59px}.suppliers4 li .icon:before{content:'';position:absolute;left:50%;top:71px;margin-left:1px;width:1px;height:52px;background-image:url(/static/images/xiaoyi_2018/partner/suppliers/line.png);background-position:center;background-repeat:no-repeat}.suppliers4 li .icon span{position:absolute;left:50%;top:12px;margin-left:-32px;display:block;width:62px;height:62px;border-radius:50%;background-color:var(--whiteColor);border:1px solid var(--domColor)}.suppliers4 li .icon span:before{content:'';display:block;position:absolute;left:50%;top:57px;margin-left:-2px;width:7px;height:7px;border-radius:50%;background-color:var(--whiteColor);border:1px solid var(--domColor)}.suppliers4 li .icon span:after{content:'';display:block;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;width:40px;height:40px;background-image:url(/static/images/xiaoyi_2018/partner/suppliers/suppliers-icon.png);background-position:0 0;background-repeat:no-repeat}.suppliers4 li:nth-child(2) .icon span:after{background-position:-40px 0}.suppliers4 li:nth-child(3) .icon span:after{background-position:-80px 0}.suppliers4 li:nth-child(4) .icon span:after{background-position:-120px 0}.suppliers4 li:nth-child(5) .icon span:after{background-position:-160px 0}.suppliers4 li:nth-child(6) .icon span:after{background-position:-200px 0}.suppliers4 li:nth-child(7) .icon span:after{background-position:-240px 0}.suppliers4 li .num{width:40px;height:20px;background-image:url(/static/images/xiaoyi_2018/partner/suppliers/suppliers-icon.png);background-position:0 -80px;background-repeat:no-repeat;margin:0 auto}.suppliers4 li:nth-child(2) .num{background-position:-40px -80px}.suppliers4 li:nth-child(3) .num{background-position:-80px -80px}.suppliers4 li:nth-child(4) .num{background-position:-120px -80px}.suppliers4 li:nth-child(5) .num{background-position:-160px -80px}.suppliers4 li:nth-child(6) .num{background-position:-200px -80px}.suppliers4 li:nth-child(7) .num{background-position:-240px -80px}.suppliers4 li p{font-size:18px;color:var(--whiteColor);line-height:30px;margin:9px auto 0}.suppliers4 li:hover .icon{background:rgba(117,159,255,.35)}.suppliers4 li:hover .icon span{background-image:linear-gradient(0,#02adff 0,#576ffb 100%)}.suppliers4 li:hover:nth-child(1) .icon span:after{background-position:0 -40px}.suppliers4 li:hover:nth-child(2) .icon span:after{background-position:-40px -40px}.suppliers4 li:hover:nth-child(3) .icon span:after{background-position:-80px -40px}.suppliers4 li:hover:nth-child(4) .icon span:after{background-position:-120px -40px}.suppliers4 li:hover:nth-child(5) .icon span:after{background-position:-160px -40px}.suppliers4 li:hover:nth-child(6) .icon span:after{background-position:-200px -40px}.suppliers4 li:hover:nth-child(7) .icon span:after{background-position:-240px -40px}.suppliers5{padding:78px 0}.suppliers5 .main{height:auto;overflow:hidden;background:#f6f7fc;padding:58px 16px 67px;text-align:center;font-size:0;margin:25px auto 0}.suppliers5 .main li{display:inline-block;vertical-align:top;width:calc(51% - 30px);height:138px;margin-right:30px}.suppliers5 .main li:nth-child(2){width:calc(49% - 60px);margin-left:30px}.suppliers5 .main li .icon{float:left;margin:21px;width:96px;height:96px;background-image:linear-gradient(0,#02adff 0,#576ffb 100%);border-radius:2px;position:relative;box-shadow:0 11px 21px rgba(96,116,251,.29)}.suppliers5 .main li .icon:before{content:'';position:absolute;left:50%;top:50%;margin:-25px 0 0 -30px;width:60px;height:50px;background-image:url(/static/images/xiaoyi_2018/partner/suppliers/suppliers-icon.png);background-position:0 -100px;background-repeat:no-repeat}.suppliers5 .main li:nth-child(2) .icon:before{background-position:-60px -100px}.suppliers5 .main li .title{margin-left:142px;padding-top:26px;text-align:left;letter-spacing:.5px}.suppliers5 .main li:nth-child(2) .title{padding-top:46px}.suppliers5 .main li .title p{line-height:24px}.suppliers5 .main li .title p.text1{font-size:15px;color:#000}.suppliers5 .main li .title p.text2{font-size:14px;color:#5d5a5a;margin-top:15px}.suppliers5 .main li .title p span{color:#6074fb;font-weight:bold}.s-layer-tip{display:none}.m-layer-suppliers .s-layer-tip .s-title{height:48px;padding:21px 0;font-size:28px;color:#fff;text-align:center;font-weight:500;background-image:url(/static/images/xiaoyi_2018/partner/suppliers/from-bg.jpg)}.m-layer-suppliers .m-contact-form form.layui-form{padding:32px 33px 50px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-label{display:block;float:left;width:93px;height:36px;font-size:16px;color:#313131;font-weight:500;line-height:36px;text-align:right;padding:0 12px 0 0;background:none;border:0}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-label:before{display:none}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-label i{font-style:normal;font-size:16px;color:#dd3030;position:relative;top:3px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-input-block{margin-left:95px;width:calc(100% - 95px)}.m-layer-suppliers .m-contact-form .layui-input{width:100%;height:36px;font-size:16px;color:#555;padding:2px 12px;border:1px solid #bfbfbf;border-radius:0}.m-layer-suppliers .layui-form-item0{line-height:35px;height:35px;text-align:left;margin-bottom:17px}.m-layer-suppliers .layui-form-item0 h6{float:left;line-height:35px;color:#313131;font-size:18px;font-weight:bold;padding-left:18px;position:relative}.m-layer-suppliers .layui-form-item0 h6:before{content:'';position:absolute;left:0;top:8px;width:3px;height:18px;background-color:var(--domColor)}.m-layer-suppliers .layui-form-item0 h6 span{font-weight:normal;color:#313131;margin-left:6px}.m-layer-suppliers .layui-form-item0 .title-checkbox{float:right}.m-layer-suppliers .layui-form-item0 .layui-form-checkbox{float:left;margin-top:8px;padding-left:22px;margin-left:25px}.m-layer-suppliers .layui-form-item0 .layui-form-checkbox span{font-size:16px;color:rgba(54,58,99,.7);padding-right:0}.m-layer-suppliers .layui-form-item0 .layui-form-checkbox[lay-skin=primary] i{top:2px;width:13px;height:13px;line-height:13px;border-color:rgba(85,88,119,.53);border-radius:50%}.m-layer-suppliers .layui-form-item0 .layui-form-checked[lay-skin=primary] i{border-color:var(--domColor) !important;background-color:var(--domColor)}.m-layer-suppliers .layui-form-item0 .layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--domColor)}.m-layer-suppliers .layui-form-item0 .layui-form-checkbox:hover span{color:var(--domColor)}.m-layer-suppliers .layui-form-item1{width:100%;height:auto;overflow:hidden;font-size:0;text-align:left}.m-layer-suppliers .layui-form-item1 .layui-form-item{display:inline-block;vertical-align:top;width:48%;margin-right:2%}.m-layer-suppliers .layui-form-item1 .layui-form-item:last-child{margin-right:0;margin-left:2%}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1{margin-top:20px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1 h5{font-size:14px;color:#dd3030;line-height:24px;letter-spacing:.5px;text-align:left}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1 h6{color:#313131;font-size:14px;line-height:24px;letter-spacing:.5px;text-align:left;margin:20px 0 6px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1 p{color:#595959;font-size:14px;line-height:27px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text3{margin-top:32px;height:42px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text3 button{display:block;width:170px;height:42px;line-height:40px;font-size:18px;letter-spacing:1px;border:0;outline:0;background-image:linear-gradient(90deg,#02adff,#576ffb);margin:0 auto}@media screen and (min-width:768px){.suppliers2 ul{margin:0 -40px}.suppliers2 .even-share .subelement{margin:40px}.m-layer-suppliers{width:669px !important}}@media screen and (max-width:767.98px){.page-banner{height:430px}.page-banner-bg{background-position:68% center;background-size:auto 430px}.page-banner-bg:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.38)}.page-banner-main h1{font-size:24px;line-height:36px}.page-banner-main .ban-btn{text-align:center}.page-banner-main .ban-btn a{width:138px;padding:0 10px;margin:0 10px}.suppliers1{padding:40px 0}.suppliers1 .main{margin:0 20px}.suppliers1 h6{margin-top:20px}.suppliers1 p,.suppliers3 .title p{line-height:28px;margin-bottom:10px}.suppliers1 p:before,.suppliers3 .title p:before{top:11px}.suppliers2{padding:40px 0 30px}.suppliers2 ul{padding-top:25px}.suppliers2 ul li .title{padding:25px 25px 30px}.suppliers2 ul li .title .btn-linkB{margin-top:17px}.suppliers3{padding:40px 0 50px}.suppliers3 .main{margin:22px 25px 0;height:auto;overflow:hidden}.suppliers3 .img,.suppliers3 .title{float:none;width:100%;height:auto;overflow:hidden}.suppliers3 .title{width:calc(100% - 50px);padding:25px;margin-left:0}.suppliers4{padding:40px 0 50px;background-size:cover}.suppliers4 .main{margin:25px 25px 0;padding:25px 0 20px}.suppliers4 .main:before{display:none}.suppliers4 li{margin:0 10px 5px;width:auto;transform:scale(.9);-webkit-transform:scale(.9)}.suppliers4 li .icon{margin-bottom:15px}.suppliers4 li .icon span:before{margin-left:-4px}.suppliers4 li p{margin-top:0}.suppliers5{padding:40px 0 50px}.suppliers5 .main{margin:25px 25px 0;padding:10px 5px}.suppliers5 .main li,.suppliers5 .main li:nth-child(2){width:100%;height:auto;overflow:hidden;margin:0}.suppliers5 .main li .icon{width:72px;height:72px}.suppliers5 .main li .icon:before{transform:scale(.8);-webkit-transform:scale(.8)}.suppliers5 .main li .title{margin-left:112px;padding-right:15px}.suppliers5 .main li:nth-child(2) .title{padding-top:32px}.m-layer-suppliers{width:92% !important;height:calc(100% - 70px) !important;left:4% !important}.m-layer-suppliers .m-contact-form{padding:0;max-height:calc(100vh - 160px);overflow:auto}.m-layer-suppliers .m-contact-form form.layui-form{padding:15px 0;margin:0 4%}.m-layer-suppliers .s-layer-tip .s-title{font-size:24px;border-radius:10px 10px 0 0}.m-layer-suppliers .layui-form-item0{height:auto;overflow:hidden;margin-bottom:12px}.m-layer-suppliers .layui-form-item0 h6,.m-layer-suppliers .layui-form-item0 .title-checkbox{float:none}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-input-block{width:calc(100% - 100px)}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-label{text-align:left}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-label i{margin-right:4px}.m-layer-suppliers .layui-form-item,.m-layer-suppliers .layui-form-item1{width:93%;margin-left:6%;margin-bottom:10px}.m-layer-suppliers .layui-form-item0 .layui-form-checkbox{float:left;margin-left:20px}.m-layer-suppliers .layui-form-item1 .layui-form-item,.m-layer-suppliers .layui-form-item1 .layui-form-item:last-child{width:100%;margin-right:0;margin-left:0}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1 h5,.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1 p{line-height:20px;letter-spacing:0;margin-bottom:4px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1{margin-top:10px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text1 h6{margin-top:0;margin-bottom:4px}.m-layer-suppliers .m-contact-form .layui-form-pane .layui-form-text3{margin-top:20px}}