.cps-title{ font-size:36px; text-align:center; margin:0 0 75px; overflow:hidden;}
.cps-title span{ display:block; font-size:14px; color:#666666; margin:25px 0 0;}

/* banner */
.cps-banner{ height:490px; position: relative; background: url("img//banner.jpg") center top #011542 no-repeat; min-width:1220px;}
.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 .btn{ float: left; width:178px; height:38px; border:1px solid #fff; line-height:38px; text-align:center; color:#fff; font-size:16px;}
.cps-banner .btn:hover{ background:#fff; color:#059fff;}
.cps-banner .share{ line-height: 40px; float: left; margin-left: 30px;}
.cps-banner .share a{display: inline-block; vertical-align: top; margin-right:10px; width: 22px; height: 40px;background: url("img//ico.png")  no-repeat;}
.cps-banner .share .wx{ background-position: -27px 11px;}
.cps-banner .share .wb{ background-position: 0 11px;}

/* 栏目 */
.cloumn-blank{ display:none; height:90px; overflow:hidden}
.cps-cloumn{ background:#f2f7fa; z-index: 5; overflow:hidden; min-width:1220px;}
.cps-cloumn ul{ width:1220px; margin:0 auto;overflow:hidden;}
.cps-cloumn li{ float:left;width:154px;color:#666666; position: relative; padding:20px 0 0 90px;height:70px; 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: 44px; height: 40px; top: 24px;background: url("img//ico.png")  no-repeat;}
.cps-cloumn li:after{ content: ""; height: 50px; width: 1px; background: #dddddd; position: absolute; right: 0; top:20px;}
.cps-cloumn li:last-child:after{ width: 0;}
.cps-cloumn .item1:before{ background-position: 7px -110px;}
.cps-cloumn .item2:before{ background-position: -44px -111px;}
.cps-cloumn .item3:before{ background-position: -100px -110px;}
.cps-cloumn .item4:before{ background-position: -160px -110px;}
.cps-cloumn .item5:before{ background-position: -204px -110px;}
.cps-cloumn .active{ background: #e9edf0;}
.cps-cloumn .active p{ color: #059fff;}

/* 成为代理 */
.cps-agent{ padding:95px 0;text-align:center; overflow:hidden; min-width:1220px;}
.cps-agent .list { margin-left:-40px; margin-right:-40px; overflow: hidden}
.cps-agent .list li{width:320px;float:left;}
.cps-agent .list li:before{ content:""; width:60px; height:60px; display:inline-block; background:url("img//ico.png") no-repeat}
.cps-agent .list h5{ font-size:14px;}
.cps-agent .list p{margin:13px 0; height:16px;background:url("img//step.png") center no-repeat}
.cps-agent .list p:before{ width:152px; content:""; float:left;height:1px;margin:7px 0 0; background:url("img//line.png") left center no-repeat}
.cps-agent .list p:after{ width:152px; content:""; float:right;height:1px;margin:7px 0 0; background:url("img//line.png") left center no-repeat}
.cps-agent .list .item1:before{ background-position:-1px -42px;}
.cps-agent .list .item2:before{ background-position:-65px -43px;}
.cps-agent .list .item3:before{ background-position:-130px -43px;}
.cps-agent .list .item4:before{ background-position:-194px -42px;}
.cps-agent .list .item4 p:after{ width:0; background:none;}
.cps-agent .list .item1 p:before{ width:0; background:none;}
.cps-agent .btn{ display:block; font-size:16px; width:200px;background:#059fff; height:40px; line-height:40px; margin:50px auto 0; color:#fff;}
.cps-agent .btn:hover{background:#34a1fd}

/* 推广优势 */
.cps-spread{ height:565px;padding:95px 0 0;text-align:center; overflow:hidden; min-width:1220px;background:url("img//bg.jpg") center no-repeat}
.cps-spread ul{ margin-left: -25px; text-align: center; overflow: hidden}
.cps-spread ul li{ float: left; margin-left: 25px; color: #666666; line-height: 24px; width: 224px; height: 255px; padding: 45px 0 0; background: #fff;}
.cps-spread li:before{ content: ""; width: 73px; height: 105px; display: block; margin: 0 auto 15px;background:url("img//advantage.png") center no-repeat;}
.cps-spread li h4{ color: #000; font-size: 18px; margin: 0 0 15px;}
.cps-spread .item1:before{background-position: -4px 0;}
.cps-spread .item2:before{background-position: -137px 0;}
.cps-spread .item3:before{background-position: -268px 0;}
.cps-spread .item4:before{background-position: -402px 0;}
.cps-spread .item5:before{background-position: -539px 0;}
.cps-spread li:hover{ color: #fff; background:url("img//hover.jpg") center no-repeat;}
.cps-spread li:hover h4{ color: #fff;}
.cps-spread .item1:hover:before{background-position: -4px -124px;}
.cps-spread .item2:hover:before{background-position: -137px -124px;}
.cps-spread .item3:hover:before{background-position: -268px -124px;}
.cps-spread .item4:hover:before{background-position: -402px -124px;}
.cps-spread .item5:hover:before{background-position: -539px -124px;}

/* 推广方式 */
.cps-way{ padding:95px 0;overflow:hidden; min-width:1220px;}
.cps-way ul{ margin-left: -25px; overflow: hidden}
.cps-way ul li{ float: left; margin-left: 25px; width: 390px;}
.cps-way li p{ border: 1px solid #ddd; height: 110px; color: #333; border-top: none; padding: 20px 20px 0; font-size: 16px; line-height: 30px; overflow: hidden}
.cps-way h3{ color: #fff;padding: 0 30px 0 25px; font-size: 20px; height: 75px; line-height: 75px; background:url("img//title.jpg") center no-repeat;}
.cps-way h3:after{ content: ""; float: right; width: 32px; height:35px; margin: 20px 0 0; background:url("img//ico.png") center no-repeat;}
.cps-way .item1:after{ background-position: -62px 0}
.cps-way .item2:after{ background-position: -101px 0}
.cps-way .item3:after{ background-position: -140px 0}

/* 推广方式 */
.cps-advantage{height:675px;padding:95px 0 0;text-align:center; overflow:hidden; min-width:1220px;background:url("img//bg2.jpg") center no-repeat}
.cps-advantage .cps-title {color: #fff; margin: 0;}
.cps-advantage .cps-title span {color: #fff;}
.cps-advantage .main{ position: relative; padding:92px 0; overflow: hidden}
.cps-advantage .list{ float: left; width: 370px; background: #fff; overflow: hidden}
.cps-advantage .list h4{ height: 80px; background: #dedede; line-height: 80px; font-size: 18px;}
.cps-advantage .list p{ border-bottom: 1px solid #ddd; line-height: 69px; color: #666666;}
.cps-advantage .center{width: 494px; height: 394px; border: 3px solid #059fff; background: #fff; position: absolute; left: 50%; top: 72px; margin-left: -250px;moz-box-shadow: 0px 0 50px rgba(5,159,255,0.3);-webkit-box-shadow:0px 0 50px rgba(5,159,255,0.3);box-shadow: 0px 0 50px rgba(5,159,255,0.3);}
.cps-advantage .center h4{ height: 97px; line-height: 94px; color: #fff; font-size: 28px; background: #059fff;}
.cps-advantage .center p{line-height: 70px; font-size: 16px;}
.cps-advantage .center p:nth-child(even){ background: #f2faff;}
.cps-advantage .center p:last-child{ line-height: 87px;}

/* 代理规则 */
.cps-rules{ padding:95px 0;overflow:hidden; min-width:1220px;}
.cps-rules .main{ padding:35px 155px 30px; background:url("img//ico1.png") left top no-repeat,url("img//ico2.png") 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;}

.foot-tip{ height: 100px; text-align: center; color: #fff; overflow:hidden; min-width:1220px;background:url("img//foot.jpg") center no-repeat}
.foot-tip h3{ display: inline-block; font-size: 24px; line-height: 100px;}
.foot-tip a{ display: inline-block; margin:30px 0 0 40px; width: 120px; height: 40px; line-height: 40px; background: #fff;color: #059fff; font-size: 16px;}
.foot-tip a:hover{background:#34a1fd;color: #fff;}