.lBanner{
    padding: 83px 0;
}
.lBanner .layout{}
.lBanner .layout h2{
    text-align: right;
    color: white;
    font-size: 50px;
    text-transform: uppercase;
}
.ListCon{
    padding-bottom: 100px;
}
.ListCon .layout{
}
.ListCon .location{
    margin-top: 50px;
    margin-bottom: 40px;
}
.location{
    border-bottom: 2px solid var(--conmmonColor);
}
.location ul{
    display: flex;
    line-height: 2;
    flex-wrap: wrap;
    text-transform: capitalize;
}
.location ul li{
    font-size: 16px;
}
.location ul li a{}
.location ul li span{
    padding: 0 10px;
}
.new_con{
    font-size: 14px;
    line-height: 1.5;
}
.ListCon .l_pro{
    margin-top: 50px;
}
.l_pro{display: flex;justify-content: space-between;}
.l_pro .l_aside{}
.l_pro .l_pro{}
.hr{height:3px;background: #d8d8d8;margin-top: 50px;margin-bottom: 20px;}
.l_aside{
    width: 200px;
}
.l_aside .title{
    font-size: 36px;
    text-transform: capitalize;
    /* font-weight: bold; */
    border-bottom: 4px solid #d8d8d8;
    color: black;
    padding-bottom: 10px;
    font-family: 'anton';
    display: inline-block;
}
.l_aside ul{
    margin-top: 30px;
}
.l_aside ul li{
    margin-bottom: 10px;
    font-weight: bold;
}
.l_aside ul li a{
    color: var(--conmmonColor);
    font-size: 24px;
}
.l_aside ul li a.active,.l_aside ul li a:hover{
    color: black;
}
.l_pro{}
.l_pro .l_proList{}
.l_pro .pagination{}
.l_proList,.apps_01{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 250px);
    align-items: flex-start;
    flex-direction: column;
}
.l_proList .flex{
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    display: flex;
}
.l_proList li{
    width: 29%;
    margin-bottom: 40px;
}
.l_proList li a{}
.l_proList li .pro_list{}
.l_pro .pagination{}
.l_pro .detail_H1{}
.apps_01{}
.apps_01 .apps_tt{}
.apps_01 .apps_list{
    width: 100%;
}
.apps_01 .app_more{
    text-align:left;
    width: 100%;
}
.apps_01 .app_more .common_more{margin-top:0}
.apps_tt{
    font-size: 18px;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #D8D8D8;
    color: #271A5C;
    line-height: 2;
    padding-bottom: 5px;
    margin-bottom: 20px;
    position: relative;
}
.apps_tt p{}
.apps_tt span{
    position: absolute;
    width: 0;
    height: 0;
    top: -90px;
}
.apps_list{}
.apps_list li{margin-bottom: 20px;}
.apps_list li a{
    display: flex;
    justify-content: space-between;
}
.apps_list li .ro{
    width: calc(100% - 250px);
}
.apps_list li .ro .title{
    font-size: 16px;
    font-weight: bold;
}
.apps_list li .ro .desc{
    font-size: 14px;
}
.apps_list li .pic_con{
    width: 200px;
    padding-bottom: 80px;
}
.detail_H1{
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 40px;
    padding-bottom: 10px;
    color: #363535;
}
.detail_H1 h1{
    font-size: 30px;
}
.l_pro .detail_top{}
.detail_top{
    display: flex;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.detail_top .pic{
    width: 50%;
}
.detail_top .pic img{}
.detail_top .ro{
    width: 50%;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 16px;
}
.detail_top .ro ul{}
.detail_top .ro ul li{
    display: flex;
    font-size: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D5D3D3;
    padding-bottom: 20px;
}
.detail_top .ro ul li strong{
    width: 215px;
    color: #363535;
}
.detail_top .ro ul li p{
    color: #4E4E4E;
}
.detail_top .ro .btu{
    display: inline-block;
    height: 32px;
    line-height: 32px;
}
.detail_top .ro .btu a{
    background-color: var(--conmmonColor);
    color: white;
    display: inline-block;
    font-size: 16px;
    border:1px solid;
    width: 200px;
    text-align: center;
}
.detail_top .ro .btu a:hover{
    color:var(--conmmonColor);
    background:white
}
.l_pro .new_con{}
.l_pro .hr{}
.l_pro .tj_pro{}.tj_pro{
    padding-top: 20px;
}
.tj_pro{}
.tj_pro .common_title{
    font-size: 24px;
}
.tj_pro .common_title a{
    color:#271A5C
}
.tj_pro .index_hot_pro_other{}
.l_pro .about_01{}
.l_pro .about_02{}
.l_pro .about_03{}
.l_pro .about_04{}
.l_pro .about_05{}
.about_01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about_01 .abtoppic{margin-bottom:20px}
.about_01 .ro{
    /* width: 47%; */
    font-size: 14px;
    line-height: 1.8;
}
.about_01 .pic_con{
    width: 100%;
    padding-bottom: 33.4%;
    margin-top: 20px;
    height: auto;
    /* padding-bottom: 0; */
}
.about_01 .pic_con img{
    !i;!;
    transform: scale(1);
}
.about_02{}
.about_02_ .new_con{
    line-height: 1.7;
    margin: 50px auto;
}
.about_02 .common_title{}
.about_02 .list{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: space-between;
    flex-wrap: wrap;
}
.about_02 .list li{
    width: 23.5%;
    color:white
}
.about_02 .list li:nth-of-type(1){background-color:#271a5c}
.about_02 .list li:nth-of-type(2){background-color:#f3eaea;color:black}
.about_02 .list li:nth-of-type(3){background-color:#594c8e}
.about_02 .list li:nth-of-type(4){background-color:#c4c4c4;color:black}
.about_02 .list li:nth-of-type(2) h3,
.about_02 .list li:nth-of-type(4) h3{color:#271a5c}
.about_02 .list li .ro{
    padding: 15px;
}
.about_02 .list li .ro h3{
    font-size: 20px;
    height: 90px;
    line-height: 38px;
    font-family: 'Anton';
    font-weight: normal;
    padding-right: 42px;
    background-image: url(../imgs/ab_ico04.webp);
    background-repeat: no-repeat;
    background-position: right 10px;
} 
.about_02 .list li:nth-of-type(2) .ro h3{background-image: url(../imgs/ab_ico03.webp);}
.about_02 .list li:nth-of-type(3) .ro h3{background-image: url(../imgs/ab_ico02.webp);}
.about_02 .list li:nth-of-type(4) .ro h3{background-image: url(../imgs/ab_ico01.webp);}
.about_02 .list li .ro p{
    font-size: 14px;
    margin-top: 20px;
    height: 90px;
    overflow-y: auto;
}
.about_02 .list li .pic_con{
    padding-bottom: 63%;
}
.about_02 .list li .pic_con img{}
.about_03{
    padding: 100px;
    background-size: cover;
}
.about_03 .flex{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.about_03 .ro{
    color: white;
    width: 42%;
    font-size: 16px;
    line-height: 1.7;
}
.about_03 .ro .title{
    font-family: 'Anton';
    font-size: 32px;
}
.about_03 .ro .desc{
    font-size: 14px;
    line-height: 1.5;
    margin-top: 50px;
}
.about_03 .pics{
    width: 50%;
} 
.about_04{}
.about_04 .flex{
    display: flex;
    justify-content: space-between;
    /* margin: 50px auto; */
    background-color: #F3EAEA;
}
.about_04 .pic_con{
    width: 67%;
    padding-bottom: 27%;
}
.about_04 .pic_con img{
    transform: scale(1);
}
.about_04 .ro{
    width: 33%;
    padding-top: 5%;
    font-size: 14px;
    padding-left: 3%;
    padding-right: 2%;
    color: #333333;
}
.about_04 .ro .p1{
    font-size: 14px;
}
.about_04 .ro .p2{
    margin-bottom: 20px;
    font-family: 'Anton';
    color: #333333;
}
.about_04 .ro .p3{
    font-size: 14px;
}
.about_041{
    margin-top: 30px;
    margin-bottom: 50px;
}
.about_041 .ro{}
.about_041 .ro .p3{}
.about_041 .pic_con{
    width: 60%;
    margin: 0 auto;
    padding-bottom: 24%;
    margin-top: 15px;
}
.about_041 .pic_con img{
    transform: scale(1);
}
.about_05{
    background-color: #f3eaea;
}
.about_05 .i_info_left{
    background-color: #f3eaea;
    padding: 20px;
}
.about_05 .i_info_left .common_title a{color: var(--conmmonColor) !important;}
.about_05 .inp_list .item input{
    border-bottom: 2px solid var(--conmmonColor);
    color: var(--conmmonColor) !important;
}
.about_05 .i_info_form {
    padding-bottom: 50px;
}
.about_05 .i_info_form .text textarea{
    border-bottom: 2px solid var(--conmmonColor);
    color: var(--conmmonColor) !important;
}
.about_05 .i_info_form .inp_list .item{width:48%}
.about_05 .i_info_form .sub{text-align:center}
.about_05 .i_info_form .sub input{width:120px}
.about_05 .common_title{}
.about_05 .common_title{
    text-align: center;
    text-transform: uppercase;
    color: #271A5C;
}
.about_05 .i_info_form .p{color: var(--conmmonColor);opacity: 1;}
.news_01{}
.news_01 .i_blog_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
} 
.news_01 ul li{
    width: 19.5%;
    margin-bottom: 30px;
}
.news_01 ul li a{}
.news_01 ul li .pic_con{
    padding-bottom: 127%;
}
.news_01 ul li .title{}
.news_01 ul li .time{
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    color: #363535;
}
.news_01 ul li a{}
.news_02{}
.news_02 .top_title{
    display: flex;
    align-items: flex-end;
} 
.news_02 .top_title h1{
    font-size: 24px;
    width: calc(100% - 100px);
}
.news_02 .top_title time{
    font-size: 16px;
}
.news_02 .new_con{
    margin-top: 50px;
} 
.news_02 .new_con img{width:auto}
.news_02 .new_con video{
    margin: 50px auto;
    display: block;
} 
.news_02 .index_hot{} 
.news_02 .index_hot .common_title{
    text-align: left;
    color: #271A5C;
} 
.news_02 .index_hot .pic_con{} 
.news_02 .index_hot .title{} 
.news_02 .i_blog_list .time{
    text-align: center;
    font-size: 18px;
    margin-top: 21px;
    color: #363535;
} 
.about_05 .i_info_right{background-color: var(--conmmonColor);display: flex;justify-content: center;padding: 50px 20px;}
.about_05 .i_info_right .ro{color: white;/* max-width: 500px; */display: flex;}
.about_05 .i_info_right i{color: white;margin-right: 30px;}
.about_05 .i_info_right .roA{
    margin-top: 0;
    margin-right: 30px;
}
.about_05 .i_info_right .roA .p{color: white;}
.new_page{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 15px;
    margin-top: 50px;
}
.new_page a{
    display: flex;
    font-size: 14px;
    align-items: center;
    text-decoration: none !important;
}
.new_page p{
    border-bottom: 1px solid #D8D8D8;
    padding: 0 10px;
}
.new_page i{}
.new_page a:hover p{background:var(--conmmonColor);color:white}
@media (max-width:640px) {
    .c_footer .layout{display:flex;flex-direction: column;width: auto;margin: 0 30px;}
    .c_f_left .list{margin-top: 10px;}
    .apps_list li a{display:flex;flex-direction: column-reverse;}
    .l_proList, .apps_01{width:100%}
    .apps_list li .ro{width:100%}
    .apps_list li .pic_con{width:100%;padding-bottom: 40%;margin-bottom: 10px;}
    .detail_H1{
    margin-top: 30px;
    margin-bottom: 20px;
}
    .index_hot .index_hot_pro_other{margin-top:30px;margin-bottom: 40px;}
.slider_banner .swiper-slide img.pc{display:none}
.slider_banner .swiper-slide img.mm{display:block}
  .common_title{font-size: 34px;line-height: 45px;margin-bottom: 30px;margin-top: 50px;}
    .ListCon{padding-bottom:50px}
    .location ul li{font-size:18px}
    .detail_H1 h1{font-size:28px}
    .index_app_list .item{/* width:50%; */}
    .index_app_list .item{/* padding-bottom: 71%; */}
    .index_app_list .item .ro{opacity:1;background: none;height: 100%;}
    .i_pro_hd a{font-size:18px;line-height: 30px;}
    .i_pro_hd li{/* margin: 0; */width: auto;/* padding: 10px; *//* border: none; */margin-right: 10px;}
    .i_pro_list li{width:48%}
    .index_about .list .item{width:100%;margin-bottom: 20px;}
    .i_blog_list{border-top: 1px solid #271A5C;}
    .i_blog_list_swiper {border-top:none}
    .i_blog_list li{width: 100%;margin-bottom: 0;border-bottom: 1px solid #271A5C;background-image: url(../imgs/news_more.webp);background-repeat: no-repeat;background-position: 95%;margin-top: 0;padding: 15px 0;}
    .i_blog_list .item{display:none}
    .news_02 .index_hot .pic_con{display:block}
    .i_blog_list .title{
    /* width: calc(100% - 30px); */
    /* background-image: url(../imgs/news_more.webp); */
    /* background-repeat: no-repeat; */
    /* background-position: right; */
    margin-top: 0;
    text-align: left;
    margin-right: 7%;
    width: auto;
} 
    .news_02 .index_hot .title{margin-top: 20px;width: 100%;}
     .index_info{padding:0}
    .index_info .layout{width: 100%;}
    .index_info .i_info_left{width:100%;padding: 30px;}
    .index_info .i_info_right{width:100%;padding: 30px;}
    .c_f_left .logo img{width: 36px;}
    .c_footer .c_f_left{width:100%;padding-top: 0;/* margin-top: -41px; */}
    .c_footer .c_f_right{width:100%;display: flex;justify-content: flex-start;}
    .c_f_right .list{width:auto;margin-top: 15px;}
    .c_f_right .list li{margin: 0;margin-right:5px;}
    .c_f_right .list li img{width:30px;height: auto;object-fit: contain;}
	.lBanner{padding: 50px 0;}
	.lBanner .layout h2{font-size: 40px;}
    .l_pro .l_aside{width: 100%;margin-bottom: 50px;}
    .l_proList{width:100%}
    .l_proList li{width:48%}
    .detail_top .pic{width:100%}
    .detail_top .ro{width:100%;padding: 20px;}
    .detail_top .ro ul li{font-size:18px}
    .detail_top .ro ul li strong{width:200px}
    .location ul{line-height:1.5;padding-bottom: 15px;}
	.inp_list .item{width:100%}
    .about_01 .ro{width:100%}
    .about_02 .list li{width:100%}
    .about_02 .list li .ro p{height:auto}
    .about_02 .list li .ro h3{height:auto;background-size: 25px;}
    .about_01 .pic_con{width:100%;padding-bottom: 50%;margin-top: 30px;}
    .about_03 .ro{width:100%}
    .about_03 .pics{width:100%}
    .about_03{padding:20px}
    .about_04 .pic_con{width:100%;padding-bottom: 42%;}
    .about_04 .ro{width:100%;margin-top: 20px;padding-bottom: 20px;}
	.news_01 ul li{width: 100%;margin-bottom: 0;}
    .news_02 .new_con video{width:100%}
    .index_banner .swiper-slide p{font-size: 26px;/* width: 90%; */}
    .news_01 ul li .time{display:none}
    .news_01 .i_blog_list{gap: 0;}
    .news_02 .top_title{display:flex;flex-direction: column;align-items: flex-start;}
}