/* ipad */
@media screen and (min-width:768px) and (max-width:1200px) {
	.header{
		display: none;
	}
	.header-ipad{
		display: block;
		height: 60px;
		background-color: #542FED;
	}
	.header-phone{
		display: none;
	}
	.header-ipad .logo-wrap{
		float: left;
		width: 30%;
		height: 60px;
		text-align: center;
		background-color: #542fed;
	}
	.header-ipad .logo-wrap img{
		height: 60px;
		padding: 5px 10px;
		box-sizing: border-box;
	}
	.header-ipad .menu-list{
		float: left;
		width: 70%;
		height: 60px;
		background-color: #542fed;
	}
	.header-ipad .menu-list ul {
		width: 100%;
		height: 60px;
	}
	.header-ipad .menu-list ul li{
		width: 14%;
		height: 60px;
	}
	.header-ipad .menu-list ul li:first-child{
		margin-left: 0%;
		background-image: none;
	}
	.header-ipad .menu-list ul li a{
		height: 60px;
		line-height: 60px;
		padding: 0px;
		text-align: center;
		color: #fff;
	}
	/* 轮播 */
	#carousel-example-generic{
		height: 340px;
	}
	/* 搜索 */
	.colum-search{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #1a1c35;
	}
	.colum-search .search-box{
		width: 100%;
		height: 56px;
	}
	.search-box ul{
		height: 56px;
	}
	.search-box ul li{
		height: 56px;
	}
	.search-box ul li:last-child{
		width: 40%;
	}
	.search-box ul li a{
		display: inline-block;
		width: 100%;
		height: 56px;
		text-align: center;
	}
	.search-box ul li a:after{
		top: 23px;
	}
	.search-box ul li .clear-after:after{
		display: none;
	}
	.search-box ul li a p{
		margin: 0;
		line-height: 56px;
		font-size: 14px;
		color: #fff;
	}
	.search-box ul li a p span{
		font-size: 14px;
		color: #fff;
		margin-right: 10px;
	}
	/* 搜索框 */
	#searchBox input{
		width: 70%;
		height: 30px;
		margin: 13px 15% 0px 15%;
	}
	#searchBox span{
		color: #d8dce3;
		font-size: 22px;
		top: 11px;
		right: calc(15% );
	}
	/* 硬件 */
	.hardware-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #fff;
		text-align: center;
		margin-bottom: 60px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.hardware-wrap>h3{
		font-size: 24px;
		color: #262626;
		margin-top: 50px;
	}
	.hardware-wrap>p{
		font-size: 18px;
		color: #545454;
	}
	.hardware-wrap ul{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 30px;
	}
	.hardware-wrap ul li{
		position: relative;
		width: 30%;
		height: auto;
		list-style: none;
		background-color: #f9f9fb;
		border: 1px #f2f2f2 solid;
		border-radius: 10px;
		margin-bottom: 40px;
		padding: 0 30px;
		box-sizing: border-box;
	}
	.hardware-wrap ul li img{
		width: 60px;
		height: 60px;
		margin: 10px 0px;
	}
	.hardware-wrap ul li h4{
		font-size: 20px;
		color: #333;
	}
	.hardware-wrap ul li span{
		display: block;
		width: 50px;
		height: 2px;
		background-color: #dfdfdf;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.hardware-wrap ul li p{
		font-size: 14px;
		color: #727272;
		margin-bottom: 60px;
	}
	.hardware-wrap ul li a{
		position: absolute;
		left: 0;
		right: 0;
		bottom: -15px;
		margin:auto;
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		background: url(../icon/icon-2.png) no-repeat;
	}
	/* 产品案例 */
	.colum-product{
		width: 100%;
		height: auto;
		background: url(../icon/index.png) no-repeat;
		background-size: 100% 100%;
	}
	.product-box {
		width: 100%;
		height: 260px;
		margin: 0 auto;
		text-align: center;
	}
	#carousel-product{
		width: 100%;
		height: 260px;
		overflow: hidden;
	}
	#carousel-product .carousel-control{
		background: transparent;
	}
	#carousel-product .carousel-inner{
		height: 260px;
	}
	#carousel-product .item h3{
		font-size: 24px;
		color: #262626;
		margin: 0px;
		line-height: 80px;
	}
	#carousel-product .item img{
		float: left;
		width: 25%;
		height: 120px;
		margin-left: 10%;
	}
	#carousel-product .item p{
		height: 60px;
		/* float: left; */
		width: 50%;
		line-height: 20px;
		font-size: 16px;
		color: #262626;
		padding: 0px;
		margin: 30px 0px 30px 40%;
		box-sizing: border-box;
		word-wrap:break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	#carousel-product .item a{
		display: block;
		width: 130px;
		height: 40px !important;
		line-height: 40px;
		text-decoration: none;
		padding: 10px 0xp;
		box-sizing: border-box;
		margin: 0 auto;
		background-color: #fff;
		font-size: 16px;
		color: #262626;
		border-radius: 20px;
	}
	#carousel-product a .glyphicon-chevron-left {
		left: 20%;
	}
	#carousel-product a .glyphicon-chevron-right {
		right: 20%;
	}
	/* 软件产品 */
	.software-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f7f7f7;
		text-align: center;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.software-wrap>h3{
		font-size: 24px;
		color: #262626;
		margin-top: 50px;
	}
	.software-wrap>p{
		font-size: 18px;
		color: #545454;
		margin-bottom: 40px;
	}
	.software-wrap .softBox{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.softL{
		width: 100%;
	}
	.softL ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.softL ul li{
		list-style: none;
		width: 30%;
		height: 170px;
		text-align: center;
		margin-bottom: 40px;
	}
	.softL ul li h4{
		font-size: 20px;
		color: #333;
		margin: 0px 0px 30px 0px;
	}
	.soft-text{
		position: relative;
		font-size: 20px;
		color: #333;
		margin: 0px 0px 30px 0px;
		background-color: #fff;
		border: 1px #eee solid;
		box-shadow: 2px 2px 3px #eee;
		box-sizing: border-box;
		border-radius: 5px;
		padding: 20px;
	}
	.soft-text img{
		position: absolute;
		width: 30px;
		height: 30px;
		top: -15px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.soft-text p{
		text-align: left;
		font-size: 14px;
		color: #727272;
	}
	.softC{
		width: 100%;
		height: 280px;
		margin-bottom: 40px;
                margin-left:0px;
	}
	.softR{
		width: 100%;
                margin-left:0px;
	}
	.softR ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.softR ul li{
		list-style: none;
		width: 30%;
		height: 170px;
		text-align: center;
		margin-bottom: 40px;
	}
	.softR ul li h4{
		font-size: 20px;
		color: #333;
		margin: 0px 0px 30px 0px;
	}
	/* softc */
	.softC #carousel-soft .item{
		width: 100%;
		height: 280px !important;
	}
	#carousel-soft .item .imgC{
		float: left;
		height: 240px;
		width: 30%;
		display: flex;
		align-items: center;
	}
	#carousel-soft .item img{
		width: 220px;
		height: 180px;
		margin: 0 auto;
	}
	#carousel-soft .carousel-inner{
		height: 280px;
		background-color: #fff;
		border: 1px #eee solid;
		box-shadow: 2px 2px 3px #eee;
		box-sizing: border-box;
		border-radius: 5px;
	}
	#carousel-soft .item .softContent{
		float: left;
		width: 70%;
		height: 240px;
		text-align: right;
	}
	.softContent h4{
		float: left;
		width: 50%;
		height: 60px;
		line-height: 60px;
		display: inline-block;
		font-size: 20px;
		color: #262626;
		margin: 0;
		text-align: left;
		text-indent: 2em;
	}
	 .carousel-inner .item .softContent a{
		width: 100px !important;
		height: 30px !important;
		line-height: 30px;
		border: 1px #ccc solid;
		display: inline-block;
		font-size: 14px;
		color: #333333;
		margin: 15px 20px 15px 0px;
		text-decoration: none;
		box-sizing: border-box;
		text-align: center;
	}
	#carousel-soft .item ul {
		width: 100%;
		height: 160px;
		margin-top: 20px;
		padding: 0 40px;
		box-sizing: border-box;
	}
	#carousel-soft .item ul li{
		list-style: disc;
		height: 25px;
		margin-bottom: 0px;
	}
	#carousel-soft .item ul li p{
		margin: 0px;
		color: #000;
		text-align: left;
		font-size: 14px;
		color: #727272;
	}
	#carousel-soft>a{
		width: 50px;
		height: 20px;
		line-height: 20px;
		top: 240px;
		/* background-color: transparent !important; */
		opacity: 1;
		background: #3f2de4;
		border-radius: 2px;
	}
	#carousel-soft>a span{
		font-size: 16px;
	}
	#carousel-soft .left1{
		left: 42%;
	}
	#carousel-soft .right1{
		right: 42%;
	}
	.dynamic-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #fff;
		text-align: center;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.dynamic-wrap>h3{
		font-size: 24px;
		color: #262626;
		margin-top: 50px;
	}
	.dynamic-wrap .dynamic-box{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.dynamic-box>ul {
		position: relative;
		width: 100%;
		height: 30px;
		padding: 0 30%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
		border: none;
		margin-top: 10px;
	}
	.dynamic-box>ul li{
		width: 90px;
	}
	.dynamic-box>ul li a{
		padding: 0px;
		line-height: 30px;
		border: 1px #ccc solid;
		margin-bottom: 0px;
		color: #545454;
		font-size: 14px;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
		border-color: #ccc;
	}
	.dynamic-box>ul>a{
		position: absolute;
		right: 0px;
		font-size: 16px;
		line-height: 30px;
		color: #545454;
	}
	.dynamic-box .tab-content, .dynamic-box .tab-pane{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#home ul {
		display: flex;
		justify-content: space-between;
	}
	#home ul li{
		width: 31%;
		height: auto;
		overflow: hidden;
		border-radius: 5px;
	}
	#home ul li img{
		width: 100%;
		height: auto;
	}
	#home .dynamic-text{
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: left;
		background-color: #f9f9f9;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#home ul li h5{
		font-size: 16px;
		color: #333;
		line-height: 40px;
		margin: 0px;
	}
	#home ul li  span{
		display: block;
		font-size: 16px;
		color: #3e2ee4;
		line-height: 40px;
	}
	#home ul li p{
		font-size: 14px;
		color: #727272;
		height: auto;
		line-height: 20px;
		margin-bottom: 20px;
	}
	#home ul li a{
		display: inline-block;
		width: 120px;
		height: 30px;
		line-height: 30px;
		border: 1px #ccc solid;
		border-radius: 5px;
		box-sizing: border-box;
		text-align: center;
		margin-bottom: 30px;
	}
	#home ul li a p{
		float: left;
		display: inline-block;
		width: 70%;
		height: 30px;
		line-height: 28px;
		margin: 0;
		font-size: 14px;
		color: #727272;
	}
	#home ul li a span{
		float: right;
		display: inline-block;
		width: 30%;
		height: 30px;
		line-height: 28px;
		color: #727272;
	}
	/* 合作伙伴 */
	.partner-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f7f7f7;
		text-align: center;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.partner-wrap>h3{
		font-size: 24px;
		color: #262626;
		margin-top: 50px;
	}
	.partner-wrap>p{
		font-size: 18px;
	    color: #545454;
	    margin-bottom: 40px;
	}
	.partner-wrap .partner-box{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.partner-box ul{
		height: auto;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.partner-box ul li{
		list-style: none;
		width: 180px;
		height: 50px;
		margin-bottom: 20px;
	}
	.partner-box ul li img{
		width: 100%;
		height: 100%;
	}
	/* 底部信息 */
	.footer-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f7f7f7;
		text-align: center;
		background: url(../icon/footer-bg.png) no-repeat;
		background-size: 100% 100%;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.footer-wrap .footer-box{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.footer-box .footL{
		float: left;
		position: relative;
		width: 100%;
		margin-top: 20px;
		text-align: left;
	}
	.footL img{
		float: left;
		width: 100px;
		height: 40px;
	}
	.footL ul {
		float: left;
		width: calc(100% - 300px);
		height: 40px;
		margin-left: 50px;
		display: flex;
		justify-content: space-between;
	}
	.footL ul li{
		display: inline-block;
		list-style: none;
	}
	.footL ul li a{
		display: inline-block;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		color: #abaeb7;
	}
	.footer-box .footL:after{
		display: none;
	}
	.footer-box .footC{
		float: left;
		position: relative;
		width: 70%;
		margin-top: 10px;
		text-align: left;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.footer-box .footC:after{
		display: none;
	}
	.footer-box .footR{
		float: left;
		width: 30%;
		margin-top: 10px;
		text-align: center;
	}
	.footC h4{
		margin: 0px;
		line-height: 40px;
		font-size: 16px;
		color: #acaeb7;
	}
	.footC p{
		display: inline;
		font-size: 14px;
		color: #acaeb7;
		margin: 0 20px 20px 0px;
	}
	.footC p:last-child{
		display: block;
		margin: 10px 0px 0px 0px; 
	}
	.footC p span{
		font-size: 14px;
		color: #acaeb7;
		margin-right: 10px;
	}
	.footR img{
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto;
		padding: 8px;
		background-color: #fff;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.footR p{
		font-size: 14px;
		color: #acaeb7;
		margin: 0px;
		width: 100%;
		line-height: 30px;
		text-align: center;
	}
	.footP{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.footer-box .footP p{
		font-size: 16px;
		color: #acaeb7;
		height: 50px;
		line-height: 50px;
		text-align: left;
		margin-bottom: 0px;
	}
	/* 列表页 */
	.banner{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.banner img{
		width: 100%;
		height: auto;
	}
	.contain-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.contain-box{
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: #fff;
	}
	.contain-box .bread{
		height: 60px;
	}
	.bread a{
		float: left;
		display: inline-block;
		width: 140px;
		height: 60px;
		line-height: 60px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background: url(../icon/header-bg.png) no-repeat;
		background-size: 100% 100%;
		margin-right: 10px;
	}
	.bread p{
		float: left;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 30px;
		text-align: center;
		color: #fff;
		background: url(../icon/logo-bg.png);
		background-size: 100% 100%;
		box-sizing: border-box;
		margin: 20px 0px 0px 0px;
	}
	.listbox{
		width: 100%;
		height: auto;
		padding: 20px 40px;
		box-sizing: border-box;
	}
	.listbox ul li{
		list-style: url(../icon/icon-7.png);
		height: 40px;
		line-height: 40px;
		border-bottom: 1px #dbdde2 solid;
	}
	.listbox ul li:last-child{
		margin-bottom: 40px;
	}
	.listbox ul li a{
		float: left;
		width: calc(100%  - 80px);
		font-size: 14px;
		color: #4c4c4c;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-decoration: none;
	}
	.listbox ul li a:hover{
		color: #000 ;
	}
	.listbox ul  li span{
		float: right;
		width: 80px;
		text-align: right;
	}
	.pageBox{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.pageBox ul{
		width: auto;
		height: 100%;
		display: flex;
		justify-content: center;
	}
	.pageBox ul li {
		float: left;
		list-style: none;
		/* width: 48px; */
		height: 35px;
		line-height: 35px;
		border: 1px #666 solid;
		box-sizing: border-box;
		text-align: center;
		margin: 0 10px;
	}
	.pageBox ul li a{
		display: block;
		width: 100%;
		color: #666;
		font-size: 16px;
		text-decoration: none;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.pageActive{
		background: url(../icon/icon-8.png) no-repeat;
		background-size: 100% 100%;
	}
	.pageBox ul .pageActive a{
		color: #fff;
	}
	.pageBox ul .pageActive a:hover{
		color: #fff;
	}
}