@charset "utf-8";
/*- - - - - - - - -样式属index.html - - - - - - - -*/
body{background:#dddada /*url(../images/bodybg.jpg) repeat-y center top*/;font-family: '微软雅黑';}
body a{outline:none;text-decoration: none;/* display: inline-block; */}
.container{width:1080px;overflow:hidden;height:auto;margin:0 auto;}
.containers{width:100%;height:auto;overflow:hidden;background:#f9fafc;margin:0 auto;}
.banner_sub{width:100%;margin:0 auto;}
.banner_sub img{width:100%;}
.title{width:100%;background:#f9fafc;margin:0 auto;}
.t_white{background:#fff;}
.title h1{text-align:center;font-weight:normal;line-height:30px;}
.title p{text-align:center;line-height:30px;padding:20px 0;font-size:16px;}
.title p span{color:#6aaccd;font-weight:550;}
.title h2{text-align:center;font-weight:normal;line-height:30px;padding:20px 0 50px 0;}
.titles h2{text-align:center;font-weight:normal;line-height:40px;padding:50px 0;font-size:40px;background: rgba(204,204,204,0.5);margin-bottom: 20px;}
/********************************案例**********************************/
.examples{width:80%;min-width:1000px;height:auto; position:relative;margin:0 auto;}
.ex_case{margin:0 auto;width:980px;overflow: hidden;margin-top:-50px;padding-bottom: 50px;}
.ex_case li{float:left;display:inline;margin-left:22px;width:302px;height:245px; background:url(../images/b.png) center bottom no-repeat;position:relative;}
.ex_case li .case_w{display:block;width:262px;height:145px;padding:20px;background:url(../images/a.png) no-repeat;position:absolute;bottom:14px;left:0px;}
.ex_case li .case_w .fire{background:#000;opacity:0.3;filter:alpha(opacity=50);position:absolute;top:20px;left:20px;width:262px;height:145px;z-index:2;display:none; text-align:center; }
.ex_case li .case_w  .x,.case li .case_w  .y{width:61px;height:61px;top:60px;position:absolute;z-index:3;display:none;}
.ex_case li .case_w  .y{/*background:url(../images/readmore-icon.png);*/right:50px;}
.ex_case li .case_w img{width:100%; height: 100%;}
.ex_case li p{margin-top:240px;width:100%;text-align:center;}
/********************************************************************************/
.listPic{width:100%;margin:0 auto;}
.listPic .container{width: 95%;}
.listPic .ex_case{width: 100%;margin-top: 0;padding-bottom: 10px;}
.listPic ul li {float:left;width: 48%;height: auto;background: #f5f5f5;border-radius: 2px;overflow: hidden;box-shadow: -1px 2px 8px #ccc;margin-left: 0;margin: 2% 1% 2% 1%;padding-top: 5px;}
.listPic ul li img{width:380px;/* border-radius:20px; */}
.listPic ul li p{width:100%;text-align:center;font-size: 12px;margin: 5px auto;color:#000;}
.listPic .ex_case li .case_w{padding: 0;width: 100%;text-align: center;height: auto;position:static;background:transparent;}
.listPic .ex_case li .case_w img{width: 95%;}
.listPic .main-content-myModel-footer ul li{margin: 0 5px;width: 35px;height: 30px;font-size: 14px; padding-top: 0;}
.listPic .main-content-myModel-footer ul { height: auto; }
.listPic .main-content-myModel-footer ul li img{width: 7px;}
.bottom20{margin-bottom:60px;}





/*分页*/
#myDeviceFooter a{ color: #999; font-size: 14px; }
.main-content-myModel-footer{
	display: flex;
	display: -webkit-flex;
	padding-left: 0 !important;
	justify-content: center;
	margin-bottom: 20px;
}
#myDevice-page li:nth-child(1){margin-left:0;}
.main-content-myModel-footer ul{
	padding: 0px;
	height: 58px;
	display:flex;
	display:-webkit-flex;
	justify-content: center;
}
.main-content-myModel-footer ul li{
	margin-left:20px;
	width: 70px;
	height: 58px;
	display: flex;
	display: -webkit-flex;
	justify-content:center;
	align-items: center;
	position: relative;
	cursor: pointer;
	font-size: 20px;
}
.main-content-myModel-footer ul .active a{
	color: #ccc !important;
}
.main-content-myModel-footer li:first-child:after,.main-content-myModel-footer li:last-child:after{
	
	   background:#f5f5f5;
}

.main-content-myModel-footer ul li img{
	margin-top:-1px;
}
.main-content-myModel-footer ul li:first-child, .main-content-myModel-footer ul li:last-child{
	opacity: 0.7;
} 
.main-content-myModel-footer ul li:first-child:hover, .main-content-myModel-footer ul li:last-child:hover{
	opacity:1;
}
.main-content-myModel-footer ul li:last-child img{
	transform:rotate(180deg);
-ms-transform:rotate(180deg); 	
-moz-transform:rotate(180deg); 	
-webkit-transform:rotate(180deg); 
-o-transform:rotate(180deg);
}
.main-content-myModel-footer>div{
	display: flex;
	 display: -webkit-flex;
	height:48px;
}
.main-content-myModel-footer>div div:last-child{
	margin-left:15px;
	justify-content:space-between;
	align-items: center;
	display: flex;
	 display: -webkit-flex;
}
.main-content-myModel-footer input{
	outline:none;
	height: 48px;
	width: 28px;
	border: 0;
	text-align: center;
	font-size: 14px;
	background: #f5f5f5;
	border:0;
	border-bottom: 1px solid #333;
}
.main-content-myModel-footer button{
	height: 48px;
	width: 60px;
	margin-left:10px;
	color: #333;
	cursor: pointer;
	line-height: 48px;
	background: transparent;
}
#myDevice-page li a{color: #000;}