.flex {
	display: flex;
}

.o_big {
	height: 450px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: relative;
	display: flex;
	justify-content: center;
}

.bottom_height{
	height: 1200px;
}
.width_1900 {
	max-width: 1900px;
}
.swiper-container {
    height: 600px;
}
/*企业文化*/
#wrap {
	width: 100%;
}

#pic img {
	width: 100%;
	height: 100%;
}

#pic li {
	height: 450px;
}

.infowarp {
	background: none;
	height: 390px;
	width: 100%;
	padding-top: 40px;
	position: relative;
	box-sizing: border-box;
}

.infowarp .infowarp_con {
	display: flex;
	/* justify-content: space-between; */
	margin: 0px 12px 0px 12px;
	position: absolute;
	left: 0;
	top: 0px;
  margin: 0 auto;
}

.infowarp_con li {
	margin-right: 32px;
	/* width: 400px; */
	height: 330px;
	position: relative;
	background: none;
}

.infowarp_con li .f22 {
	font-size: 24px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #444444;
	line-height: 28px;
	text-align: center;
	margin: 24px 0;
}

.infowarp .infowarp_con_box {
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
}

/*标题*/
.soluiton_title {
  /*padding-top: 80px;*/
	text-align: center;
	font-size：40px;
	font-weight: bold;
	display: flex;
  	font-weight：normal;
	justify-content: center;
	align-items: center;
	margin-bottom: 52px;
}

.soluiton_title .res {
	padding: 0px 14px;
      border-left: 4px solid rgb(3, 110, 183);
    border-right: 4px solid rgb(3, 110, 183);
	box-sizing: border-box;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.about {
	height: 55rem;
	position: relative;
}

.about_wrap2{
	margin-top: -250px;
}
.about .photo {
	position: relative;
	height: 563px;
	margin: 0 auto;
	margin-top: 66px;
}

.about .photo_bd {
	/* width: 814px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	bottom: 30px;
	z-index: 10; */
  position: relative;
    left: 81px;
}

.about .photo_bd img {
	width: 100%;
}

.about .photo ul {
	width: 700px;
	height: 360px;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	left: -35px;
}
.about .btn-right{
position: relative;
    right: -50px;
}
.about .photo li {
	width: 388px;
	height: 259px;
	cursor: pointer;
}

.about .photo li img {
	width: 80%;
}

.submit {
	background: #036EB8;
}

/*企业*/
.open-api {
	background: #F7FAFD;
}

.new001 {
	background: #F7FAFD;
	padding: 1px 0;
	margin-top: 52px;
}

.new001 .container {
	margin: 6% 0 0 0;
}

.new001 .mb5 {
	margin-bottom: 5px;
	font-size: 18px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 21px;
}

.new001 .mb10 {
	margin-bottom: 10px;
}

.new001 .ps {
	width: 188px;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.new001 .col-sm-6 {
	display: flex;
	margin-left: 90px;
}

.new001 .fs30 {
	font-size: 30px;
	line-height: 1.7;
}

.new001 .c505e73 {
	color: #505e73;
}

.new001 .btns {
	margin-bottom: 75px;
	background: #fa7676;
	color: #fff;
}

.new001 .item {
	width: 30%;
	min-height: 120px;
	padding: 20px;
	border-radius: 2px;
	text-align: left;
	margin-bottom: 30px;
}

.new001 .item img {
	float: left;
	width: 80px;
	margin-right: 10px;
	border-radius: 2px;
	margin-top: -14px;
	border: 2px dashed #E7EDFD;
}

@media (max-width:768px) {
	.new001 {
		padding: 30px 0;
	}

	.new001 .fs30 {
		font-size: 24px;
	}

	.new001 .btns {
		margin-bottom: 30px;
	}
}

/* 公司介绍2 */
.introduce {
	width: 100%;
    
  display:flex;
}

.introduce_left,
.introduce_right {
  	margin: 0px auto 30px auto;
    width: 100%;
}

.introduce_right {
	margin-top: -108px;
}

.introduce_right h2{
	font-size:48px;
	color:rgb(0, 0, 0);
  font-weight: 500;
        padding: 22px 12px;
}

.introduce_right h2 span{
	color:rgb(3, 110, 183);
}
.introduce .introduce_title {
	width: 170px;
	height: 45px;
	font-size: 32px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #000;
	line-height: 38px;
	margin: auto;
}
.introduce .introduce_title1 {
	text-align: right;
    width: 65%;
  color:rgb(3, 110, 183);
    float: inline-end;
    font-size: 18px;
    line-height: 35px;
}
.introduce .introduce_title1 img{
  width:33px;
  height:33px;
}
.introduce .introduce_title1   .img_left{
   text-align: left;
}
.introduce .introduce_title1   .img_center{
	position: relative;
    right: 30px;
}
.introduce .introduce_title1   .img_right{
	padding:30px 0;
}

.introduce_title span {
	color: #0E6BB1;
}

.introduce_title p:first-letter {
	color: #0E6BB1;
}

.introduce_left .introduce-text {
	margin: 35px 20px 35px 20px;;
	color: rgb(51, 51, 51);
	font-family: 微软雅黑;
	font-size: 18px;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0px;
	text-align: center;
}

.introduce_right .introduce_img {
	height: 450px;
	margin: 20px;
}

.introduce_right .introduce_img img {
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
}

@media screen and (orientation:landscape) and (min-width: 828px) {

	.introduce_right {
		margin: 0 auto;
	}
}

/* 发展历史 */
.product-wrapper .quxian {
	height: 0px;
    border: 1px solid rgb(219, 218, 218);
    margin-top: 30px;
  min-width: 571px;
}

.product-body {
	width: 100%;
}

.product-body .features-slide .features-item {
	width: 33%;
	height: 450px;
	    color: #CFCFCF;
}

.product-body .features-slide .features-item .features-info {
	width: 100%;
	overflow: auto;
	height: 452px;
	border-right: 1px solid rgb(219, 218, 218);
}

.product-body .features-slide .features-item h3 {
	/* 交通领域 */
	width: 119px;
	height: 64px;
	font-family: 微软雅黑;
	font-size: 40px;
	font-weight: 700;
	line-height: 63px;
	margin: 60px auto 20px auto;
}

.features-item .features-info-i {
	position: absolute;
    width: 222px;
    z-index: 3;
	display: flex;
	margin: 0px 30px 30px 0;
}
.features-item .features-info-i i{
	position: absolute;
    width: 210px;
    z-index: 3;
    border: 1px solid rgb(219, 218, 218);
	margin: 30px 30px 30px 0;
}
.features-item .features-info-i a{
	width: 24px;
    height: 24px;
	position: absolute;
    right: 0px;
    margin-top: 20px;
    background-image: url('../images/circle1.png');
	background-size: contain;
    background-position: right center;
}
/*点击按钮*/
 .tabindexAll:hover a{
    background-image: url('../images/circle.png');
    }
.tabindexAll:hover i{
    border: 1px solid rgb(3, 110, 183);
}
.tabindexAll:hover  h3{
		color:#036EB7;
}
 .tabindexAll:active a{
    background-image: url('../images/circle.png');
    }
.tabindexAll:active i{
    border: 1px solid rgb(3, 110, 183);
}
.tabindexAll:active h3{
		color:#036EB7;
}
.tabindexAllimg{
    background-image: url('../images/circle.png');
}
.tabindexAllH3{
		color:#036EB7;
}
.tabindexAllI{
    border: 1px solid rgb(3, 110, 183);
}
/*左右按钮*/
.swiper-button{
  display: flex;
   position: relative;
    top: 222px;
  width: 89%;
    margin: 0 auto;
    justify-content: space-between;
}
.swiper-button-prev {
      width: 50px;
    height: 50px;
  z-index:222;
    background-image: url('../images/productBase-features-left.png');
	background-size: contain;
    background-position: right center;
}
.swiper-button-next {
      width: 50px;
    height: 50px;
  z-index:222;
    background-image: url('../images/productBase-features-right.png');
	background-size: contain;
    background-position: right center;
}


.about .swiper-button{
  display: flex;
   position: absolute;
  top: 250px;
  width: 68%;
}
/* ul,dl{list-style:none;}
i{font-style: normal;}
img{display:inline-block;vertical-align:middle;border:0;}
.warper{max-width:1300px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{max-width: 1300px; margin: 0 auto;}
.about-main2{height:660px;width: 100%;overflow: hidden;margin-top: 70px;}
.about-main2 .licheng-bg{background-color: rgba(255,255,255,.8);width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: calc(87% - (10px + 20px) * 2);position: absolute;bottom: 113px; left: 50%;margin-left: -558px;}
.about-main2 .ny-title{padding-top: 80px;}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;
	width: 1298px;
    height: 480px;
    border: 1px dashed #DBDBDB;
    padding: 20px 0;
}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%; overflow: revert;}
.about-main2 .licheng-content ul li{width: 18%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #0a3875;font-size: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background-color: rgba(254, 254, 255, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before,.about-main2 .licheng-content ul li.item6 .line:before,.about-main2 .licheng-content ul li.item7 .line:before{width: 25px;height: 25px;background-color: rgb(254 254 255 / 80%);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute; }
.about-main2 .licheng-content ul li.item1 .lc-left,.about-main2 .licheng-content ul li.item3 .lc-left,.about-main2 .licheng-content ul li.item5 .lc-left {margin-top: 132px; }
.about-main2 .licheng-content ul li.item2 .lc-left,.about-main2 .licheng-content ul li.item4 .lc-left,.about-main2 .licheng-content ul li.item6 .lc-left ,.about-main2 .licheng-content ul li.item7 .lc-left {    padding-top: 34px; }
.about-main2 .licheng-content ul li .line{height: 90px;width: 0px;display: block;border: 1px dashed #6994FC;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 260px;height:100%;display: table; margin-left: -60px;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right, .about-main2 .licheng-content ul li.item6 .lc-right{width: 260px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 {margin-left: -112px;padding-top: 24px;}
.about-main2 .licheng-content ul li.item1 a{top: 50px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px; }
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item1 .lc-right span img{position: absolute;left: 720px;}
.about-main2 .licheng-content ul li.item2 {padding: 0 0 0 60px;}
.about-main2 .licheng-content ul li.item2 a{top: 258px;}
.about-main2 .licheng-content ul li.item2 .lc-right span img{margin-left: -100px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 {position: relative; top: -125px;right: 152px;}
.about-main2 .licheng-content ul li.item3 a{top: 136px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 60px;}
.about-main2 .licheng-content ul li.item3 .lc-right span img{position: absolute;left: 272px;top: 230px;}
.about-main2 .licheng-content ul li.item4 {position: relative;right: 86px; bottom: 65px;}
.about-main2 .licheng-content ul li.item4 a{top: 278px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right span img{    margin-left: -200px;position: absolute;top: -50px;}
.about-main2 .licheng-content ul li.item5 {margin-top: -164px;margin-left: -50px;}
.about-main2 .licheng-content ul li.item5 a{top: 99px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}    
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 66px;}
.about-main2 .licheng-content ul li.item5 .lc-right span img{position: absolute;left: -90px;top: 200px;}
.about-main2 .licheng-content ul li.item6 {margin-left: -190px;padding-top: 36px;}
.about-main2 .licheng-content ul li.item6 .line:before{  margin-left: -12px;margin-top: -12px;}
.about-main2 .licheng-content ul li.item6 a{top: 99px;}
.about-main2 .licheng-content ul li.item6 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item6 .lc-right span img{position: absolute;left: 150px;}
.about-main2 .licheng-content ul li.item7 {margin-top: 38px;margin-left: -47px;}
.about-main2 .licheng-content ul li.item7 a{top: 99px;}
.about-main2 .licheng-content ul li.item7 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item7 .line:before{  margin-left: -12px;margin-top: -12px;}
.about-main2 .licheng-content ul li.item7 .lc-right span img{position: absolute;top: -90px;}
.about-main2 .licheng-content .right-text h3{font-size: 24px;margin-bottom: 10px;}
.about-main2 .licheng-content .right-text p{font-size: 16px;}
.about-main2 .licheng-content .right-text span{display: none;}
.about-main2 .licheng-content .right-text:hover span{display: block;color: red;}
.about-main2 .licheng-content .right-text span img{width: 415px;height: 270px;z-index: 1;}
.lc-swiper-btn{width: 100%;position: absolute;top: 210px;}
.lc-swiper-btn a{display: black;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 50px;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 50px;}
.lc-swiper-btn .iconfont{font-size: 30px;}

@media screen  and (max-width: 1028px) {
	.about-main2 .licheng-bg img{height: 408px;position: absolute;bottom: 183px; left: 50%;margin-left: -398px;}
	.about-main2 .licheng-content ul li.item1 {
		margin-left: -112px;
		padding-top: 18px;
	}
	.about-main2 .licheng-content ul li.item4 {
		position: relative;
		right: 86px;
		bottom: 14px;
	}
	.about-main2 .licheng-content ul li.item3 {
		position: relative;
		top: -136px;
		right: 152px;
	}
	.about-main2 .licheng-content ul li.item6 {
		margin-left: -190px;
		padding-top: 123px;
	}
	.about-main2 .licheng-content ul li.item7 {
		margin-top: 67px;
		margin-left: -47px;
	}
	.contact_r{
		margin-left: 3%;
		margin: 0 295px;
	}
	.map_div{
		margin: 0 180px;
	}
	.baidu_ditu {
		width: 81%;
		margin-right: 56px;
	}
} */
.row {}

.row .img {
	width: 565px;
	height: 513px;
}

.row .img img {
	width: 100%;
	height: 100%;
	padding: 158px 30px 58px 30px;
}
/*#introduction {
	margin-left: 120px;
	padding-top: 160px;
	text-align: left;
}

#introduction .item {
	margin: 20px 0;
}

#introduction .item img {
	width: 50px;
	height: 50px;
	margin: 14px;
}

#introduction .item .imgs {
	display: flex;
	height: 73px;
}

#introduction .item .imgs h4 {
	color: rgb(255, 255, 255);
	font-family: 微软雅黑;
	font-size: 40px;
	font-weight: 700;
	line-height: 73px;
	letter-spacing: 0%;
	text-align: center;
}

#introduction .item .ps {
	color: rgb(255, 255, 255);
	font-family: 微软雅黑;
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0%;
	text-align: left;
}

.infowarp .lc-swiper-btn {
	width: 100%;
	position: absolute;
	top: 138px;
}

.infowarp .lc-swiper-btn .btn-prev,
.infowarp .lc-swiper-btn .btn-next {
	width: 87px;
	height: 87px;
}

.infowarp .lc-swiper-btn .btn-prev img,
.infowarp .lc-swiper-btn .btn-next img {
	width: 87px;
	height: 87px;
}

.infowarp .lc-swiper-btn .btn-next img {
	margin: 15px 15px;
	position: absolute;
	right: 0px;
}
*/
#introduction {
	width: 100%;
}
.row{
    width: 100%;
}
#introduction ul{
	width: 100%;
  	display:flex;
  	height: 360px;
}
#introduction ul li{
	width:33%;
  	border-right: 1px solid rgba(238, 242, 250, 0.81);
}

#introduction .item {
	margin: 50px 0 20px 0;
}

#introduction .item img {
	width: 50px;
	height: 50px;
	margin: 14px;
}

#introduction .item .imgs {
	height: 6px;
    margin-top: 100px;
  
}

#introduction .item .imgs h4 {
	color: rgb(255, 255, 255);
	font-family: 微软雅黑;
	font-size: 40px;
	font-weight: 700;
	line-height: 73px;
	letter-spacing: 0%;
	text-align: center;
}

#introduction .item .ps {
	color: rgb(255, 255, 255);
font-family: 微软雅黑;
font-size: 18px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0%;
  text-align: center;
  margin-top: 100px;
}

.infowarp .lc-swiper-btn {
	width: 100%;
	position: absolute;
	top: 138px;
}

.infowarp .lc-swiper-btn .btn-prev,
.infowarp .lc-swiper-btn .btn-next {
	width: 87px;
	height: 87px;
}

.infowarp .lc-swiper-btn .btn-prev img,
.infowarp .lc-swiper-btn .btn-next img {
	width: 87px;
	height: 87px;
	/* margin: 15px; */
}

.infowarp .lc-swiper-btn .btn-next img {
	margin: 15px 15px;
	position: absolute;
	right: 0px;
}

/* 社会责任 */
.solutionAll {}


.solutionAll li {
	width: 1172px;
	margin: 0 auto;
	text-align: center;
}

.solutionAll li .left h3 {
	margin: 30px auto 60px auto;
	text-align: center;
}

.info-right .div {
	position: absolute;
	left: 0;
	width: 100%;
	height: 215px;
	margin-top: 20px;
	background: rgba(0, 0, 0, 0.45);
	box-shadow: 0px 4px 64px -22px rgba(0, 0, 0, 0.25);
	color: rgb(255, 255, 255);
	font-family: 微软雅黑;
	font-size: 24px;
	font-weight: 400;
	text-align: left;
	line-height: 40px;
}

.info-right .div p {
	max-width: 1096px;
	margin: 60px auto;
}

.solutionAll li h3 {
	color: #333;
	width: 509px;
	margin: 50px 7px 0 0;
	margin-right: 67px;
	color: rgb(255, 255, 255);
	font-family: 微软雅黑;
	font-size: 48px;
	font-weight: 700;
	line-height: 73px;
	letter-spacing: 0%;
	text-align: center;
}

#infoName {
	/* margin: 20px 0; */
}
/* 责任 */
@media screen and (min-width:960px){
.responsibility_con{
    position: relative;
        /*left: -2%;*/
        width: 102%;

    }
}
.responsibility_con li{
	position: relative;	
  	float:left;
	width: 50%;
	height: 573px;
}

.responsibility_con li  img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.responsibility_con .pic_conRespon  img{
	    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 185px;
    margin-left: -29px;
	
}

.responsibility_con .responsibility_hover .pic_con{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	width: 42.5%;
	height: 22%;
  	text-align: center;
}
.responsibility_con .responsibility_hover .pic_con p{
	font-size: 24px;
  	margin-bottom: 9px;
}

.responsibility_con .responsibility_hover .pic_con .line{
	background: #fff;
    opacity: 0.5;
    height: 1.3px;
    width: 153px;
    display: inline-block;
    margin-bottom: 12px;
}

.responsibility_con .responsibility_hover .pic_con span{
	font-size: 16px;
}
.responsibility_con .responsibility_hover .pic_conRespon{
	margin: 270px 55px 10px 55px;
}
.responsibility_con .responsibility_hover  .titleRespon{
	color: rgb(255, 255, 255);
    font-family: 微软雅黑;
 	 margin-top:30px;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0%;
    text-align: center;
}
.responsibility_con  .decration .pic_con .shorttitle,.responsibility_con .responsibility_hover .pic_conRespon .shorttitle{
  color: rgb(255, 255, 255);
font-family: 微软雅黑;
font-size: 18px;
font-weight: 400;
line-height: 44px;
letter-spacing: 0%;
  position: relative;
  display: none;
    top: 77px;
text-align: left;}
.responsibility_con  .decration{
	background: linear-gradient(180.00deg, rgba(32, 46, 83, 0) -90.489%,rgba(27, 56, 105, 0.8) 100%);padding: 20px 30px;
}
.responsibility_con  .decration .pic_con{
	position: absolute; bottom: 0;left: 0;width: 87%;padding: 30px;
}
.responsibility_con  .decration .pic_con .title{
	color: rgb(255, 255, 255); font-size: 36px;font-weight: 700;line-height: 90px;text-align: left;
}
.responsibility_con  .decration .pic_con .line{
	background: #fff; opacity: 0.5; height: 1.3px; width: 153px; display: inline-block;margin: 12px 0;
}
.responsibility_con  .decration .pic_con .shorttitle{
  
	color: rgb(255, 255, 255);font-weight: 400;line-height: 24px;font-size: 18px;
}
.responsibility-1,.responsibility-2,.responsibility-2,.responsibility-2{
	display: block;
}
.responsibility_1,.responsibility_2,.responsibility_3,.responsibility_4{
	display: none;
}
@media only screen and (orientation: landscape){

.pic1:hover .pic_conRespon  img{
 	  width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
  	margin-left:-40px;
    top: 165px;
  z-index:5555;
}
.pic1:hover .pic_conRespon{
	margin: 250px 55px 10px 55px;
}
.pic1:hover  .pic_conRespon .shorttitle{
 	 display: block;
}
.pic1:hover{
background: rgba(0, 89, 156, 0.64);
}
.pic1:hover .titleRespon{
 	 margin-top:30px;
  margin-left: -5px;
}
}
/*
.pic1{
  transition: width .3s
}
.pic1:hover{
 	 width: 50%;
}
.pic1:hover .responsibility_1,.pic1:hover .responsibility_2,.pic1:hover .responsibility_3,.pic1:hover .responsibility_4,.pic1:hover .responsibility_5,.pic1:hover .responsibility_6,.pic1:hover .responsibility_7,.pic1:hover .responsibility_8{
	display: block;
}
.pic1:hover .responsibility-1,.pic1:hover .responsibility-2,.pic1:hover .responsibility-3,.pic1:hover .responsibility-4,.pic1:hover .responsibility-5,.pic1:hover .responsibility-6,.pic1:hover .responsibility-7,.pic1:hover .responsibility-8{
	display: none;
}*/

/* 屏幕宽度大于或等于 828px 时应用的样式 */
@media screen and (max-width: 1028px) {
	.solutionAll .wrapDiv {}

	.solutionAll li {}

  .responsibility_con .responsibility_hover .titleRespon{
  font-size: 18px;
  }

	.solutionAll li .h3 {
		margin-right: 67px;
		float: right;
	}
}