@media screen and (max-width: 1024px) {
		// 平板
		.css {
			display: block;
		}
		.container {
			width: 90%;
		}
		.header {
			display: none !important;
		}
		.header2 {
			display: block;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 999;
			background: rgba(255, 255, 255, 1);
			box-shadow: 2px 2px 7px grey;
		}
		.header2 .logo {
			margin: 0;
			margin: 1.5rem 0;
		}
		.header2 .logo img {
			width: 110px;
		}
		.right-line {
			display: block;
			width: 50px;
			position: absolute;
			right: 3rem;
			top: 3.5rem;
		}
		.right-line div {
			margin-bottom: 0.5rem;
			height: 2px;
			width: 100%;
			background: #aaa;
		}
		.change-list {}
		.header2 .nav {
			display: none;
			position: absolute;
			width: 100%;
			left: 0;
			top: 7rem;
			border-top: 1px solid #eee;
			background: rgba(255, 255, 255, 1);
			padding-top: 3rem;
		}
		.header2 .nav .nav-ul {
			width: 100%;
			overflow: hidden;
			box-sizing: border-box;
		}
		.header2 .nav .nav-ul li {
			width: 100%;
		}
		.header2 .nav .nav-ul li a {
			width: 100%;
			padding: 1rem !important;
			font-size: 0.8rem;
			box-sizing: border-box;
			color: #656565;
			display: block;
			border-bottom: 1px solid #eee;
		}
		.header2 .line-top {
			margin-bottom: 3rem;
			width: 100%;
			overflow: hidden;
		}
		.header2 .search-input {
			margin-left: 1rem;
			position: relative;
			width: auto;
			float: left;
		}
		.header2 .sear-a {
			height: 2rem;
			border: none;
			border-bottom: 1px solid #eee;
			outline: none;
			padding: 0.5rem 0 0 0.3rem;
		}
		.header2 .sear-b {
			background: url(/images/search.png);
			width: 26px;
			height: 30px;
			outline-style: none;
			border: none;
			position: absolute;
			right: 0;
		}
		.header2 .language-select {
			float: right;
		}
		.header2 .lang-top {
			margin-right: 1rem;
			float: right;
			color: #656565;
			font-size: 1rem;
			padding-right: 1.5rem;
		}
		.header2 .nav .language-list li a {
			font-size: 1rem;
			color: #656565;
		}
		.header2 .language-list {
			position: absolute;
			right: 2rem;
			top: 5rem;
		}
		.banner {
			margin-top: 6.9rem;
		}
		.banner2 {
			margin-top: 6.9rem;
		}
		.strengths-top-left {
			float: left;
			width: 100%;
			margin-bottom: 2rem;
		}
		.strengths-top-left h1 {
			/* float: left; */
			margin-bottom: 1.5rem;
			text-align: center;
		}
		.strengths-top-left div {
			/* float: left; */
			font-size: 0.9rem;
			margin-bottom: 2.5rem;
			color: #656565;
			font-weight: bold;
			text-align: center;
		}
		.strengths-top-left .strengths-view {
			/* float: left; */
			display: block;
			border: 1px solid;
			font-size: 0.8rem;
			font-weight: bold;
			padding: 0.5rem 1.5rem;
			color: #39444F;
			letter-spacing: 0.2rem;
			width: 9rem;
			margin: 0 auto;
		}
		.strengths-top-right {
			width: 100%;
		}
		.strengths-top-right .strengths-list {
			float: left;
			width: 21%;
			margin-left: 5%;
		}
		.strengths-top-right .strengths-list:first-child {
			margin-left: 0;
		}
		.strengths-bottom .str-link-list {
			width: 50%;
			color: white;
			max-height: 529px;
		}
		.strengths-bottom .str-link-list .b-pic {
			/*width: 100%;*/
			height: 100%;
			min-height: 529px;
		}
		.strengths-bottom .str-link-list .str-link-des {
			padding: 3rem 2rem 0;
			height: 100%;
		}
		.pro-example {
			padding: 2rem 0 1rem;
		}
		.example-left,
		.example-right {
			width: 100%;
			margin-bottom: 2rem;
		}
		.blog-list {
			width: 49.5%;
			border: 0.5rem solid white;
		}
		.blog {
			padding: 2rem 0;
		}
		.blog-top {
			width: 100%;
			text-align: left;
			margin-bottom: 2rem;
			line-height: 2.5rem;
		}
		.click-to-see {
			width: 100%;
			margin-top: 2rem;
		}
		.company {
			display: none;
		}
		.company2 {
			display: block;
		}
		.company2 {
			padding: 2rem 0;
		}
		.com2-top {
			width: 100%;
			text-align: center;
			margin-bottom: 2rem;
			line-height: 2.5rem;
		}
		.com2-top h1 {
			font-size: 2.5rem;
			margin-bottom: 1.5rem;
		}
		.com2-top div {
			font-size: 0.9rem;
			font-weight: bold;
			color: #696969;
		}
		.com2-bottom {
			width: 100%;
			overflow: hidden;
		}
		.com2-bottom .des {
			margin-bottom: 2rem;
		}
		.com2-bottom .des p {
			font-size: 0.8rem;
		}
		.com2-bottom img {
			width: 100%;
		}
		.blog-top h1 {
			text-align: center;
		}
		.blog-top div {
			text-align: center;
		}
		
		.sales {
		    padding: 2rem 0;
		}
		
		.sales-top .sales-des p {
			width: 100%;
		}
		
		.sales-bottom {
		    padding: 4rem;
		}
		
		.join-top .join-des p {
			width: 100%;
			font-size: 0.8rem;
			line-height: 1.5rem;
		}
		
		.join-list {
		width: 100%;
		margin-bottom: 2rem;
		}
		
		#join2{
			background: url(/image/j1.png) no-repeat;
			background-size:100% 100%
		}
		
		#join3{
			background: url(/image/j1.png) no-repeat;
			background-size:100% 100%
		}
		
		 .footer-cate{
		 	display: none;
		 }
		
		
		.container2 {
		    overflow: hidden;
		    padding: 0 !important;
		    box-sizing: border-box;
		}
		
		.copyright .container2 {
		     width: 100%; 
		}
		
		.copy-left {
		    width: 100%;
		    text-align: center;
		    line-height: 2rem;
		}
		
		.copy-right {
		    width: 100%;
		}
		
		.group {
		    overflow: hidden;
		    padding: 2rem 0;
		}
		
		.group-left {
		    width: 100%;
		    text-align: center;
		}
		
		.group-right {
		    width: 100%;
		    text-align: center;
		}
		
		.group-title {
		    margin-bottom: 1rem;
		    margin-top: 1rem;
		}
		
		.culture {
		    width: 100%;
		    padding:2rem 0;
		    overflow: hidden;
		    box-sizing: border-box;
		}
		
		.culture-bottom {
		    margin-top: 2rem;
		}
		
		.culture-list {
		    background: #E7E7E5;
		    width: 50%;
		    margin-left: 0;
		    float: left;
		    padding: 2.5rem;
		    box-sizing: border-box;
		    min-height: 387px;
		    border: 0.5rem solid white;
		}
		
		.award {
		    padding: 2rem 0;
		}
		
		.award-top .award-des p {
		    width: 100%;
		    font-size: 0.8rem;
		    line-height: 1.5rem;
		}
		
		.adv-top {
		    padding: 2rem 0;
		}
		
		.top-des-pic {
		    width: 100%;
		}
		
		.top-des-content {
		    width: 100%;
		}
		
		.top-des-content .content-list {
		    padding: 3.3rem 1rem 0;
		    font-size: 0.8rem;
		    line-height: 1.3rem;
		}
		
		.content-list {
		    width: 100% !important;
		}
		
		.adv-box {
		    display: block !important;
		    width: 50%;
		    float: left;
		    border: 1rem solid white;
		    min-height: 655px;
		}
		
		.adv-box .adv-des, .adv-box .adv-pic {
		    display: block !important;
		    width: 100%;
		}
		
		.adv-pic img {
		   	position:unset;
		    top: 0;
		    width: 100%;
		    cursor: pointer;
		    transition: all 0.6s;
		}
		
		
		.banner-video {
		    width: 100%;
		}
		
		.trend-title-list {
		    float: right;
		    width: 100%;
		    padding: 0;
		    margin-top: 2rem;
		}
		
		.banner2 {
		    padding: 2rem 0;
		}
		
		.banner-title .banner-left {
		    color: white;
		    font-size: 2rem;
		    background: #BF1733;
		    padding: 1rem;
		    min-height: 3rem;
		    box-sizing: border-box;
		    text-align: center;
		}
		.banner-left {
		    float: left;
		    /* width: 27rem; */
		    width: 40%;
		}
		
		
		.banner-left img {
		    width: 100%;
		    margin-top: 0;
		}	
		
		.video-box-list {
		    float: left;
		    overflow: hidden;
		    width: 47%;
		    margin-left: 1%;
		    margin-bottom: 2%;
		    border: 1px solid #eee;
		    position: relative;
		    /*box-shadow: 2px 3px 7px grey;*/
		}
		
		
		
		
		.video-list li {
		    padding: 0;
		    box-sizing: border-box;
		    margin-top: 1rem;
		    border-bottom: 1px solid #eee;
		    margin-bottom: 3rem;
		}
		
		
		
		.video-list-title {
		    font-size: 1rem;
		    margin-bottom: 0.7rem;
		}
		
		.des-time {
		    line-height: 1.2rem;
		    width: 100%;
		}
		
		
		.read-button {
		    margin-left: 0;
		}
		
		
		.video-box {
			padding:2rem 0;
		}
		
		.video-pic .video-box-title {
		    margin-left: 1rem;
		    margin-bottom: 1rem;
		}
				
				
		.video-box-title.little{
			display: none !important;
		}
		
		.video-des {
		    display: block;
		    position:static;
		    z-index: 999;
			background: white;
			min-height: auto;
			text-align: center;
		}
		
		.video-des .video-box-title {
		    position:static;
		    /* bottom: 2rem; */
		    /* left: 2rem; */
		   padding: 2rem 0.5rem;
		}
		
		.video-box-title div:first-child {
		    font-size: 0.9rem;
		    font-weight: bold;
		    color: black;
		    margin-bottom: 1rem;
		}
		
		.video-des .video-content {
		    width: 100%;
		    color: black;
		    display: none;
		}
		
		
		
		.video-button {
		    color: black;
		    padding: 0.5rem;
		    margin: 0 auto;
		    width: 100%;
		    box-sizing: border-box;
		    font-size: 0.8rem;
		}
		
		.learn-button {
		    transition: all 0.5s;
		    text-align: center;
		    width: 63%;
		    margin: 2rem auto;
		    padding: 1rem 2rem;
		    box-sizing: border-box;
		}
		
		.buy-box {
		    width: 48%;
		    margin: 0;
		    margin-bottom: 2rem;
		    border: 0.5rem solid #AA142D;
		    min-height: 71px;
		}
		
		.pro-content .pro-des {
		    display: block;
		    padding: 1rem;
		}
		
		.pro-lists {
		    float: left;
		    margin-left: 2%;
		    margin-bottom: 1.5rem;
		    width: 48%;
		    overflow: hidden;
		    position: relative;
		}
		
		.pro-content .pro-title {
		    font-size: 1rem;
		    padding: 1rem;
		    background: rgba(0,0,0,0.5);
		}
		
		.news-box-top {
		    width: 100%;
		    overflow: hidden;
		    padding: 3rem 0 2rem 2rem;
		    margin: 0;
		    box-sizing: border-box;
		}
		
		/*.news-list {
		    background: #eee;
		    margin-bottom: 2rem;
		}
		
		.news-pic {
		    width: 50%;
		}
			
		.news-des div:first-child {
		    font-size: 1.3rem;
		    margin-bottom: 1rem;
		    color: #BF1733;
		}	
			
		.news-time {
		    width: 50%;
		    color: #BF1733;
		}
		
		.news-des {
		    width: 100%;
		    font-size: 0.9rem;
		    line-height: 1.3rem;
		    
		    
		}*/
		
		.news-pic, .news-time, .news-des {
		    padding: 1rem 1rem 1rem 0;
		}
		
		.news-pic {
		    width: 35%;
		    min-width: 187px;
		}
		
		.news-des {
		    width: 50%;
		}
		
		.banner3{
			margin-top: 7.2rem;
		}
		
		.news-des div:first-child {
		    font-size: 1rem;
		    margin-bottom: 0.5rem;
		    color: #BF1733;
		    font-weight: bold;
		}
		
		.news-des .s-des p{
			margin-bottom: 0.5rem;
			color: #BF1733;
			font-size: 0.8rem;
		}
		
		.news-des .s-des p:first-child{
			color:black;
		}
		
		
		
	}
	
	@media screen and (max-width: 912px) {
		.profile-bottom img {
			float: left;
			width: 100%;
		}
		.profile-bottom .profile-content {
			margin-top: 1rem;
			width: 100%;
		}
		
		.add-box {
		    padding: 0.5rem;
		    min-height: 214px;
		}
		
		
		.mes-input {
		    width: 30%;
		    margin-left: 3%;
		}
		
		
		
	}
	
	@media screen and (max-width: 862px) {
		/**/
		.sales-list {
		    min-width: 31%;
		}
	}
	
	@media screen and (max-width: 789px) {
		.pro-title .description {
			display: none !important;
		}
		
		.news-des {
		  width: 57%;
		}
		
		.news-des-content{
			display: none;
		}
		
		.news-time{
			display: none;
		}
		
		
		
		.news-des .s-des{
			display: block;
		}
	}


	@media screen and (max-width: 764px) {
             /**/
             .email-url{display:block;width:100%;padding:10px 0;}

       }
	
	@media screen and (max-width: 759px) {
		.pro-hang .pro-img {
			width: 32%;
		}
	}
	
	
	
	@media screen and (max-width: 730px) {
		.banner-right {
			width: 100%;
		}
	
	}
	@media screen and (max-width: 683px) {
		.content-right h2 {
			font-size: 1rem;
		}
		.content-right p {
			display: none;
		}
		.culture-box {
			width: 49%;
		}
		.culture-box {
			min-height: 330px;
			margin-left: 0;
			border: 5px solid white;
		}
		.str-link-des h2 {
			font-size: 1rem;
		}
		.str-link-des div {
			font-size: 0.8rem;
		}
	}
	
	@media screen and (max-width: 638px) {
		
	}
	
	@media screen and (max-width: 618px) {
		/*aa*/
		.strengths-top-right .strengths-list {
			width: 50%;
			margin-left: 0;
		}
		
		.sales-list {
		    min-width: 48%;
		}
	}
	
	@media screen and (max-width: 596px) {
		.pro-hang .pro-img {
			/* width: 24%;*/
		}
	}
	
	@media screen and (max-width: 487px) {
		/*aa*/
		.strengths-bottom .str-link-list {
			width: 100%;
			margin-bottom: 1rem;
		}
	}
	/* white-space: nowrap;
	    text-overflow: ellipsis;*/