/*logo部分*/
.sft-box-logo_link{
	display: block;
	box-sizing: border-box;
    float: left;
    margin-top: 6px;
    margin-bottom: 6px;
}
.sft-box-logo_link img{
	display: block;
    box-sizing: border-box;
    float: left;
}
.sft-box-logo_text{
	display: block;
    box-sizing: border-box;
    float: left;
    height: 43px;
    margin-top: 5.5px;
    line-height: 43px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #ccc;
}
.sft-box-logo_text a{
	display: block;
    box-sizing: border-box;
    float: left;
    font-size: 18px;
    color: #0066b2;
    font-weight: bold;
}
.sft-iframe-change{
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}
.sft-iframe-change-unit{
    display: block;
    box-sizing: border-box;
    width: 50%;
    cursor: pointer;
}
.unit_left{
    float: left;
}
.unit_right{
    float: right;
}
.box-usertype{
    display: block;
    box-sizing: border-box;
    width:320px;
    text-align: center;
    margin: 0 auto;
    height: 38px;
}
.sft-iframe-change-usertype_individual{
    display: block;
    box-sizing: border-box;
    height:100%;
    width:50%;
    font-size: 16px;
    line-height: 35px;
    margin: 0 auto;
}
.sft-iframe-change-usertype_enterprise{
    display: block;
    box-sizing: border-box;
    height:100%;
    width:50%;
    font-size: 16px;
    line-height: 35px;
    margin: 0 auto;
}
.sft-iframe-change-usertype_currentType{
    border-bottom: 3px solid #3366CC;
}
.box-logintype{
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    height:38px;
}
.sft-btn-logintype{
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
    color: #3d9de7;
    cursor: pointer;
}
.sft-box-login_agreement{
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    width: 280px;
    margin-top: 10px;
}
.sft-agreement{
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
}
.sft-agreement-link{
    color: #3d9de7;
}
.sft-style-display_none{
    display:none !important
}
/*介绍模块*/
.everybox{width: 100%;height: 540px;background-color: #fff;padding-top: 90px;}
.tonglan{width: 1200px;height: 100%;margin:0 auto;}
/*第二屏四大服务亮点*/
.dl_tit{font-size: 48px;color:#000;text-align: center;}
.dl_fouritem{width: 100%;height: 270px;margin-top: 112px;margin:95px 0 0 48px;}
.dl_fouritem li{width: 210px;height: 100%;float: left;margin-right: 90px;position:relative;cursor:pointer;}
.dl_fouritem li div{width: 204px;height: 204px;background: url(/ecp/sft/pc/images/dltit2.png) no-repeat;transition:all 0.5s ease;}
.dl_fouritem li b{position:absolute;display:block;}
.dl_fouritem li.t1 b{width: 67px;height: 67px;background:url(/ecp/sft/pc/images/dltit01.png) no-repeat;left:70px;top:70px;}
.dl_fouritem li.t2 b{width: 67px;height: 67px;background:url(/ecp/sft/pc/images/dltit02.png) no-repeat;left:70px;top:70px;}
.dl_fouritem li.t3 b{width: 63px;height: 70px;background:url(/ecp/sft/pc/images/dltit03.png) no-repeat;left:70px;top:70px;}
.dl_fouritem li.t4 b{width: 85px;height: 59px;background:url(/ecp/sft/pc/images/dltit04.png) no-repeat;left:62px;top:70px;}
.dl_fouritem li:hover div{-webkit-transform: rotate(180deg);
   -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
     -o-transform: rotate(200deg);
        transform: rotate(200deg);}
.dl_fouritem li p{font-size: 30px;font-weight: bold;margin-top: 25px;width:208px;text-align: center;}
.dl_fouritem li.t2 div{background: url(/ecp/sft/pc/images/dltit2.png) no-repeat;}
.dl_fouritem li.t3 div{background: url(/ecp/sft/pc/images/dltit3.png) no-repeat;}
.dl_fouritem li.t4 div{background: url(/ecp/sft/pc/images/dltit4.png) no-repeat;}


/*第三屏线上收付款*/
.dl_sfk{width: 100%;height: 633px;background-color: #f7f7f7;}
.dl_tit{font-size: 48px;color:#000;text-align: center;font-weight: bold;}
.dl_sfkmain{width: 100%;height: 425px;margin-top: 80px;}
.dl_sfkmain .myli01,.dl_sfkmain .myli02{float: left;}
.myli01{width:337px;height: 100%;margin-left: 20px;}
.myli02{width: 775px;height: 100%;margin-left: 50px;}
.dl_huokukan{width: 100%;height: 100px;background: url(/ecp/sft/pc/images/shengyi.png) no-repeat;margin-left: 6px;}
.myul01{margin-top: 68px;width: 100%;}
.myul01 li{width: 100%;font-size: 24px;height: 42px;line-height: 42px;padding-left: 45px;margin-bottom: 18px;
}
.myul01 li span{width: 10px;height: 10px;display: inline-block;background:url(/ecp/sft/pc/images/dlbgpic2.png) no-repeat;margin-bottom: 5px;}
/*.myul01 li:nth-child(2) span{background: url(../images/dlbgpic2.png) no-repeat;}
.myul01 li:nth-child(3) span{background: url(../images/dlbgpic2.png) no-repeat;}
.myul01 li:nth-child(4) span{background: url(../images/dlbgpic2.png) no-repeat;}*/
.myul01 li a{margin-left: 20px;}
.myli02 ul li{width: 370px;height: 310px;float: left;}
.myli02 ul li.m1{background: url(/ecp/sft/pc/images/dlson01.png) no-repeat;}
.myli02 ul li.m2{margin-left: 30px;background: url(/ecp/sft/pc/images/dlson02.png) no-repeat;}
.myli02 ul li.m3{width: 770px;height: 93px;margin-top: 18px;background: url(/ecp/sft/pc/images/dlson03.png) no-repeat;}


/*第四屏在线交易*/
.zx ul{width: 1200px;height: 421px;margin-top: 50px;padding-left:47px;}
.zx ul li{width: 300px;height: 395px;float: left;margin-right: 100px;}


.zx ul li.z1 div{width: 100%;height: 180px;background: url(/ecp/sft/pc/images/dlfour01.png) no-repeat;background-position:50% 0;}
.zx ul li.z1:hover div{width: 100%;height: 180px;background: url(/ecp/sft/pc/images/dlfour01_hover.png) no-repeat;background-position:50% 0;}

.zx ul li.z2 div{width: 100%;height: 180px;background: url(/ecp/sft/pc/images/dlfour02.png) no-repeat;background-position:50% 0;}
.zx ul li.z2:hover div{width: 100%;height: 180px;background: url(/ecp/sft/pc/images/dlfour02_hover.png) no-repeat;background-position:50% 0;}
.zx ul li.z3 div{width: 100%;height: 180px;background: url(/ecp/sft/pc/images/dlfour03.png) no-repeat;background-position:50% 0;}
.zx ul li.z3:hover div{width: 100%;height: 180px;background: url(/ecp/sft/pc/images/dlfour03_hover.png) no-repeat;background-position:50% 0;}

.zx ul li p{width: 100%;height: 165px;font-size: 20px;border: 1px solid #ccc;z-index: 11;background-color: #fff;margin-top: -20px;padding-top:30px;}

.zx ul li p span{display: block;width: 270px;margin-left: 19px;margin-top: 20px;line-height: 32px;}
.zx ul li:hover p{border:1px solid #5e9cd3;color:#0e68af;width:104%;height: 170px;margin-top:-15px;margin-left:-7px;}
.zx ul li:hover span{margin-left: 25px;}
/*第五屏往来对账*/
.wl{background-color: #f7f7f7;height:630px;}
.wl div{width: 1200px;margin:0 auto;}
.wl p{margin-top:-20px;margin-bottom: 40px;}

/*第六屏商务信息交互与共享*/
.sw{width: 100%;height: 650px;padding-top: 30px;}
.sw .tonglan{background: url(/ecp/sft/pc/images/dlsix.png) no-repeat;background-position:10% 27%;}
.sw p{margin-top: -50px;margin:0 auto;padding-top:25px;}
.sw ul{width: 1200px;height: 587px;margin-left: 75px;}
.sw ul li{float: left;}
.sw ul li.s1{width: 390px;height: 390px;background: url(/ecp/sft/pc/images/dlsix01.png) no-repeat;margin-top: 30px;border-radius:50%;}
.sw ul li.s2{width: 285px;height: 285px;margin-top: 240px;background: url(/ecp/sft/pc/images/dlsix03.png) no-repeat;margin-left:20px;border-radius:50%;}
.sw ul li.s3{width: 370px;height: 474px;float: right;margin-top: 80px;background: url(/ecp/sft/pc/images/dlsix02.png) no-repeat left center;margin-right: 70px;}
.sw span{display: block;width: 215px;height: 110px;font-size: 18px;text-align: center;}
.dl_myli01 span{margin-top: 25px;margin-left: 85px;line-height: 33px;}
.dl_myli02 span{width: 160px;height: 90px;margin-top: 30px;margin-left: 63px;}
.dl_jh{width: 72px;height: 80px;background: url(/ecp/sft/pc/images/dlsix04.png) no-repeat;margin-top: 100px;margin-left: 160px;}
.dl_gx{width: 61px;height: 51px;background: url(/ecp/sft/pc/images/dlsix05.png) no-repeat;margin-top: 70px;margin-left: 110px;}

/*第七屏免费*/
.mga{background-color: #f7f7f7;height:584px;}
.mga .sevenul{width: 1200px;height: 375px;padding-left: 30px;margin:60px auto;}
.mga .sevenul .sevenli01{width: 540px;height: 372px;background: url(/ecp/sft/pc/images/dlseven01.png) no-repeat;float: left;}
.mga .sevenul .sevenli02{width:500px;height: 372px;float: left;margin-left: 100px;}
.sevenli02 ul li{height: 80px;width: 100%;font-size: 26px;margin-top: 20px;}
.sevenli02 ul li b{display:inline-block;width: 450px;height: 80px;margin-left:100px;line-height: 80px;}
.sevenli02 ul li.se1 {height: 80px;background: url(/ecp/sft/pc/images/dlseven03.png) no-repeat;}
.sevenli02 ul li.se2 {height: 80px;background: url(/ecp/sft/pc/images/dlseven04.png) no-repeat;}
.sevenli02 ul li.se3 {height: 80px;background: url(/ecp/sft/pc/images/dlseven02.png) no-repeat;}



/*第八屏客户评价*/
.kh{height:590px;}

.kh ul{margin-top: 80px;margin:80px 100px 0px;}
.kh ul li{height: 360px;width: 210px;margin-right: 55px;border: 2px solid #5e9cd3;float: left;padding-left:13px;padding-top: 13px;padding-right: 10px;margin-left: 40px;}
.kh ul li.k1 span{display: block;width: 230px;height: 129px;}
.kh ul li.k2 span{display: block;width: 230px;height: 129px;}
.kh ul li.k3 span{display: block;width: 230px;height: 129px;}
.kh ul li.k4 span{display: block;width: 230px;height: 129px;background: url(/ecp/sft/pc/images/dleight04.png) no-repeat;}
.kh ul li p{font-size: 16px;font-weight: bold;margin-top: 10px;}
.kh ul li b{font-weight: normal;font-size: 14px;display: block;margin-top: 10px;line-height: 23px;}



/*第九屏如何加入*/
.rh{background-color: #f7f7f7;}
.rh p{margin-bottom: 70px;}
.rh .nightul01{width: 1034px;height: 91px;margin:0 auto;}
.rh .nightul01 li{float: left;}
.rh .nightul01 .nolight{}

.rh .nightul01 .light{width: 232px;height:2px;border-bottom: 2px solid #5e9cd3;margin:45px 4px 45px 4px;}
.rh .nightul01 .light01{}
.rh .nightul01 li.n1{width: 78px;height: 91px;background: url(/ecp/sft/pc/images/dlnight01.png) no-repeat;}
.rh .nightul01 li.n3{width: 78px;height: 91px;background: url(/ecp/sft/pc/images/dlnight02.png) no-repeat;}
.rh .nightul01 li.n5{width: 78px;height: 91px;background: url(/ecp/sft/pc/images/dlnight03.png) no-repeat;}
.rh .nightul01 li.n7{width: 78px;height: 91px;background: url(/ecp/sft/pc/images/dlnight04.png) no-repeat;margin-right:0;float: right;}
.rh .nightul02{width: 1034px;margin:0 auto;}
.rh .nightul02 li{float: left;font-size: 16px;color:#5e9cd3;font-weight: bold;}
.rh .nightul02 li.nt1{margin-right: 10px;margin-left: -20px;}
.rh .nightul02 li.nt2{margin-left: 160px;}
.rh .nightul02 li.nt3{margin-left: 155px;}
.rh .nightul02 li.nt4{margin-left: 228px;}
.rh .zhuce{width:250px;height: 46px;margin:0 auto;margin-top: 66px;border: 2px solid #5e9cd3;border-radius:25px;font-size: 16px;color:#0e68b1;font-weight: bold;line-height: 46px;text-align: center;cursor:pointer;}

.dl_fouritem li:hover p{color:#0e68af;}


/* 广告开始 */
.showcase-sideements{
    display: block;
    position: fixed;
    right: 15px;
    bottom: 50px;
    box-sizing: border-box;
    width: auto;
    height: auto;
    border: 1px solid #8ea0f9;
    background-color: #f3f8ff;
    width:128px;
    z-index: 66;
    overflow: hidden;
    padding: 0 10px;
}
.showcase-sideements-unit{
    display: block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    border-top: 1px solid #98a9fa;
    padding-bottom:14px;
    padding-top: 20px;
    margin: 0 auto;
    cursor: pointer;
}
.showcase-sideements-unit_img{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
}
.showcase-sideements-unit_title{
    display: block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    color: #666;
    margin-top: 8px;
    word-break: break-all;
}
.showcase-bottomements{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 5700px;
}
.showcase-bottomements_title{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: left;
}
.showcase-bottomements_img{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    float: left;
}
.showcase-textInfo{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.showcase-textInfo_title{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    float: left;
    text-align: center;
}
.showcase-textInfo_img{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    float: left;
}
.showcase-textInfo_content{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    float: left;
}
.sft-box-iframe{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
}
/* 广告结束 */

/* 顶部开始 */
#ccb-header {
    height: auto;
}
#ccb-logo {
    padding-top: 0;
    height: auto;
}
/* 顶部结束 */

/* 轮播图开始 */
.f_out{
   display: block;
   box-sizing: border-box;
   max-width: 100%;
   overflow: hidden;
   min-height: 400px;
   margin: 0 auto;
   height: 600px !important;
   background-size: auto 100% !important;
}
.f_out img{
   display: block;
   box-sizing: border-box;
   float: left;
}
.flash_tab {
    height: 15px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 2;
    font-size: 14px;
    margin-left: 0px;
    transform: translateX(-50%);
}
.flash_tab .tabs li {
   border-radius: 50px;
}
/* 轮播图结束 */

/* 登陆框开始 */
.loginBox {
    width: 320px;
}
.login_box_middle {
    background: url(/ecp/sft/pc/images/frame_middle.png) repeat-y center;
    padding:0px;
    padding-top: 50px;
    padding-bottom: 50px;
}
/* 登陆框结束 */
.login-main{
    min-width: 1300px;
}
/* 入口-企业福利 */
.nav_welfare{
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    float: right;
    width: 58px;
    height: 38px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 9px;
    background-color: #f08080;
    color: white;
    border-radius: 0 0 0 22px;
}
.nav_welfare-title{
    display: block;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
/* 尾部开始 */
#footer_html, #foot {
    border-top: 1px solid #d9d9d9;
    width: 100%;
    background: #f2f2f2;
    color: #333;
    font-family: 'Microsoft Yahei', sans-serif;
    text-align: left;
}
#footer_html, #foot {
    border-top: 1px solid #d9d9d9;
    width: 100%;
    background: #f2f2f2;
    color: #333;
    font-family: 'Microsoft Yahei', sans-serif;
}
#foot .foot_con {
    width: 1160px;
    height: 130px;
    margin: 0 auto;
    background: #f2f2f2 url(../images/foot_ico2.png) 20px 50% no-repeat;
}
#foot .foot_con p {
    margin: 25px 0 0 50px;
    display: inline-block;
    float: left;
    width: 900px;
}
#foot .foot_con p span {
    color: #333;
    font-size: 13px;
    line-height: 26px;
    margin-right: 15px;
}
#foot .vm {
    float: right;
    width: 166px;
    margin-top: 24px;
}
.foot_con .vm div {
    text-align: center;
    width: 100px;
    float: left;
}
.foot_con .vm img {
    width: 70px;
    height: 70px;
    display: block;
    float: left;
    margin-left: 15px;
}
.foot_con .vm span {
    display: block;
    float: left;
    width: 100%;
    font-family: 'SimSun';
    padding-top: 5px;
}
/* 尾部结束 */