/* 此网页基本配置 开始*/

ul li{
  list-style: none;
}
a:hover{
  text-decoration: none;
}
.container-fluid{
  padding-right:0px !important;
  padding-left:0px !important; 
}
body{
  background:#fff;

  color:#666666;
  overflow-x: hidden!important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
h2{
  text-align: center !important;
  margin: 0 auto;
}
/* 此网页基本配置 结束*/
/* 背景图下的导航 开始*/
.Label{
  background: #EFF4F7;
  height:103px;
}
.Label ul{
  margin: 0 auto;
  width:1200px;
}
.Label ul li a{
  display: block;
  width:171px;
  height: 103px;
  text-align: center;
  line-height: 50px;
  position: relative;
}
.Label ul li a img{
  margin-top: 29px;
  margin-bottom: 12px;
}
.Label ul li a p{
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:#3A3F45;
  line-height:16px;
}
.Label ul li .Label_active p{ color:#fff !important;}
.Label_active{
  background: #6CD7FA !important;
  color:#fff !important;
}
.Label-beijin{background: #FE8D42;
}
.Label-img{
  position: absolute;
  left: -11px;
 top: 12px
}
.Label-font{
  margin: 27px 13px 30px 27px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    line-height: 23px;
}
/* 背景图下的导航 结束*/
/* 1.什么是渠道订货分销系统? 开始*/
.why_order_goods{
  position: relative;
}
.why_bg ul{
  width:1200px;
  margin: 0 auto;
}

.why_bg ul li{
  width:477px;
}
.why_bg ul li span{
  position: relative;
  bottom: 15px;
  display: inline-block;
  width:85px;
  height:6px;
  background:rgba(14,103,210,1);
}
.why_bg ul li h1
{
  margin-top:129px;
  margin-bottom: 25px;
  width:397px;
  height:30px;
  line-height: 30px;
  font-size:30px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(51,51,51,1);
  }
.why_bg ul li h1+p{
  width: 469px;
    height: 1px;
    background: #0E67D2;
    margin: 0 !important;
}
.why_bg ul li div{
  margin-top: 62px;
}

.why_bg ul li div p{
    width:469px;
    font-size:18px;
    /*font-family:SourceHanSansCN-Regular;*/
    font-weight:400;
    color:rgba(51,51,51,1);
  }
.why_bg{
  background: url(../images/dinghuo/1/bg1.png) center center ;
  height: 532px;
}
.why_bg ul .why_li{
  background: url(../images/dinghuo/1/bg2.png);
  width:577px;
  height: 516px;
  position: relative;
  top: 60px;
}
.why_bg ul .why_li ul{
  margin: 84px auto 0; 
  width:460px;
}
.why_bg ul .why_li ul li h5{
  height:16px;
  font-size:16px;
  /*font-family:SourceHanSansCN-Medium;*/
  font-weight:500;
  color:rgba(254,254,254,1);
}
.why_bg ul .why_li ul li img{
  margin-top: 36px;
  margin-bottom: 9px;
}
.why_bg ul .why_li ul li{
  text-align: center;
  width:122px;
  height: 123px;
  background:rgba(54,129,222,1);
  border-radius:50%;
}
.why_bg+div{
  background: url(../images/dinghuo/1/bg3.png);
  height: 677px;
  padding-top: 104px;
}




/* 1.什么是渠道订货分销系统? 结束*/
/* 2.渠道订货分销系统快速解决三大难题 开始*/
.Solve_difficult_problems{
  position: relative;
}
.Solve_difficult_problems_item{
  height: 380px;
  padding-top: 55px;
} 
.Solve_difficult_problems_item+ul{
  position: absolute;
  top: 246.5px;
  left:50%;
  margin-left: -600px;
  width:1198px;
}
.Solve_difficult_problems_item+ul+div{
 padding-top: 155px;
  background:rgba(237,245,248,1);
}
.Solve_difficult_problems_item+ul+div div a{
  display: inline-block;
  width:249px;
  height:50px;
  background:rgba(23,183,235,1);
  font-size:28px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(255,255,255,1);
  line-height: 50px;
  text-align: center;
      margin-top: 20px;
    margin-bottom: 55px;
}

.Solve_difficult_problems_item+ul li{
  position: relative;
  text-align: center;
  width:356px;
  height:263px;
  background:rgba(255,255,255,1);
  border:3px solid #1167A0;
}
.Solve_difficult_problems_item+ul li span
{
  position: absolute;
  left:101px;
  top: -72px;
  display: inline-block;
  width:153px;
  height:153px;
  background:#1167A0;
  border-radius:50%;
  text-align: center;
  line-height: 153px;
}
.Solve_difficult_problems_item+ul li h6{
  margin-top: 107px;
  margin-bottom: 22px;
  line-height: 24px;
  height:24px;
  font-size:24px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(23,183,235,1);
}
.Solve_difficult_problems_item+ul li p{
  margin-left:32px;
  width:294px;
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:27px;
}
.Solve_difficult_problems_item+ul li p+span{
    /* margin-left: 111px; */
    line-height: 36px;
    width: 140px;
    height: 36px;
    background: #1167A0;
    font-size: 18px;
    /* font-family: SourceHanSerifCN-SemiBold; */
    font-weight: 600;
    color: rgba(255,255,255,1);
    border-radius: initial;
    top: 0;
    left: 0;
    position: inherit;
  margin-top: 30px;
}


/* 2.渠道订货分销系统快速解决三大难题 结束*/
/* 3.订货分销特色功能 开始*/
.characteristic{
  padding-bottom: 55px;
  padding-top: 55px;
}
.characteristic_main{
  width:1102px;
  margin:60px auto 0;
  height: 418px;
  background:rgba(255,255,255,1);
  box-shadow:0px 15px 38px 0px rgba(0,1,66,0.15);
  margin-bottom: 60px;
}
.characteristic_main ul{
  width:626px;
  margin-left: 42px;
  margin-top:46px;
}
.characteristic_main ul li{
  width:282px;
  margin-bottom: 27px;
}
.characteristic_main ul li .float-right{
  width:232px;
}
.characteristic_main ul li h6{
  margin-bottom: 20px;
  height:24px;
  line-height: 24px;
  font-size:24px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(51,51,51,1);
}
.characteristic_main ul li p{
  width:232px;
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:24px;
}
.characteristic_main+div a{
  display: inline-block;
  width:249px;
  height:50px;
  background:rgba(55,97,194,1);
  font-size:28px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(255,255,255,1);
  line-height: 55px;
  text-align: center;
} 
/* 3.订货分销特色功能 结束*/
/* 4.渠道订货分销系统具有的六大优势 开始*/
.six_advantage{
  background:rgba(237,245,248,1);
}
.six_advantage_item{
  width:1260px;
  margin: 0 auto;
  padding-bottom:55px; 
}
.six_clear_float::after{
  display: block;
  content: '';
  clear: both;
}
.six_advantage .six_advantage_item ul{
  margin-bottom: 65px;
}
.six_advantage .six_advantage_item ul li{
  height: 525px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.six_advantage .six_advantage_item h2 img{
  margin-top: 55px;
  margin-bottom: 60px;
}
.six_advantage .six_advantage_item .text-center a{
  display: inline-block;
  text-align: center;
  line-height: 50px;
  width:320px;
  height:50px;
  background:rgba(14,103,210,1);
  font-size:28px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(255,255,255,1);
}
.six_advantage .six_advantage_item ul li .six_clear_float .float-right{
  margin-left:50px; 
  margin-top: 15px;
}
.six_advantage .six_advantage_item ul li .six_clear_float h6{
  height:24px;
  font-size:24px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(51,51,51,1);
  line-height:24px;
}
.six_advantage .six_advantage_item ul li .six_clear_float p{
  margin-top: 33px;
  width:426px;
  font-size:18px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  /*font-weight:600;*/
  color:rgba(51,51,51,1);
  line-height:27px;
}
/* 4.渠道订货分销系统具有的六大优势 结束*/
/* 5.渠道订货分销系统三大核心功能 开始*/
.Three_core{
  position: relative;
}
.Three_core>h2{
  height: 600px;
}
.Three_core>h2+ul{
  position: absolute;
  top:170px;
  left:50%;
  margin-left: -571px;
  width:1164px;
}
.Three_core>h2+ul+div{

  background:linear-gradient(0deg,rgba(95,227,255,1),rgba(46,147,215,1));
  border-radius:3px;
  padding-bottom: 55px;
}
.Three_core>h2+ul li{
  position: relative;
  width:368px;
  height: 617px;
  text-align: center;
}
.Three_core>h2+ul li>img{
  position: absolute;
  top: 80px;
  left: -15px;
}
.Three_core>h2+ul li h5{
  margin-top: 87px;
  margin-bottom: 20px;
  color:#5BDBFB;
  font-size: 24px;
  font-style:SourceHanSansCN-Regular;
  font-weight: Regular;
  height: 24px;
  line-height: 24px;
}
.Three_core>h2+ul li h6{
  color:#333333;
  font-size: 26px;
  height: 26px;
  line-height: 26px;
 /* font-style:SourceHanSansCN-Regular;*/
  font-weight: Regular;
}
.Three_core>h2+ul li p{
  margin-left:21px;
  width:327px;
  margin-top: 44px;
  padding-bottom: 54px;
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
}
.Three_core>h2+ul+div>.text-center
{
  padding-top: 252px;
}
.Three_core>h2+ul+div>.text-center a{
  line-height: 50px;
  text-align: center;
  display: inline-block;
  width:250px;
  height:50px;
  background:rgba(255,255,255,1);
  font-size:28px;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(37,129,236,1);
}
.Three_core>h2 img{
  margin-top: 55px;
}
/* 5.渠道订货分销系统三大核心功能 结束*/
/* 6.五大模式助力渠道订货分销系统 开始*/
.five_Pattern {
  padding-bottom: 55px;
  padding-top: 55px;
}
.five_Pattern>h2+ul{
  width:1330px;
  margin:60px auto 0;
}
.five_Pattern>h2+ul li{
  width:416px;
  height:169px;
  background: #F6F6F8;
}
.five_Pattern>h2+ul li img{
  margin-top: 29px;
  margin-left:19px;
}
.five_Pattern>h2+ul li p{
  width:238px;
  height:64px;
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:24px;
}
.five_Pattern>h2+ul li h6{
  margin-top: 36px;
  margin-bottom: 18px;
  width:141px;
  line-height: 22px;
  height:22px;
  font-size:22px;
  /*font-family:SourceHanSansCN-Medium;*/
  font-weight:500;
  color:rgba(10,97,203,1);
}
.five_Pattern>h2+ul+ul{
  width:1048px;
  margin: 60px auto 65px;
}
.five_Pattern>h2+ul+ul li{
  width:502px;
  height:169px;
  background:rgba(246,246,248,1);
}
.five_Pattern>h2+ul+ul li img{
  margin-top: 29px;
  margin-left:19px;
}
.five_Pattern>h2+ul+ul li h6{
  margin-top: 36px;
  margin-bottom: 18px;
  width:141px;
  line-height: 22px;
  height:22px;
  font-size:22px;
  font-weight:500;
  color:rgba(10,97,203,1);
}
.five_Pattern>h2+ul+ul li p{
  padding-right:28px;
  width:322px;
  font-size:16px;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:24px;
}
.five_Pattern>.text-center a{
  display: inline-block;
  width:411px;
  height:50px;
  background:rgba(14,103,210,1);
  font-size:28px;
  line-height: 55px;
  text-align: center;
  /*font-family:SourceHanSerifCN-SemiBold;*/
  font-weight:600;
  color:rgba(255,255,255,1);
  }
/* 6.五大模式助力渠道订货分销系统 结束*/
/*nav banner  */
/*nav active开始  */
.container-fluid .divn{
  width:100%;
  z-index: 1000;
  background: rgba(16,23,70,0.4);
  position:absolute;
  top:0;
}
.container+div
{
position: relative;
background-image:url(../images/dinghuo/banner/banner.png);
height: 600px;
background-position:center center ;
}
.container+div a{    height: 600px;width: 100%;min-width: 1440px;display: block;}
/* nav 结束 */
/* footer */
/*底部 footer 开始*/

 
/*底部 footer 结束*/


/*添加**/
.img-fluid {
    max-width: 100%;
    height: auto;}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;

}
.text-center {
  text-align: center !important;
}
.mb-2,
.my-2 {
  margin-bottom: 30px !important;
}
.mt-5,
.my-5 {

  margin-top: 40px !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.float-right {
  float: right !important;
}


.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 60px !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

    #app h5 {
      display: none;
    }
    #app h5.current {
      display: block;
    }
.d-none{
  display: none !important;}
.d-inline-block{display: inline-block !important;}
.m-0{margin: 0 !important;}
.center-left{    float: left !important;}
.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.flex-wrap {
    -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;}