.custom-bar{background-color: #f3f3f3;}
.custom-bar ul{display: flex;width: fit-content;margin: 0 auto;}
.custom-bar li{text-align: center;border-bottom: 2px solid #f3f3f3;cursor: pointer;padding-left: 20px; padding-right: 20px;}
.custom-bar a{line-height: 58px;font-size: 16px;color: #333333;display: block;}
.custom-bar li:hover,.custom-bar li.active{border-bottom: 2px solid #f08300;}
.custom-bar li:hover a,.custom-bar li.active a{color: #f08300;}

.layout {
  zoom: 1;
}
.layout:after {
  display: block;
  content: " ";
  height: 0;
  clear: both;
  visibility: hidden;
}
.layout {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.custom-data{
    width: 100%;
    height: 600px;
    /* padding: 110px 100px 120px; */
    padding: 110px 0 120px;
}
.custom-data .left{
    width: 48%;
    height: 370px;
    float: left;
}
.custom-data .right{
    width: 48%;
    height: 370px;
    float: right;
}
.custom-data .left h4,.custom-data .right h4{
    font-size: 24px;
}
.custom-data .left .line,.custom-data .right .line{
    display: block;
    width: 52px;
    height: 2px;
    background-color: #f08300;
    margin: 26px 0 18px;
}
.custom-data .left p,.custom-data .right p{
    font-size: 16px;
    margin: 8px 0;
    color: #717171;
    line-height: 25px;
}
.bg-white {
  background-color: #F1F4F9;
}
.bg-white2 {
    background-color: #fff;
}

.custom-data .head{
    text-align: center;
    padding-bottom: 70px;
}
.custom-data .head>div{
    margin: 0 auto;
    width: 394px;
    height: 22px;
    border-bottom: 1px solid #dcdcdc;
}
.custom-data .head>div span{
    background-color: #ffffff;
    font-size: 26px;
    padding: 0 14px;
}
.custom-data .head p{
    font-size: 16px;
    margin-top: 18px;
}
.custom-data .left .list,.custom-data .right .list{
    font-size: 18px;
    color: #f08300;
    margin: 20px 0 10px;
}
.custom-data .left .list>span,.custom-data .right .list>span{
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin-right: 14px;
    margin-top: -2px;
    background-color: #f08300;
}
.xiaodian{
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 2px;
    margin-right: 14px;
    margin-top: -2px;
    background-color: #f08300;
}
.nav-item-inner a{ color: #5E6773; }
.nav-item-inner a:hover{ color: #192537; }

.solution{ width: 100%;margin: 0;padding: 0;}
.solution .title{ width: 100%;margin: 0;}
.solution .title .text{ font-size: 0.36rem;color: #333333;margin: 0;padding: 0;}
.solution .title .hr-mid{ height: 0.2rem;border-bottom: 1px solid #dcdcdc;}
.solution .description{ width: 6.9rem;margin: 0 auto;}
.solution .description p{ font-size: 0.3rem;line-height: 0.5rem;}
.solution .item-list{ margin: 0 0.3rem;padding: 0;display: flex;background-color: #ffffff;}
.solution .item-list .item-head{ width: 1.1rem;}
.solution .item-list .item-head img{ width: 0.7rem;height: 0.7rem;margin-top: 0.4rem;}
.solution .item-list .item-content{ flex: 1;font-size: 0.3rem;}
.solution .item-list .item-content h4{ margin:0.5rem 0 0.2rem;font-size: 0.34rem;}
.solution .item-list .item-content p{ margin-bottom:0.5rem;line-height: 0.5rem;padding-right: 0.2rem;}
.space-h-80{  height: 0.8rem;display: block}
.space-h-30{  height: 0.3rem;display: block}
.space-h-20{  height: 0.2rem;display: block}
.solution-head{
    font-size: 0.3rem;
    color: #f08300;
    margin: 0 0.5rem;
}
.solution-head div{
    width: 0.3rem;
    height: 0.3rem;
    vertical-align: text-bottom;
    background-color: #f08300;
    margin-right: 0.2rem;
    border-radius: 3px;
}
.solution-content{
    font-size: 0.3rem;
    color: #565656;
    margin: 0 0.5rem;
    line-height: 0.5rem;
}
.solution-img{
    margin: 0 0.5rem;
    height: auto;
}
.solution-img img{
   width: 6.5rem;
}
.solution-title{
    margin-left: 0.5rem;
    font-size: 0.32rem;
    color: #333333;
}
.inline-block{  display: inline-block;}
.bg-f3{ background-color: #f3f3f3;}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .custom-bar{display: none;}
    .custom-data{padding: 10px;padding-top: 10px!important;height: auto;}
    .layout{width: 100%;}
    .custom-data .left{width: 100%;height: auto;}
    .custom-data .left img{width: 100%;}
    .custom-data .right img{width: 100%;height: auto;}
    .custom-data .right{width: 100%;height: auto;}
    .custom-data .head{padding: 10px;}
    .custom-data .head>div{width: 100%}
    }