img {
	max-width: 100%;
}

.case-comm {
	width: 1140px;
}
@media only screen and (max-width: 768px){
	    .case-banner {
	        margin-top: 20px!important;
	    }
}
.case-banner {
	width: 100%;
	/* margin-top: -124px; */
	margin-top: -138px;
}

.case-con {
	width: 100%;
}

.case-con img {
	width: 100%;
}

.case-list {
	width: 100%;
	/* background: url(../img/case/case-bg.png) repeat; */
	padding-bottom: 80px;
}

.about-list {
	padding-bottom: 0;
	margin-bottom: -5px;
}

.case-list .index-pro {
	text-align: center;
	padding-top: 82px;
	padding-bottom: 58px;
}

.case-container {
	display: flex;
	justify-content: space-between;
	width: 66%;
	margin: auto;
	text-align: center;
}

.case-container .item {
	flex: 1;
	width: 30%;
}


.cell_box {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	height: 200px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-right: 20px; */
	margin-top: 24px;
	margin-bottom: 14px;
	padding: 0 20px;
	background-color: #fff;
	border-radius: 5px;
	/* box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1); */
	/* box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.1); */
}

.cell_box:hover {
	cursor: pointer;
	/* box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.1); */
}

.ee {
	width: 86%;
	background: url(../img/caseF/title_logoBg02@2x.png) no-repeat center;
	background-size: 100% 100%;
	margin: auto;
	height: 222px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.company_name {
	padding-bottom: 10px;
}

.ee:hover {
	width: 86%;
	background: url(../img/caseF/title_logoBg01@2x.png) no-repeat center;
	background-size: 100% 100%;
}

.cell_box img {
	max-height: 100%;
}

@media only screen and (min-width: 2000px) {
	.cell_box {
		height: 400px;
	}
}

@media only screen and (max-width: 520px) {
	.case-banner {
		margin-top: unset;
	}

	.index-pro img {
		width: 60%;
		height: auto;
	}
	.nb-zz img{
		width: 30%;
	}
	.case-list .index-pro {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.cell_box {
		height: 80px;
		margin-right: 6%;
		margin-top: 14px;
		margin-bottom: 14px;
		padding: 0 10px;
	}

	.case-container {
		width: 80%;
	}

	.company_name {
		font-size: 12px;
		padding-left: 1px;
	}
}

/* 产品中心 */
.product-img {
	align-items: flex-end;
	width: 100%;
	height: unset;
	margin: auto;
	margin-top: 24px;
	margin-bottom: 14px;
	box-shadow: unset;
	/* background: url(../img/product/titleImg_bg02@2x.png) no-repeat center; */
	background-size: 100% 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-top: 30px;
}

.product-img:hover {
	/* background: url(../img/product/titleImg_bg01@2x.png) no-repeat center;
	background-size: 100% 100%; */
}

.product {
	background-color: #fff;
	margin: auto;
	width: 90%;
	display: flex;
	padding-top: 20px;
	margin-bottom: 80px;
}

.product-list {
	width: 20%;
	margin-right: 2%;
}

.product-con {
	margin-top: 10px;
}

.product-con .index-pro {
	/* text-align: center;
	padding-top: 40px;
	padding-bottom: 30px; */
	    text-align: center;
	    padding-top: 0;
	    padding-bottom: 30px;
	    border-bottom: 1px solid #ccc;
	    width: 96%;
	    margin: auto;
}

.product-container {
	width: 96%;
}

/* 关于我们 */
.about-con {
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-con .about-word {
	width: 56%;
	text-align: left;
}

.product-lidt .list-group-item {
	background: transparent;
	border: unset;
	border: none;
}

.product-lidt {
	box-shadow:1px 3px 3px 3px rgba(0,0,0,.2);
	/* background: url(../img/product/LeftNav_bg@2x.png) no-repeat left top; */
	background-size: 100% auto;
	overflow-x: hidden;
	margin-top: 10px;
}

.product-lidt .list-group-item {
	/* background: url(../img/product/pro-img1.png) repeat-x left top; */
	background-size: 100% 100%;
	cursor: pointer;
	text-align: center;
}

.product-lidt {
	width: 198.3px;
}




.product-lidt .list-group-item img {
	width: 16%;
	margin-right: 3%;
}

.product-lidt .list-group-item {
	position: relative;
	padding: unset;
	padding: 0;
	height: 50px;
	line-height: 50px;
}

/* .product-lidt .list-group-item:first-child {
	margin-top: 10px;
} */

/* .product-lidt .list-group-item:last-child {
	margin-bottom: 10px;
} */

/* .product-lidt .list-group-item:nth-child(1)::before{
	content: url(../img/product/LeftNav_box@2x.png);
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	height: auto;
} */

@media only screen and (min-width: 2000px) {
	.product-lidt .list-group-item span {
		font-size: 20px;
	}

	.product-img {
		height: 300px;
	}
}

@media only screen and (max-width: 520px) {
	.cell_box img {
	    width: 100%;
	}
	.product-img {
		height: unset;
		padding-top: 10px;
	}

	.product-lidt .list-group-item img {
		width: 50%;
	}

	.product-lidt .list-group-item span {
		display: block;
		font-size: 12px;
	}

	.product-lidt .list-group-item {
		padding: .75rem 0.25rem;
	}
}

.about-list {
	background: #fff;
}

.about-container {
	width: 100%;
}

.about-container .col-lg-6 {
	padding-left: unset;
	padding-right: unset;
}

.about-word h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 60px;
}

.about-word p {
	text-indent: 28px;
}

.about-con1 {
	justify-content: flex-end;
}

.about-con1 .about-word {
	margin-right: 10%;
}

.about-con2 {
	justify-content: flex-start;
}

.about-con2 .about-word {
	margin-left: 10%;
}

.about-container img {
	width: 100%;
}

/* .about-ff{} */
.about-margin1 {
	margin-left: -13px;
	margin-bottom: -2px;
}

.about-margin2 {
	margin-right: -10px;
	margin-top: -10px;
}

.about-margin3 {
	margin-left: -13px;
	margin-top: -12px;
}

@media only screen and (max-width: 767px) {
	.about-list .index-pro img {
		width: 24%;
		margin: auto;
	}

	.about-con .about-word {
		width: 80%;
		margin-right: unset;
	}

	.about-con1 {
		justify-content: center;
	}

	.about-con2 {
		justify-content: center;
	}

	.case-container {
		display: unset;
	}

	/* .case-comm{
		display: flex;
	} */
	.about-con2 .about-word {
		margin-left: unset;
	}

	.about-container img {
		width: 80%;
	}

	.about-margin {
		margin-bottom: 30px;
	}
}

.about-company {
	width: 100%;
	background-color: #000000;
	background: #313131 url(../img/about/title02_bg@2x.png) no-repeat left center;
	background-size: 100% auto;
	position: relative;
	padding-bottom: unset;
	/* margin-bottom: 80px; */
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 100px;

}

.about-comlist {
	padding-top: 50px;
	padding-bottom: 50px;
}

.about-top {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.about-bottom {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.about-company .index-pro {
	width: 100%;
}

.about-company .index-pro img {
	width: 18%;
}
@media (max-width: 520px){
	.about-company .index-pro img {
		width: 28%;
	}
}
.about-comlist {
	display: flex;
	width: 68%;
	margin: auto;
}

.about-culture {
	display: flex;
	width: 60%;
	margin: auto;
}

.culture-list {
	flex: 1;
}

.culture-list1 {
	background: url(../img/about/title03_bg01@2x.png) no-repeat left center;
	background-size: 100% auto;
	background-size: 96% auto;
	background-position: 2% center;
}

.culture-list2 {
	background: url(../img/about/title03_bg02@2x.png) no-repeat left center;
	background-size: 100% auto;
	background-size: 96% auto;
	background-position: 2% center;
}

.culture-list3 {
	background: url(../img/about/title03_bg03@2x.png) no-repeat left center;
	background-size: 100% auto;
	background-size: 96% auto;
	background-position: 2% center;
}

.culture-list4 {
	background: url(../img/about/title03_bg04@2x.png) no-repeat left center;
	background-size: 100% auto;
	background-size: 96% auto;
	background-position: 2% center;
}

.culture-list {
	transition: 0.3s ease-in;
	background-size: 96% auto;
	background-position: 2% center;
}

.culture-list:hover {
	cursor: pointer;
	background-size: 100% auto;
	background-position: 0% center;
}

.culture-list {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.culture-list h5 {
	padding-left: 14%;
	line-height: 40px;
	font-size: 18px;
	font-weight: 560;
	color: rgba(51, 51, 51, 1);
}

.culture-list p {
	padding-left: 14%;
	line-height: 40px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

.about-culture .culture-con {
	width: 80%;
}

.about-activity .culture-con {
	width: 80%;
	margin: auto;
	display: flex;
}

.about-activity .culture-list p {
	padding-left: 14%;
	font-size: 16px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

.about-activity .culture-con h5 {
	width: 50%;
}

/* .activity-con1 {
	background: url(../img/about/title03_img03@2x.png) no-repeat right bottom;
	background-size: 30% auto;
	background: url(../img/about/title03_img03@2x.png) no-repeat right 550px;
} */

.activity-con .index-pro {
	padding-bottom: unset;
}

.activity-com {
	margin-top: -110px;
}

.activity-img {
	position: relative;
}

.activity-img img {
	position: absolute;
	top: 110px;
}

@media only screen and (max-width: 767px) {
	.product-htop .index-pro img {
		width: 30%;
	}

	.about-activity .index-pro img {
		width: 40%;
	}

	.activity-con .index-pro img {
		width: 30%;
	}

	.activity-com {
		margin-top: 20px;
	}

	.activity-img img {
		position: absolute;
		top: 30px;
	}

	.about-culture {
		width: 90%;
	}

	.culture-list h5 {
		padding-left: 2%;
		line-height: unset;
		font-size: 14px;
		font-weight: 560;
		color: rgba(51, 51, 51, 1);
	}

	.culture-list {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.culture-list p {
		padding-left: 2%;
		line-height: 14px;
		font-size: 10px;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}
}

@media only screen and (min-width: 1900px) {
	.about-culture {
		margin-top: 20px;
	}

	.activity-con1 {
		background: url(../img/about/title03_img03@2x.png) no-repeat 600px 770px;
	}
}

.activity-con {
	margin-bottom: 100px;
}

.about-company {
	width: 100%;
	background-color: #000;
}

@media only screen and (min-width: 1900px) {
	.case-comm {
		width: 1400px;
		margin: auto;
	}

	.about-margin {
		margin-bottom: 100px;
	}

	.product-comm {
		width: 100%;
	}

	.product-img {
		height: 180px;
	}

}

.product-comm .product-img {
	transition: ease-in .3s;
}

/* .product-comm .product-img:hover {
	background: url(../img/product/titleImg_bg01@2x.png) no-repeat center;
	background-size: 105% 106%;
} */

.product-comm .product-img:hover img {
	width: 85%;
	/* margin-top: 24px; */
	margin-bottom: -10px;
}

.about-comlist {
	width: 100%;
}

.about-comlist .cell_box {
	box-shadow: unset;
	background-color: transparent;
	width: 100%;
}

/* .product-img:hover{
	background: url(../img/product/titleImg_bg01@2x.png) no-repeat center;
	background-size: 100% 100%;
} */

/* .about-comlist{
	width: 90%;
}
.site-con{
	width: 100%;
}
.wrapper>.container{
	height: 280px;
	margin: auto;
}
.wrapper.horizontal .container .cards-list {
    width: 22rem;
    height: 312px;
}
.container>.cards-list{
	background-color:transparent!important;
}
.container>.cards-list{
	
} */
@media only screen and (max-width: 520px) {
	.product-lidt {
		/* background: url(../img/product/APPnav_img_03.png) no-repeat left top; */
		background-size: 100% auto;
		overflow-x: hidden;
	}

	.product-lidt .list-group-item {
		background-size: 100% 100%;
		cursor: pointer;
		text-align: center;
	}

	.product-con {
		margin-top: 8px;
	}

	.product-lidt {
		width: 66px;
		overflow-y: hidden;
	}

	.product-comm {
		display: flex;
	}

	.product-con .index-pro {
		text-align: center;
		padding-top: 26px;
		padding-bottom: 6px;
	}

	.product-lidt .list-group-item {
		/* height: 49px; */
		line-height: unset;
		height:unset!important;
	}

	.product-lidt .list-group-item img {
		width: 38%;
	}
}


/* 解决方案 */
.solution {
	position: relative;
	width: 100%;
}

.solution .solution-contop {
	background-color: rgba(0, 0, 0, .1);
	max-width: 1400px;
	/* width: 100%; */
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 58px;
	margin: auto;
	margin-top: -58px;
	/* position: absolute; */
}

.solution .nav-tabs>li>a {
	border-radius: none;
	color: #fff;
}

.solution .solution-contab {
	background-color: #fff;
	max-width: 1900px;
	width: 100%;
	background: url(../img/solution/title_bg@2x.png) no-repeat top center;
	background-size: 100% auto;
	margin: auto;
}

.solution .so-box {
	padding: 40px 0;
	background: url(../img/solution/title_img01@2x.png) no-repeat left center;
	background-size: 59% 100%;
}

.solution .so-box .sol-2 {
	padding-left: unset;
	padding-right: unset;
	text-align: right;
}

.solution .so-box .sol-2 img {
	width: 100%;
}

.solution .so-box .sol-1 {
	padding-left: 20%;
	padding-top: 60px;
}

.solution .so-box .sol-1 li {
	line-height: 36px;
	color: #666;
}

.solution .so-box .sol-1 li.active {
	color: #000;
	font-weight: 500;
	cursor: pointer;
}

.solution .so-box .sol-1 li:hover {
	color: #000;
	font-weight: 500;
	cursor: pointer;
}

.solution-tab {
	padding: 50px 0;
}

.solution .tabpanel {
	width: 100%;
	overflow: hidden;
	/* background: url(../img/so); */
}

.solution .solution-contab .so-box {
	overflow: hidden;
}

.solution .nav>li>a {
	border-radius: unset;
	padding: 6px 48px;
	/* border-left: 1px solid #ddd; */
	border-right: 1px solid #ddd;
}

.solution .nav-tabs>li.active>a,
.solution .nav-tabs>li.active>a:hover,
.solution .nav-tabs>li.active>a:focus {
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border: unset;
	background-color: transparent;
	cursor: pointer;
	color: #fff;
	border-right: 1px solid #ddd;
}

.solution .nav-tabs>li>a {
	padding-left: 80px;
	padding-right: 80px;
}

.solution .nav-tabs>li.active>a.sol-a {
	border-right: 1px solid #ddd;
}

.solution .nav-tabs>li:first-child>a.sol-a {
	border-left: 1px solid #ddd;
}

.solution .nav-tabs>.sol1.active>a.sol-a {
	border-left: 1px solid #ddd;
}

.solution .nav-tabs>.sol1>.sol-a:hover {
	border-left: 1px solid #ddd;
}

.solution .nav-tabs>li>a {
	background-size: 40%;
}

.solution .nav-tabs>li:first-child>a {
	background: url(../img/solution/nav_ZFtext01@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:first-child>a:hover {
	background: url(../img/solution/nav_ZFtext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:first-child>a.active {
	background: url(../img/solution/nav_ZFtext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>.sol1.active>a {
	background: url(../img/solution/nav_ZFtext02@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(2)>a {
	background: url(../img/solution/nav_GDtext01@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(2)>a:hover {
	background: url(../img/solution/nav_GDtext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:nth-child(2)>a.active{
	background: url(../img/solution/nav_GDtext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>.sol2.active>a {
	background: url(../img/solution/nav_GDtext02@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(3)>a {
	background: url(../img/solution/nav_JJtext01@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(3)>a:hover {
	background: url(../img/solution/nav_JJtext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:nth-child(3)>a.active {
	background: url(../img/solution/nav_JJtext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>.sol3.active>a {
	background: url(../img/solution/nav_JJtext02@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(4)>a {
	background: url(../img/solution/nav_LYtext01@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(4)>a:hover {
	background: url(../img/solution/nav_LYtt01@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:nth-child(4)>a.active {
	background: url(../img/solution/nav_LYtt01@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>.sol4.active>a {
	background: url(../img/solution/nav_LYtt01@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(5)>a {
	background: url(../img/solution/nav_LYtex01@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(5)>a:hover {
	background: url(../img/solution/nav_wltext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:nth-child(5)>a.active {
	background: url(../img/solution/nav_wltext02@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>.sol4.active>a {
	background: url(../img/solution/nav_wltext02@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(6)>a {
	background: url(../img/solution0629/nav_SJZXtext02@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(6)>a:hover {
	background: url(../img/solution0629/nav_SJZXtext01@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:nth-child(6)>a.active {
	background: url(../img/solution0629/nav_SJZXtext01@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:nth-child(7)>a {
	background: url(../img/solution0629/nav_RCPXtext02@2x.png) no-repeat center;
	background-size: 40%;
}

.solution .nav-tabs>li:nth-child(7)>a:hover {
	background: url(../img/solution0629/nav_RCPXtext01@2x.png) no-repeat center;
	background-size: 40%;
}
.solution .nav-tabs>li:nth-child(7)>a.active {
	background: url(../img/solution0629/nav_RCPXtext01@2x.png) no-repeat center;
	background-size: 40%;
}
/* 详情 */
.con-margin {
	margin-top: 0;
	margin: auto;
}

.con-brand {
	max-width: 1170px;
	margin: auto;
	overflow: hidden;
}

.con-margin {
	max-width: 1400px;
	margin-left: auto!important;
	margin-right: auto!important;
}
.con-conbrand .bread-crumb a:hover{
	color: #0056B3;
}
.con-conbrand .bread-crumb a{
	font-size: 14px;
}
.con-brand .bread-crumb{
	float: left;
}
.con-brand .back{
	float: right;
}
.con-conbrand{
	padding-top: 10px;
	padding-bottom: 10px;
}
/* .product-lidt .list-group-item:first-child{
	background: url(../img/productConDetail/LeftNav_box@2x.png) no-repeat center bottom;
	background-size: 80% auto;
	background-position-y: 38px;
} */
.product-lidt{
	position: relative;
}
.de{
	position: absolute;
	top:42px;
	left: 0;
	width: 100%;
	height: auto;
}
/* .product-lidt .fff{
	margin-top: 10px;
} */

@media only screen and (mix-width: 1900px) {
	.con-brand {
		max-width: 1400px;
	}
}
@media only screen and (max-width: 520px){
	.self-sa .index-pro img {
		width: 30%;
	}
	
	
	.solution .nav-tabs>li:first-child>a.sol-a{
		border-left: none;
	}
	.solution .nav>li>a{
		border-right: none; 
	}
	.de{
		display: none;
	}
	 .case-pp{
		 display: flex;
	 }
	.solution .solution-contab{
		background:none;
	}
	.solution .so-box{
		background:none;
		margin-top: -110px;
	}
	.solution .solution-contop{
		background-color: rgba(0, 0, 0, 0.9);
		height: 116px;
		margin-top: unset;
	}
	.con-brand{
		width: 90%;
		margin: auto;
	}
	.about-margin1{
		margin-left: unset;
	}
	.about-margin2 {
	    margin-right: unset;
	}
	.about-margin3 {
	    margin-left: unset;
	    margin-top: unset;
	}
	.about-company{
		padding-top: unset;
		padding-bottom: unset;
	}
}
.aout-ee{
	margin-bottom: 100px;
}


.case-comm .fff{
	background: url(../img/product0628/LeftNav_bg@2x.png) no-repeat top left;
	background-size: 100% 100%;
}
.case-comm .list-group-item:hover{
	background: url(../img/product0628/LeftNav_bg@2x.png) no-repeat top left;
	background-size: 100% 100%;
}

@media only screen and (min-width: 521px) and (max-width: 992px) { 
	.case-container {
	    display: flex;
	}
	.ee {
	    height: 156px;
	}
	.solution .solution-contab{
		background: none;
	}
	.product-lidt{
		width:unset;
		max-width:98px ;
	}
	.about-con .about-word{
		width: 80%;
	}
	.about-container{
		margin-bottom: 30px;
	}
	.about-word h4{
		line-height: 24px;
	}
	.sop .about-word{
		margin-right: 0;
	}
	.sop .about-word {
	    width: 98%;
		margin: auto;
	}
}