@media screen and (max-width: 767px) {

	/*当屏幕尺寸小于767px时，应用下面的CSS样式*/
	.body-width {
		width: 100%;
	}

	.service-tab {
		display: none;
	}

	.warp {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 9999999999999999999;
		/* box-shadow: 0 10px 15px #d9d9d991; */
	}

	.whats-new-container {
		padding-top: 56px;
	}

	.warp,
	.wrap_head {
		height: 56px;
	}

	.head_con {
		padding: 0 20px;
		position: relative;
	}

	.head_con .logo {
		height: 56px;
	}

	.head_con .logo img {
		height: 100%;
	}

	.menu_list {
		width: 100%;
		position: absolute;
		top: 56px;
		left: 0;
		right: 0;
		background: #fff;
		display: none;
		-webkit-animation: a_menu_item_show 0.2s ease-out both;
		box-shadow: 0 10px 15px #d9d9d991;
	}

	@keyframes a_menu_item_show {
		0% {
			-webkit-transform: translate(0px, -30px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translate(0px, 0px);
			opacity: 1;
		}
	}

	.menu_list .menu_item {
		display: block;
		margin: 0;
		position: relative;
		text-align: center;
		padding: 10px 0;
	}

	.menu_list .menu_item .txt {
		display: block;
		line-height: 30px;
	}

	.menu_list .menu_item .active {
		border-bottom: 1px solid #161915;
	}

	.menu_list:hover .menu_item .head-bg-big {
		display: none!important;
	}

	.menu_list .menu_item:hover .sub_list,.menu_list .menu_item.active .sub_list {
		display: none!important;
	}
	

	.sub_list {
		display: none!important;
	}

	.menu_list .menu_item .txt:after {
		display: none;
	}

	.icon_menu {
		display: block;
		position: absolute;
		right: 10px;
		top: 5px;
	}

	.icon_menu .i_menu {
		display: block;
		height: 48px;
		width: 48px;
		background: url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/mobile/menu.png) no-repeat center right;
		background-size: 80%;
	}

	.icon_menu .i_close {
		display: none;
		height: 48px;
		width: 48px;
		background: url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/mobile/close.png) no-repeat center right;
		background-size: 80%;
	}


	.slick-slide {
		height: 200px;
	}
	
	

	.index-main-width,
	.service-con-main {
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
		margin-bottom: 0px;
	}

	.index-main-vedio-title h2 {
		font-size: 16px;
		line-height: 24px;
		margin: 0 auto;
		padding: 24px 0 10px;
	}

	.index-main-about {
		padding: 0 0 30px;
	}

	.index-main-about-title .pc-h2 {
		display: none;
	}

	.index-main-about-title .mobile-h2 {
		display: block;
	}
	
	.about-right-list,.about-left-list,.about-right-list1{
		margin: 10px auto;
	}
	.about-right-list ul{
		
	}
	.about-right-list ul li,.about-left-list ul li{
		margin: 0 4px;
		
	}
	
	.index-main-service{
		display: block;
	}


	.index-main-service-block {
		width: 100%;
		border-right: none;
	}
	
	.index-main-service-pic1 .pic-title:first-child{
		margin-left: 0;
	}



	.banner_text .banner_text_main h2 {
		font-size: 20px;
		line-height: 28px;
	}

	.banner_text .banner_text_main h5 {
		font-size: 14px;
		color: #FFFFFF;
		line-height: 18px;
		padding: 0;
		margin-bottom: 12px;
		min-height: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.jump-but {
		width: auto;
		display: inline-block;
	}

	.jump-but span,
	.jump-but a {
		font-size: 12px;
		line-height: 34px;
		background-size: 8px;
		padding: 0 36px 0 16px;

	}
	
	.index-main-vedio-title{
		margin-bottom: 0;
	}

	.index-main-vedio-title span {

		font-size: 14px;
		line-height: 28px;
		padding: 12px 0 36px;
		/* background: url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/autograph.png) no-repeat top 12px right; */
		background-size: 24%;
		margin-bottom: 20px;

	}

	.index-main-vedio-title span:after {
		height: 18px;
		left: 50%;
	}

	.plu-video-container .plu-video-play-svg {
		position: absolute;
		top: 32%;
		left: 42%;
	}

	.index-main-about-title {
		padding-top: 30px;
		font-size: 22px;
		line-height: 32px;
	}

	.about-size-block {
		width: 50%;
	}

	.about-size-block h6 {
		font-size: 12px;
		line-height: 14px;
	}

	.about-size-block-h2 span {
		font-size: 18px;
		line-height: 26px;
	}

	.about-size-block-h2 span:last-child {
		font-size: 14px;
		line-height: 26px;
	}

	.index-main-about-size {
		padding: 14px 0 0;
	}

	.index-main-about-p {
		padding: 6px 0;
	}

	.index-main-about-p p {
		font-size: 14px;
		line-height: 22px;
		padding-top: 10px;
	}

	.index-main-service-block .title {
		padding: 30px 0 10px;
	}

	.index-main-service-block .title h2 {
		font-size: 22px;
		line-height: 32px;
	}

	.index-main-service-block .title h6 {
		font-size: 14px;
		line-height: 22px;
		padding-top: 0px;
	}

	.index-main-service {
		padding: 0 0 30px;
	}

	.index-main-service-pic {
		padding-top: 10px;
	}

	.index-main-service-pic .pic-title:nth-child(2) {
		margin-right: 0;
	}

	.index-main-service-pic .pic-title {
		width: 48%;
	}

	.index-main-service-pic .pic-title .title-a {
		font-size: 14px;
		line-height: 20px;
	}
	
	
	#information-con-1,#information-con-2,#information-con-3{
		height: auto!important;
	}

	.index-main-new-info {
		padding: 30px 0;
	}

	.new-info-title .title {
		font-size: 22px;
		line-height: 34px;
	}

	.new-info-list {
		padding: 20px 0 0;
		display: block;
	}

	.new-info-list li {
		width: 100%;
		margin: 0;
		padding-bottom: 10px;
	}

	.new-info-list li:last-child {
		display: none;
	}

	.new-info-list li:first-child {
		margin-bottom: 14px;
	}

	.new-info-list li .list-title {
		font-size: 14px;
		line-height: 30px;
		margin: 0;
	}

	.new-info-list li .date {
		font-size: 12px;
		line-height: 18px;
	}

	.service-banner {
		height: 180px;
	}

	.nav-wrap ul {
		width: 100%;
		display: block !important;
	}

	.service-con-main {
		display: block;
		padding: 30px 20px;
	}

	.service-con1-left {
		width: 100%;
	}

	.service-con1-left .title,
	.service-con-title .title,
	.service-con3-title {
		font-size: 22px;
		line-height: 32px;
		text-align: center;
	}

	.service-con1-right {
		width: 100%;
		/* display: block; */
	}

	.service-con1-right .main {
		width: 49%;
		margin-top: 14px
	}

	.service-con1-right .main .pic {
		width: 100%;
		height: 174px;
	}

	.service-con1-right .main .txt {
		padding-top: 10px;
		width: 100%;
	}

	.service-con1-right .main .txt h2 {
		font-size: 16px;
		line-height: 20px;
	}

	.service-con1-right .main .txt h6 {
		font-size: 12px;
		color: #BFBFBF;
		line-height: 16px;
		padding-top: 4px;
	}


	.list-btn i {
		width: 32px;
		height: 32px;
	}

	.list-btn i.arrow-right {
		margin-right: 0;
	}

	.service-con2-list-ul {
		padding: 14px 0 30px;
	}

	.service-con2-list-ul li {
		margin-right: 10px;
	}

	.service-con2-list-ul li .pic {
		width: 100%;
		height: 248px;
		overflow: hidden;
		background: #161519;
	}

	.service-con2-list-ul li h2 {
		font-size: 16px;
		line-height: 20px;
		margin: 10px 0 5px;
	}

	.service-con2-list-ul li span {
		font-size: 12px;
		line-height: 16px;
	}
	
	.service-con2-list-ul li:last-child{
		margin-right: 0;
	}

	.service-con3-main {
		padding-top: 10px;
	}

	.service-con3-main li span {
		width: 28px;
		height: 28px;
		font-size: 14px;
		line-height: 28px;
	}

	.service-con3-main:before,
	.service-con3-main:after {
		top: 24px;
	}

	.service-con3-main li h6 {
		font-size: 16px;
		line-height: 20px;
		padding-top: 12px;
	}

	.service-con4-left h6 {
		font-size: 14px;
		line-height: 22px;
		padding-top: 10px;
	}

	.service-con4-right-main img {
		width: 100%;
	}

	.service-con4-right h2 {
		font-size: 14px;
		line-height: 20px;
		margin-top: 14px;
		padding-top: 10px;
	}

	.service-con4-right-main1 {
		margin-top: 10px;
	}

	.service-con5-list {
		justify-content: space-between;
	}

	.service-con5-list li {
		padding: 10px 0;
		width: 48%;
		margin: 0;
	}

	.service-con5-list li .pic {
		height: 114px;
	}

	.service-con5-list li h2 {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
		padding: 6px 0 0;
	}

	.service-con6-right {
		width: 88%;
	}

	.service-con6-right .moblie-main {
		padding: 0 0 10px;
	}

	.service-con6-right .moblie-main1 {
		margin-top: 10px;
	}

	.service-con6-right .moblie-main h2,
	.service-con6-right .moblie-main span {
		font-size: 16px;
	}

	.stydt-con3-pic {
		width: 100%;
		height: auto;
		margin-top: 10px;
	}

	.stydt-con3-right {
		width: 100%;
		padding-top: 10px;
	}

	.about-size-block-h2 {
		margin-top: 0;
	}

	.about-size-block-h5 {
		font-size: 14px;
		line-height: 24px;
	}

	.life-con {
		width: 100%;
		padding: 30px 20px;
		box-sizing: border-box;
	}

	.life-con1 {
		display: block;
	}

	.life-con1-title1 {
		display: none;
	}

	.life-con1-title2 {
		display: block;
	}

	.life-con1-title,
	.life-con1-right {
		width: 100%;
	}


	.life-con1-title {
		font-size: 22px;
		line-height: 32px;
		text-align: center;
	}

	.life-con1-right .big-pic {
		height: 150px;
	}

	.life-con1-right .small-pic,
	.life-con3-main {
		margin-top: 10px;
	}

	.life-con1-right .big-pic h6,
	.life-con1-right .small-pic li h6,
	.life-con3-main-left .pic h6,
	.life-con3-main-right .pic h6 {
		font-size: 18px;
	}

	.life-con1-right .small-pic li {
		height: 120px;
	}

	.life-con2-main {
		margin-top: 10px;
	}

	.life-con2-main i {
		width: 36px;
		height: 36px;
		top: -46px;
		margin-top: 0;
	}

	.life-con2-main i.arrow-left {
		left: 10px;
	}

	.life-con2-main i.arrow-right {
		right: 10px;
	}


	.life-con2-ul li {
		height: 164px;
	}
	
	.slick-prev,.slick-next{
		width: 30px!important;
		height: 30px!important;
		top: -30px!important;
	}
	.slick-prev{
		left: initial;
		right: 50px!important;
	}
	
	.slick-next{
		right: 0!important;
	}

	.life-con3-main-left .pic {
		height: 140px;
	}

	.life-con3-main-right .pic {
		height: 67px;
	}

	.life-con3-main-right .pic:first-child {
		margin-bottom: 6px;
	}

	.info-title h2 {
		font-size: 22px;
		line-height: 32px;
		text-align: center
	}

	.info-con1-main {
		padding-top: 10px;
	}

	.info-con1-main {
		display: block;
	}

	.info-con1-main-left,
	.info-con1-main-right {
		width: 100%;
	}

	.info-con1-main-left a {
		display: flex;
		justify-content: space-between;
		position: relative;
		border-bottom: 1px solid #E8E8E8;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.info-con1-main-left .pic {
		width: 46%;
		height: 156px;
		background: #161519;
	}

	.info-con1-main-left .txt {
		width: 50%;
	}

	.info-con1-main-left .txt span,
	.info-con1-main-right li .txt span {
		font-size: 14px;
		line-height: 20px;
	}

	.info-con1-main-left .txt h2,
	.info-con1-main-right li .txt h2 {
		font-size: 16px;
		line-height: 24px;
		margin: 8px 0 12px;
	}

	.info-con1-main-left .txt p,
	.info-con1-main-right li .txt p,
	.info-con2-list li .txt p {
		font-size: 13px;
		line-height: 22px;
	}

	.info-con1-main-right li:before,
	.info-con2-list li:before,
	.about-con1-right li .title:before {
		display: none;
	}

	.info-con2-list li {
		padding: 10px 0;
	}
	
	.info-con2-list li:nth-child(3n) {
	    margin-right: 1.5%;
	}

	.info-con2-list li .pic {
		height: 166px;
	}

	.info-con2-list li .txt {
		padding-top: 10px;
	}

	.info-con2-list li .txt span {
		font-size: 14px;
		color: rgba(22, 21, 25, 0.5);
		line-height: 16px;
	}

	.info-con2-list li .txt h2 {
		font-size: 16px;
		line-height: 19px;
		margin: 4px 0 10px;
	}

	.info-con3-list li .txt h2 {
		height: 36px;
	}

	.about-con {
		width: 96%;
		padding: 30px 2%;
	
	}

	.about-con1 {
		display: block;
		margin: 0;
	}

	.about-con1 .about-con1-left {
		width: 100%;
	}

	.about-con1 .about-con1-left h2,
	.about-con2-title h2 {
		font-size: 22px;
		line-height: 32px;
		text-align: center;
	}

	.about-con1 .about-con1-right {
		width: 100%;
	}

	.about-con1-right li {
		padding: 18px 0 0;
	}

	.about-con1-right li .title {
		padding-bottom: 10px;
	}

	.about-con1-right li .title h2 {
		font-size: 16px;
		line-height: 22px;
	}

	.about-con1-right li .title h2:before {
		top: 6px;
	}

	.history-content {
		padding-bottom: 30px;
		width: 100%;
	}
	.hoverTips {
		left: 20%;
	}

	.about-con2-main {
		width: 100%;
		padding: 0 20px;
	}

	.timer-main-ul li {
		width: 240px;
		margin-right: 30px;
	}

	.about-con2-main:after {
		top: 4px;
		left: 0;
		width: 100%;
	}

	.timer-main-ul li h2:before {
		left: 14px;
		width: 10px;
		height: 10px;
	}

	.timer-main-ul li h2 {
		font-size: 22px;
		line-height: 30px;
		padding: 18px 0 12px;
	}

	.timer-main-ul li .txt p {
		padding-bottom: 16px;
	}

	#about-con-3 {
		padding-bottom: 30px !important;
	}

	.about-con4-ul {
		width: 70%;
		padding: 40px 0;
		display: block;
		box-sizing: border-box;
	}

	.about-con4-ul li {
		width: 100%;
		margin: 10px 0;
	}

	.about-con4-ul li h2 {
		font-size: 16px;
		font-family: "HarmonyOS_Sans_SC_Bold";
		line-height: 24px;
	}

	.about-con4-ul li p {
		width: 60%;
		font-size: 14px;
		line-height: 18px;
	}

	.about-con4-ul li h2:after {
		top: 20%;
		height: 60%;
		margin-top: 0;
	}

	.about-con5-title span {
		font-size: 14px;
		padding-top: 10px;
	}

	.about-con5-add {
		margin: 10px auto 0;
		width: 90%;
	}
	.about-con5-add .provinces span{
		font-size: 14px;
	}
	
	.about-con5-add .provinces select{
		width: 90px;
		font-size: 14px;
		padding: 0 20px 0 0;
		background: #fff url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/arrowB1.png) no-repeat center right -14px;
	}
	
	.about-con5-add .provinces select:hover{
		background: #fff url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/arrowB1.png) no-repeat center right -14px;
	}

	.about-con5-ul {
		padding-top: 10px;
		padding-left: 0;
		justify-content: space-around;
	}

	.about-con5-ul li {
		width: 48%;
		height: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.about-con5-ul li .txt {
		padding: 10px;
	}

	.about-con5-ul li .txt h2 {
		font-size: 16px;
		line-height: 28px;
	}

	.about-con5-ul li .txt span {
		font-size: 14px;
		line-height: 20px;
		padding: 2px 0 6px;
	}

	.about-con5-ul li .txt p {
		font-size: 12px;
		line-height: 16px;
		-webkit-line-clamp: 2;
		letter-spacing: 0px;
	}
	
	.about-con5-no{
		font-size: 14px;
		padding-top: 20px;
	}
	
	.about-map {
	    height: 200px;
		margin-top: 10px;
	}
	
	.amap-icon img{
	    width: 186px;
	    height: 100px;
	}

	.pop-people-main {
		margin: -275px auto 0;
		width: 70%;
		height: 450px;
		display: block;
	}

	.pop-people-main .left-pic {
		width: 160px;
		height: 160px;
	}

	.pop-people-main .right-txt {
		width: 100%;
		margin-right: 0;
		padding: 10px 20px;
		box-sizing: border-box;
	}

	.pop-people-main .right-txt i {
		position: absolute;
		top: 0;
		right: 0;
	}

	.pop-people-main .right-txt h2 {
		font-size: 16px;
		line-height: 20px;
		padding: 10px 0;
	}

	.pop-people-main .right-txt span {
		font-size: 14px;
		line-height: 16px;
	}

	.pop-people-main .right-txt p {
		font-size: 14px;
		line-height: 18px;
		padding-top: 10px;
		margin-top: 10px;
		height: 150px;
		overflow-y: scroll;
	}

	.info-center-child-nav {
		width: 90%;
	}

	.info-center-child-nav li {
		padding: 10px 30px 10px 0;
	}

	.info-center-child-nav li a {
		font-size: 14px;
	}

	.info-con2-list li {
		width: 48%;
		padding: 20px 0 10px;
	}

	.info-center-width {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	

	.info-center-main {
		padding: 30px 0;
		width: 100%;
	}

	.info-center-main .big-title {
		font-size: 22px;
		line-height: 30px;
	}

	.info-center-main .title-detail {
		padding: 10px 0 10px;
	}

	.info-center-main .title-detail {
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.info-center-main .title-detail span {

		font-size: 12px;
		line-height: 20px;
		width: 45%;
		margin-right: 0;
	}

	.info-center-main .pic-txt {
		padding-top: 10px;
	}
	
	.info-center-main .pic-txt1 {
		width: auto;
	}

	.info-center-main .pic-txt p {
		font-size: 14px;
		line-height: 20px;
		padding-top: 10px;
	}

	.info-center-main .pic-txt img {
		height: auto!important;
		margin: 10px 0 10px;
	}

	#super_citys>div {
		width: 46%;
	}

	.info-center-no-main {
		display: block;
		width: 90%;
		padding: 10px 0;
	}

	.info-center-no-main h2 {
		font-size: 16px;
		line-height: 28px;
		margin: 10px 0 10px;
	}

	.info-center-no-main span {
		font-size: 14px;
		line-height: 16px;
		padding-bottom: 8px;
	}

	.info-center-no-main .pic {
		width: 50%;
		margin: 20px auto;
	}

	.info-center-no-main .pic img {
		width: 100%;
	}
	
	.canvasBg1 img{
		width: 280px;
		height: 130px;
	}

	
	.move-pic {
		width: 280px;
		height: 130px;
		animation: test 1.4s ease 0s 1 normal forwards;
	}
	
	
	@keyframes test {
		from {
			left: 50%;
			top: 50%;
			margin-top: -65px;
			margin-left: -140px;
			opacity: 1;
		}
		to {
			left: 10px;
			top: 0;
			width: 100px;
			height: 56px;
			opacity: 0;
			z-index: -999;
			
		}
	}
	.about-team-item{
		padding-top: 0;
	}
	
	.about-team-item li h6 {
	   font-size: 14px;
	       line-height: 16px;
	       padding: 10px 0 4px;
	}
	
	.about-team-item li span {
	    font-size: 12px;
	    line-height: 16px;
	}
	
	.about-right-list,.about-left-list,.about-right-list1{
		height: 38px;
	}
	
	.about-right-list ul,.about-right-list ul li,.about-right-list ul li a,
	.about-left-list ul,.about-left-list ul li,.about-left-list ul li a,.about-left-list ul li img,
	.about-right-list1 ul,.about-right-list1 ul li,.about-right-list1 ul li a{
		height: auto;
	}
	.about-right-list ul li img,.about-left-list ul li img,.about-right-list1 ul li img{
		width: 100px;
	}

	.footer-main {
		display: none;
	}

	.mobile-footer {
		display: block;
		padding: 0 20px;
		background: #fff;
	}

	.mobile-footer h2 {
		font-size: 14px;
		color: #161519;
		line-height: 20px;
	}

	.footer-jump-url-btn1 {
		display: flex;
		padding: 0px 0 10px
	}

	.footer-jump-url-btn1 .jump-but-black:nth-child(2) {
		margin-left: 30px;
	}

	.footer-statement {
		padding: 10px 0;
	}

	.footer-statement a {
		font-size: 12px;
	}

	.footer-statement a span {
		display: block;
		padding-left: 0;
	}
	.new-info-list li .pic{
		height: auto;
	}
	#w_content video{
		max-width: 100%;
		height: auto;
	}
	
	.life-con4-main-item {
		width: 100%;
		margin-top: 20px;
	}
	
	.life-con4-main-item .pic-a{
		width: 40%;
		height: auto;
	}
	.life-con4-main-item .right-txt h2{
		font-size: 16px;
		line-height: 18px;
	}
	.life-con4-main-item .right-txt span{
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 12px;
	}



}