.buju{overflow: hidden;display: flex;position: relative;width: 100%;    align-items: center;    height: 100vh;max-height:960px;}
.buju_left{padding:0px 8%;width:65%;height: 100%;    display: flex;
    align-items: center;}
.buju_left .left_li{
	border: #fff 1px solid;
	display:flex;
  	flex-wrap:wrap;
  justify-content: center;
	align-items: center;
	width:50%;
  float: left;
    height: auto;
  padding:50px 0;
}
.pro_icon{
	fill:#fff;
}
.buju_left .left_li:nth-child(2n){
	border-left:0;
}
.buju_left .left_li:nth-child(-n+2){
	border-bottom:0;
}
.buju_left_box{
width:100%;
}

.buju_left .box_txt{font-size:20px;color:#fff;width: 100%;text-align: center;}

.buju_right{
	background: linear-gradient(to right, rgba(0, 112, 192, 1), rgba(0, 152, 69, 1));
	padding:100px 4% 100px 5%;
	width:35%;
	color:#fff;
  height: 100%;
}
.buju_right .right_tilte{
	font-size:36px;
	    text-align: right;
}
.buju_right .right_tilte_en{
	font-size:36px;
	    text-align: right;
      font-family: "c7bf4826-0753-412f-88af-036023dd6c95";
}
.buju_right .nr{display: none;}
.sz{font-size:36px;font-family: "c7bf4826-0753-412f-88af-036023dd6c95";}
.bt{font-size:30px;}
.wz{font-size:16px;background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021121718440520887/cms/image/571afb2f-ff44-487c-addc-1cfd2b82bde4.png) no-repeat center left;
    padding-left: 20px;margin-top:5px;}
.ms{font-size:16px;margin-top:50px;line-height:30px;}
.buju_right button{    border: #fff 1px solid;
    border-radius: 4px;
    padding: 8px;
    background: none;
    color: #fff;
    margin-top: 50px;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 165px;
    width: 100%;
}


.buju_left .left_li.active{background: linear-gradient(to right, rgba(0, 112, 192, 0.7), rgba(0, 152, 69, 0.7));}
.buju_right .nr.active{display:block;}
.buju .li1.active .box_bg{
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022091620374533814/cms/image/2020ced4-0f23-4435-9300-09c02838e538.png) no-repeat top center;
    width: 100%;
    height: 100vh;
  max-height:960px;
    z-index: -2;
    background-attachment: fixed;
      background-size: cover;
}
.buju .li2.active .box_bg{
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022091620374533814/cms/image/c8203c6b-822e-4f1c-9acc-29c0e1b4330c.jpg) no-repeat top center;
    width: 100%;
    height: 100vh;
  max-height:960px;
    z-index: -2;
    background-attachment: fixed;
}
.buju .li3.active .box_bg{
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022091620374533814/cms/image/f4a828fc-230d-4013-8345-9c27c4cf87aa.jpg) no-repeat top center;
    width: 100%;
    height: 100vh;
  max-height:960px;
    z-index: -2;
    background-attachment: fixed;
}
.buju .li4.active .box_bg{
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022091620374533814/cms/image/59bf123e-fb38-484f-ab5f-519f9145f48c.jpg) no-repeat top center;
    width: 100%;
    height: 100vh;
  max-height:960px;
    z-index: -2;
    background-attachment: fixed;
}


.buju .box_bg:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:linear-gradient(to right, rgba(0, 112, 192, .7), rgba(0, 152, 69, .1));
  z-index:-4;
}

.buju_left .left_li:hover{
  background: linear-gradient(to right, rgba(0, 112, 192, 0.7), rgba(0, 152, 69, 0.7));
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

.buju_left{padding: 100px 3%;}
  .buju_right{
      padding: 50px 4% 50px 5%;
  }
  
}
@media only screen and (max-width: 768px){
	.buju{overflow: hidden;display: flex;position: relative;width: 100%;    align-items: center; height:auto;    flex-direction: column;max-height:unset;}
  .buju_left{width: 100%;padding: 30px 3%;}
  .buju_right{width: 100%;}
  .buju_left .box_txt{    font-size: 16px;}
  .buju_left .left_li{   width: 50%;}
  .buju_right{    padding: 30px 6%;}
  .buju .box_bg{
  	background-attachment:unset !important;
  }
.buju_right .right_tilte{font-size: 30px;
    text-align: left;}
.buju_right .right_tilte_en {
    font-size: 22px;
    text-align: left;
    
}
.bt {
    font-size: 24px;
}
.ms {

    margin-top: 20px;

}
.buju_right button{

    margin-top: 30px;

}
}