@charset "utf-8";
/* CSS Document */
/* 定义滚动条样式 */
    ::-webkit-scrollbar {width:6px;height:6px;background-color:#eaeaea;}
  /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {box-shadow: inset 0 0 0px#eaeaea;border-radius: 10px;background-color:#eaeaea;}
  /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 0px #eaeaea;background-color:#c8c8c8;}

@media screen and (min-width: 1380px)  {
/*banner*/
	.banner-bj{background:url(../images/case-detail/bj.jpg) no-repeat;}
	.breadnav{margin-top:1.5%;color:#fff;}
	.breadnav a{color:#fff;}
	.banner{background:url(../images/case-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner .left{width:52%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;margin-bottom:2%;}
	.banner .left .tu img{border-radius:0px 20px 20px 0px;}
	.banner .left ul li{float:left;margin-right:5%;}
/*right*/
	.banner .right{width:40%;float:right;margin:2.5% 2.5% 2.5% 0;}
	.banner .right h1{font-size:30px;color:#1d1d1d;}
	.banner .right ul{background-color: #ffffff;box-shadow: inset 0px 0px 16px 0px rgba(78, 83, 87, 0.56);border-radius: 20px;position:relative;padding:3% 5%;margin-bottom:5%;}
	.banner .right ul li{width:70%;padding:3% 0 3% 5%;background:url(../images/case-detail/zs.png) no-repeat left 84%;}
	.banner .right ul img{position:absolute;right:5%;top:18%;}
	.banner .right .yyxc{margin-top:2.5%;}
/*banner-video*/
	.banner1{background:url(../images/casevideo-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner1 .left{width:58%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner1 .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;}
	.banner1 .left .tu img{border-radius:0px 20px 20px 0px;width:100%;height:448px;}
	.banner1 .left .tu p video,.banner1 .left .tu p iframe,.banner1 .left .tu p embed{border-radius:0px 20px 20px 0px;width:100%!important;height:448px!important;}
	.banner1 .right1{width:34%;float:right;margin:2.5% 2.5% 2.5% 0;overflow-y:auto;height:488px;}
	.banner1 .right1 ul li{position:relative;padding-bottom:5%;border-bottom:1px solid #e4e4e4;margin-top:1%;}
	.banner1 .right1 ul li a{width:100%;}
	.banner1 .right1 ul li .tu{width:35%;float:left;box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.24);border-radius:10px;border:2px solid #ffffff;position:relative;overflow:hidden;}
	.banner1 .right1 ul li .tu img{border-radius:10px;}
	.banner1 .right1 ul li h3{font-size:20px;color:#1d1d1d;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin:1.5% 0 2% 0;}
	.banner1 .right1 ul li:hover .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li:hover h3{color:#a80000;}
	.banner1 .right1 ul .active h3{color:#a80000;}
	.banner1 .right1 ul .active .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li h3{width:61%;float:right;}
	.banner1 .right1 ul li .scxpz{width:38%;padding:0.2% 0;float:right;border-radius:8px;border:1px solid #ea7900;text-align:center;font-size:17px;color:#ea7900;position:absolute;left:40%;top:46%;}
/*video-lx*/
	.video-lx{position:relative;margin-top:1.6%;}
	.video-lx a{position:absolute;top:21.5%;width:30%;padding:1.8% 0;}
	.video-lx .sszx{left:12%;}
	.video-lx .zxrx{left:52%;}
	
/*case-center*/
	.case-det{margin-top:2%;}
	.case-intro{float:left;width:71%;}
	.case-intro h2{margin:0 0 2.5% 0;text-align:center;padding:0 0 2.5% 0;background:url(../images/case-detail/bt.png) no-repeat bottom center;}
	.case-intro h2.sev{margin-top:2.5%;}
	.case-intro .zdxl{margin-top:0;}
	.case-intro .zdxl img{width:90%;margin:0 5%;}
	.case-intro p{font-size:16px;color:#333;line-height:28px;text-indent:32px;}
	.hot-cp-bj{float:right;width:25%;}
	.cases li {margin-bottom:0;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/case-detail/bj.jpg) no-repeat;}
	.breadnav{margin-top:1.5%;color:#fff;}
	.breadnav a{color:#fff;}
	.banner{background:url(../images/case-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner .left{width:52%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;margin-bottom:2%;}
	.banner .left .tu img{border-radius:0px 20px 20px 0px;}
	.banner .left ul li{float:left;margin-right:5%;}
/*right*/
	.banner .right{width:40%;float:right;margin:2.5% 2.5% 2.5% 0;}
	.banner .right h1{font-size:27px;color:#1d1d1d;}
	.banner .right ul{background-color: #ffffff;box-shadow: inset 0px 0px 16px 0px rgba(78, 83, 87, 0.56);border-radius: 20px;position:relative;padding:3% 5%;margin-bottom:5%;}
	.banner .right ul li{width:70%;padding:3% 0 3% 5%;background:url(../images/case-detail/zs.png) no-repeat left 84%;background-size:4% auto;font-size:15px;}
	.banner .right ul img{position:absolute;right:5%;top:18%;}
	.banner .right .zxdh img{width:100%;}
	.banner .right .yyxc{margin-top:2.5%;}
	.banner .right .yyxc img{width:85%;}
	
/*banner-video*/
	.banner1{background:url(../images/casevideo-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner1 .left{width:58%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner1 .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;}
	.banner1 .left .tu img{border-radius:0px 20px 20px 0px;width:100%;height:381px;}
	.banner1 .left .tu video,.banner1 .left .tu iframe,.banner1 .left .tu embed{border-radius:0px 20px 20px 0px;width:100%!important;height:381px!important;}
	.banner1 .right1{width:34%;float:right;margin:2.5% 2.5% 2.5% 0;overflow-y:auto;height:410px;}
	.banner1 .right1 ul li{position:relative;padding-bottom:3%;border-bottom:1px solid #e4e4e4;margin-top:1%;}
	.banner1 .right1 ul li a{width:100%;}
	.banner1 .right1 ul li .tu{width:35%;float:left;box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.24);border-radius:10px;border:2px solid #ffffff;position:relative;overflow:hidden;}
	.banner1 .right1 ul li .tu img{border-radius:10px;}
	.banner1 .right1 ul li h3{font-size:18px;color:#1d1d1d;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin:1.5% 0 2% 0;}
	.banner1 .right1 ul li:hover .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li:hover h3{color:#a80000;}
	.banner1 .right1 ul .active h3{color:#a80000;}
	.banner1 .right1 ul .active .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li h3{width:61%;float:right;}
	.banner1 .right1 ul li .scxpz{width:45%;padding:0.2% 0;float:right;border-radius:8px;border:1px solid #ea7900;text-align:center;font-size:17px;color:#ea7900;position:absolute;left:40%;top:46%;}
/*video-lx*/
	.video-lx{position:relative;margin-top:1.6%;}
	.video-lx a{position:absolute;top:21.5%;width:30%;padding:1.8% 0;}
	.video-lx .sszx{left:12%;}
	.video-lx .zxrx{left:52%;}
		
/*case-center*/
	.case-det{margin-top:2%;}
	.case-intro{float:left;width:71%;}
	.case-intro h2{margin:0 0 2.5% 0;text-align:center;padding:0 0 2.5% 0;background:url(../images/case-detail/bt.png) no-repeat bottom center;font-size:24px;}
	.case-intro h2.sev{margin-top:2.5%;}
	.case-intro .zdxl{margin-top:0;}
	.case-intro .zdxl img{width:90%;margin:0 5%;}
	.case-intro p{font-size:16px;color:#333;line-height:28px;text-indent:32px;}
	.hot-cp-bj{float:right;width:25%;}
	.cases li {margin-bottom:0;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){	
/*banner*/
	.banner-bj{background:url(../images/case-detail/bj.jpg) no-repeat;}
	.breadnav{margin-top:1.5%;color:#fff;}
	.breadnav a{color:#fff;}
	.banner{background:url(../images/case-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner .left{width:50%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;margin-bottom:2%;}
	.banner .left .tu img{border-radius:0px 20px 20px 0px;}
	.banner .left ul li{float:left;margin-right:5%;width:22%;}
	.banner .left ul li img{width:100%;}
/*right*/
	.banner .right{width:40%;float:right;margin:2.5% 2.5% 2.5% 0;}
	.banner .right h1{font-size:24px;color:#1d1d1d;}
	.banner .right ul{background-color: #ffffff;box-shadow: inset 0px 0px 16px 0px rgba(78, 83, 87, 0.56);border-radius: 20px;position:relative;padding:3% 5%;margin-bottom:5%;}
	.banner .right ul li{width:70%;padding:3% 0 3% 5%;background:url(../images/case-detail/zs.png) no-repeat left 84%;background-size:4% auto;font-size:15px;}
	.banner .right ul img{position:absolute;right:5%;top:18%;}
	.banner .right .zxdh img{width:100%;}
	.banner .right .yyxc{margin-top:2.5%;}
	.banner .right .yyxc img{width:85%;}
	
/*banner-video*/
	.banner1{background:url(../images/casevideo-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner1 .left{width:58%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner1 .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;}
	.banner1 .left .tu img{border-radius:0px 20px 20px 0px;width:100%;height:308px;}
	.banner1 .left .tu video,.banner1 .left .tu iframe,.banner1 .left .tu embed{border-radius:0px 20px 20px 0px;width:100%!important;height:308px!important;}
	.banner1 .right1{width:34%;float:right;margin:2.5% 2.5% 2.5% 0;overflow-y:auto;height:335px;}
	.banner1 .right1 ul li{position:relative;padding-bottom:3%;border-bottom:1px solid #e4e4e4;margin-top:0.5%;}
	.banner1 .right1 ul li a{width:100%;}
	.banner1 .right1 ul li .tu{width:35%;float:left;box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.24);border-radius:10px;border:2px solid #ffffff;position:relative;overflow:hidden;}
	.banner1 .right1 ul li .tu img{border-radius:10px;}
	.banner1 .right1 ul li h3{font-size:16px;color:#1d1d1d;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin:1.5% 0 2% 0;}
	.banner1 .right1 ul li:hover .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li:hover h3{color:#a80000;}
	.banner1 .right1 ul .active h3{color:#a80000;}
	.banner1 .right1 ul .active .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li h3{width:61%;float:right;}
	.banner1 .right1 ul li .scxpz{width:45%;padding:0.2% 0;float:right;border-radius:8px;border:1px solid #ea7900;text-align:center;font-size:15px;color:#ea7900;position:absolute;left:40%;top:46%;}
/*video-lx*/
	.video-lx{position:relative;margin-top:1.6%;}
	.video-lx a{position:absolute;top:21.5%;width:30%;padding:1.8% 0;}
	.video-lx .sszx{left:12%;}
	.video-lx .zxrx{left:52%;}
	
/*case-center*/
	.case-det{margin-top:2%;}
	.case-intro{float:left;width:66%;}
	.case-intro h2{margin:0 0 2.5% 0;text-align:center;padding:0 0 2.5% 0;background:url(../images/case-detail/bt.png) no-repeat bottom center;background-size:20% auto;font-size:20px;}
	.case-intro h2.sev{margin-top:2.5%;}
	.case-intro .zdxl{margin-top:0;}
	.case-intro .zdxl img{width:90%;margin:0 5%;}
	.case-intro p{font-size:15px;color:#333;line-height:24px;text-indent:32px;}
	.hot-cp-bj{float:right;width:30%;}
	.cases li {margin-bottom:0;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
	.banner-bj{background:url(../images/case-detail/bj.jpg) no-repeat;background-size:100% auto;}
	.breadnav{margin-top:1.5%;color:#fff;}
	.breadnav a{color:#fff;}
	.banner{background:url(../images/case-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner .left{width:50%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;margin-bottom:2%;}
	.banner .left .tu img{border-radius:0px 20px 20px 0px;}
	.banner .left ul li{float:left;margin-right:5%;width:22%;}
	.banner .left ul li img{width:100%;}
/*right*/
	.banner .right{width:40%;float:right;margin:2.5% 2.5% 2.5% 0;}
	.banner .right h1{font-size:18px;color:#1d1d1d;margin-top:0;}
	.banner .right ul{background-color: #ffffff;box-shadow: inset 0px 0px 16px 0px rgba(78, 83, 87, 0.56);border-radius: 20px;position:relative;padding:3% 5%;margin-bottom:5%;}
	.banner .right ul li{width:70%;padding:2% 0 2% 7%;background:url(../images/case-detail/zs.png) no-repeat 2% 84%;background-size:5% auto;font-size:14px;}
	.banner .right ul img{position:absolute;right:5%;top:18%;display:none;}
	.banner .right .zxdh img{width:100%;}
	.banner .right .yyxc{margin-top:2.5%;}
	.banner .right .yyxc img{width:85%;}
	
/*banner-video*/
	.banner1{background:url(../images/casevideo-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner1 .left{width:58%;margin:2.5% 0 2.5% 2.5%;float:left;}
	.banner1 .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;}
	.banner1 .left .tu img{border-radius:0px 20px 20px 0px;width:100%;height:243px;}
	.banner1 .left .tu video,.banner1 .left .tu iframe,.banner1 .left .tu embed{border-radius:0px 20px 20px 0px;width:100%!important;height:243px!important;}
	.banner1 .right1{width:34%;float:right;margin:2.5% 2.5% 2.5% 0;overflow-y:auto;height:263px;}
	.banner1 .right1 ul li{position:relative;padding-bottom:2.5%;border-bottom:1px solid #e4e4e4;margin-top:0.5%;}
	.banner1 .right1 ul li a{width:100%;}
	.banner1 .right1 ul li .tu{width:35%;float:left;box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.24);border-radius:10px;border:2px solid #ffffff;position:relative;overflow:hidden;}
	.banner1 .right1 ul li .tu img{border-radius:10px;}
	.banner1 .right1 ul li h3{font-size:14px;color:#1d1d1d;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin:1.5% 0 2% 0;}
	.banner1 .right1 ul li:hover .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li:hover h3{color:#a80000;}
	.banner1 .right1 ul .active h3{color:#a80000;}
	.banner1 .right1 ul .active .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li h3{width:61%;float:right;}
	.banner1 .right1 ul li .scxpz{width:50%;padding:0.2% 0;float:right;border-radius:8px;border:1px solid #ea7900;text-align:center;font-size:12px;color:#ea7900;position:absolute;left:40%;top:46%;}
/*video-lx*/
	.video-lx{position:relative;margin-top:1.6%;}
	.video-lx a{position:absolute;top:21.5%;width:30%;padding:1.8% 0;}
	.video-lx .sszx{left:12%;}
	.video-lx .zxrx{left:52%;}
	
/*case-center*/
	.case-det{margin-top:2%;}
	.case-intro{float:left;width:66%;}
	.case-intro h2{margin:0 0 2.5% 0;text-align:center;padding:0 0 2.5% 0;background:url(../images/case-detail/bt.png) no-repeat bottom center;background-size:20% auto;font-size:17px;}
	.case-intro h2.sev{margin-top:2.5%;}
	.case-intro .zdxl{margin-top:0;}
	.case-intro .zdxl img{width:90%;margin:0 5%;}
	.case-intro p{font-size:14px;color:#333;line-height:24px;text-indent:32px;}
	.hot-cp-bj{float:right;width:30%;}
	.cases li {margin-bottom:0;}
}	

@media screen and (max-width: 768px) {
/*banner*/
	.banner-bj{background:url(../images/case-detail/bj.jpg) no-repeat;background-size:100% auto;}
	.breadnav{margin-top:1.5%;color:#fff;}
	.breadnav a{color:#fff;}
	.banner{background:url(../images/case-detail/wzbj.png) no-repeat;background-size:100% auto;padding:0 3% 0 0;}
	.banner .left{width:98%;margin:2.5% 0 2.5% 2.5%;}
	.banner .left .tu{padding:2% 2% 2% 0;background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;margin-bottom:2%;}
	.banner .left .tu img{border-radius:0px 20px 20px 0px;}
	.banner .left ul li{float:left;margin-right:5%;width:22%;}
	.banner .left ul li img{width:100%;}
	.sj-t-tit{font-size:0.34rem;color:#333;padding:0 2%;}
/*right*/
	.banner .right{width:100%;margin:2.5% 2.5% 2.5% 0;padding:0 2%;}
	.banner .right h1{font-size:0.34rem;color:#1d1d1d;margin-top:0;}
	.banner .right ul{background-color: #ffffff;box-shadow: inset 0px 0px 16px 0px rgba(78, 83, 87, 0.56);border-radius: 20px;position:relative;padding:3% 5%;margin-bottom:5%;}
	.banner .right ul li{width:70%;padding:2% 0 2% 7%;background:url(../images/case-detail/zs.png) no-repeat 2% 84%;background-size:4% auto;font-size:0.25rem;}
	.banner .right ul img{position:absolute;right:5%;top:18%;display:none;}
	.banner .right .zxdh img{width:100%;}
	.banner .right .yyxc{margin-top:2.5%;display:none;}
	.banner .right .yyxc img{width:85%;}
	
/*banner-video*/
	.banner1{background:url(../images/casevideo-detail/wzbj.png) no-repeat;background-size:100% auto;}
	.banner1 .left{width:97.5%;margin:2.5% 0 2.5% 2.5%;}
	.banner1 .left .tu{background:url(../images/case-detail/tuk.png) no-repeat left center;background-size:100% 100%;}
	.banner1 .left .tu p{display:flex;}
	.banner1 .left .tu img{border-radius:0px 20px 20px 0px;width:100%;height:3.8rem;}
	.banner1 .left .tu video,.banner1 .left .tu iframe,.banner1 .left .tu embed{border-radius:0px 20px 20px 0px;width:100%!important;height:3.8rem!important;}
	.banner1 .right1{width:95%;float:right;margin:2.5% 2.5% 2.5% 0;overflow-y:auto;height:263px;display:none;}
	.banner1 .right1 ul li{position:relative;padding-bottom:2.5%;border-bottom:1px solid #e4e4e4;margin-top:0.5%;}
	.banner1 .right1 ul li a{width:100%;}
	.banner1 .right1 ul li .tu{width:35%;float:left;box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.24);border-radius:10px;border:2px solid #ffffff;position:relative;overflow:hidden;}
	.banner1 .right1 ul li .tu img{border-radius:10px;}
	.banner1 .right1 ul li h3{font-size:14px;color:#1d1d1d;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin:1.5% 0 2% 0;}
	.banner1 .right1 ul li:hover .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li:hover h3{color:#a80000;}
	.banner1 .right1 ul .active h3{color:#a80000;}
	.banner1 .right1 ul .active .tu .mask{position:absolute;right:0;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.banner1 .right1 ul li h3{width:61%;float:right;}
	.banner1 .right1 ul li .scxpz{width:50%;padding:0.2% 0;float:right;border-radius:8px;border:1px solid #ea7900;text-align:center;font-size:12px;color:#ea7900;position:absolute;left:40%;top:46%;}
/*video-lx*/
	.video-lx{position:relative;margin-top:1.6%;display:none;}
	.video-lx a{position:absolute;top:21.5%;width:30%;padding:1.8% 0;}
	.video-lx .sszx{left:12%;}
	.video-lx .zxrx{left:52%;}
	
/*case-center*/
	.case-det{margin-top:2%;padding:0 2%;margin-bottom:3%;}
	.case-intro{float:left;width:100%;}
	.case-intro h2{margin:0 0 2.5% 0;text-align:center;padding:0 0 4.5% 0;background:url(../images/case-detail/bt.png) no-repeat bottom center;background-size:30% auto;font-size:0.3rem;}
	.case-intro h2.sev{margin-top:2.5%;}
	.case-intro .zdxl{margin-top:0;}
	.case-intro .zdxl img{width:100%;}
	.case-intro p{font-size:0.27rem;color:#333;line-height:0.42rem;text-indent:32px;}
	.case-intro p a{ display:inline;}
	.hot-cp-bj{float:right;width:30%;display:none;}
	.cases li {margin-bottom:0;}
}