/* 字体缩放 */
.font24{font-size:24px;}
.font26{font-size:26px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font36{font-size:36px;}
.font40{font-size:40px;}
.font50{font-size:50px;}
.font60{font-size:60px;}
@media (max-width:1440px){
    .font40{font-size:38px;}
    .font50{font-size:48px;}
    .font60{font-size:58px;}
}
@media (max-width:1366px){
    .font24{font-size:22px;}
    .font26{font-size:24px;}
    .font36{font-size:34px;}
    .font32{font-size:30px;}
    .font40{font-size:36px;}
    .font50{font-size:46px;}
    .font60{font-size:56px;}
}
@media (max-width:1280px){
    .font26{font-size:22px;}
    .font30{font-size:28px;}
    .font36{font-size:32px;}
    .font32{font-size:28px;}
    .font40{font-size:34px;}
    .font50{font-size:44px;}
    .font60{font-size:54px;}
}
@media (max-width:991px){
    .font24{font-size:22px;}
    .font30{font-size:28px;}
    .font36{font-size:30px;}
    .font32{font-size:26px;}
    .font40{font-size:34px;}
    .font50{font-size:40px;}
    .font60{font-size:50px;}
}
@media (max-width:767px){
    .font24{font-size:20px;}
    .font26{font-size:22px;}
    .font30{font-size:22px;}
    .font32{font-size:24px;}
    .font36{font-size:24px;}
    .font40{font-size:26px;}
    .font50{font-size:28px;}
    .font60{font-size:30px;}
}
@media (max-width:360px){
    .font24{font-size:20px;}
    .font30{font-size:22px;}
    .font32{font-size:22px;}
    .font36{font-size:22px;}
    .font40{font-size:24px;}
    .font50{font-size:26px;}
    .font60{font-size:28px;}
}


html{
    scroll-behavior: smooth;
}
.about_title{
    /* background:url('/template/default/index/static/images/cp_tit.jpg') ; */
    background-size: cover;
    width: 100%;
/* height: 614px; */
position: relative;
}
.about_titlemb{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
background: linear-gradient(80deg, #000 0.17%, rgba(0, 0, 0, 0.00) 31.12%);
}
.about_title1{
    color: #FFF;
font-family: Microsoft YaHei;
/* font-size: 50px; */
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 24px;
}
.about_title2{
    color: #FFF;
font-family: Microsoft YaHei;
/* font-size: 24px; */
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
.about_titall{
    position: relative;
    z-index: 1;
    padding-top: 323px;
}
.procut_boxx{
    height: 870px;
    /* background: ; */
    display: flex;
}
.mbx{
    text-align: right;
    margin-top: 99px;
    padding-bottom: 43px;
}
.mbx,.mbx>a{
    color: #FFF;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;

}

.nav_two{
    height: 100%;
    overflow-x: auto;
    display: flex;
    z-index: 99;
}
.nav_two>div{
    margin-right: 60px;
    cursor: pointer;
    position: relative;
    flex-grow: 0;
 flex-shrink: 0;

}
.nav_two>div>a>span:nth-child(1){
    color:  #FFF;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.nav_two>div.active>a>span:nth-child(1){
    font-weight: 700;
}
.nav_two>div>span:nth-child(2){
    width: 0;
height: 5px;
background-color: #E62E2F;
position: absolute;
bottom: 0;
left: 0;
transition: .3s;

}
.nav_two>div.active>span:nth-child(2){
    width: 100%;
    transition: .3s;

}
.nav_two>div:hover .nav_twotit{
    font-weight: 700;
    transition: .3s;
}
.nav_two>div:hover .nav_twoline{
    width: 100%;
    transition: .3s;
}
.twonav{
    /* width: 1920px; */
    width: 100%;
height: 77px;
background: rgba(0, 138, 198, 0.80);
position: absolute;
top: 96px;
line-height: 77px;
z-index: 2;
}
.businessxq_tit{
    background-color: #fff;
}
.businessxq_one{
    width: 100%;
    display: flex;

}
.businessxq_one>div:nth-child(1){
    color:  #303030;
font-family: Microsoft YaHei;
/* font-size: 32px; */
font-style: normal;
font-weight: 700;
line-height: normal;
width: 40%;
}
.businessxq_one>div:nth-child(2){
    color:  #666;
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 225% */
    width: 60%;
}
.businessxq_one{
margin-bottom: 60px;
}
.businessxq_tit{
margin-top: 60px;
}
.businessxq_two{
width: 100%;
/* height: 600px; */
position: relative;
padding:  300px 0;
border-radius: 18px;
}
.businessxq_two>img{
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
    display: none;
}
.businessxq_box{
    margin-bottom: 60px;
}
.businessxq_good{
    width: 100%;
    /* height: 767px; */
    position: relative;

}
.businessxq_bj{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.businessxq_bj>img{
     position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.businessxq_mb{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
.businessxq_content{
    width: 100%;
    position: relative;
    z-index: 2;
    height: 100%;
}
.businessxq_contentitle{
    color: #FFF;
    font-family: Microsoft YaHei;
    /* font-size: 50px; */
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding-top: 100px;
}
.businessxq_contenttabs{
    padding-bottom: 48px;
   margin-top: 437px;
   display: flex;
   justify-content: space-between;

}
.businessxq_tabever{
    margin-right: 24px;
    cursor: pointer;
}

.businessxq_tabever:hover .businessxq_tabeverline{
    background-color: #008AC6;
}
.businessxq_tabever.active>div:nth-child(1){
    background-color: #008AC6;
}
.businessxq_tabever>div:nth-child(1){
    width: 100%;
    height: 2px;
    background-color: #DCDCDC;
}
.businessxq_tabever>div:nth-child(2){
    color: #FFF;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 18px;
margin-top: 18px;
}
.businessxq_tabever>div:nth-child(3){
    color:  #FFF;
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.businessxq_tabever:last-child{
    margin-right: 0;
}
.businessxq_bj>img{
    display: none;
}
.businessxq_bj>.active{
    display: block;
}
.cp_con{
    width: 100%;
    /* height: 680px; */
    background: url('/template/default/index/static/img/cp_bj.png');
    background-size: cover;
}
.cp_box{
    width: 100%;
    display: flex;
    /* align-items: center; */
    height: 100%;
    padding-top: 67px;
    padding-bottom: 67px;
}
.cp_boxleft{
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.cp_boxcenter{
    width: 40%;
}
.cp_boxright{
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.cp_boxleft>div{
    margin-top: 252px;
}
.cp_boxleft>div:nth-child(1){
    color:  #FFF;
font-family: Microsoft YaHei;
/* font-size: 32px; */
font-style: normal;
font-weight: 700;
line-height: 56px; /* 175% */
margin-top: 0
}
.cp_boxleft>div>div:nth-child(1){
    color: #FFF;
font-family: Microsoft YaHei;
/* font-size: 24px; */
font-style: normal;
font-weight: 700;
line-height: 40px; /* 166.667% */
margin-bottom: 10px;
}
.cp_boxleft>div>div:nth-child(2){
    width: 10px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 18px;
}
.cp_boxleft>div>div:nth-child(3){
    color: #FFF;
    font-family: Microsoft YaHei;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 166.667% */

}
.cp_boxleft>div>div:nth-child(4){
    margin-top: 28px;
}
.cp_boxleft>div>div:nth-child(4) a{
    display: inline-flex;
padding: 10px 16px;
align-items: center;
border-radius: 47px;
background:  #FFF;
justify-content: center;
}
.cp_boxleft>div>div:nth-child(4) span{
    color: #008AC6;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-right: 8px;
}
.pro_top2title{
    cursor: pointer;
    padding: 24px 0;
    border-bottom: 1px solid #EFEFEF;
    display: flex;
    justify-content: space-between;
    color:  #FFF;
font-family: Microsoft YaHei;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.jiantou{
    display: none;
}
.pro_top2title.active>div:nth-child(1) {
    font-weight: 700;
}
.pro_top2title.active>.jiantou {
    display: block;
}
.cp_boxcenter img{
    display: none;
}
.cp_boxcenter>.active{
    display: block;
}
.businessxq_twomb{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
}
.businessxq_two>span{
    position: absolute;
    left: 50%;
    top: 50%;
transform: translate(-50%,-50%);
color: #FFF;
font-family: Microsoft YaHei;
/* font-size: 50px; */
font-style: normal;
font-weight: 700;
line-height: normal;
z-index: 3;
}


@media screen and (max-width:991px) {
  
.twonav{
    position: fixed;
    top: 80px;
    height: 61px;
    line-height: 61px;
}
.nav_two>div{
    margin-right: 25px;
}
.about_titall{
    text-align: center;
}
.businessxq_two{
    background: none !important;
    padding: 0;
}


.businessxq_two>img{
    display: block;
}
.businessxq_contentitle{
    padding-top: 50px;
}
.businessxq_contenttabs{
    margin-top: 250px;
}
.cp_box{
    flex-wrap: wrap;
}
.cp_boxleft{
    width: 100%;
}
.cp_boxcenter{
    width: 100%;
}
.cp_boxright{
    width: 100%;
}
.cp_boxleft>div:nth-child(2) {
    margin-top: 50px;
}
.businessxq_contenttabs{
    flex-wrap: wrap;
}
.businessxq_tabever {
    width: 100%;
    margin-bottom: 20px;
}
.businessxq_one{
    flex-wrap: wrap;
}
.businessxq_one>div:nth-child(1){
    width: calc(100% - 50px);
}
.businessxq_one>div:nth-child(2){
    width: calc(100% - 50px);
    margin-top: 20px;
}
.businessxq_one{
    margin-bottom: 20px;
}

}
<!--0.00018095970153809-->