/* ipad */
@media screen and (min-width:768px) and (max-width:1200px) {
	.header {
		display: none;
	}

	.header-ipad {
		display: block;
		height: 60px;
	}

	.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;
	}

	/* 二级菜单 */
	.menu-list ul li .sonlist {
		display: none;
		position: absolute;
		top: 60px;
		left: 0px;
		z-index: 999;
		width: 200%;
		height: auto;
		overflow: hidden;
		background-color: #452de7;
		text-align: center;
	}

	.menu-list ul li:last-child .sonlist {
		position: absolute;
		left: -100%;
	}

	.menu-list ul li .sonlist li {
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-top: 1px #fff solid;
		box-sizing: border-box;
	}

	.menu-list ul li .sonlist li a {
		display: block;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
	}

	.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: auto;
	}

	/* 搜索 */
	.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;
	}

	.softR {
		width: 100%;
	}

	.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: 190px;
	}

	.contain-wrap {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.contain-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
	}

	.contain-box .bread {
		display: none;
	}

	.listbox {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}


	.listbox .breadBar {
		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;
	}

	.list-box {
		width: 100%;
		height: auto;
		padding: 60px 40px;
		box-sizing: border-box;
	}

	.list-box ul li {
		list-style: url(../icon/icon-7.png);
		height: 40px;
		line-height: 40px;
		border-bottom: 1px #dbdde2 solid;
	}

	.list-box ul li:last-child {
		margin-bottom: 40px;
	}

	.list-box 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;
	}

	.list-box ul li a:hover {
		color: #000;
	}

	.list-box ul li span {
		float: right;
		width: 80px;
		text-align: right;
	}

	.pageBox {
		width: 100%;
		height: auto;
		overflow: hidden;
		box-sizing: border-box;
		margin-bottom: 0px;
		margin-top: 35px;
		text-align: center;
	}

	.pageBox table {
		display: inline-block;
		text-align: center;
		margin: 0 auto;
	}

	.pageBox ul {
		width: auto;
		height: auto;
		display: flex;
		justify-content: center;
	}

	.pageBox ul li {
		float: left;
		list-style: none;
		/* width: 48px; */
		height: 45px;
		line-height: 45px;
		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 18px;
		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;
	}
}