@charset "utf-8";
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	.c30{ height:30px; clear:both;}
	.c50{ height:50px; clear:both;}
	.pimg img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
	.pimg:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }


  
	.index-title {text-align: center;padding: 0; height:75px; margin-bottom:5px;}
	.index-title img {display: block;margin: 0 auto;}
		/* ---- about ---- */
		.cases { width:1200px; margin:0 auto;}

    .casebodys{ height:400px;  position:relative; z-index:99; padding-top:0px; margin-bottom:40px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-15px; top:75px;}
    .case-lefts .next{ display:block;  width:17px; height:39px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 5px; float:left; width:24%; height:400px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:auto; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:40px; width:100%; margin:0 auto;  color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:40px; height:40px; margin:0 auto; text-align:center; font-size:14px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	
}
/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	.c30{ height:10px; clear:both;}
	.c50{ height:15px; clear:both;}
	
		/* ---- about ---- */
		.cases {padding: 0px 0; background:url(../images/case.png) repeat  }
	.cases .img-box {height: 40px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto;}
    .casebodys{ height:240px;  position:relative; z-index:99; padding-top:10px; margin-bottom:10px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-15px; top:75px;}
    .case-lefts .next{ display:block;  width:17px; height:39px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 5px; float:left; width:24%; height:240px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:175px; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:40px; width:100%; margin:0 auto; color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:40px; height:40px; margin:0 auto; text-align:center; font-size:16px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	

	
	
}
/* iPad Pro 小于等于1024px iPad Pro */
@media screen and (max-width: 1024px) {
	.Piiic {display: none;}
}
/* iPad 小于等于 992px */



/* 平板 小于等于 768px iPad */
@media (max-width: 768px){
	
	.cases {padding: 0px 0;  overflow:hidden;}
	.cases .img-box {height: 30px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto; width:100%;}
    .casebodys{ height:auto;  position:relative; z-index:99; padding:0px 10px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-15px; top:75px;}
    .case-lefts .next{ display:block;  width:17px; height:39px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 2% 0 0; float:left; width:47%; height:180px; _display:inline; overflow:hidden; text-align:center;   }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:150px; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:30px; width:100%; margin:0 auto; background:#e9f3fc; color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:30px; height:30px; margin:0 auto; text-align:center; font-size:14px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }


}