/* 通用样式 */
*{

  padding: 0;
}
body{
    overflow-x: hidden;
}
li { list-style: none; }
a{
  text-decoration: none;
}
.imgwidth{
  width:100% !important;
}
.x_programBtn{
  display: inline-block;
  width:2.94rem;
  height:.59rem;
  background:rgba(254,141,66,1);
  border-radius:.30rem;
  font-size:.32rem;
  /*font-family:PingFang-SC-Bold;*/
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height: .68rem;
  text-align: center;
}
.text-center{
  text-align: center !important;
}
.banner {
    width: 100%;
    height: auto;
    display: block;
}
/* 1.轮播图底下的导航栏 开始 */
.sixLabel{
  width:94.66%;
  margin:0 auto;
  padding-bottom: .23rem;
}
.sixLabel >ul
{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.sixLabel >ul li a{
    line-height: .55rem;
    display: inline-block;
    width: 2.27rem;
    height: .52rem;
    background: rgba(255,255,255,1);
    border-radius: .06rem;
}

.sixLabel >ul li{
text-align: center;
 margin-top:.23rem;  
}
.sixLabel >ul li .beijinse{
background: rgba(87,166,232,1);
    color: rgba(255,255,255,1);
}

.sixLabel >ul li a img{
  margin-left:.16rem;
  width:.27rem;
}
.sixLabel >ul li a p{
    font-size: .18rem;
    /* font-family: PingFang-SC-Regular; */
    font-weight: 400;
    line-height: 0.52rem;
    margin: 0;
}

/* 1.轮播图底下的导航栏 结束 */
/* 01.什么是渠道订货分销系统？ */
.whan_system{
    background: #fff;
    position: relative;
}
/* 以下为标题样式 开始 */
 .super-title-wrap{
    width:100%;
    padding:.55rem 0 .45rem 0;

}
.super-title-wrap .content{

    /*font-family:SourceHanSerifCN-SemiBold;*/
    color:rgba(51,51,51,1);
	text-align: center;
	font-size: 0.48rem;
    font-weight: 400;
}
 .super-title-wrap .left-line,.super-title-wrap .right-line{
    height:100%;
    width:1.64rem;
    position:relative;
}
 .super-title-wrap .left-line>.line,.super-title-wrap .right-line>.line {
    display:block;
    /* width: 1.64rem; */
    height:.01rem;
    background: #333333;
}
 .super-title-wrap .left-line>.square, .super-title-wrap .right-line>.square{
    display:block;
    position:absolute;
    width:.11rem;
    height:.11rem;
    background:rgba(54,129,222,1);
    transform:rotate(135deg);
    transform-origin:left top ;
    -ms-transform:rotate(135deg);  /* IE 9 */
    -moz-transform:rotate(135deg);     /* Firefox */
    -webkit-transform:rotate(135deg); /* Safari 和 Chrome */
    -o-transform:rotate(135deg);   /* Opera */
}
.super-title-wrap .left-line>.square{
    right:-.26rem;
}

.super-title-wrap .right-line>.square{
    left:0rem;
}
/* 以上为标题样式 结束 */

.whan_system .super-title-wrap+div{
    margin:0 auto;
    width:94.66% ;
	text-align: center;
}
.whan_system .super-title-wrap+div>p{
    font-size:.24rem;
    /*font-family:SourceHanSansCN-Regular;*/
    font-weight:400;
    color:rgba(102,102,102,1);
    margin: 0;
}
.what_ulparent{
    margin-top: .39rem;
    position: relative
}
.whan_system ul{
    width:85.06%;
    margin:  .39rem auto 0;
    display: flex;
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
}
.whan_system ul>li{
    position: relative;
    z-index: 1;
    width:1.28rem;
    height:1.28rem;
    line-height: 1.68rem;
    font-size: 0.2rem;
    text-align: center;
	color: #fff;
}
.whan_system ul .img1{
    background: url(../images/weidinghuo/01/01.png);
    background-size: 100% 100%;
}
.whan_system ul .img2{
    background: url(../images/weidinghuo/01/02.png);
    background-size: 100% 100%;
}
.whan_system ul .img3{
    background: url(../images/weidinghuo/01/03.png);
    background-size: 100% 100%;
}
.whan_system ul .img4{
    background: url(../images/weidinghuo/01/04.png);
    background-size: 100% 100%;
}
.whan_system ul .img5{
    background: url(../images/weidinghuo/01/05.png);
    background-size: 100% 100%;
}
.whan_system ul .img6{
    background: url(../images/weidinghuo/01/06.png);
    background-size: 100% 100%;
}
.whan_system ul>span{
    display: inline-block;
     width:1.27rem;
     text-align: center;
     line-height: 1.28rem;
}
.whan_system ul+div{
    width: 5.13rem;
    height: 1.5rem;
     border: .02rem dashed rgba(210,210,210,1);
    position: absolute;
    top: 19%;
    left: 50%;
    margin-left: -2.66rem;
}
/*  02.渠道订货分销系统快速解决三大难题 */
.Solve_six{
    padding-bottom: .43rem;
}
.Solve_six .super-title-wrap .left-line>.line, .Solve_six .super-title-wrap .right-line>.line{
    height: .02rem;
}
.Solve_six >ul{
    margin: 0 auto .46rem;
    width:94.66%;
    display: flex;
    justify-content: space-between;
}
.Solve_six >ul>li{
    text-align: center;
    padding-bottom: 0.22rem;
    width:2.22rem;

    background:rgba(255,255,255,1);
}
.Solve_six >ul>li>img{
    width:1.41rem;
    margin-top:.26rem;
    margin-bottom: .24rem;
}
.Solve_six >ul>li>p{
    line-height: .24rem;
    height:.24rem;
    font-size:.24rem;
    /*font-family:SourceHanSansCN-Regular;*/
    font-weight:400;
    color:rgba(23,183,235,1);
	margin: 0;
}
.Solve_six >ul>li>span{
    margin-top: .19rem;
    display: block;
    width:1.82rem;
    margin-left:.20rem;
    font-size:.20rem;
    /*font-family:SourceHanSansCN-Regular;*/
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height: 0.3rem;
}
.Solve_six>.text-center a{
    display: inline-block;
    width:2.49rem;
    height:.50rem;
    background:rgba(23,183,235,1);
    font-size:.28rem;
    /*font-family:SourceHanSerifCN-SemiBold;*/
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height: .50rem;
    text-align: center;
}
/* 订货分销特色功能 开始 */
.Characteristic_function
{
    background:#0564BE;
	    padding-bottom: 0.43rem;
}
.Characteristic_function>ul{
    display: flex;
    justify-content: space-between;
    margin:  0 auto;
    width:94.67%;
    flex-flow: wrap;
	margin-bottom: 0.26rem;
}
.Characteristic_function>ul>li{
    text-align: center; 
    width:3.40rem;

    background:rgba(255,255,255,1);
    margin-bottom: .2rem;
}
.Characteristic_function>ul>li>div{
    line-height: .62rem;
    text-align: center;
    width:3.39rem;
    height:.62rem;
    background:rgba(245,245,245,1);
}
.Characteristic_function>ul>li>div>img{
    width:.28rem;
}
.Characteristic_function>ul>li>div>p{
    margin-bottom: 0;
    display: inline-block;
    height:.26rem;
    font-size:.26rem;
    line-height: .26rem;
    /*font-family:SourceHanSansCN-Medium;*/
    font-weight:500;
    color:rgba(55,97,194,1);
}
.Characteristic_function>ul>li>span{
    text-align: center;
    padding: .18rem .33rem 0.18rem;
    display: inline-block;
    /* height:.43rem; */
    font-size:.20rem;
    /*font-family:SourceHanSansCN-Regular;*/
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:.3rem;
}

.Characteristic_function .text-center a{
    display: inline-block;
    width:2.49rem;
    height:.50rem;
    background:#4cd9b4;
    font-size:.28rem;
    /*font-family:SourceHanSerifCN-SemiBold;*/
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height: .50rem;
    text-align: center;
}
/* 订货分销特色功能 结束 */


/*张博-----*/
/*第四个优势模块*/
.super-wrap{

	    padding-bottom: 0.43rem;
}
.super-wrap .super-title-wrap{

    width:100%;
    padding:.55rem 0 .46rem 0;

}
.super-wrap .super-title-wrap .left-line,.super-wrap .super-title-wrap .right-line{
    height:100%;
    width:.93rem;
    position:relative;
}
.super-wrap .super-title-wrap .left-line>.line,.super-wrap .super-title-wrap .right-line>.line {
    display:block;
    width: .93rem;
    height:.02rem;
    background: #333333;
}
.super-wrap .super-title-wrap .left-line>.square,.super-wrap .super-title-wrap .right-line>.square{
    display:block;

    /*top:50%;*/
    position:absolute;
    width:.11rem;
    height:.11rem;
    background:rgba(54,129,222,1);
    transform:rotate(135deg);
    transform-origin:left top ;
    -ms-transform:rotate(135deg); 	/* IE 9 */
    -moz-transform:rotate(135deg); 	/* Firefox */
    -webkit-transform:rotate(135deg); /* Safari 和 Chrome */
    -o-transform:rotate(135deg); 	/* Opera */
}
.super-wrap .super-title-wrap .left-line>.square {
    right: -.26rem;
    /*top:50%;*/
}
.super-wrap .super-title-wrap .right-line>.square{
    left:0.01rem;
    /*top:50%;*/
}
.super-wrap .super-title-wrap .content{
   /* font-family:SourceHanSerifCN-SemiBold;*/
    font-weight:600;
    color:rgba(51,51,51,1);

    text-align: center;
	font-size: 0.48rem;
    font-weight: 400;
}

.super-wrap>.content{
    padding:0 .2rem .46rem .2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction: column;
}
.super-wrap .content .sub{
width: 2rem;
    height: 100%;
    background: #ff8d01;
    display: block;
    /* justify-content: center; */
    /* align-items: center; */
    font-size: .28rem;
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: 500;
    color: rgba(255,255,255,1);
    text-align: center;
	line-height: .76rem;
}
.super-wrap .content .sub>img{
    width:.35rem;
    height:.35rem;
    margin-right:.22rem;
}
.super-wrap .content .desc{
width: 4.72rem;
    height: .76rem;
    line-height: .76rem;
    /* background: rgba(237,245,248,1); */
    font-size: .24rem;
    color: #333;
    text-indent: .21rem;
}
.super-wrap .content .cont-item{
display: flex;

    border: .02rem solid #ff8d01;
	margin-top: 0.2rem;
}
.super-wrap .content .cont-item:nth-child(1){
        margin-top: 0;
}
.super-wrap .content .sub-wrap{

}
.super-wrap .content .desc-wrap{
border-left: .02rem solid #ff8d01;
}
.super-wrap .content .padding-top{


}
.super-wrap .content .padding-top>img{
    position:absolute;
    width:.2rem;
    height: .2rem;
    left:-.1rem;
    bottom:-.1rem;
}
.super-wrap .content .cont-item:nth-child(6) .desc-wrap{
    padding-bottom:0;
}
.tellTbtn{
    width:3.2rem;
    height:.5rem;
    background:rgba(14,103,210,1);
    margin:0 auto;
    font-size:0.28rem;
    /*font-family:SourceHanSerifCN-SemiBold;*/
    /*font-weight:600;*/
    color:rgba(255,255,255,1);
    text-align:center;
    line-height:.5rem;
    display: block;
    cursor:pointer;
}

/*核心部分第五块*/
.important{
    background: #fff;
}
.important .import-cont {
    display: flex;
    justify-content: space-between;
    height:2.85rem;
	margin-top: 0.14rem;
}
.important .import-cont  .import-left{
    padding-left:.6rem;
    width:3.6rem;
}
.important .import-cont  .import-left .p1{
    color: #5bdbfb;
    font-size:.24rem;
}
.important .import-cont  .import-left .p2{
    font-size:.24rem;
}
.important .import-cont  .import-left>span{
    display:block;
    width:2.58rem;
    font-size:.2rem;
   /* font-family:SourceHanSansCN-Regular;*/
    font-weight:400;
    color:rgba(102,102,102,1);
    margin-top:.15rem;
}

.important .btn{
    width:2.5rem;
    height:.5rem;
    line-height:.5rem;
    background:rgba(23,183,235,1);
    font-size:.28rem;
   /* font-family:SourceHanSerifCN-SemiBold;*/
    /*font-weight:600;*/
    color:rgba(255,255,255,1);
    text-align:center;
        margin: 0.43rem auto 0;
    display: block;
    cursor:pointer;
}
.important .import-cont  .import-right{
    width:3.6rem;
}
.important .import-cont  .import-right img{
    width:100%;
    height:100%;
}
.important .import-cont .import-line{
    display: flex;
    /*justify-content: center;*/
    flex-direction: column;
    align-items:center;
}
.important .import-cont .import-line>.circle{
    width:.14rem;
    height:.14rem;
    background:rgba(15,198,131,1);
    border-radius:50%;
    margin-bottom:.1rem;
}
.important .import-cont .import-line>.line{
    width:1px;
    height:2.12rem;
    background:rgba(191,191,191,1);
}

/*第六块*/
.model .model-item-wrap{
    display: flex;
    justify-content: center;
    padding-bottom:.4rem;
}
.model .model-item-wrap .model-item{
    margin:0 0.14rem;
}
.model .model-item-wrap .model-item .blue{
    width:2.18rem;
    height:.84rem;
    background:rgba(54,129,222,1);
    position:relative;
}
.model .model-item-wrap .model-item .blue>img{
    position:absolute;
    bottom:0;
    left:50%;
    width:.95rem;
    height:.95rem;
    transform: translate(-50%,50%);
}
.model .model-item-wrap .model-item .white{
    width:2.18rem;
    height:1.16rem;
    line-height: 1.5rem;
    background:rgba(246,246,248,1);
    font-size:.26rem;
   /* font-family:SourceHanSansCN-Medium;*/
    font-weight:500;
    color:rgba(10,97,203,1);
    text-align:center;
}
