@media (min-width: 768px){
.n_content_right{width: 100%;height: auto;background: #f5f5f5;}
.n_content_right_m{width:100%;height: auto;margin: 0 auto;overflow: hidden;}

.xn_c_case_24_wrap{width:1200px;height: auto;margin: 0 auto;padding-top: 20px;}
.xn_c_case_24_nrwbox{width:100%;}
.xn_c_case_24_xhbox{width:100%;height: 237px;margin-bottom: 20px;background: #fff;}
.xn_c_case_24_lftbox{width:390px;height: 237px;overflow: hidden;float: left;}
.xn_c_case_24_lftbox img{width:100%;height: 100%;transition: all 0.5s;}
.xn_c_case_24_lftbox img:hover{transform: scale(1.1);}
.xn_c_case_24_ritbox{width:810px;padding-left: 77px;float: right;height: 237px;display: table;}
   .xn_c_case_24_ritboxw{display: table-cell; vertical-align: middle;}
.xn_c_case_24_title{height: 40px;line-height: 40px;font-size: 20px;color: #424242;}
.xn_c_case_24_title a{color: #424242;}
.xn_c_case_24_contone{width: 92%;height: auto;line-height: 35px;color: #5c5c5c;font-size: 16px;overflow: hidden;}
.xn_c_case_24_more{float: left;}
.xn_c_case_24_more a{width:146px;height: 41px;border:1px solid #e6e6e6;line-height: 39px;text-align: center;color: #333333;font-size: 16px;display: block;margin-top: 25px;border-radius: 3px;}
.xn_c_case_24_video{width:146px;height: 41px;border:1px solid #e6e6e6;line-height: 39px;text-align: center;color: #333333;font-size: 16px;display: block;margin-top: 25px;float: left;margin-left: 9px;border-radius: 3px;}
.xn_c_case_24_xhbox:hover{box-shadow: 0 0 8px 0px #b7b7b7;}
.xn_c_case_24_title a:hover{color: #369cef;}
.xn_c_case_24_more a:hover,.xn_c_case_24_video:hover{background: #349BEF;color: #fff;display: block;border:0px;width:146px;height: 41px;cursor: pointer;}
.xn_c_case_24_videow p{opacity: 0;    position: relative;   z-index: -5;}
.xn_c_case_24_videow video{display: none;}
  .xn_c_case_24_videow{display:none;}
.n_video_m_tc{position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.8);width: 100%;height: 100%;display: none;}
.n_video_m_tc_title{position: absolute;font-size: 34px;top:50%;text-align: center;left: 50%;margin-left: -600px;color: #fff;height: 50px;line-height: 50px;width: 1200px;z-index: 5;margin-top: -295px;}
.n_video_m_tc_colse{position: absolute;width: 54px;height: 54px;cursor: pointer;top: 50%;left:45%;border-radius: 50%;background: url(../images/i_tcase_m_tc_colse.png?d=20200901180650567) no-repeat center #fff;transition: all 0.5s;z-index: 5;margin-top: -317px;margin-left: 529px;}
.n_video_m_tc_colse:hover{transform: rotate(90deg);}
.n_video_m_tc .nvideo_lb_video{display: block;}
.n_video_m_tc .xn_c_case_24_xhbox{display: none;}
.n_video_m_tc .xn_c_case_24_xhbox.active{display: block;background: none;margin-bottom: 0;height: 100%;position: absolute;}
.n_video_m_tc .xn_c_case_24_lftbox{display: none;}
.n_video_m_tc .xn_c_case_24_ritbox{width:100%;height: 100%;}
.n_video_m_tc .xn_c_case_24_title{position: absolute;top: 50%;left: 0;width: 100%;height: 60px;line-height: 60px;font-size: 24px;color: #fff;text-align: center;margin-top: -320px;}
.n_video_m_tc .xn_c_case_24_title a{color: #fff;}
.n_video_m_tc .xn_c_case_24_contone{display: none;}
.n_video_m_tc .xn_c_case_24_more{display: none;}
.n_video_m_tc .xn_c_case_24_video{display: none;}
  .n_video_m_tc .xn_c_case_24_videow{display:block;}
.n_video_m_tc .xn_c_case_24_videow span{display: none;}
  .n_video_m_tc .xn_c_case_24_videow p{opacity:1;z-index:2;position: initial; }
.n_video_m_tc .xn_c_case_24_videow video{display: block;position: absolute;width: 865px;height: 518px;top: 50%;left: 50%;margin-left: -420px;margin-top: -259px;overflow: hidden;}
.n_video_m_tc .xn_c_case_24_videow iframe{display: block;position: absolute;width: 865px;height: 518px;top: 50%;left: 50%;margin-left: -420px;margin-top: -259px;overflow: hidden;}
.n_video_m_tc_left{position: absolute;width: 79px;height: 79px;top: 50%;left: 32px;margin-top: -40px;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_left.png?d=20200901180650567) no-repeat center;display: none!important;}
.n_video_m_tc_right{position: absolute;width: 79px;height: 79px;top: 50%;right: 32px;margin-top: -40px;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_right.png?d=20200901180650567) no-repeat center;display: none!important;}
.n_video_m_tc .nvideo_lb_xq{display: none;}

}
@media (max-width: 768px){
.n_content_right{width: 100%;height: auto;background: #f5f5f5;}
.n_content_right_m{width:100%;height: auto;margin: 0 auto;overflow: hidden;}

.xn_c_case_24_wrap{width:94%;height: auto;margin: 0 auto;padding-top: 7%;}
.xn_c_case_24_nrwbox{width:100%;}
.xn_c_case_24_xhbox{width:100%;height: auto;margin-bottom: 7%;background: #fff;}
.xn_c_case_24_lftbox{width:100%;height: 5.6rem;overflow: hidden;}
.xn_c_case_24_lftbox img{width:100%;height: 100%;}
.xn_c_case_24_ritbox{width:100%;height: 4.826666666666667rem;padding-left: 3%;padding-right: 3%;}
.xn_c_case_24_title{margin-top: 3%;height: 0.84rem;line-height: 0.84rem;font-size: 0.4rem;color: #404040;}
.xn_c_case_24_title a{color: #424242;}
.xn_c_case_24_contone{width: 100%;height: 1.3333333333333333rem;line-height: 0.6666666666666666rem;color: #5C5C5C;font-size: 0.3466666666666667rem;overflow: hidden;margin-bottom: 9%;}
.xn_c_case_24_more{float: left;}
.xn_c_case_24_more a{width:3.3333333333333335rem;height: 0.9333333333333333rem;border:1px solid #e6e6e6;line-height: 0.9333333333333333rem;text-align: center;color: #333333;font-size: 0.3466666666666667rem;display: block;border-radius: 3px;}
.xn_c_case_24_video{width:3.3333333333333335rem;height: 0.9333333333333333rem;border:1px solid #e6e6e6;line-height: 0.9333333333333333rem;text-align: center;color: #333333;font-size: 0.3466666666666667rem;display: block;float: left;margin-left: 4%;border-radius: 3px;}
.xn_c_case_24_xhbox:hover{box-shadow: 0 0 0.10666666666666667rem 0px #b7b7b7;}
.xn_c_case_24_title a:hover{color: #369cef;}
.xn_c_case_24_more a:hover,.xn_c_case_24_video:hover{background: #349BEF;color: #fff;display: block;border:0px;width:3.3333333333333335rem;height: 0.9333333333333333rem;cursor: pointer;background-size: 100%;}
.xn_c_case_24_videow p{opacity: 0;    position: relative;   z-index: -5;}
.xn_c_case_24_videow video{display: none;}
.n_video_m_tc{position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.8);width: 100%;height: 100%;display: none;}
.n_video_m_tc_title{position: absolute;font-size: 0.4533333333333333rem;top:50%;text-align: center;left: 50%;margin-left: -5rem;color: #fff;height: 0.6666666666666666rem;line-height: 0.6666666666666666rem;width: 10rem;z-index: 5;margin-top: -3.933333333333333rem;}
.n_video_m_tc_colse{position: absolute;width: 0.72rem;height: 0.72rem;cursor: pointer;bottom: 19%;left:50%;border-radius: 50%;background: url(../images/i_tcase_m_tc_colse.png?d=20200901180650567) no-repeat center #fff;transition: all 0.5s;z-index: 5;margin-left: -0.49333333333333335rem;background-size: 0.5866666666666667rem 0.5866666666666667rem;}
.n_video_m_tc_colse:hover{transform: rotate(90deg);}
.n_video_m_tc .nvideo_lb_video{display: block;}
.n_video_m_tc .xn_c_case_24_xhbox{display: none;}
.n_video_m_tc .xn_c_case_24_xhbox.active{display: block;background: none;margin-bottom: 0;height: 100%;position: absolute;}
.n_video_m_tc .xn_c_case_24_lftbox{display: none;}
.n_video_m_tc .xn_c_case_24_ritbox{width:100%;height: 100%;}
.n_video_m_tc .xn_c_case_24_title{position: absolute;top: 50%;left: 0;width: 100%;height: 0.8rem;line-height: 0.8rem;font-size: 0.32rem;color: #fff;text-align: center;margin-top: -3.466666666666667rem;}
.n_video_m_tc .xn_c_case_24_title a{color: #fff;}
.n_video_m_tc .xn_c_case_24_contone{display: none;}
.n_video_m_tc .xn_c_case_24_more{display: none;}
.n_video_m_tc .xn_c_case_24_video{display: none;}
.n_video_m_tc .xn_c_case_24_videow span{display: none;}
  .n_video_m_tc .xn_c_case_24_videow p{opacity:1;z-index:2;position: initial; }
.n_video_m_tc .xn_c_case_24_videow video{display: block;position: absolute;width: 94%;height: auto;top: 50%;left: 50%;margin-left: -47%;margin-top: -2.6533333333333333rem;overflow: hidden;}
.n_video_m_tc .xn_c_case_24_videow iframe{display: block;position: absolute;width: 94%;height: auto;top: 50%;left: 50%;margin-left: -47%;margin-top: -2.6533333333333333rem;overflow: hidden;}
.n_video_m_tc_left{position: absolute;width: 1.0533333333333332rem;height: 1.0533333333333332rem;top: 50%;left: 0.4266666666666667rem;margin-top: -0.5333333333333333rem;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_left.png?d=20200901180650567) no-repeat center;display: none!important;background-size: 1.0533333333333332rem 1.0533333333333332rem;}
.n_video_m_tc_right{position: absolute;width: 1.0533333333333332rem;height: 1.0533333333333332rem;top: 50%;right: 0.4266666666666667rem;margin-top: -0.5333333333333333rem;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_right.png?d=20200901180650567) no-repeat center;display: none!important;background-size: 1.0533333333333332rem 1.0533333333333332rem;}
.n_video_m_tc .nvideo_lb_xq{display: none;}
}
@media screen and (min-width:1130px) and (max-width:1280px){
.n_content_right{width: 100%;height: auto;background: #f7f7f7;}
.n_content_right_m{width:100%;height: auto;margin: 0 auto;overflow: hidden;}

.xn_c_case_24_wrap{width:1000px;height: auto;margin: 0 auto;padding-top: 20px;}
.xn_c_case_24_nrwbox{width:100%;}
.xn_c_case_24_xhbox{width:100%;height: 192px;margin-bottom: 20px;background: #fff;}
.xn_c_case_24_lftbox{width: 315px;height: 192px;overflow: hidden;float: left;}
.xn_c_case_24_lftbox img{width:100%;height: 100%;transition: all 0.5s;}
.xn_c_case_24_lftbox img:hover{transform: scale(1.1);}
.xn_c_case_24_ritbox{width: 685px;padding-left: 35px;float: right;height: 192px;display: table;}
  .xn_c_case_24_ritboxw{display: table-cell; vertical-align: middle;}
.xn_c_case_24_title{height: 40px;line-height: 40px;font-size: 18px;color: #424242;}
.xn_c_case_24_title a{color: #424242;}
.xn_c_case_24_contone{width: 92%;height: 70px;line-height: 35px;color: #5c5c5c;font-size: 14px;overflow: hidden;}
.xn_c_case_24_more{float: left;}
.xn_c_case_24_more a{width: 110px;height: 35px;border:1px solid #e6e6e6;line-height: 33px;text-align: center;color: #333333;font-size: 14px;display: block;margin-top: 5px;border-radius: 3px;}
.xn_c_case_24_video{width: 110px;height: 35px;border:1px solid #e6e6e6;line-height: 33px;text-align: center;color: #333333;font-size: 14px;display: block;margin-top: 5px;float: left;margin-left: 9px;border-radius: 3px;}
.xn_c_case_24_xhbox:hover{box-shadow: 0 0 8px 0px #b7b7b7;}
.xn_c_case_24_title a:hover{color: #369cef;}
.xn_c_case_24_more a:hover,.xn_c_case_24_video:hover{color: #fff;display: block;border:0px;width:110px;height: 35px;cursor: pointer;}
.xn_c_case_24_videow p{opacity: 0;    position: relative;   z-index: -5;}
.xn_c_case_24_videow video{display: none;}
  .xn_c_case_24_videow{display:none;}
.n_video_m_tc{position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.8);width: 100%;height: 100%;display: none;}
.n_video_m_tc_title{position: absolute;font-size: 34px;top:50%;text-align: center;left: 50%;margin-left: -600px;color: #fff;height: 50px;line-height: 50px;width: 1200px;z-index: 5;margin-top: -295px;}
.n_video_m_tc_colse{position: absolute;width: 54px;height: 54px;cursor: pointer;top: 50%;left:45%;border-radius: 50%;background: url(../images/i_tcase_m_tc_colse.png) no-repeat center #fff;transition: all 0.5s;z-index: 5;margin-top: -231px;margin-left: 441px;}
.n_video_m_tc_colse:hover{transform: rotate(90deg);}
.n_video_m_tc .nvideo_lb_video{display: block;}
.n_video_m_tc .xn_c_case_24_xhbox{display: none;}
.n_video_m_tc .xn_c_case_24_xhbox.active{display: block;background: none;margin-bottom: 0;height: 100%;position: absolute;}
.n_video_m_tc .xn_c_case_24_lftbox{display: none;}
.n_video_m_tc .xn_c_case_24_ritbox{width:100%;height: 100%;}
.n_video_m_tc .xn_c_case_24_title{position: absolute;top: 50%;left: 0;width: 100%;height: 60px;line-height: 60px;font-size: 24px;color: #fff;text-align: center;margin-top: -320px;}
.n_video_m_tc .xn_c_case_24_title a{color: #fff;}
.n_video_m_tc .xn_c_case_24_contone{display: none;}
.n_video_m_tc .xn_c_case_24_more{display: none;}
.n_video_m_tc .xn_c_case_24_video{display: none;}
.n_video_m_tc .xn_c_case_24_videow span{display: none;}
  .n_video_m_tc .xn_c_case_24_videow{display:block;}
  .n_video_m_tc .xn_c_case_24_videow p{opacity:1;z-index:2;position: initial; }
.n_video_m_tc .xn_c_case_24_videow video{display: block;position: absolute;width: 865px;height: 518px;top: 50%;left: 50%;margin-left: -420px;margin-top: -259px;overflow: hidden;}
.n_video_m_tc .xn_c_case_24_videow iframe{display: block;position: absolute;width: 700px;height: 450px;top: 50%;left: 50%;margin-left: -350px;margin-top: -225px;overflow: hidden;}
.n_video_m_tc_left{position: absolute;width: 79px;height: 79px;top: 50%;left: 32px;margin-top: -40px;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_left.png) no-repeat center;display: none!important;}
.n_video_m_tc_right{position: absolute;width: 79px;height: 79px;top: 50%;right: 32px;margin-top: -40px;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_right.png) no-repeat center;display: none!important;}
.n_video_m_tc .nvideo_lb_xq{display: none;}

}
@media screen and (min-width:1000px) and (max-width:1129px){
.n_content_right{width: 100%;height: auto;background: #f7f7f7;}
.n_content_right_m{width:100%;height: auto;margin: 0 auto;overflow: hidden;}

.xn_c_case_24_wrap{width:1000px;height: auto;margin: 0 auto;padding-top: 20px;}
.xn_c_case_24_nrwbox{width:100%;}
.xn_c_case_24_xhbox{width:100%;height: 192px;margin-bottom: 20px;background: #fff;}
.xn_c_case_24_lftbox{width: 315px;height: 192px;overflow: hidden;float: left;}
.xn_c_case_24_lftbox img{width:100%;height: 100%;transition: all 0.5s;}
.xn_c_case_24_lftbox img:hover{transform: scale(1.1);}
.xn_c_case_24_ritbox{width: 685px;padding-left: 35px;float: right;height: 192px;display: table;}
    .xn_c_case_24_ritboxw{display: table-cell; vertical-align: middle;}
.xn_c_case_24_title{height: 40px;line-height: 40px;font-size: 18px;color: #424242;}
.xn_c_case_24_title a{color: #424242;}
.xn_c_case_24_contone{width: 92%;height: 70px;line-height: 35px;color: #5c5c5c;font-size: 14px;overflow: hidden;}
.xn_c_case_24_more{float: left;}
.xn_c_case_24_more a{width: 110px;height: 35px;border:1px solid #e6e6e6;line-height: 33px;text-align: center;color: #333333;font-size: 14px;display: block;margin-top: 5px;border-radius: 3px;}
.xn_c_case_24_video{width: 110px;height: 35px;border:1px solid #e6e6e6;line-height: 33px;text-align: center;color: #333333;font-size: 14px;display: block;margin-top: 5px;float: left;margin-left: 9px;border-radius: 3px;}
.xn_c_case_24_xhbox:hover{box-shadow: 0 0 8px 0px #b7b7b7;}
.xn_c_case_24_title a:hover{color: #369cef;}
.xn_c_case_24_more a:hover,.xn_c_case_24_video:hover{color: #fff;display: block;border:0px;width:110px;height: 35px;cursor: pointer;}
.xn_c_case_24_videow p{opacity: 0;    position: relative;   z-index: -5;}
.xn_c_case_24_videow video{display: none;}
  .xn_c_case_24_videow{display:none;}
.n_video_m_tc{position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.8);width: 100%;height: 100%;display: none;}
.n_video_m_tc_title{position: absolute;font-size: 34px;top:50%;text-align: center;left: 50%;margin-left: -600px;color: #fff;height: 50px;line-height: 50px;width: 1200px;z-index: 5;margin-top: -295px;}
.n_video_m_tc_colse{position: absolute;width: 54px;height: 54px;cursor: pointer;top: 50%;left:45%;border-radius: 50%;background: url(../images/i_tcase_m_tc_colse.png) no-repeat center #fff;transition: all 0.5s;z-index: 5;margin-top: -231px;margin-left: 441px;}
.n_video_m_tc_colse:hover{transform: rotate(90deg);}
.n_video_m_tc .nvideo_lb_video{display: block;}
.n_video_m_tc .xn_c_case_24_xhbox{display: none;}
.n_video_m_tc .xn_c_case_24_xhbox.active{display: block;background: none;margin-bottom: 0;height: 100%;position: absolute;}
.n_video_m_tc .xn_c_case_24_lftbox{display: none;}
.n_video_m_tc .xn_c_case_24_ritbox{width:100%;height: 100%;}
.n_video_m_tc .xn_c_case_24_title{position: absolute;top: 50%;left: 0;width: 100%;height: 60px;line-height: 60px;font-size: 24px;color: #fff;text-align: center;margin-top: -320px;}
.n_video_m_tc .xn_c_case_24_title a{color: #fff;}
.n_video_m_tc .xn_c_case_24_contone{display: none;}
.n_video_m_tc .xn_c_case_24_more{display: none;}
.n_video_m_tc .xn_c_case_24_video{display: none;}
.n_video_m_tc .xn_c_case_24_videow span{display: none;}
  .n_video_m_tc .xn_c_case_24_videow{display:block;}
  .n_video_m_tc .xn_c_case_24_videow p{opacity:1;z-index:2;position: initial; }
.n_video_m_tc .xn_c_case_24_videow video{display: block;position: absolute;width: 865px;height: 518px;top: 50%;left: 50%;margin-left: -420px;margin-top: -259px;overflow: hidden;}
.n_video_m_tc .xn_c_case_24_videow iframe{display: block;position: absolute;width: 700px;height: 450px;top: 50%;left: 50%;margin-left: -350px;margin-top: -225px;overflow: hidden;}
.n_video_m_tc_left{position: absolute;width: 79px;height: 79px;top: 50%;left: 32px;margin-top: -40px;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_left.png) no-repeat center;display: none!important;}
.n_video_m_tc_right{position: absolute;width: 79px;height: 79px;top: 50%;right: 32px;margin-top: -40px;z-index: 2;cursor: pointer;background: url(../images/n_video_m_tc_right.png) no-repeat center;display: none!important;}
.n_video_m_tc .nvideo_lb_xq{display: none;}

}