body, html{background: #209ff8;}
.slideBox{position: relative; float: left; z-index: 9;}
.slideBox .slide_bg{position: absolute; background: url(../images/pc_bg.png) center center no-repeat; width: 306px; height: 635px; top: 9px; z-index: 11;}
.slideBox .bd{width: 306px; height: 635px; overflow: hidden; margin: 10px 0; text-align: center;}
.slideBox .bd ul{z-index: -1; height: 635px; overflow: hidden;}
.slideBox .bd li{width: 270px; height: 485px; overflow: hidden; margin: 76px 0 0 0; background: #fff; padding: 0 19px 0 17px;}
.slideBox .bd img{width: 272px;}

.content{position: relative; padding: 110px 0 50px; background: -webkit-linear-gradient(top, #8a69f7, #209ff8); background: -o-linear-gradient(bottom, #8a69f7, #209ff8); background: -moz-linear-gradient(bottom, #8a69f7, #209ff8); background: linear-gradient(to bottom, #8a69f7, #209ff8);}
.rightBox{width: 820px; margin: 55px 0 0;}
.rightBox .title{font-size: 36px; color: #fff; text-align: center; margin-bottom: 70px; letter-spacing: 3px; font-weight: normal;}
.rightBox ul{float: right; width: 840px;}
.rightBox li{float: left; background: #fff; border-top: 2px solid #00c4f1; text-align: center; margin-left: 40px; font-size: 18px; padding: 30px 0 35px; width: 240px;}
.rightBox li .gray{color: #737373; font-size: 14px; margin: 5px 0 30px;}
.rightBox li .code{width: 130px; height: 130px; padding: 2px; border: 1px solid #ddd; margin-bottom: 18px;}
.content .bg{position: absolute; width: 500px; height: 270px;}
.content .bg1{background: url(../images/topleft_bg.png) 0 0 no-repeat; left: 0; top: 0;}
.content .bg2{background: url(../images/bottomR_bg.png) 0 0 no-repeat; bottom: 0; right: 0;}