#bodycon{ width:100%;}
#bodycon #center { float: none;  width: 100%;}

.w1400{width:1400px; margin:0 auto;}
/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*产品定义*/
.prof_bg{background: #f8f8f8; width: 100%;display: inline-block; height:1010px;}
.all_title{ text-align: center; color: #333; padding: 45px 0; font-size: 50px;  font-weight: 400;}
.comm{margin: 0 auto;  display: block; justify-content: space-between; padding: 40px; box-shadow: 0px 0px 60px 0px rgba(228, 232, 229, 0.8);height:695px; background:#fff;}
.abou.fl { width: 48%;}
.abo_wz p {line-height: 55px; font-size: 21px; color: #888; font-weight: 100; float: left; margin:0px; height: 247px;}
.abu_img img{width: 655px;height: 247px; float: right;}

.adv_bg{position: relative;}
.adv_title b,.adv_title t{color:#fff;}
.adv_title p{color:#eee;}
.course{width: 100%; position: absolute; z-index: 9;}
.canvas{position: absolute;}
.adv:after{content:"";display: block;width:100%;height:1px;background: #eee;position: absolute;top:255px;}
.adv_li{display: flex;flex-direction: column;justify-content: center;width:46.88%;height:245px;padding:0 40px 0 0;float:left;text-align: center;cursor: pointer;border-right:1px #eee solid;position: relative;}
.adv_li:nth-child(2n){border-right:none; padding: 0px 0px 0px 40px;}
.adv_li:nth-child(4n){border-right:none; padding: 0px 0px 0px 40px;}

.adv_li *{display: block;}
.adv_li t{font-size: 24px;color:#666;}
.adv_li t:before{content:"";display: block;width:38px;height:38px;background: url(../images/dsp1.png)no-repeat;margin:0px;transition:all 0.3s;}
.adv_li t:before{animation: myfirst 2s infinite; display: inline-block;}  
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
}

.adv_li:nth-child(2) t:before{background-position:-35px -38px;background: url(../images/dsp2.png)no-repeat;}
.adv_li:nth-child(3) t:before{background-position:-73px -38px;background: url(../images/dsp3.png)no-repeat;}
.adv_li:nth-child(4) t:before{background-position:-112px -38px;background: url(../images/dsp4.png)no-repeat;}

.adv_li:hover t:before{background: url(../images/dsp5.png)no-repeat;}
.adv_li:hover:nth-child(2) t:before{background: url(../images/dsp6.png)no-repeat;}
.adv_li:hover:nth-child(3) t:before{background: url(../images/dsp7.png)no-repeat;}
.adv_li:hover:nth-child(4) t:before{background: url(../images/dsp8.png)no-repeat;}
.adv_li p{font-size: 28px;color:#333;}
.adv_li span{margin-top: 15px;font-size: 15px;color:#888;line-height: 30px; text-align:left;}


/*六大优势*/
.char{ height:850px;}
.char .title{ text-align: center; font-size: 50px; color: #484848; font-weight: 400; padding: 45px 0;}
.product{padding: 0px;}
.procon li{float: left;width: 403px;height: 290px; margin-right:20px;background: #f8f8f8;border-radius: 10px;padding:13px 25px 32px 25px;font-weight: normal;position: relative;transition: all .3s;cursor: pointer;}
.procon li b{position: absolute;font-size: 21px;color: #222; font-weight:400; top: 42px; padding-left: 15px;}
.procon li:nth-child(3n){margin-right: 0px;}
.procon li:nth-child(4n){margin-top: 20px;}
.procon li:nth-child(5n){margin-top: 20px;}
.procon li:nth-child(6n){margin-top: 20px;}
.procon li i{ float: right;font-size: 40px;color:#222; font-family:din; padding-top: 12px;margin-right: 4px;}
.procon li p{ font-size: 16px; font-weight: 100;line-height: 34px;color: #888;padding-top: 20px;}
.procon li a:after{position: absolute;width: 100px;content: "Learn more →";display: block;font-size: 14px;font-weight: lighter;color: #aaa;bottom: -125px;left: 0px;}
.procon li img{position: relative;right: 3px;bottom: -15px; width:60px; height:60px;}
.procon li:hover{background: #f8f8f8;}
.procon li:hover img{animation: rolation 2s linear infinite;}
@keyframes rolation{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
	}
	
/*流程*/
.lcbj{padding: 60px 0; background: #f8f8f8; height:370px; margin: 50px 0 0 0;}
.cus_c {display: flex;justify-content: space-between;}
.cus_lc{position: relative;}
.cus_tit {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.cus_tit i{width: 46px;height: 4px;background: rgba(255,255,255,0.5);margin-bottom: 15px;}
.cus_tit b{font-weight: normal;font-size: 34px;color: #fff;}
.cus_tit p{font-size: 18px;color: #fff;line-height: 36px;width: 78%;}

.cus_rc{ width: 81%;}
.cus_rc>ul{display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 57px;padding: 16px 0;border: 1px solid #eee; background: #fff;}
.cus_rc li{width: 22%;text-align: center;position: relative;background: none;height: 140px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.cus_rc li span {font-size: 35px;color: #1071d2;transition: all .3s;}
.cus_rc li:hover span {transform: rotateY(180deg);}
.cus_rc li p {font-size: 20px;color: #666;margin: 22px 0 0; font-weight:100;}
.cus_rc li i {width: 51px;height: 2px;background: #1071d2;margin: 0 auto;transition: all .3s;position: absolute;bottom: 13px;}
.cus_bc{ background:#f8f8f8; height:700px;}
.cus_rc li:after {position: absolute;content: "";background: url(../images/dsp-jt.png) no-repeat center;width: 18px;height: 20px;right: -30px;top: 50%;margin-top: -10px;}
.cus_rc li:nth-child(8):after{display: none;}
.cus_rc li:nth-child(4):after {right: 50%;top: auto;bottom: -44px;transform: rotate(90deg);margin-right: -9px;}

.cus_rc li:nth-child(n+5):after{transform: rotate(180deg);}
.cus_rc li:hover i{transform: scaleX(0);}
.cus_rc li:before {position: absolute;content: "";width: 120px;height: 100%;top: 50%;left: 50%;margin-left: -60px;margin-top: -70px;transition: all .5s;opacity: 0;}
.cus_rc li:hover:before{opacity: 1;}


/*抖点宝服务模式*/
.txbg{ height:515px; background:url(../images/dsp-dbj.png) no-repeat top center; padding-top:50px;}
.txtitle{ text-align:center; font-size:18px; color:#fff; font-weight:lighter;}
.txtitle b{ display:block; font-size:45px; color:#fff; margin-bottom:45px; font-weight:400;}

.container{max-width:1400px;margin:0 auto;}
.txbg .home-title{color:#FFF;}
.txbg .list{color:#FFF;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:45px;}
.txbg .list li{width:32%;background:#10258f;border-radius:10px;font-size:16px;overflow:hidden;}
.txbg .list li .title{background-image:linear-gradient(to right,#0724bd,#3151f0);height:70px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;position:relative;overflow:hidden; color:#fff;}
.txbg .list li .title::after,.txbg .list li .title::before{content:'';width:70px;height:70px;border-radius:50%;position:absolute;}
.txbg .list li .title::after{top:-35px;right:-35px;background:#2c4add;}
.txbg .list li .title::before{bottom:-35px;left:-35px;background:#0c2ccc;}
.txbg .list li .text{padding:40px 30px;}
.txbg .list li .text p{display:flex;align-items:center;padding:10px 0;}
.txbg .list li .text p img{width:20px;display:inline;margin:0;}
.txbg .list li .text p span{padding-left:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; font-size: 23px;  font-weight: 100;color:#fff;}