
.cps-title{ font-size:32px; text-align:center; color: #000000; margin:0 0 75px; overflow:hidden;}
.cps-title span{ display:block; font-size:16px; color:#666666; margin:22px 0 0;}
.container{ width: 1280px; margin: 0 auto; }
/* banner */
.cps-banner{ height:540px; position: relative; background: url("images/cps/banner.jpg?v=1") center top #10131c no-repeat; min-width:1280px;}
.cps-banner .header-info{ width:660px; padding-top:160px; color:#fff;overflow: hidden;}
.cps-banner h1{ font-size:46px; margin:30px 0 65px;}
.cps-banner h3{font-size: 28px; overflow:hidden}
.cps-banner .cps-btn{ float: left; width:180px; height:50px;line-height:50px; text-align:center; background: #015bfe; color:#fff; font-size:16px;}
.cps-banner .cps-btn:hover{ background:#fff; color:#059fff;}
.cps-banner .share{ line-height:50px; float: left; margin-left: 30px;}
.cps-banner .share a{display: inline-block; vertical-align: top; margin-right:10px; width: 21px; height:50px;background: url("images/cps/wb.png") left center no-repeat;}


/* 栏目 */
.cloumn-blank{ display:none; height:95px;overflow:hidden}
.cps-cloumn{ background:#fff; z-index: 5; border-bottom: 1px solid #ddd; overflow:hidden; min-width:1280px;}
.cps-cloumn ul{ width:1690px; margin:0 auto;overflow:hidden;}
.cps-cloumn li{ float:left;color:#666666; position: relative; padding-top: 20px; padding-left: 82px; width: 244px; height:84px; cursor:pointer}
.cps-cloumn li p{ font-size: 16px; color: #333; margin: 0 0 4px;}
.cps-cloumn li:before{ content: ""; position: absolute; left: 30px; width: 48px; height: 42px; top: 24px;background: url("images/cps/ico.png?v=1")  no-repeat;}
.cps-cloumn li:after{ content: ""; height:40px; width: 1px; background: #dddddd; position: absolute; right: 0; top:23px;}
.cps-cloumn li:last-child:after{ width: 0;}
.cps-cloumn .item1:before{ background-position: 1px 0;}
.cps-cloumn .item2:before{ background-position: -47px 0; left: 25px}
.cps-cloumn .item3:before{ background-position: -102px 0;left: 25px}
.cps-cloumn .item4:before{ background-position: -153px 0;left: 15px}
.cps-cloumn .item5:before{ background-position: -206px 0;}
.cps-cloumn .active{ background: #f2f5fa;}


/* 成为代理 */
.cps-agent{ padding:95px 0;text-align:center; overflow:hidden; min-width:1280px;}
.cps-agent .list { background:url("images/cps/process.png") center top no-repeat; padding-top: 165px;overflow: hidden}
.cps-agent .list li{width:132px;float:left; margin: 0 90px}
.cps-agent .list h5{ font-size:16px;color: #000}
.cps-agent .cps-btn{ display:block; font-size:16px; width:220px;background:#015bfe; height:50px; line-height:50px; margin:50px auto 0; color:#fff;}

/* 推广优势 */
.cps-spread{ height:565px;padding:95px 0 0;text-align:center; overflow:hidden; min-width:1280px;background:url("images/cps/bg.jpg") center #f2f7fa no-repeat}
.cps-spread ul{text-align: center; overflow: hidden}
.cps-spread ul li{ display: inline-block; margin: 0 6px; color: #666666; border: 1px solid #ddd; line-height: 24px; width: 228px; height:283px; padding: 45px 0 0; background: #fff;}
.cps-spread li:before{ content: ""; width:65px; height:74px; display: block; margin: 0 auto 35px;background:url("images/cps/ico.png?v=1") no-repeat;}
.cps-spread li h4{ color: #000; font-size:22px; margin: 0 0 20px;}
.cps-spread .item1:before{background-position: 0 -45px;}
.cps-spread .item2:before{background-position: -70px -45px;}
.cps-spread .item3:before{background-position: -140px -45px;}
.cps-spread .item4:before{background-position: -210px -45px;}
.cps-spread .item5:before{background-position: -280px -45px;}
.cps-spread li:hover{ color: #fff; background:url("images/cps/bg3.jpg?v=1") center top no-repeat;}
.cps-spread li:hover h4{ color: #fff;}
.cps-spread .item1:hover:before{background-position: 0 -122px;}
.cps-spread .item2:hover:before{background-position: -70px -122px;}
.cps-spread .item3:hover:before{background-position: -140px -122px;}
.cps-spread .item4:hover:before{background-position: -210px -122px;}
.cps-spread .item5:hover:before{background-position: -280px -122px;}

/* 推广方式 */
.cps-way{ padding:95px 0;overflow:hidden; min-width:1280px;}
.cps-way ul{ margin-left: -40px; text-align: center; overflow: hidden}
.cps-way ul li{ float: left; margin-left:40px; width: 380px;}
.cps-way li p{ border: 1px solid #ddd; height: 124px; color: #666666; border-top: none; padding: 20px 30px;line-height:28px; overflow: hidden}
.cps-way h3{ color: #fff;font-size: 22px; height:120px;padding: 23px 0; line-height:74px; background:url("images/cps/title.jpg?v=1") center no-repeat;}
.cps-way h3:before{ content: "";width: 65px; height:74px;display: inline-block; vertical-align: top; margin-right: 15px; background:url("images/cps/ico.png?v=1") center no-repeat;}
.cps-way .item1:before{ background-position: 0 -201px}
.cps-way .item2:before{ background-position: -70px -201px}
.cps-way .item3:before{ background-position: -140px -201px}

/* 推广方式 */
.cps-advantage{height:670px;padding:50px 0 0;text-align:center; overflow:hidden; min-width:1280px;background:url("images/cps/bg2.jpg?v=1") center #070f22 no-repeat}
.cps-advantage .cps-title {color: #fff; margin: 0;height:100px;}
.cps-advantage .cps-title span {color: #fff;}
.cps-advantage .main{ position: relative; padding:92px 0; overflow: hidden}
.cps-advantage .list{ float: left; width: 350px; background: #e9edf3; overflow: hidden}
.cps-advantage .list h4{ height: 80px; background: #dde4ee; line-height: 80px; font-size: 18px;}
.cps-advantage .list p{ border-bottom: 1px solid #dee3eb; line-height: 69px; color: #666666;}
.cps-advantage .center{width:558px; height: 394px; border:1px solid #015bfe; background: #fff; position: absolute; left: 50%; top: 71px; margin-left: -279px;}
.cps-advantage .center h4{ height:100px; line-height:100px; color: #fff; font-size: 26px; background: #015bfe;}
.cps-advantage .center p{line-height:69px; text-align: left; padding-left: 110px;background: url("images/product/has.png") 80px center no-repeat; font-size: 16px;border-bottom: 1px solid #ddd}
.cps-advantage .center p:last-child{border-bottom: none}
.cps-advantage .center:after{content: ""; width: 75px; height: 76px; position: absolute; top: -5px; right:-5px; background: url("images/cps/ico3.png") center no-repeat;}
.cps-advantage .right{float: right;background:#fff;}
.cps-advantage .right h4{background:#f2f5fa;width: 350px;}
.cps-advantage .right p{border-bottom: 1px solid #ddd}

/* 代理规则 */
.cps-rules{ padding:95px 0; background: #f2f5fa; overflow:hidden; min-width:1280px;}
.cps-rules .main{ padding:35px 185px 30px; background:url("images/cps/ico1.png?v=1") left top no-repeat,url("images/cps/ico2.png?v=1") right bottom no-repeat; overflow: hidden}
.cps-rules li{ font-size: 16px; line-height: 36px;margin: 0 0 10px;}
.cps-rules li p{ margin-left: 20px;}


