@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1400px) {
/*banner*/
	.banner-bj{background:url(../images/case-detail/toubu_bj.jpg) no-repeat;}
	.case-det .tu{background-color:rgba(255,255,255,0.2);border-radius:24px;border:solid 1px rgba(255,255,255,0.2);padding:1%;width:55.8%;float:right;font-size:0;}
	.case-det .tu img{width:100%;border-radius:20px;display:block;}
                .case-det .tu video,.case-det .tu iframe{width:100%;height:450px;}
	.case-det .tu p{font-size:17px;color:#4d4d4d;text-align:center;}
	.case-det .tu p i{padding:1.5% 3.5%;background:url(../images/case-detail/kefu.gif) no-repeat center;margin-left:5%;}
	.case-det .wz{width:39%;float:left;}
	.case-det .wz h1{font-size:30px;color:#fff;}
	.case-det .wz ul{background:url(../images/case-detail/toubu_sx.png) no-repeat 1.6% center;padding:1% 0;}
	.case-det .wz ul li{font-size:18px;color:#fff;margin:3% 0;background:url(../images/case-detail/toubu_yd.png) no-repeat left center;padding-left:8%;}
	.case-det .wz .lx{background:url(../images/case-detail/toubu_lxbj.png) no-repeat;background-size:100% 100%;padding:2.5% 0;margin-top:5%;}
	.case-det .wz .lx a{font-size:18px;color:#fff;display:block;padding:1.5% 0;padding-left:25%;}
	.case-det .wz .lx .wechat{background:url(../images/case-detail/tb_lx.png) no-repeat 7% center;}
	.case-det .wz .lx .email{background:url(../images/case-detail/tb_yx.png) no-repeat 11% center;}
	.case-det .wz .pj{width:115%;position:relative;}
	.case-det .wz .pj div{padding:0.5% 3%;background:#eef1fb;border-radius:0px 10px 0px 0px;margin-top:12%;}
	.case-det .wz .pj p{font-size:16px;color:#272727;
	line-height:28px;height:84px;overflow-x:hidden;}
	.case-det .wz .pj .one{position:absolute;left:0;top:-47%;}
	.case-det .wz .pj .star{position:absolute;left:50%;top:-29%;}
	.case-det .wz .pj .sj{position:absolute;left:-0.85%;bottom:-4%;}
/*case-det-center*/
	.introduction{width:75%;float:left;}
	.introduction p{font-size:16px;color:#0d0d0d;line-height:27px;margin:1% 0;}
	.introduction p iframe,.introduction p video{width:80%;margin:0 10%;height:470px;}
	.hor-case ul{position:relative;}
	.hor-case ul .swiper-container{padding-bottom:12%;font-size:0;}
	.hor-case ul .swiper-container .swiper-pagination-bullet {width:10px;height:10px;}
/*hot-case*/
	.hot-case{border-radius:20px 20px 10px 10px;overflow:hidden;padding-bottom:0;}
	.hot-case h3{padding:6% 0 15% 0;background-image:linear-gradient(90deg,rgba(0,105,182,1) 0%,rgba(0,55,163,1) 100%);font-size:18px;color:#fff;font-family:Arial-BoldMT;text-align:center;margin:0;}
	.hot-case ul{margin:0 -1%;}
	.hot-case ul li{width:23%;padding:0 1%;float:left;}
	.hot-case ul li a{width:100%;border-radius:20px 0px 6px 6px;overflow:hidden;border:1px solid #fff;}
	.hot-case ul li a:hover{border:1px solid #eee;}
	.hot-case ul li a:hover h4{color:#b90000;}
	.hot-case ul li img{display:block;}
	.hot-case ul li h4{font-size:16px;color:#1a1a1a;background:#f0f0f0;margin:0;padding:1% 2%;line-height:25px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/case-detail/toubu_bj.jpg) no-repeat;background-size:100% 85%;}
	.case-det .tu{background-color:rgba(255,255,255,0.2);border-radius:24px;border:solid 1px rgba(255,255,255,0.2);padding:1%;width:55.8%;float:right;font-size:0;}
	.case-det .tu img{width:100%;border-radius:20px;display:block;}
                .case-det .tu video,.case-det .tu iframe{width:100%;height:370px;}
	.case-det .tu p{font-size:16px;color:#4d4d4d;text-align:center;}
	.case-det .tu p i{padding:1.5% 3.5%;background:url(../images/case-detail/kefu.gif) no-repeat center;margin-left:5%;}
	.case-det .wz{width:39%;float:left;}
	.case-det .wz h1{font-size:25px;color:#fff;}
	.case-det .wz ul{background:url(../images/case-detail/toubu_sx.png) no-repeat 1.6% center;padding:0.5% 0;}
	.case-det .wz ul li{font-size:17px;color:#fff;margin:3% 0;background:url(../images/case-detail/toubu_yd.png) no-repeat left center;padding-left:8%;}
	.case-det .wz .lx{background:url(../images/case-detail/toubu_lxbj.png) no-repeat;background-size:100% 100%;padding:2.5% 0;margin-top:5%;}
	.case-det .wz .lx a{font-size:18px;color:#fff;display:block;padding:1.5% 0;padding-left:21%;}
	.case-det .wz .lx .wechat{background:url(../images/case-detail/tb_lx.png) no-repeat 4% center;background-size:16% auto;}
	.case-det .wz .lx .email{background:url(../images/case-detail/tb_yx.png) no-repeat 8.5% center;background-size:6.5% auto;}
	.case-det .wz .pj{width:115%;position:relative;}
	.case-det .wz .pj div{padding:0.5% 3%;background:#eef1fb;border-radius:0px 10px 0px 0px;margin-top:12%;}
	.case-det .wz .pj p{font-size:15px;color:#272727;
	line-height:24px;height:72px;overflow-x:hidden;}
	.case-det .wz .pj .one{position:absolute;left:0;top:-47%;width:49%;}
	.case-det .wz .pj .star{position:absolute;left:53%;top:-29%;width:32%;}
	.case-det .wz .pj .sj{position:absolute;left:-0.85%;bottom:-4%;}
/*case-det-center*/
	.introduction{width:75%;float:left;}
	.introduction p{font-size:16px;color:#0d0d0d;line-height:30px;}
	.introduction p iframe,.introduction p video{width:80%;margin:0 10%;height:470px;}
	.hor-case ul{position:relative;}
	.hor-case ul .swiper-container{padding-bottom:12%;font-size:0;}
	.hor-case ul .swiper-container .swiper-pagination-bullet {width:10px;height:10px;}
/*hot-case*/
	.hot-case{border-radius:20px 20px 10px 10px;overflow:hidden;padding-bottom:0;}
	.hot-case h3{padding:6% 0 15% 0;background-image:linear-gradient(90deg,rgba(0,105,182,1) 0%,rgba(0,55,163,1) 100%);font-size:18px;color:#fff;font-family:Arial-BoldMT;text-align:center;margin:0;}
	.hot-case ul{margin:0 -1%;}
	.hot-case ul li{width:23%;padding:0 1%;float:left;}
	.hot-case ul li a{width:100%;border-radius:20px 0px 6px 6px;overflow:hidden;border:1px solid #fff;}
	.hot-case ul li a:hover{border:1px solid #eee;}
	.hot-case ul li a:hover h4{color:#b90000;}
	.hot-case ul li img{display:block;}
	.hot-case ul li h4{font-size:15px;color:#1a1a1a;background:#f0f0f0;margin:0;padding:1% 2%;line-height:25px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.banner-bj{background:url(../images/case-detail/toubu_bj.jpg) no-repeat;background-size:100% 85%;}
	.case-det .tu{background-color:rgba(255,255,255,0.2);border-radius:24px;border:solid 1px rgba(255,255,255,0.2);padding:1%;width:55.8%;float:right;font-size:0;}
	.case-det .tu img{width:100%;border-radius:20px;display:block;}
                 .case-det .tu video,.case-det .tu iframe{width:100%;height:300px;}
	.case-det .tu p{font-size:15px;color:#4d4d4d;text-align:center;display:none;}
	.case-det .tu p i{padding:1.5% 3.5%;background:url(../images/case-detail/kefu.gif) no-repeat center;margin-left:5%;}
	.case-det .wz{width:39%;float:left;}
	.case-det .wz h1{font-size:20px;color:#fff;margin-top:0;margin-bottom:2%;}
	.case-det .wz ul{background:url(../images/case-detail/toubu_sx.png) no-repeat 2.1% center;padding:0.5% 0;}
	.case-det .wz ul li{font-size:16px;color:#fff;margin:2% 0;background:url(../images/case-detail/toubu_yd.png) no-repeat left center;padding-left:8%;}
	.case-det .wz .lx{background:url(../images/case-detail/toubu_lxbj.png) no-repeat;background-size:100% 100%;padding:2.5% 0;margin-top:3%;}
	.case-det .wz .lx a{font-size:16px;color:#fff;display:block;padding:1.5% 0;padding-left:20%;}
	.case-det .wz .lx .wechat{background:url(../images/case-detail/tb_lx.png) no-repeat 2% center;background-size:16% auto;}
	.case-det .wz .lx .email{background:url(../images/case-detail/tb_yx.png) no-repeat 6.5% center;background-size:6.5% auto;}
	.case-det .wz .pj{width:115%;position:relative;}
	.case-det .wz .pj div{padding:0.5% 3%;background:#eef1fb;border-radius:0px 10px 0px 0px;margin-top:12%;}
	.case-det .wz .pj p{font-size:15px;color:#272727;
	line-height:20px;height:60px;overflow-x:hidden;margin:3% 0;}
	.case-det .wz .pj .one{position:absolute;left:0;top:-47%;width:49%;}
	.case-det .wz .pj .star{position:absolute;left:53%;top:-29%;width:32%;}
	.case-det .wz .pj .sj{position:absolute;left:-0.85%;bottom:-4%;}
/*case-det-center*/
	.introduction{width:75%;float:left;}
	.introduction p{font-size:16px;color:#0d0d0d;line-height:30px;}
	.introduction p iframe,.introduction p video{width:80%;margin:0 10%;height:470px;}
	.hor-case ul{position:relative;}
	.hor-case ul .swiper-container{padding-bottom:12%;font-size:0;}
	.hor-case ul .swiper-container .swiper-pagination-bullet {width:10px;height:10px;}
/*hot-case*/
	.hot-case{border-radius:20px 20px 10px 10px;overflow:hidden;padding-bottom:0;}
	.hot-case h3{padding:6% 0 15% 0;background-image:linear-gradient(90deg,rgba(0,105,182,1) 0%,rgba(0,55,163,1) 100%);font-size:18px;color:#fff;font-family:Arial-BoldMT;text-align:center;margin:0;}
	.hot-case ul{margin:0 -1%;}
	.hot-case ul li{width:23%;padding:0 1%;float:left;}
	.hot-case ul li a{width:100%;border-radius:20px 0px 6px 6px;overflow:hidden;border:1px solid #fff;}
	.hot-case ul li a:hover{border:1px solid #eee;}
	.hot-case ul li a:hover h4{color:#b90000;}
	.hot-case ul li img{display:block;}
	.hot-case ul li h4{font-size:14px;color:#1a1a1a;background:#f0f0f0;margin:0;padding:1% 2%;line-height:20px;height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.banner-bj{background:url(../images/case-detail/toubu_bj.jpg) no-repeat;background-size:100% 85%;}
	.case-det .tu{background-color:rgba(255,255,255,0.2);border-radius:24px;border:solid 1px rgba(255,255,255,0.2);padding:1%;width:55.8%;float:right;font-size:0;}
	.case-det .tu img{width:100%;border-radius:20px;display:block;}
                .case-det .tu video,.case-det .tu iframe{width:100%;height:250px;}
	.case-det .tu p{font-size:15px;color:#4d4d4d;text-align:center;display:none;}
	.case-det .tu p i{padding:1.5% 3.5%;background:url(../images/case-detail/kefu.gif) no-repeat center;margin-left:5%;}
	.case-det .wz{width:39%;float:left;}
	.case-det .wz h1{font-size:18px;color:#fff;margin-top:0;margin-bottom:2%;}
	.case-det .wz ul{background:url(../images/case-detail/toubu_sx.png) no-repeat 2.1% center;padding:0.5% 0;}
	.case-det .wz ul li{font-size:15px;color:#fff;margin:2% 0;background:url(../images/case-detail/toubu_yd.png) no-repeat left center;background-size:5% auto;padding-left:8%;}
	.case-det .wz .lx{background:url(../images/case-detail/toubu_lxbj.png) no-repeat;background-size:100% 100%;padding:2.5% 0;margin-top:3%;}
	.case-det .wz .lx a{font-size:16px;color:#fff;display:block;padding:1.5% 0;padding-left:20%;}
	.case-det .wz .lx .wechat{background:url(../images/case-detail/tb_lx.png) no-repeat 2% center;background-size:16% auto;}
	.case-det .wz .lx .email{background:url(../images/case-detail/tb_yx.png) no-repeat 6.5% center;background-size:6.5% auto;}
	.case-det .wz .pj{width:115%;position:relative;display:none;}
	.case-det .wz .pj div{padding:0.5% 3%;background:#eef1fb;border-radius:0px 10px 0px 0px;margin-top:12%;}
	.case-det .wz .pj p{font-size:15px;color:#272727;
	line-height:20px;height:60px;overflow-x:hidden;margin:3% 0;}
	.case-det .wz .pj .one{position:absolute;left:0;top:-47%;width:49%;}
	.case-det .wz .pj .star{position:absolute;left:53%;top:-29%;width:32%;}
	.case-det .wz .pj .sj{position:absolute;left:-0.85%;bottom:-4%;}
/*case-det-center*/
	.introduction{width:75%;float:left;}
	.introduction p{font-size:16px;color:#0d0d0d;line-height:30px;}
	.introduction p iframe,.introduction p video{width:80%;margin:0 10%;height:470px;}
	.hor-case ul{position:relative;}
	.hor-case ul .swiper-container{padding-bottom:12%;font-size:0;}
	.hor-case ul .swiper-container .swiper-pagination-bullet {width:10px;height:10px;}
/*hot-case*/
	.hot-case{border-radius:20px 20px 10px 10px;overflow:hidden;padding-bottom:0;}
	.hot-case h3{padding:6% 0 15% 0;background-image:linear-gradient(90deg,rgba(0,105,182,1) 0%,rgba(0,55,163,1) 100%);font-size:18px;color:#fff;font-family:Arial-BoldMT;text-align:center;margin:0;}
	.hot-case ul{margin:0 -1%;}
	.hot-case ul li{width:23%;padding:0 1%;float:left;}
	.hot-case ul li a{width:100%;border-radius:20px 0px 6px 6px;overflow:hidden;border:1px solid #fff;}
	.hot-case ul li a:hover{border:1px solid #eee;}
	.hot-case ul li a:hover h4{color:#b90000;}
	.hot-case ul li img{display:block;}
	.hot-case ul li h4{font-size:14px;color:#1a1a1a;background:#f0f0f0;margin:0;padding:1% 2%;line-height:18px;height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
}

@media screen and (max-width:769px) {
	.top{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*banner*/
	.banner-bj{background:url(../images/case-detail/toubu_bj.jpg) no-repeat;background-size:100% 100%;padding:0 2%;}
	.case-det .tu{background-color:rgba(255,255,255,0.2);border-radius:24px;border:solid 1px rgba(255,255,255,0.2);padding:1%;width:98%;font-size:0;}
	.case-det .tu img{width:100%;border-radius:20px;display:block;}
                .case-det .tu video,.case-det .tu iframe{width:100%;height:4.2rem}
	.case-det .tu p{font-size:15px;color:#4d4d4d;text-align:center;display:none;}
	.case-det .tu p i{padding:1.5% 3.5%;background:url(../images/case-detail/kefu.gif) no-repeat center;margin-left:5%;}
	.case-det .wz{width:100%;}
	.case-det .wz h1{font-size:0.3rem;color:#fff;margin-top:3.5%;margin-bottom:3%;}
	.case-det .wz ul{background:url(../images/case-detail/toubu_sx.png) no-repeat 2.5% center;padding:0.5% 0;}
	.case-det .wz ul li{font-size:0.25rem;color:#fff;margin:2% 0;background:url(../images/case-detail/toubu_yd.png) no-repeat left center;background-size:5% auto;padding-left:8%;}
	.case-det .wz .lx{background:url(../images/case-detail/toubu_lxbj.png) no-repeat;background-size:100% 100%;padding:2.5% 5%;margin-top:3%;}
	.case-det .wz .lx a{font-size:0.26rem;color:#fff;display:block;padding:1.5% 0;padding-left:20%;}
	.case-det .wz .lx .wechat{background:url(../images/case-detail/tb_lx.png) no-repeat 2% center;background-size:16% auto;}
	.case-det .wz .lx .email{background:url(../images/case-detail/tb_yx.png) no-repeat 6.5% center;background-size:6.5% auto;}
	.case-det .wz .pj{width:115%;position:relative;display:none;}
	.case-det .wz .pj div{padding:0.5% 3%;background:#eef1fb;border-radius:0px 10px 0px 0px;margin-top:12%;}
	.case-det .wz .pj p{font-size:15px;color:#272727;
	line-height:20px;height:60px;overflow-x:hidden;margin:3% 0;}
	.case-det .wz .pj .one{position:absolute;left:0;top:-47%;width:49%;}
	.case-det .wz .pj .star{position:absolute;left:53%;top:-29%;width:32%;}
	.case-det .wz .pj .sj{position:absolute;left:-0.85%;bottom:-4%;}
/*case-det-center*/
	.case-det-center{padding:0 2%;}
	.introduction{width:100%;}
	.introduction p{font-size:0.26rem;color:#0d0d0d;line-height:0.42rem;}
	.introduction p iframe,.introduction p video{width:100%;height:4.5rem;}
	.hor-case ul{position:relative;}
	.hor-case ul .swiper-container{padding-bottom:12%;font-size:0;}
	.hor-case ul .swiper-container .swiper-pagination-bullet {width:10px;height:10px;}
/*hot-case*/
	.hot-case{border-radius:20px 20px 10px 10px;overflow:hidden;padding-bottom:0;padding:0 2%;}
	.hot-case h3{padding:6% 0 15% 0;background-image:linear-gradient(90deg,rgba(0,105,182,1) 0%,rgba(0,55,163,1) 100%);font-size:18px;color:#fff;font-family:Arial-BoldMT;text-align:center;margin:0;}
	.hot-case ul{margin:0 -1%;}
	.hot-case ul li{width:48%;padding:0 1%;float:left;margin-bottom:1%;}
	.hot-case ul li a{width:100%;border-radius:20px 0px 6px 6px;overflow:hidden;border:1px solid #fff;}
	.hot-case ul li a:hover{border:1px solid #eee;}
	.hot-case ul li a:hover h4{color:#b90000;}
	.hot-case ul li img{display:block;}
	.hot-case ul li h4{font-size:0.25rem;color:#1a1a1a;background:#f0f0f0;margin:0;padding:1% 2%;line-height:0.3rem;height:0.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
}