/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1280px) {

		.banner_list li{
			width: 31.33%;
			margin-right: 2%;
		}
		.banner_list li p{
			font-size: 18px;
		}
		.page1_figcap{
			right:0;
		}
		.page1_figcap h4{
			font-size: 28px;
			padding-right:4%;
		}
		.page1_figcap h6{
			font-size: 21px;
			padding-right: 4%;
		}
		.w1200{
			width: 92%;
			margin: 0 auto;
		}
		.new_banner figcaption .w1200{
			padding-left: 0;
		}
		.com_pic li{
			padding-left: 0;
		}
		.com_pic li p{
			max-width:80%;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;
		}
		.community_page2 .right{
			width:75%;
		}
		.community_page2 .left{
			width: 25%;
		}
		.blue_title{
			width: 100%;
		}
		.community_page4 .img img{
			width:33.33%;
			object-fit: contain;
		}
		.community_page1 .w1200{
			padding:0;
		}
		.bottom_list{
			width:100%;
		}
		

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
  
		.banner_top h3{
			font-size:26px;
			margin-bottom: 15px;
		}
		.banner_top h3 span{
			padding-top: 0;
		}
		.banner_top p{
			font-size: 15px;
			line-height:24px;
		}
		.banner_list li{
			width:48%;
			padding-left:2%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.banner_list li:nth-child(2n){
			margin-right:0;
		}
		.banner_list li p{
			font-size: 12px;
			width: 70%;
		}
		.banner_list{
			margin-top:6%;
		}
		.bottom_list li{
			width: 49%;
			margin-right: 2%;
			margin-bottom:2%;
			padding-top: 20px;
		}
		.bottom_list li:nth-child(2n){
			margin-right: 0;
		}
		.bottom_list{
			margin-top: 0;
		}
		.new_banner figcaption{
			padding-top: 4%;
		}
		.page1_figcap{
			width: 92%;
			margin: 0 auto;
			position:inherit;
			top:0;
			left:0;
		}
		.page1_figcap h3{
			font-size: 28px;
		}
		.page1_figcap h4{
			font-size:18px;
			margin-right: 8%;
		}
		.app_page1{
			padding:8% 0;
			height:auto;
		}
		.page1_figcap h6{
			font-size: 16px;
			margin-top: 8%;
			line-height:1.8;
		}
		.page1_figcap a{
			width: 180px;
			font-size: 18px;
		}
		.app_page2{
			padding:8% 0;
			height:auto;
		}
		.appcom h3{
			font-size: 28px;
		}
		.com_list ul li{
			width: 25%;
		}
		.com_list ul li h4{
			font-size: 22px;
		}
		.com_list ul li p{
			font-size: 14px;
		}
		.fig_mod{
			float: none;
			width: 100%;
		}
		.fig_mod{
			margin-top: 0;
			-webkit-transform:translateX(0);
			-ms-transform:translateX(0);
			-o-transform:translateX(0);
			transform:translateX(0);
		}
		.app_page3{
			height:auto;
			padding:14% 0 8% 0;
		}
		.fig_mod h3{
			font-size: 28px;
		}
		.fig_mod p{
			font-size: 18px;
			padding-right: 8%;
		}
		.fig_mod .list li:nth-child(3){
			margin-bottom: 0;
		}
		.fig_mod .list li:nth-child(4){
			margin-bottom: 0;
		}
		.app_page4 .fig_mod2 figcaption{
			width: 100%;
		}
		.app_page4 .fig_mod2{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.app_page4 .fig_mod2 figcaption{
			margin-bottom: 6%;
		}
		.app_page4 .fig_mod2 figcaption h3{
			font-size: 28px;
		}
		.app_page4 .fig_mod2 figcaption h4{
			font-size: 20px;
		}
		.app_page4{
			padding-top:6%;
		}
		.app_page5 .title{
			font-size: 26px;
			width: 80%;
			margin: 0 auto;
		}
		.app_page5{
			padding: 8% 0;
		}
		.app_page5 li{
			width:48%;
			margin-right: 4%;
		}
		.app_page5 li:nth-child(2n){
			margin-right: 0;
		}
		.w1400{
			width: 92%;
			margin: 0 auto;
		}
		.app_page5 li h3{
			font-size: 18px;
		}
		.app_page5 li p{
			font-size: 12px;
		}
		.app_page5 .mod4{
			margin-top: 8%;
		}
		.app_page5 .fig_mod3{
			margin-top: 8%;
			-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
		}
		.app_page5 .fig_mod3 figure{
			margin-bottom: 8%;
		}
		.app_page5 .fig_mod3 figcaption h3{
			font-size:24px;
		}
		.app_page5 .fig_mod3 figcaption a{
			width: 240px;
			margin-top: 10%;
		}
		.mail_page1 h3{
			font-size: 22px;
			line-height:1.6;
		}
		.mail_page1{
			height:360px;
			padding:8% 0;
			background-size:cover;
		}
		.mail_page2{
			padding:8% 0;
			height:auto;
			background-position: bottom;
		}
		.title1 h3{
			font-size:22px;
		}
		.title1 p{
			font-size:14px;
			padding-top:20px;
		}
		.mail_page2 .flex{
			padding:0;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.mail_page2 .mod3{
			margin-top:6%;
		}
		.mail_page3{
			padding:8% 0 4% 0;
		}
		.mail_page4{
			padding: 5% 0 8% 0;
		}
		.title1 h3{
			font-size: 20px;
			padding:0 5%;
		}
		.mail_page4 .title1{
			margin-bottom: 8%;
		}
		.mail_page5 .title3 h3{
			font-size: 24px;
		}
		.mail_page5 .title3 p{
			font-size: 12px;
		}
		.community_page1{
			padding:8% 0 6% 0;
		}
		.com_list1 li{
			width: 50%;
			height:auto;
			padding:8% 0;
			border:1px solid #eee;
		}
		.com_list1{
			margin-top: 6%;
		}
		.com_list1 li p{
			font-size: 12px;
		}
		.com_list1 li h4{
			font-size: 18px;
		}
		.community_page2{
			height:auto;
			padding:8% 0;
		}
		.community_page2 .flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.community_page2 .left{
			width: 100%;
			display: none;
		}
		.community_page2 .right{
			width: 100%;
			padding-left: 0;
		}
		.community_page2 .right .title h3{
			font-size: 26px;
		}
		.community_page2 .right .title p{
			font-size:14px;
			width: 92%;
			margin: 0 auto;
		}
		.com_pic li:first-child{
			margin-top: 8%;
		}
		.com_pic a{
			margin-left: 0;
			margin-top: 10%;
		}
		.com_pic2{
			margin-left: 0;
			padding-top: 8%;
			padding-bottom: 0;
		}
		.community_page4 .img img{
			width: 100%;
			margin-bottom: 6%;
		}
		.community_page4 .img{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.community_page4{
			padding:9% 0;
		}

    }