@charset "utf-8";
@media screen and (min-width:2000px) {
    .idxapp {height: 1250px;}
    .idxprobox {padding-left: 17%;}
}

@media screen and (max-width:1900px) {
    .indc {line-height: 1.4;}
    .slideTxtBox .bd,.slideTxtBox .bd ul,.slideTxtBox  {height: 100%;}
    .idxapppic img {width: 100%;height: 100%;object-fit: cover;}
    .idxapppic {height: 100%;}
}
@media screen and (max-width:1600px) {
    .wallprebox_r {width: 28%;}
    .wallprebox_ldesc {width: 50%;}
    .wallspec_r table tr td:nth-child(2) {padding-left: 40px;}
    .walldown img {height: 400px;object-fit: cover;}
    .wallclrdesc p {height: 50px;}
    .walljectboxprev {right: 13.5%;}
    .wall_strboxlitit {padding: 30px;width: auto;min-width: auto;}
    .wall_strboxli ul li:nth-child(2) {right: 125px;}
    .wall_strboxli ul li:nth-child(3) {left: 100px;}
    .wall_strboxli293 ul li:nth-child(2) {right: 300px;}
    .wallfeatli_desc p {font-size: 15px;}
    .continfo_r ul li a {font-size: 24px;}
}
@media screen and (max-width:1500px) {
    .slideTxtBox .hd {right: 3%;}
    .bannerdesc h3,.idxabt_t_l h2 ,.idxappbox_desc h3,.idxhowbox h3,.idxproname h2{font-size: 50px;}
    .idxproswiperprev {right: 15%;}
    .idxprobox .swiper-slide {width: 555px;}
    .idxjectbox .swiper-slide {width: 600px;}
    .idxpjtdesc,.idxprobox_img {height: 400px;}
    .wall_strboxli ul li:nth-child(2) {right: 95px;}
    .wall_strboxli293 ul li:nth-child(2) {right: 240px;}
    .wall_strboxli ul li:nth-child(3) {left: 70px;}
    .wallspec_r table td {padding: 20px;}
    .wallspec_r table tr td:nth-child(2) {padding-left: 20px;}
    .wallspec_r table tr:first-child td {font-size: 18px;}
    .pfessme_name {width: 60%;}
    .prfmetwsprev {left: 0px;}
    .pfmetswbox_r img {height: 600px;}
}
@media screen and (max-width:1400px) {
    .slideTxtBox .hd li {font-size: 18px;}
    .idxapp {height: 800px;}
    .wall_strboxli ul li:nth-child(2) {right:60px;}
    .wall_strboxli293 ul li:nth-child(2) {right: 202px;}
    .wall_strboxli ul li:nth-child(3) {left: 40px;}
    .wallpgeimgs {height: 300px;}
    .wallcolorname h3,.wallspec_l h3,.wallfeat_name h3,.wall_strbox h3,.wallprebox_ldesc h3 {font-size: 40px;}
    .wall_strbox h3 {padding-right: 62%;}
    .wallject .idxpjttitle h3 {font-size:24px;}
    .fabguibox ul li {height: 550px;}
    .fabguilidesc {height: 300px;}
    .fabguilidesc p {font-size: 14px;line-height: 1.4;}
    .prfmetwsnext, .prfmetwsprev {width: 50px ; height: 50px;top: 75%;}
    .prfmetwsnext::after, .prfmetwsprev::after {font-size: 16px;}
       .prfmetwsnext {left: 5%;}
       .ctsyscasesbox {padding-left: 3%;}
       .pfmetswbox_r img {height: 500px;}
}

@media screen and (max-width:1300px) {
    .nav>ul>li {padding: 0px 20px;}
    .topr a {width: 130px;height: 50px;line-height: 50px;}
    .idxjectbox .swiper-slide {width: 550px;}
    .idxpjtdesc,.idxprobox_img {height: 370px;}
    .idxabt {padding-top: 120px;}
    .wall_strboxli ul li:nth-child(2) {right:21px;}
    .wall_strboxli ul li:nth-child(3) {left: 0px;}
    .pfmetswbox_l {padding-top: 250px;}
    .ctypelist li{padding:  20px 30px;}
    
}
@media screen and (max-width:1200px) {
    .idxprobox .swiper-slide,.idxjectbox .swiper-slide  {width: 500px;}
    .idxpjtdesc,.idxprobox_img {height: 350px;}
    .blancfeat_l {width: 37%;}
    .wallfeatbox ul {min-width: 1280px;}
    .blancfeat_r ul {min-width: auto;}
    .blancfeat_r {width: 60%;}
    .blancfl_desc h3 {font-size: 22px;}
    .blancfl_desc p {font-size: 14px;line-height: 1.4;}
    .fabguilidesc h3 {font-size: 24px;}
    .fabguibox ul li {padding: 20px;}
    .wallprebox_ldesc p {font-size: 15px;line-height: 1.4;}
    .ctypelibtn {width: 110px;}
    .ctypelibtn p {margin-right: 5px;}
    .bannerdesc h3, .idxabt_t_l h2, .idxappbox_desc h3, .idxhowbox h3, .idxproname h2,.neibandesc h2,.fabguiname h3,.pfmetswboxname h3 ,.ctsysname h3,.ctypename h2,.continfo_l h3,.cmessname h3{font-size: 40px;}
}

@media screen and (max-width:1100px) {
    .nav>ul>li {padding: 0px 10px;}
    .topr a {width: 120px;height: 40px;line-height: 40px;}
    .idxapp {height: 700px;}
    .idxappbox_desc {padding-top: 350px;}
    .idxprobox .swiper-slide, .idxjectbox .swiper-slide {width: 400px;}
    .idxpjtdesc, .idxprobox_img,.ctsyscasesbox .idxprobox_img {height: 300px;}
    .idxprobox_desc h3 {font-size: 30px;}
    .idxprobox_desc p {line-height: 1.4;}
    .idxproswiperprev {right: 17%;}
    .wallprebox_ldesc h3 {margin-bottom: 20px;}
    .wall_strbox h3 {padding-right: 50%;}
     .wallfeatbox  {width: 100%;overflow-x: scroll;}
    .walldownbox {padding-left: 80px;}
    .walldownbox h4 {width: 55%;}
    .wallclrlist ul li {width: 18%;}
    .wallclrlist ul li:nth-child(6n) {margin-right: 1.5%;}
    .wallpgeimgs {height: 250px;}
    .wallpgedesc h3 {font-size: 24px;}
    .wallpgedesc p {font-size: 14px;line-height: 1.4;}
    .walljectboxprev {right: 15.5%;}
    .wallstructure {padding-bottom: 120px;}
    .ctsysname299 h3,.ctsysname300 h3,.ctsysname301 h3,.ctsysname302 h3,.ctsysname303 h3 ,.ctsysname304 h3,.ctsysname305 h3,.ctsysname298 h3  {width: 55%;}
    .continfo_r ul li a {width: 80%;font-size: 20px;}
    .numCX {font-size: 40px;}
}
@media screen and (max-width:1000px) {
    .bannerimg {height: 500px;object-fit: cover;}
    .logo a img {height: 45px;}
     .nav>ul>li {padding: 0px 5px;}
    .nav>ul>li>a ,.topr a{font-size: 14px;}
    .topr a {width: 80px;height:30px;line-height: 30px;}
    .bannerdesc h3, .idxabt_t_l h2, .idxappbox_desc h3, .idxhowbox h3, .idxproname h2,.wallcolorname h3, .wallspec_l h3, .wallfeat_name h3, .wall_strbox h3, .wallprebox_ldesc h3,.fabguiname h3 ,.pfmetswboxname h3,.neibandesc h2,.ctsysname h3,.ctypename h2,.continfo_l h3,.cmessname h3{font-size: 32px;}
    .idxabt_t_l h2 {margin: 30px 0px;}
    .idxabt_t_l p {font-size: 16px;line-height: 1.4;}
    .numCount ul::before, .numCount ul::after {display: none;}
    .numCount ul li {width: 48%;}
    .idxappbox_desc h3 {margin: 50px 0px;}
    .slideTxtBox .hd li {font-size: 12px;}
    .idxprobox {padding-left: 3%;}
    .idxproswipernext, .idxproswiperprev {width: 50px;height: 50px;top: -22px;}
    .idxjectboxswipernext, .idxjectboxswiperprev {width: 50px;height: 50px;top: 55%;}
    .idxpjtdesc,.idxprobox_img ,.ctsyscasesbox .idxprobox_img{border-radius: 14px;}
    .footlogo a img {height: 90px;}
    .footnav {width: 70%;}
    .fmright {width: 30%;}
    .neibanner img {height:350px;object-fit: cover;}
    .wallprebox_ldesc p {font-size: 14px;}
    .wall_strboxli ul li {display: block;}
    .wall_dian {margin: 15px 0px;}
    .wallspec_r table td {padding: 20px;}
    .wallspec_l  {width: 30%;}
    .wallspec_l h3 {width: 100%;}
    .walldown {border-radius: 10px;}
    .wallclrlist ul li {width: 23%;}
    .wallclrimgs {height: 150px;}
    .wallpgeimgs {height: 190px;border-radius: 10px;}
    .wallpgedesc h3 {font-size: 20px;}
    .wallpgedesc p {font-size: 11px;line-height: 1.2;}
    .walljectboxnext, .walljectboxprev {width: 50px;height: 50px;top: -110px;}
    .wall_strboxli ul li:nth-child(3) {top: 310px;}
    .wall_strboxlitit {padding: 20px;}
    .wallspec_r {overflow-x: scroll;}
    .blancfl_desc {padding: 20px;}
    .blancfl_desc h3 {font-size: 18px;}
    .blancfeat_r ul li {height: 265px;}
    .blancfeat {height: 565px;}
    .fabguilidesc {margin-bottom: 10px;}
    .fabguibox ul li {height: 400px;}
    .fabguilidesc h3 {font-size: 20px;}
    .fabguilidesc p {font-size: 13px;line-height: 1.2;}
    .pfessme_name {width: 100%;}
    .pfesmet_r ul li .blancfl_desc {margin-top: 0px;}
    .pfesmet_r ul li .blancfl_desc p {font-size: 13px;}
    .pfmetswbox_l {padding-top: 80px;}
    .pfmetswboxname {top: -50px;}
    .prfmetwsnext, .prfmetwsprev {top: 88%;}
    .prfmetwsnext {left:8%;}
    .prfmetwspagination {height: 4px;}
    .ctypelibox h3 {font-size: 17px;}
    .ctypelist li {padding: 20px 10px;}
    .ctypelibtn {height: 40px;width: 100px;}
    .ctypelibtn p {font-size: 14px;}
    .continfo_r {width: 60%;}
    .pfmetswbox_r img {height: 400px;border-radius: 10px;}
}
@media screen and (max-width:767px) {
    .topbox {height: 60px;}
    .logo a img {height: 35px;}
    .bannerdesc h3, .idxabt_t_l h2, .idxappbox_desc h3, .idxhowbox h3, .idxproname h2, .wallspec_l h3, .wallfeat_name h3, .wall_strbox h3, .wallprebox_ldesc h3 ,.fabguiname h3 ,.pfmetswboxname h3, .wallcolorname h3,.neibandesc h2,.ctsysname h3,.ctypename h2,.cmessname h3,.continfo_l h3{font-size: 26px;}
    .idxabt,.idxpro {padding: 60px 0px;}
    .idxabt_t_l {width: 100%;}
    .idxabt_t_r {width: 100%;border-radius: 10px;margin-top: 30px;}
    .idxabt_b {margin-top: 60px;}
    .indc {font-size: 12px;line-height: 1.2;}
    .numCX {font-size: 30px;}
    .slideTxtBox .hd {top: 60px;}
    .slideTxtBox .hd ul {justify-content: flex-start;}
    .slideTxtBox .hd li {padding: 0px 10px;margin:0px 0px 10px 10px;}
    .idxapp {height: 500px;}
    .idxappbox_desc {padding-top: 250px;}
    .idxappbox_desc h3 {margin: 20px 0px;}
    .idxproswiperprev {right: 20%;}
    .idxproswipernext, .idxproswiperprev {width: 40px;height: 40px;top: -12px;}
    .idxproswipernext::after, .idxproswiperprev::after {font-size: 16px;}
    .idxprobox {padding: 30px 0px 0px 3%}
    .idxprobox .swiper-slide {width: 260px;margin-right: 15px;}
   .idxprobox_img,.ctsyscasesbox .idxprobox_img {height: 200px;}
    .idxprobox_desc h3 {font-size: 20px;}
    .idxprobox_desc p {font-size: 12px;line-height: 1.2;}
    .idxject {padding: 60px 0px;}
    .idxjectbox {margin-top: 30px;}
     .idxjectbox .swiper-slide {width: 300px;}
     .idxpjtdesc {height: 220px;}
     .idxpjttitle {margin-bottom: 20px;}
     .idxpjttitle h3 {font-size: 20px;}
     .idxjectboxswipernext {right: 5%;}
     .idxjectboxswiperprev {left: 5%;}
     .idxhowbox {width: 100%;padding: 0px 10px;}
     .foot {padding-top: 60px;}
     .footlogo {text-align: center;width: 100%;}
     .footnav {display: none;}
     .fmleft ul li p {width: 90%;}
     .fmright {width: 100%;text-align: center;margin: 20px 0px 0px;}
     .fmrlinks {margin-top: 10px;}
     .fmrlinks a span {margin: 0px 10px;}
     .footbotlink {display: none;}
     .footbot p, .footbot a {line-height: 1.4;}
     .wallprebox_l,.wallprebox_limg,.wallprebox_ldesc,.wallprebox_r {width: 100%;}
     .wallprebox_ldesc {margin: 20px 0px;}
     .wall_presentation {padding: 60px 0px;}
     .wallstructure {padding: 60px 0px;}
     .wall_strbox h3 {padding-right: 0px;}
     .wall_strimg img {max-width: 90%;}
     .wall_strboxlitit {padding: 10px;width: 50%;margin-left: 10px;}
     .wall_strboxlitit h3 {font-size: 14px;}
     .wall_dian {text-align: right;}
     .wall_strboxli ul li {top: 123px;justify-content: flex-end;display: inline-flex;}
     .wall_strboxli ul li:nth-child(2) {top:290px;right: 15px;}
      .wall_strboxli ul li:nth-child(3) {top:220px;justify-content: flex-start;}
     .wall_strboxli ul li:nth-child(3) .wall_dian  {margin: 10px;}
     .wall_strboxli.wall_strboxli284 ul li:nth-child(1) {top: 150px;}
     .wall_strboxli.wall_strboxli284 ul li:nth-child(3) .wall_dian {margin: 0px;}
     .wall_strboxli.wall_strboxli284  ul li:nth-child(3) {left: -19px;top: 288px;}
     .wallfeat {padding: 60px 0px;}
     .wallfeatbox,.wallclrlist ul,.wallprorgebox ul {margin-top: 40px;}
     .wallspec_l {width: 100%;margin-bottom: 40px;}
     .wallspec_l h3 {width: 30%;}
     .wallspec_r {width: 100%;overflow-x: scroll;}
     .wallspec_r table {min-width: 800px;}
     .walldownbox {padding: 0px 10%;}
     .walldownbox h4 {width: 100%;}
     .wallclrlist ul li {width: 48%;}
     .wallprorgebox ul li {width: 100%;margin-bottom: 30px;}
     .wallpgeimgs {height: 260px;}
     .wallpgedesc p {font-size: 13px;line-height: 1.4;}
     .wallprorange {padding: 0px;}
     .walljectboxprev {right: 22%;}
     .wallject .idxpjttitle h3 {font-size: 18px;}
     .wallject {padding-bottom: 60px;}
     .backtop{display: none !important;}
     .wallspec_r table tr:first-child td {font-size: 16px;}
    .walljectboxnext::after, .walljectboxprev::after {font-size: 16px;}
     .blancfeat {height: auto;margin-bottom: 0px;}
     .blancfeat_l {width: 100%;height: 400px;}
     .blancfeat_r {width: 100%;margin-top: 30px;}
     .blancfeat_r ul li {height: 250px;width: 100%;}
     .wallspec,.fabgui {padding-top: 60px;}
      .wall_strboxlitit293 p {line-height: 1.4;font-size: 14px;}
      .fabguibox ul {margin-top: 40px;}
      .fabguibox ul li {width: 100%;height: auto;margin-bottom: 20px;}
      .fabguilidesc {height: auto;padding: 30px 0px;}
      .walldown {margin-top: 60px;}
      .pfesmet_l {height: auto;padding: 30px 0px;}
      .pfesmet_r ul li {height: auto;padding: 30px 0px;}
      .pfmetswbox_l {padding-top: 60px;width: 100%;}
      .pfmetswbox_r {width: 100%;margin-top: 30px;}
      .pfmetswbox .swiper-slide {flex-wrap: wrap;}
      .prfmetwsnext, .prfmetwsprev {display: none;}
      .prfmetwspagination {width: 100%;bottom: -40px;}
      .prometshow {padding-bottom: 100px;}
      .pfmetswbox_l h4 {font-size: 22px;}
      .ctypelibox h3 {font-size: 16px;margin-bottom: 15px;line-height: 1.4;}
      .ctypetop {padding-bottom: 0px;}
      .ctypefeat_name p {font-size: 14px;}
      .ctsysname299 h3,.ctsysname300 h3,.ctsysname301 h3 ,.ctsysname302 h3 ,.ctsysname303 h3,.ctsysname304 h3 ,.ctsysname305 h3 ,.ctsysname298 h3 {width: 100%;}
      .ctsystem {padding: 60px 0px;}
      .ctsyspic {margin-top: 40px;border-radius: 10px;margin-bottom: 60px;}
      .ctsyscasesbox {height: 310px;}
      .swiper-pagination-progressbar.ctspagination {bottom: 0px;}
      .contmess,.contactinfo {padding: 60px 0px;}
      .cmessname p {font-size: 15px;}
      .cmessformli,.continfo_l,.continfo_r {width: 100%;}
      .continfo_r ul li a {font-size: 16px;}
      .pfmetswbox_r img {height: 300px;}
}