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

@media screen and (min-width:1400px){
/*banner*/
	.body-center{background:url(../images/case-det/casede-bg.jpg) no-repeat;padding-bottom:3%;}
	.case-det .left{width:60%;float:left;}	
	.case-det .left img{width:100%;}
	.case-det .left video,.case-det .left iframe{width:100%;height:483px;}
	.case-det .right{width:38%;float:right;}
	.case-det .right .cs{border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right h1{font-size:28px;color:#F39700;line-height:30px;padding:3% 0;margin-top:4%;border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right ul{margin:3% 0;}
	.case-det .right ul li span{font-size:20px;color:#fff;font-weight:bold;}
	.case-det .right ul li b{display:block;font-size:24px;color:#F39700;margin-top:15px;padding-left:15px;}
	.case-det .right ul li:nth-child(1){width:59%;float:left;}
	.case-det .right ul li:nth-child(2){width:40%;float:left;}
	.case-det .right p{font-size:18px;color:#fff;line-height:30px;margin:3% 0;}
	.case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:40%;margin:5% 5%;text-align:center;font-size:18px;color:#fff;float:left;}
	.case-det .right button a{border-radius:20px;font-size:18px;color:#fff;width:100%;padding:5% 0;}
	.case-det .right .quote{background:rgba(243,151,0,0.2);}
	.case-det .right .message{background:rgba(255,255,255,0.2);}
	.case-det .right .quote a{background:#F39700;}
	.case-det .right .message a{background:#fff;color:#272E3D;}
	.case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.case-det .right .message:hover a{background:#F39700;color:#fff;}
/*project-profile*/
	.prodet-tit{font-size:24px;color:#003399;padding-left:2%;margin:1.5% 0;background:url(../images/case-det/casede-fang.png) no-repeat left center;}
	.introduce p{font-size:16px;line-height:28px;color:#666;margin:1.5% 0;}
	.introduce p img{margin:1% auto;}
	.introduce .js{background:#F2F6FB;border-top:1px solid #003399;padding:1% 0;position:relative;margin:2% 0;}
	.introduce .js p{width:86%;margin:0 7%;}
	.introduce .js p:before{content:'';padding:3%;position:absolute;left:0;background:url(../images/case-det/“.png) no-repeat center top;}
	.introduce .js p:after{content:'';padding:3%;position:absolute;right:0;top:10%;background:url(../images/case-det/”.png) no-repeat center bottom;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:16px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

@media screen and (min-width:1200px) and (max-width:1400px){
/*banner*/
	.body-center{background:url(../images/case-det/casede-bg.jpg) no-repeat;padding-bottom:3%;}
	.case-det .left{width:60%;float:left;}	
	.case-det .left img{width:100%;}
	.case-det .left video,.case-det .left iframe{width:100%;height:483px;}
	.case-det .right{width:38%;float:right;}
	.case-det .right .cs{border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right h1{font-size:24px;color:#F39700;line-height:30px;padding:3% 0;margin-top:4%;border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right ul{margin:3% 0;}
	.case-det .right ul li span{font-size:18px;color:#fff;font-weight:bold;}
	.case-det .right ul li b{display:block;font-size:21px;color:#F39700;margin-top:15px;padding-left:12px;}
	.case-det .right ul li:nth-child(1){width:59%;float:left;}
	.case-det .right ul li:nth-child(2){width:40%;float:left;}
	.case-det .right p{font-size:17px;color:#fff;line-height:30px;margin:3% 0;}
	.case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:40%;margin:5% 5%;text-align:center;font-size:17px;color:#fff;float:left;}
	.case-det .right button a{border-radius:20px;font-size:18px;color:#fff;width:100%;padding:5% 0;}
	.case-det .right .quote{background:rgba(243,151,0,0.2);}
	.case-det .right .message{background:rgba(255,255,255,0.2);}
	.case-det .right .quote a{background:#F39700;}
	.case-det .right .message a{background:#fff;color:#272E3D;}
	.case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.case-det .right .message:hover a{background:#F39700;color:#fff;}
/*project-profile*/
	.prodet-tit{font-size:21px;color:#003399;padding-left:2%;margin:1.5% 0;background:url(../images/case-det/casede-fang.png) no-repeat left center;background-size:1.5% auto;}
	.introduce p{font-size:15px;line-height:24px;color:#666;margin:1.5% 0;}
	.introduce p img{margin:1% auto;}
	.introduce .js{background:#F2F6FB;border-top:1px solid #003399;padding:1% 0;position:relative;margin:2% 0;}
	.introduce .js p{width:92%;margin:0 4%;}
	.introduce .js p:before{content:'';padding:3%;position:absolute;left:0;background:url(../images/case-det/“.png) no-repeat center top;background-size:25% auto;}
	.introduce .js p:after{content:'';padding:3%;position:absolute;right:0;top:10%;background:url(../images/case-det/”.png) no-repeat center bottom;background-size:25% auto;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:16px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.body-center{background:url(../images/case-det/casede-bg.jpg) no-repeat;padding-bottom:3%;}
	.case-det .left{width:58%;float:left;}	
	.case-det .left img{width:100%;}
	.case-det .left video,.case-det .left iframe{width:100%;height:483px;}
	.case-det .right{width:40%;float:right;}
	.case-det .right .cs{border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right h1{font-size:20px;color:#F39700;line-height:30px;padding:3% 0;margin-top:2%;border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right ul{margin:3% 0;}
	.case-det .right ul li span{font-size:16px;color:#fff;font-weight:bold;}
	.case-det .right ul li b{display:block;font-size:18px;color:#F39700;margin-top:15px;padding-left:12px;}
	.case-det .right ul li:nth-child(1){width:59%;float:left;}
	.case-det .right ul li:nth-child(2){width:40%;float:left;}
	.case-det .right p{font-size:15px;color:#fff;line-height:25px;margin:3% 0;}
	.case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:40%;margin:5% 5%;text-align:center;font-size:15px;color:#fff;float:left;}
	.case-det .right button a{border-radius:20px;font-size:15px;color:#fff;width:100%;padding:5% 0;}
	.case-det .right .quote{background:rgba(243,151,0,0.2);}
	.case-det .right .message{background:rgba(255,255,255,0.2);}
	.case-det .right .quote a{background:#F39700;}
	.case-det .right .message a{background:#fff;color:#272E3D;}
	.case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.case-det .right .message:hover a{background:#F39700;color:#fff;}
/*project-profile*/
	.prodet-tit{font-size:21px;color:#003399;padding-left:2%;margin:1.5% 0;background:url(../images/case-det/casede-fang.png) no-repeat left center;background-size:1.5% auto;}
	.introduce p{font-size:15px;line-height:24px;color:#666;margin:1.5% 0;}
	.introduce p img{margin:1% auto;width:70%;}
	.introduce .js{background:#F2F6FB;border-top:1px solid #003399;padding:1% 0;position:relative;margin:2% 0;}
	.introduce .js p{width:92%;margin:0 4%;}
	.introduce .js p:before{content:'';padding:3%;position:absolute;left:0;background:url(../images/case-det/“.png) no-repeat center top;background-size:25% auto;}
	.introduce .js p:after{content:'';padding:3%;position:absolute;right:0;top:10%;background:url(../images/case-det/”.png) no-repeat center bottom;background-size:25% auto;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:15px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.body-center{background:url(../images/case-det/casede-bg.jpg) no-repeat;padding-bottom:3%;}
	.case-det .left{width:58%;float:left;}	
	.case-det .left img{width:100%;}
	.case-det .left video,.case-det .left iframe{width:100%;height:483px;}
	.case-det .right{width:40%;float:right;}
	.case-det .right .cs{border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right h1{font-size:18px;color:#F39700;line-height:24px;padding:3% 0;border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right ul{margin:3% 0;}
	.case-det .right ul li span{font-size:14px;color:#fff;font-weight:bold;}
	.case-det .right ul li b{display:block;font-size:15px;color:#F39700;margin-top:5px;padding-left:10px;}
	.case-det .right ul li:nth-child(1){width:59%;float:left;}
	.case-det .right ul li:nth-child(2){width:40%;float:left;}
	.case-det .right p{font-size:14px;color:#fff;line-height:20px;margin:1% 0;}
	.case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:46%;margin:3% 2%;text-align:center;font-size:15px;color:#fff;float:left;}
	.case-det .right button a{border-radius:20px;font-size:14px;color:#fff;width:100%;padding:5% 0;}
	.case-det .right .quote{background:rgba(243,151,0,0.2);}
	.case-det .right .message{background:rgba(255,255,255,0.2);}
	.case-det .right .quote a{background:#F39700;}
	.case-det .right .message a{background:#fff;color:#272E3D;}
	.case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.case-det .right .message:hover a{background:#F39700;color:#fff;}
/*project-profile*/
	.prodet-tit{font-size:18px;color:#003399;padding-left:2%;margin:1.5% 0;background:url(../images/case-det/casede-fang.png) no-repeat left center;background-size:1.5% auto;}
	.introduce p{font-size:14px;line-height:21px;color:#666;margin:1.5% 0;}
	.introduce p img{margin:1% auto;width:70%;}
	.introduce .js{background:#F2F6FB;border-top:1px solid #003399;padding:1% 0;position:relative;margin:2% 0;}
	.introduce .js p{width:92%;margin:0 4%;font-size:12px;}
	.introduce .js p:before{content:'';padding:3%;position:absolute;left:0;background:url(../images/case-det/“.png) no-repeat center top;background-size:25% auto;}
	.introduce .js p:after{content:'';padding:3%;position:absolute;right:0;top:10%;background:url(../images/case-det/”.png) no-repeat center bottom;background-size:25% auto;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:14px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

@media screen and (max-width:769px){
/*banner*/
	.body-center{background:#012365;padding:5% 3% 5% 3%;}
	.case-det .left{width:100%;}	
	.case-det .left img{width:100%;}
	.case-det .left video,.case-det .left iframe{width:100%;height:5rem;}
	.case-det .right{width:100%;}
	.case-det .right .cs{border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right h1{font-size:0.3rem;color:#F39700;line-height:0.35rem;padding:5% 0;border-bottom:1px dashed rgba(255,255,255,0.3);}
	.case-det .right ul{margin:5% 0;font-size:0;}
	.case-det .right ul li span{font-size:0.25rem;color:#fff;font-weight:bold;}
	.case-det .right ul li b{display:block;font-size:0.27rem;color:#F39700;margin-top:10px;padding-left:10px;}
	.case-det .right ul li:nth-child(1){width:59%;float:left;}
	.case-det .right ul li:nth-child(2){width:40%;float:left;}
	.case-det .right p{font-size:0.25rem;color:#fff;line-height:0.36rem;margin:3% 0;}
	.case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:46%;margin:3% 2%;text-align:center;font-size:0.25rem;color:#fff;float:left;}
	.case-det .right button a{border-radius:20px;font-size:0.25rem;color:#fff;width:100%;padding:5% 0;}
	.case-det .right .quote{background:rgba(243,151,0,0.2);}
	.case-det .right .message{background:rgba(255,255,255,0.2);}
	.case-det .right .quote a{background:#F39700;}
	.case-det .right .message a{background:#fff;color:#272E3D;}
	.case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.case-det .right .message:hover a{background:#F39700;color:#fff;}
/*project-profile*/
	.introduce{padding:5% 2% 2% 2%;}
	.prodet-tit{font-size:0.36rem;color:#003399;padding-left:5%;margin:1.5% 0 3% 0;background:url(../images/case-det/casede-fang.png) no-repeat left center;background-size:4% auto;}
	.introduce p{font-size:0.25rem;line-height:0.45rem;color:#666;margin:1.5% 0;}
	.introduce p img{margin:2% auto 0 auto;width:100%;}
	.introduce .js{background:#F2F6FB;border-top:1px solid #003399;padding:1% 0;position:relative;margin:2% 0;}
	.introduce .js p{width:92%;margin:0 4%;font-size:0.25rem;line-height:0.36rem;}
	.introduce .js p:before{content:'';padding:3%;position:absolute;left:0;background:url(../images/case-det/“.png) no-repeat center top;background-size:25% auto;}
	.introduce .js p:after{content:'';padding:3%;position:absolute;right:0;top:85%;background:url(../images/case-det/”.png) no-repeat center bottom;background-size:25% auto;}
/*related-products*/
	.xg-product{margin-bottom:2%;padding:0 2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:48%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:0.25rem;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}