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

*{margin: 0;padding: 0;font-family: "微软雅黑";font-weight: 300;font-size: 14px;}
ul{list-style: none;}
a{text-decoration: none;}
.fl{float:left;text-align: center;}
.fr{float:left}
.section{padding:20px 0}
.section .container{width:1210px;margin:0 auto;margin-top: 30px}
.section .mod-title{padding-bottom:15px;text-align:center}
.section .mod-title h2{font-size:36px;margin-bottom:7px}
.section .case-list li{width:260px;height:315px;border:1px solid #eee;float:left;color:#000;margin:20px;border-radius: 10px}
.section .case-list li:hover{box-shadow:4px 4px 4px #f2f2f2}
.section .case-list li img{border-radius: 10px;}
.section .case-list li a{color:#000}
.section .case-list li a:hover{color:#333}
.section .case-list .case-demo{overflow:hidden;height:26px;line-height:26px;margin-top:14px;margin-right:-12px}
.section .case-list .case-demo i{display:inline-block;width:26px;height:26px;background:url(../images/icon_bottom.png) no-repeat;margin-right:12px;cursor:pointer}
.section .case-list .case-demo i.weapp{background-position:0 0}
.section .case-list .case-demo i.phone{width:160px;height:30px;background:#ff6600;text-align: center; margin-left: 60px;border-radius: 12px}
.section .case-list .case-demo i.wechat{background-position:-76px 0}
.section .case-list .case-demo i.weapp.active{background-position:0 -36px}
.section .case-list .case-demo i.phone.active{background-position:-38px -36px}
.section .case-list .case-demo i.wechat.active{background-position:-76px -36px}
.section .case-list .case-intro{line-height:180%;margin:10px 0;text-align:justify}
.section .case-list .case-intro img{width: 215px; height: 215px}
.section .case-list .case-url{width:198px;margin:0 auto;border:1px solid #E6E6E6;border-radius:25px;height:40px;line-height:40px;text-align:center}
.section .case-list .case-url a{cursor:pinter}
.section .case-list .case-logo{text-align:center;height:30px;margin:5px 0; font-size: 14px}
.section .case-list .case-show-img .case-logo{margin:6px 0; font-size: 18px; padding-top: 5px}
.section .case-list .case-show{display:none;width:210px;padding:15px 20px 2px}
.section .case-list .show-text{display:block;height:213px}
.section .case-list .case-demo{display:block}
.section .case-list .show-qrcode{display:none;border: 0px}
.section .case-list .case-show-img{display:block}
.section .case-list .case-show-img .myimg img{width: 260px;height: 195px}
.section .case-list .show-qrcode{height:213px;padding-top:10px;text-align:center;line-height:240%;overflow:hidden}
.section .case-list .show-qrcode .img{margin-left: 5px}
.section .case-list .show-qrcode img{width: 200px;height: 200px}
.section .case-list .show-qrcode .intro{font-size:16px;color:#333;margin:6px 0 -10px}
.section .case-list .show-qrcode li{display:none;width:auto;height:auto;box-shadow:none;float:none;margin:0;border: 0px}
.section .case-list .case-type{text-align:center;height:40px;line-height:40px}
.section .case-list .case-type .fr{height:40px;line-height:40px}
.section .case-list .case-type i{display:inline-block;width:17px;height:17px;background:url(../images/icon-top.png) no-repeat;margin-right:10px}
.section .case-list .case-type i.weapp{background-position:-5px 0}
.section .case-list .case-type i.ios{background-position:-30px 0}
.section .case-list .case-type i.android{background-position:-55px 0}
.section .case-list .case-type i.wechat{background-position:-80px 0}
.section .case-list .case-type i.pc{background-position:-106px 0}

.section .caselist li{width:380px;height:306px;border:1px solid #eee;float:left;color:#000;margin:10px;text-align: center;font-size: 16px;border-radius: 5px;}
.section .caselist li:hover{box-shadow:4px 4px 4px #f2f2f2}

.section .caselist li img{width: 360px;height: 241px;margin: 10px;margin-bottom: 12px;border-radius: 5px;}
.section .caselist li a{color:#000}
.section .caselist li a:hover{color:#333}

.casetype{
	width: 100%;
	height: 90px;
	background: #f7f7f7;
	margin-top: 80px
}
.casetype .wcasetype{
	width: 1200px;
	height: 60px;
	background: #f7f7f7;
	margin:0px auto;
	overflow: hidden;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px
}
.casetype .wcasetype li{
	list-style: none;
	float: left;
	width: 120px;
	height: 60px;
	overflow: hidden;
	text-align: center;
}
.casetype .wcasetype li img{
	width: 35px;
	height: 35px;
	margin-bottom: 3px
}

.case_type{
	width: 1200px;
	height: 45px;
	margin: 0px auto;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #33dde7;
	padding-top: 40px
}
.case-type-mini-sel{
	width: 250px;
	height: 75px;
	padding-top: 10px;
	font-size: 18px;
	float: left;
	overflow: hidden;
	background: #33dde7;
	color: #ffffff;
	font-weight: lighter;
	text-align: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px
}
.case-type-mini{
	width: 250px;
	height: 75px;
	padding-top: 10px;
	font-size: 18px;
	float: left;
	overflow: hidden;
	text-align: center;
	background: #f2f2f2;
	font-weight: lighter;
	text-align: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-left: 20px
}
.case-type-mini a{
	font-size: 18px;
	color: #59d2dd
}