﻿@media screen and (max-width: 1399px) {
	.w1200{
		width: 1000px;
	}
	/**********************导航 *********************/
	.header .header-ul ul li {
		margin-right: 97px;
	}
	/**********************首页产品展示 **************/
	.home_Products .ProductsList .List {
		margin-left: 50px;
		width: 300px;
	}
	/**********************首页关于我们 **************/
	.home_About_us .About_fl .img02 {
		width: 460px;
	}
	.home_About_us .About_fr h1 {
		font-size: 30px;
		line-height: 36px;
	}
	.home_About_us .About_fr h1 span {
		letter-spacing: 12px;
	}
	/**********************首页新闻中心***************/
	.home_New .New_box .list .new_tit {
		width: 257px;
	}
	/**********************底部 *********************/
	.home_footer .home_footer_bottom h1 {
		font-size: 24px;
	}
	.home_footer .home_footer_bottom .hotline p span:nth-child(2) {
		font-size: 20px;
	}
	.home_footer .home_footer_bottom .mailbox li {
		padding: 0 0 20px 30px;
	}
	/**********************内页大图 ******************/
	.page_banner_img .title h1 {
		font-size: 28px;
	}
	.page_banner_img .title span {
		font-size: 20px;
	}
	/**********************内页公共 ******************/
	.page_inner .page_acL {
		width: 220px;
	}
	.page_inner .page_acL .memberNav {
		width: 200px;
	}
	.page_inner .page_acL .page_Tit span b{
		font-size: 28px;
	}
	.page_inner .page_acL .page_Tit p {
		font-size: 20px;
	}
	.page_inner .page_acL .page_Tit {
		margin-bottom: 30px;
	}
	.page_inner .page_acL .memberNav li {
		font-size: 14px;
	}
	.page_inner .page_acL .memberNav li a {
		padding-left: 20px;
		padding-right: 30px;
		height: 44px;
		line-height: 44px;
	}
	.page_inner .page_acL .memberNav li .aNow::after {
		right: 15px;
	}
	.page_inner .page_acL .memberNav li a::after {
		right: 15px;
	}
	.page_inner .page_acR {
		width: 780px;
	}
	.page_new_detail h1 {
		font-size: 28px;
	}
	/**********************内页产品展示 **************/
	.page_product .list {
		width: 31.444%;
	}
}
/*手机端*/
@media screen and (max-width: 1100px) {
	.w1200{
		width: 90%;
		overflow: hidden;
	}
	/**********************导航 *********************/
	.header{
		height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background: #fff;
	}
	.header .header-top .logo_title {
		padding-left: 40px;
	}
	.header .header-top .logo_title::after {
		left: 20px;
	}
	.header .header-top .w1200{
		justify-content: flex-start;/*左对齐*/
	}
	.header .header-top .fl{
		float: left;
	}
	.header .header-top .fr{
		float: left;
		margin-left: 30px;
	}
	.header .header-ul {
		float: none;
		width: 100% !important;
		height: 100%;
		display: block;
		left: -100%;
		top: 100px;
		z-index: 20000;
		background: #fff;
		border-top: 1px #eee solid;
		box-sizing: border-box;
		overflow-y: auto;
		position: fixed;
		padding-bottom: 60px;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
		transition: all 0.8s ease 0s;
	}
	.header .header-ul ul {
		width: 90%;
		height: auto;
		margin: 0px auto;
		overflow: hidden;
	}
	.header .header-ul ul li {
		width: 100%;
		height: auto;
		margin-right: 0vw;
		border-bottom: 1px #eee solid;
		position: relative;
	}
	.header .header-ul ul li span {
		height: 50px;
		line-height: 50px;
	}
	.header .header-ul ul li span a {
		width: auto;
		height: 100%;
		color: #333;
		/* display: block; */
	}
	.header .header-ul ul li samp {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 22;
		cursor: pointer;
	}
	.header .header-ul ul li samp:before {
		width: 100%;
		height: 100%;
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		background: url("../images/icon-13.png") no-repeat center;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	.header .sub-nav {
		width: 98%;
		position: relative;
		left: 0%;
		top: 0px;
		transition: none;
		opacity: 1;
		visibility: visible;
		transform: translateX(0%) scaleY(1);
		box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.02);
		margin: 0px auto 20px;
		display: none;
	}
	.header .header-ul ul li.on samp:before {
		transform: rotate(90deg)
	}
	.header .header-ul ul li:hover .sub-nav {
		transform: translateX(0%) scaleY(1);
		display: block;
	}
	.header .sub-nav p em a {
		text-align: left;
	}
	.header .header-right {
		width: 90%;
		float: none;
		margin: 0px auto;
		height: auto
	}
	.header .menu {
		position: absolute;
		right: 30px;
		float: right;
		width: 50px;
		display: block;
		z-index: 820;
		cursor: pointer;
		height: 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		align-content: space-between;
		padding: 15px;
		box-sizing: border-box;
		margin-right: -15px;
	}
	.header .menu span {
		float: left;
		width: 100%;
		background: #ff3c37;
		height: 2px;
		border-radius: 2px;
	}
	.header .menu span:nth-child(2) {
		width: 50%;
	}
	.header .menu span:nth-child(3) {
		width: 70%;
	}
	.header-slide .menu span {
		opacity: 0;
	}
	.header .menu em {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		transform: rotate(45deg);
	}
	.header .menu em:before {
		width: 0%;
		height: 2px;
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: #ff3c37;
		border-radius: 2px;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	.header .menu em:after {
		width: 2px;
		height: 0%;
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: #ff3c37;
		border-radius: 2px;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	.header-slide .menu em:before {
		width: 50%;
	}
	.header-slide .menu em:after {
		height: 50%;
	}
	.header-slide .header-ul {
		left: 0px;
	}
	.header .header-ul ul li.act {
		position: relative;
	}
	.header .sub-1 {
		position: relative;
		left: 0px;
		top: 0px;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		background: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: scaleY(1);
		transition: none;
		display: none;
	}
	.header .sub-1center,.header .sub-2center {
		width: 98%;
		margin: 10px auto;
		overflow: hidden;
		background: none;
		padding: 15px;
		box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.02);
	}
	.header .sub-1left {
		width: 100%;
	}
	.header .sub-1right {
		float: right;
		width: 100%;
		padding-right: 0%;
	}
	.header .sub-1right:before {
		display: none;
	}
	.header .sub-1item {
		width: 100%;
		padding: 0px;
		margin-top: 20px;
		border-bottom: 1px #eee solid;
		padding-bottom: 20px;
	}
	.header .sub-1item:nth-child(2) {
		padding-bottom: 0px;
		border: none;
	}
	.header .sub-1item h4 {
		width: 100%;
		overflow: hidden;
	}
	.header .sub-1item h4 a {
		width: 100%;
		display: block;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
	}
	.header .sub-1item h4 samp {
		width: 15px !important;
		display: block;
		position: relative !important;
		height: auto !important;
	}
	.header .sub-1item h4 samp:before {
		display: none !important;
	}
	.header .sub-1li {
		margin-top: 15px;
	}
	.header .sub-2 {
		float: left;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
		margin-top: 20px;
	}
	.header .sub-2 .sub_2projects {
		padding-right: 0px
	}
	.header .sub-2 .sub_2projects h4 samp {
		width: 15px !important;
		display: block;
		position: relative !important;
		height: auto !important
	}
	.header .sub-2 .sub_2projects h4 samp:before {
		display: none !important
	}
	/**********************导航 end******************/
	.m-t{
		margin-top: 30px;
	}
	.m-b{
		margin-bottom: 30px;
	}
	.banner{
		margin-top: 100px;
	}
	.home_more span{
		width: 150px;
		height: 42px;
		line-height: 42px;
	}
	.page_banner_img{
		margin-top: 100px;
	}
	/**********************首页产品展示 **************/
	.home_Products .tit p{
		font-size: 30px;
	}
	.home_Products .tit span {
		padding-left: 10px;	
		line-height: 48px;
		letter-spacing: 8px;
	}
	.home_Products .ProductsList .List {
		margin-left: 4%;
		margin-bottom: 30px;
		width: 48%;
	}
	.home_Products .ProductsList .List:nth-child(2n+1){
		margin-left: 0%;
	}
	/**********************首页关于我们 **************/
	.home_About_us{
		display: block;
		overflow: hidden;
	}
	.home_About_us .About_fl{
		width: 95%;
		height: auto;
		float: right;    
		margin-bottom: 30px;
	}
	.home_About_us .About_fl .img02 {
		width: 95%;
		position: relative;
		padding-top: 69.444%;
		margin: 0 auto;
		overflow: hidden;
		height: auto;
		float: right;
	}
	.home_About_us .About_fr {
		width: 100%;
		height: 450px;
		padding-left: 0px;
	}
	.home_About_us .About_fr .tit::before {
		left: -30px;
		width: 130px;
		height: 1px;
		bottom: 16px;
	}
	.home_About_us .About_fr .tit{
		padding-bottom: 30px;
	}
	.home_About_us .About_fr h2 {
		margin-top: 20px;
	}
	.home_About_us .About_fr .home_more{
		transform: translateY(0px);
		margin-top: 30px;
	}
	/**********************首页新闻中心***************/
	.home_New .tit h1{
		font-size: 30px;
	}
	.home_New .New_box {
		grid-gap: 30px;
		grid-template-columns: repeat(1, 1fr);
	}
	.home_New .New_box .list{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.home_New .New_box .list .new_img{
		width: 21.111%;
    	padding-top: 15.844%;
	}
	.home_New .New_box .list .new_tit {
		width: 70%;
		padding-left: 2%;
		position: relative;
	}
	.home_footer .home_footer_top a {
		width: 14.201%;
	}
	/**********************底部 *********************/
	.home_footer .home_footer_top {
		display: none;
	}
	.home_footer .home_footer_bottom{
		display: block;
		height: auto;
	}
	.home_footer .home_footer_bottom .hotline img{
		display: none;
	}
	.home_footer .home_footer_bottom .mailbox::after{
		display: none;
	}
	.home_footer .home_footer_bottom .hotline{
		overflow: hidden;
	}
	.home_footer .home_footer_bottom .hotline p {
		margin-left: 0px;
		margin-top: 30px;
	}
	.home_footer .home_footer_bottom h1 {
		margin-top: 30px;
	}
	.home_footer .home_footer_bottom .mailbox li:first-child {
		padding-top: 30px;
	}
	.home_footer .home_footer_bottom .mailbox li:last-child{
		padding-bottom: 30px
	}
	.home_footer .home_footer_bottom .mailbox li {
		padding: 0 0 20px 0px;
	}
	/**********************内页公共 ******************/
	.page_inner .page_acL{
		width: 100%;
	}
	.page_inner .page_acL .page_Tit span{
		line-height: 50px;
	}
	.page_inner .page_acL .page_Tit span b {
		line-height: 50px;
	}
	.page_inner .page_acL .memberNav {
		width: 100%;
	}
	.page_inner .page_acR {
		width: 100%;
	}
	/**********************内页页码 ******************/
	.page{
		width: 90%;
		margin: 0 auto;
		height: auto;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 3px;
	}
	/**********************内页新闻详情 **************/

}
@media screen and (max-width: 768px) {
	/**********************导航 *********************/
	.header {
		height: 80px;
	}
	.header .header-top .logo img {
		width: 80%;
	}
	.header .header-top .fr{
		display: none;
	}
	.header .header-top .logo_title {
		display: none;
	}
	.header .header-ul{
		top: 80px;
	}
	/**********************首页大图 ******************/
	.banner {
		margin-top: 80px;
	}
	.banner {
		height: 190px;
	}
	.page_banner_img{
		height: 150px;
		margin-top: 80px;
	}
	.page_banner_img img {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		object-fit: cover;
	}
	.page_banner_img .title {
		top: 30%;
	}
	.page_banner_img .title h1 {
		font-size: 20px;
	}
	.page_banner_img .title span {
		font-size: 16px;
	}
	/**********************首页产品展示 **************/
	.home_Products .ProductsList .List {
		margin-left: 0%;
		width: 100%;
	}
	.home_Products .ProductsList .List .tie {
		height: auto;
		padding: 15px 15px;
	}
	.home_Products .ProductsList .List:last-child{
		/*最后一个子元素*/
		margin-bottom: 0px;
	}
	/**********************首页关于我们 **************/
	.home_About_us .About_fl{
		width: 100%;
		margin-bottom: 80px;
	}
	.home_About_us .About_fl .img02 {
		width: 85%;
		padding-top: 62%;
	}
	.home_About_us .About_fl .img03 {
		bottom: -60px;
		height: 150px;
		width: 150px;
	}
	/**********************首页新闻中心***************/
	.home_New {
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
	}
	.home_New .New_box {
		grid-gap: 30px;
	}
	.home_New .New_box .list .new_img{
		width: 100%;
		padding-top: 75%;
    	height: auto;
	}
	.home_New .New_box .list .new_tit {
		width: 100%;
		position: relative;
		padding-left: 0px;
		margin-top: 20px;
	}
	/**********************底部 *********************/
	.home_footer .home_footer_bottom .mailbox li{
		position: relative;
	}
	.home_footer .home_footer_bottom .mailbox span {
		position: absolute;
	}
	.home_footer .home_footer_bottom h1 {
		margin-top: 20px;
	}
	.home_footer .home_footer_bottom .hotline p {
		margin-top: 20px;
	}
	.home_footer .home_footer_bottom .mailbox li:first-child {
		padding-top: 20px;
	}
	/**********************内页公共 ******************/
	.page_inner .page_acL .page_Tit span{
		font-size: 20px;    
		line-height: 20px;
	}
	.page_inner .page_acL .page_Tit span b {
		font-size: 20px;
		line-height: 20px;
	}
	.page_inner .page_acL .page_Tit p {
		font-size: 16px;
		line-height: 18px;
	}
	.page_inner .page_acL .page_Tit {
		margin-bottom: 10px;
	}
	.page_inner .page_acR .pageNow{
		display: none;
	}
	/**********************内页新闻 ******************/
	.page_new .list{
		padding: 20px 20px 0px 20px;
	}
	.page_new .list .img_fl {
		width: 35%;
		padding-top: 26%;
	}
	.page_new .list .tit_fr {
		width: 61%;
		padding-left: 4%;
	}
	/**********************内页新闻详情 **************/
	.page_new_detail {
		padding: 0 20px;
	}
	.page_new_detail h1 {
		font-size: 20px;
		line-height: 30px;
		margin-top: 20px;
	}
	.page_new_detail .detail_body {
		padding: 30px 0px 30px;
	}
	.page_new_detail .detail_1 {
		padding-bottom: 10px;
		margin-top: 0px;
	}
	.page_new_detail .detail_body span,
	.page_new_detail .detail_body p {
		font-size: 14px !important;
		line-height: 28px !important;
		text-align: justify;
	}
	.page_new_detail .detail_body img {
		min-width: auto !important;
		width: 100% !important;
		height: auto !important;
	}
	.page_new_detail .detail_page {
		margin-top: 10px;
	}
	.page_new_detail .detail_page span {
		line-height: 28px;
		font-size: 14px;
	}
	/**********************内页产品展示 **************/
	.page_product {
		padding: 20px 20px 0 20px;
	}
	.page_product .list {
		width: 48%;
		margin-left: 4%;
	}
	.page_product .list:nth-child(3n+1){
		margin-left: 4%;
	}
	.page_product .list:nth-child(2n+1){
		margin-left: 0%;
	}
	.page_product .list .title {
		padding: 15px 0 0px 0;
	}
	.page_product .list .title p{
		text-align: left;
	}
	.page_product .list:hover .title{
		background: none;
		color: #1e50ae;
	}
	.page_product .list:hover .title p{
		color: #1e50ae;
	}

}