*{margin:0;padding:0}body{letter-spacing:1px}body main{background:url(../images/9.png)no-repeat;background-size:cover;padding:88px 0 0 0}body main .containerSection{box-sizing:border-box;padding:0}body main .containerSection .container-1{padding:0 0 114px 353px;overflow:hidden}body main .containerSection .container-1 .nav .logo{width:104px;height:104px;background:rgba(103,93,206,0.1);border-radius:17px}body main .containerSection .container-1 .nav .logo img{margin:11px;width:82px;height:82px}body main .containerSection .container-1 .nav .logo-title{line-height:104px;padding-left:14px;color:#FEFEFE;position:relative;z-index:0}body main .containerSection .container-1 .nav .logo-title::before{position:absolute;content:"";width:100%;height:8px;background:rgba(103,93,206,0.1);border-radius:4px;top:60px;left:14px;z-index:-1}body main .containerSection .container-1 .nav .logo-title .font16{font-size:16px}body main .containerSection .container-1 .top10{width:773px;height:962px;margin-left:105px}body main .containerSection .container-1 .top10 img{width:100%;height:100%}body main .containerSection .container-1 .left-content{padding:8px 0 0 6px}body main .containerSection .container-1 .left-content h1{font-size:40px;font-weight:bold;color:#FEFEFE}body main .containerSection .container-1 .left-content h5{font-size:20px;color:#9492AA}body main .containerSection .container-1 .left-content .code{padding:70px 0;overflow:hidden}body main .containerSection .container-1 .left-content .code .pull-left:first-child{margin-right:54px}body main .containerSection .container-1 .left-content .code .codebox{width:140px;height:140px;border:3px solid rgba(148,146,170,0.02);padding:3px;position:relative;margin:0 auto;cursor:pointer}body main .containerSection .container-1 .left-content .code .codebox .border{position:absolute;display:inline-block;width:12px;height:12px;border:3px solid transparent}body main .containerSection .container-1 .left-content .code .codebox .border.top-left{top:-3px;left:-3px;border-top-color:#424056;border-left-color:#424056}body main .containerSection .container-1 .left-content .code .codebox .border.top-right{right:-3px;top:-3px;border-top-color:#424056;border-right-color:#424056}body main .containerSection .container-1 .left-content .code .codebox .border.bottom-left{bottom:-3px;left:-3px;border-bottom-color:#424056;border-left-color:#424056}body main .containerSection .container-1 .left-content .code .codebox .border.bottom-right{bottom:-3px;right:-3px;border-bottom-color:#424056;border-right-color:#424056}body main .containerSection .container-1 .left-content .code .codebox .qrcode{background:rgba(148,146,170,0.1);width:100%;height:100%}body main .containerSection .container-1 .left-content .code .codebox .qrcode img{width:100%;height:auto}body main .containerSection .container-1 .left-content .code .codebox .window{background:rgba(148,146,170,0.1);width:100%;height:100%;text-align:center}body main .containerSection .container-1 .left-content .code .codebox .window img{width:30px;height:36px;margin-top:30px}body main .containerSection .container-1 .left-content .code .codebox .window .title{font-size:16px;color:#FFFFFF;margin:10px 0 0 0}body main .containerSection .container-1 .left-content .code .desc{display:inline-block;padding-top:36px;font-size:20px;color:#9492AA}body main .containerSection .container-1 .left-content .remarks{width:386px;font-size:14px;color:#9492AA}@media only screen and (max-width:1700px){main .containerSection .container-1{padding-left:250px!important}}@media only screen and (max-width:1600px){main .containerSection .container-1{padding-left:200px!important}main .containerSection .container-1 .top10{width:700px!important;height:auto!important;margin-left:100px!important}main .containerSection .container-1 .top10 img{height:auto!important}}@media only screen and (max-width:1500px){main{padding-top:80px!important}main .containerSection .container-1{padding-left:250px!important}main .containerSection .container-1 .top10{width:550px!important;height:auto!important;margin-left:50px!important}main .containerSection .container-1 .top10 img{height:auto!important}main .containerSection .container-1 .left-content{padding-top:35px!important}main .containerSection .container-1 .left-content h1{font-size:35px!important}main .containerSection .container-1 .left-content h5{font-size:15px!important}main .containerSection .container-1 .left-content .code{padding:50px 0!important}main .containerSection .container-1 .left-content .code .pull-left:first-child{margin-right:44px!important}main .containerSection .container-1 .left-content .code .codebox{width:120px!important;height:120px!important}main .containerSection .container-1 .left-content .code .desc{padding-top:20px!important;font-size:17px!important}main .containerSection .container-1 .nav .logo{width:90px!important;height:90px!important}main .containerSection .container-1 .nav .logo img{width:68px!important;height:68px!important}}@media only screen and (max-width:1400px){main{padding-top:80px!important}main .containerSection .container-1{padding-left:200px!important}main .containerSection .container-1 .top10{width:550px!important;height:auto!important;margin-left:50px!important}main .containerSection .container-1 .top10 img{height:auto!important}main .containerSection .container-1 .left-content{padding-top:35px!important}main .containerSection .container-1 .left-content h1{font-size:35px!important}main .containerSection .container-1 .left-content h5{font-size:15px!important}main .containerSection .container-1 .left-content .code{padding:50px 0!important}main .containerSection .container-1 .left-content .code .pull-left:first-child{margin-right:44px!important}main .containerSection .container-1 .left-content .code .codebox{width:120px!important;height:120px!important}main .containerSection .container-1 .left-content .code .desc{padding-top:20px!important;font-size:17px!important}main .containerSection .container-1 .nav .logo{width:90px!important;height:90px!important}main .containerSection .container-1 .nav .logo img{width:68px!important;height:68px!important}}@media only screen and (max-width:1350px){main{padding-top:80px!important}main .containerSection .container-1{padding-left:150px!important}main .containerSection .container-1 .top10{width:550px!important;height:auto!important;margin-left:50px!important}main .containerSection .container-1 .top10 img{height:auto!important}main .containerSection .container-1 .left-content{padding-top:35px!important}main .containerSection .container-1 .left-content h1{font-size:35px!important}main .containerSection .container-1 .left-content h5{font-size:15px!important}main .containerSection .container-1 .left-content .code{padding:50px 0!important}main .containerSection .container-1 .left-content .code .pull-left:first-child{margin-right:44px!important}main .containerSection .container-1 .left-content .code .codebox{width:120px!important;height:120px!important}main .containerSection .container-1 .left-content .code .desc{padding-top:20px!important;font-size:17px!important}main .containerSection .container-1 .nav .logo{width:90px!important;height:90px!important}main .containerSection .container-1 .nav .logo img{width:68px!important;height:68px!important}}@media only screen and (max-width:1200px){main{padding-top:80px!important}main .containerSection .container-1{padding-left:120px!important}main .containerSection .container-1 .top10{width:550px!important;height:auto!important;margin-left:50px!important}main .containerSection .container-1 .top10 img{height:auto!important}main .containerSection .container-1 .left-content{padding-top:35px!important}main .containerSection .container-1 .left-content h1{font-size:35px!important}main .containerSection .container-1 .left-content h5{font-size:15px!important}main .containerSection .container-1 .left-content .code{padding:50px 0!important}main .containerSection .container-1 .left-content .code .pull-left:first-child{margin-right:44px!important}main .containerSection .container-1 .left-content .code .codebox{width:120px!important;height:120px!important}main .containerSection .container-1 .left-content .code .desc{padding-top:20px!important;font-size:17px!important}main .containerSection .container-1 .nav .logo{width:90px!important;height:90px!important}main .containerSection .container-1 .nav .logo img{width:68px!important;height:68px!important}}@media only screen and (max-width:1100px){main{padding-top:80px!important}main .containerSection .container-1{padding-left:50px!important}main .containerSection .container-1 .top10{width:500px!important;height:auto!important;margin-left:50px!important}main .containerSection .container-1 .top10 img{height:auto!important}main .containerSection .container-1 .left-content{padding-top:35px!important}main .containerSection .container-1 .left-content h1{font-size:35px!important}main .containerSection .container-1 .left-content h5{font-size:15px!important}main .containerSection .container-1 .left-content .code{padding:50px 0!important}main .containerSection .container-1 .left-content .code .pull-left:first-child{margin-right:44px!important}main .containerSection .container-1 .left-content .code .codebox{width:120px!important;height:120px!important}main .containerSection .container-1 .left-content .code .desc{padding-top:20px!important;font-size:17px!important}main .containerSection .container-1 .nav .logo{width:90px!important;height:90px!important}main .containerSection .container-1 .nav .logo img{width:68px!important;height:68px!important}}@media screen and (max-width:768px){}