@import url(ui.css);
@import url(animate.min.css);
@import url(swiper.min.css);
@import url(pc.css);

@media screen and (max-width:1200px){
	html{ font-size: 85px;}

}

@media screen and (max-height:800px){
	.index-2 .pic-show .left-content h3{
		font-size: 0.30rem;
		width: 0.35rem;
	}
	.index-2 .right-content-list{
		display: block;
		padding-top: 0.3rem;
		position: absolute;
		top: 56%;
		left: 2%;
		width: 96%;
		height: 60%;
		line-height: 1.8;
	}
}

@media screen and (max-width:768px){
	.section{ padding: 0 0.2rem !important; }
	html{ font-size: 70px;}
	.m-header{
		display: flex;
		background: #333d534d;
	}
	.header{display: none; background: none !important;}
	.logo{ line-height: 0.9rem; }
	.logo img{ max-height: 0.7rem;}
	.menu-btn{ display: block; }

	.nav{ display: none; background-color: #e2b7a6; height: 100vh;}
	.nav ul{ flex-wrap: wrap; }
	.nav li{ flex:100%; }
	.nav li a{font-size: 0.36rem; line-height: 1.5rem;color: #FFF; }
	.nav li dl{ display: none;  position: relative; top:0; margin-left: 0; width: 100%; }
	.nav li dl dt a{ color: #333!important; line-height: 0.65rem!important; }

	.banner{  height: auto; }

	.section{ padding: 0.3rem 0; }
	.section-title{ margin-bottom:0.3rem; }
	.section-title strong{ font-size: 0.32rem; }
	.section-title p{ font-size: 0.20rem; margin-top: 0.1rem; }
	.section-title2 strong{ font-size: 0.32rem; }
	.section-title2 p{ font-size: 0.20rem; }
	.section-title3{ margin-bottom:0.3rem; }
	.section-title3 strong{ font-size: 0.32rem; }
	.section-title3 p{ font-size: 0.20rem; margin-top: 0.1rem; }
	.section-title3 .desc{ font-size: 0.22rem; line-height: 0.4rem; padding: 0 0.15rem; }

	.in-number ul{ margin:0 0 0 -0.1rem;}
	.in-number li a{ padding:0.2rem 0.1rem;  margin:0 0 0 0.1rem;}
	.in-number li .text{ flex:100%; margin-left: 0; text-align: center; padding-top: 0.1rem; }
	.in-number li .text h2{ font-size: 0.3rem; }
	.in-number li .text p{ font-size: 0.14rem; }

	.list-nindex-1 .img-cover{ width: 50% !important; }
	.list-nindex-1 .nindex-content { margin: 0 0.2rem !important;  }

	.in-mra-content { left: 9% !important; top: 0.1rem !important; }
	.sy-list4 .img-cover{ text-align: center; margin-top: 0.3rem }
	.sy-list4 .img-cover img{ width: 70%; }
	.sy-list4 .pic-show{ display: none;  }
	.sy-list4 .in-about-con .lg6 { padding: 0 0.2rem !important; }

	.in-about-con .img-center{ flex:100%;}
	.in-about-con .text{ flex:100%; padding-left: 0;}
	.in-about-con li{justify-content: flex-start;  margin-bottom: 0.2rem;}
	.in-about-con li .txt{ margin-left: 0.1rem;}
	
	.in-service{ padding-bottom: 0;}
	.in-service .img-center{ position: relative; width: 100%; }
	
	.in-hezuo{ padding: 0.3rem 0 0;}
	.in-hezuo .desc{ margin-bottom: 0.2rem;}
	.in-hezuo ul{ margin:0 0 0 -0.1rem;}
	.in-hezuo li a{ margin:0 0 0 0.1rem; } 
	
	.in-mubiao .text{ position: relative; margin-top: 0.2rem;}
	.in-mubiao .text .mask{  width:100%; height: auto; }
	
	.footer{ padding: 0.3rem 0.1rem;}
	.footer-con .flogo{ flex:100%}
	.footer-con .flogo .text{ font-size: 0.3rem; }
	.footer-con .ewm{ flex:100%; margin-top: 0.2rem;}
	.footer-con .ewm li img{ width: 2.5rem; height: 2.5rem;}
	.footer-con .ewm li p{ font-size: 0.24rem; }

	.list-zx1 .swiper-button-prev{ background-size: 100%;}
	.list-zx1 .swiper-button-next{ background-size: 100%;}
	
	.list-jm1 .con .img-center{ flex:100%; margin-right: 0; margin-bottom: 0.2rem;}
	.list-jm4 li .text{ flex: 100%;}
	.list-jm4 li .img-center{ flex: 100%; margin:0.2rem 0 }
	.list-jm4 li .txt{ flex: 100%;}
	
	.list-zs1 ul{ margin:0 0 0 -0.1rem;}
	.list-zs1 li .items{ margin:0 0 0 0.1rem}
	
	.list-zs2 .con .text{ flex:100%; padding: 0.2rem;}
	.list-zs2 .con .pic{ flex:100%;}
	
	.list-zs3 li .img-center{  margin-left: 0; margin-top: 0.2rem;}
	.list-zs3 .btns{  margin-top: 0;}

    .list-zs5 .con{ position: static; }
	.list-zs5 .con .mask{ position: relative; width: 100%; right: auto; bottom: auto; margin-top: 0.2rem; }
	
	.contact{margin-top: 0; padding: 0.6rem 0;}
	.contact li{ margin-bottom: 0.2rem;}

	.dibu{ display: block; }
	.kefu{ display: none; }

	.list-ks1 .img-center{ flex:100%;}
	.list-ks1 .text{ flex:100%; margin-left: 0; margin-top: 0.2rem; }

	.section-title4{ margin-bottom:0.3rem; }
	.section-title4 p{ font-size: 0.20rem; margin-bottom: 0.1rem; }
	.section-title4 strong{ font-size: 0.32rem; }

	.list-ks2 li .img-center{ flex:100%; margin-right: 0; }
	.list-ks2 li .text{ flex:100%; margin-top: 0.2rem;}
	.list-ks2 li .text h2{ font-size: 0.3rem; }

	.list-ks3 li .img-center{ flex:100%; }
	.list-ks3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-ks3 li .text h2{ font-size: 0.28rem;  }
	.list-ks3 li:nth-child(2n) .img-center{ order: -100 }

	.list-ks4 ul{ margin:0 0 0 -0.15rem; background: none;}
	.list-ks4 li{ float: none; width: auto; }
	.list-ks4 li a{  margin:0 0 0.15rem 0.15rem; }
	
	.list-ks6 ul{ flex-wrap:wrap}
    .list-ks6 li{ flex:100%; margin-bottom: 0.4rem; margin-right: 0;}

	.list-luancao1{ flex-wrap: wrap; }
	.list-luancao1 .img-center{ flex:100%; }
	.list-luancao1 .text{ flex:100%; margin-left:0rem; padding: 0.2rem; }
	.list-luancao1 .text p{ font-size: 0.28rem; line-height: 2; padding-left: 0.55rem; position: relative; }

	.list-luancao2 .con{ padding: 0.2rem; flex-wrap: wrap; }
	.list-luancao2 .con .text{ flex:100%; }
	.list-luancao2 .con .text p{ font-size: 0.24rem; text-indent: 0.5rem }
	.list-luancao2 .con ul{ flex:100%; margin-left: 0; margin-top: 0.2rem; }
	.list-luancao2 .con li{ margin:0 0.15rem; }

	.list-luancao3 li .img-center{ flex:100%; }
	.list-luancao3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-luancao3 li .text h2{ font-size: 0.28rem;  }
	.list-luancao3 li:nth-child(2n) .img-center{ order: -100 }

	.list-luancao4 .con{ flex-wrap: wrap;  padding: 0.2rem; }
	.list-luancao4 .con .text{ padding-left: 0.2rem; flex:100%;}
	.list-luancao4 .con .img-center{ flex:100%; margin-top: 0.2rem; margin-left: 0;}

	.list-luancao5 ul{ margin:0 0 0 -0.15rem; }
	.list-luancao5 li{ width: 50%; }
	.list-luancao5 li a{ margin:0 0 0.15rem 0.15rem; }
	.list-luancao5 li .text{ height: 0.7rem }

	.list-luancao6 li{ flex:1; margin-right: 0.2rem; }

	.section-title5{ margin-bottom: 0.3rem; }
	.section-title5 strong{ font-size: 0.32rem;  }
	.section-title5 .desc{ margin-top: 0.15rem; font-size: 0.2rem; line-height: 0.3rem;  padding: 0 0.1rem; }
	
	.list-ed1 .img-center{ flex:100%; margin-top: 0.2rem; }
	.list-ed1 .text{ flex:100%; margin-right: 0; }

	.list-ed2 .con{ background: #FFF; padding: 0.2rem; }
	.list-ed2 .con:before{  display: none;}
	.list-ed2 .con .img-center{ display: none; }
	.list-ed2 .con .text{ flex:100%; padding-right: 0; }
	.list-ed2 .con .text ul{ padding: 0.2rem 0.2rem; }

	.list-ed3 li .img-center{ flex:100%; }
	.list-ed3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-ed3 li .text h2{ font-size: 0.28rem;  }
	.list-ed3 li:nth-child(2n) .img-center{ order: -100 }

	.list-ed4 ul{ margin:0 0 0 -0.2rem; }
	.list-ed4 li{ float: none; width: auto; }
	.list-ed4 li a{ margin:0 0 0.2rem 0.2rem; }
	.list-ed4 li .text{ padding: 0.15rem 0.2rem 0; }

	.list-ed6 .con{ padding: 0.2rem; flex-wrap: wrap; }
	.list-ed6 .con .img-center{ flex:100%; margin-right: 0; }
	.list-ed6 .con .text{ flex:100%; margin-top: 0.2rem; }

    .list-tang1 .img-center{ flex:100%; margin-right: 0; }
	.list-tang1 .text{ flex:100%; margin-top: 0.2rem; }

	.list-tang2 ul{ margin:0 0 0 -0.15rem; }
	.list-tang2 li{  width: 50%; }
	.list-tang2 li a{ margin:0 0 0.15rem 0.15rem;}

	.list-tang3 li .img-center{ flex:100%; }
	.list-tang3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-tang3 li .text h2{ font-size: 0.28rem;  }
	.list-tang3 li:nth-child(2n) .img-center{ order: -100 }

	.list-tang4 .con{ flex-wrap: wrap;  padding: 0.2rem; }
	.list-tang4 .con .text{ padding-left: 0.2rem; flex:100%;}
	.list-tang4 .con .img-center{ flex:100%; margin-top: 0.2rem; }

	.list-tang5 ul{ margin:0 0 0 -0.2rem; }
	.list-tang5 li{ width: 50%; }
	.list-tang5 li a{ margin:0 0 0.2rem 0.2rem;}

	.list-tang6 li{ flex-wrap: wrap; }
	.list-tang6 li .img-center{ flex:100%; margin-right: 0; }
	.list-tang6 li .text{ flex:100%; margin-top: 0.2rem; }

	.list-my1 .text{ flex:100%; }
	.list-my1 .img-center{ flex:100%; margin-right: 0;  margin-top: 0.2rem;}

	.list-my2 .con .img-center{ position: relative; right: 0; bottom:-0.6rem; }

	.list-my3 ul{ margin:0 0 0 -0.2rem; }
	.list-my3 li a{ margin:0 0 0 0.2rem; }

	.list-my4 ul{ margin:0 }
	.list-my4 li{ float: none; width: auto; }
	.list-my4 li a{  margin:0 0 0.2rem 0; padding: 0.2rem;  }
	
	.list-my5 .pic{ position: relative;  bottom: 0; width: 100%; margin-top: 0.5rem; }
	.list-my5 ul{ width: 100%; }

	.list-my7 ul{ margin:0; }
	.list-my7 li{ float: none; width: auto; }
	.list-my7 li a{ margin:0 0 0.4rem 0;  }

	.list-my8 .con{ padding-bottom: 1rem;}

	.list-ntj-5 li a{ height: auto; }
	.list-ntj-5 li a img{ width: 100%; }

	.list-nys-9 .content-list:nth-child(1) .lg3 img{ display: none; }

	.right-content-list h3 {font-size: 0.45rem;}

	.index-3 .content-list{
		flex-direction: column;
	}

	.index-3 .content-list div{
		height: 17vh;
		margin-top: 0 !important;
		background-size: cover;
	}

	.index-3 .content-list a{
		width: 50% !important;
		margin-bottom: 0.3rem;
	}

	.index-3 .content-list div p {
		font-size: 0.3rem;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.index-4 .content-list div{
		height: 26vh;
		width: 100%;
	}

	.index-3 p.title{
		margin-top: 1.8rem;
	}

	.index-4 p.title {
		margin-top: 0.9rem;
		color: #A0B8C9 !important;
	}

	.index-4 .content-list div p{
		display: none !important;
	}

	.index-4 img {
		width: 100%;
		max-height: 74%;
	}

	.index-2 .content-list p{
		font-size: 16px;
	}

	.index-2 .pic-show .right-content{
		flex-direction: column;
		top: 1rem;
		height: 94vh !important;
	}

	.right-content-list span, .index-2 .index-2-right-content p{
		font-size: 11.5px;
		text-indent: 23px;
	}

	.index-2 .right-bg-content{
		background-position: center bottom;
		height: 40% !important;
	}
	

	.index-2 .content-list{
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50%;
	}

	.link-us img{
		width: 1rem;
	}

	.footer{
		height: 100vh;
	}

	.footer-con .fnav{
		margin-top: 0.6rem;
	}

	.footer .link-us {
		position: absolute;
		left: 0.2rem;
		top: 96%;
		font-size: 14px;
		text-align: center;
	}

	.industry-1 .content-list a:first-child{
		margin-right: 0 !important;
	}

	.section.trade-3{
		padding-bottom: 0.6rem !important;
	}
	
	.trade-3 .lg2 {
		height: auto !important;
	}

	.index-2 .pic-show::before{
		background-position: 45% 40%;
	}

	.index-2 .pic-show .left-content{
		padding-top: 23%;
	}

	.index-2 .right-content-list{
		display: block;
		padding-top: 0.3rem;
		position: absolute;
		top: 40%;
		left: 2%;
		width: 96%;
		height: 60%;
		line-height: 1.8;
	}

	.index-2 .right-content-list > div{
		padding: 0rem 0.2rem;
		text-align: left;
		text-indent: 23px;
	}

	.right-content-list h3{
		margin-bottom: 0.2rem;
		border-right: none;
	}

	.footer-con .fnav .text{
		flex-direction: column;
	}

	.footer-con .fnav .children-nav{
		display: block;
	}

	.footer-con .fnav .children-nav > p{
		float: left;
	}

	.footer-con .fnav .text .nav-list > a {
		/*border-bottom: 1px solid #073e5f;*/
		margin-bottom: 0;
		color: #ffffff;
	}

	.nav-list{
		margin-bottom: 0.1rem;
	}

	.footer-con .fnav .text .children-nav a{
		font-size: 0.24rem;
	}

	.footer .txt-copy{
		padding: 0.2rem;
	}

	.footer .txt-copy p{
		text-align: center;
		font-size: 14px;
	}

	.footer .link-us img{
		width: 22%;
	}

	.btn-scroll-down{
		left: 42.6%;
	}

	.index-4 .content-list div h4{
		margin-top: 0.1rem !important;
	}

	.footer-con .fnav .text a{
		color: #999999;
	}

	.index-2 .pic-show::before{
		background-image: none !important;
	}

	.indBo_showBlock .page-content .center-content{
		width: 86%;
	}

	.green-list .item-content{
		font-size: 14px !important;
		padding: 0.2rem 0 0 0 !important;
	}

	.industry-1 .content-list div p{
		height: auto !important;
	}

	.industry-1 .desc-content p.content{
		height: auto !important;
		font-size: 12px !important;
	}

	.index-2 .pic-show::before{
		top: 1rem;
	}


	.m-nav {
		display: block;
		position: fixed;
		right: 0;
		top: -100%;
		width: 100%;
		height: 100vh;
		background: #fff;
		transition: 0.5s;
		z-index: 998
	}

	.m-nav ul {
		padding: 0 0.25rem;
	}

	.m-nav li {
		position: relative;
	}

	.m-nav li > a {
		display: block;
		line-height: 0.8rem;
		font-size: 0.3rem;
		color: #333;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1)
	}

	.m-nav li i {
		float: right;
		cursor: pointer;
		position: relative;
		top: 0.18rem;
		transition: 0.5s;
	}

	.m-nav.cur {
		top: 1rem;
	}

	.m-nav-box {
		display: none;
		padding: 0.1rem 0.15rem;
	}

	.m-nav-box p a {
		font-size: 0.24rem;
		color: #333;
		display: block;
		line-height: 0.6rem;
	}

	.m-nav li.open i {
		transform: rotate(90deg);
	}

	.m-nav li.open .m-nav-box {
		display: block;
	}

	.company-1 p.fc{
		font-size: 14px;
		margin-bottom: 0.4rem;
	}

	.company-1 .p-r-60{
		padding-right: 0 !important;
	}

	.company-2 .history-content .p-l-60{
		padding: 0.3rem 0 0 0 !important;
	}

	.footer .txt-copy{
		width: auto;
	}

	.industry-1 .content-list a{
		width: 100% !important;
	}

	.industry-1 .desc-content p strong{
		font-size: 24px !important;
	}

	.industry-1 .desc-content p{
		font-size: 16px !important;
	}

	.industry-1 .desc-content{
		height: 7rem !important;
		top: 23%;
	}

	.green-1 .p-r-60{
		padding-right: 0 !important;
	}

	.green-1 .list-content{
		padding-bottom: 0.4rem;
	}

	.green-1 .green-list h4{
		padding: 0.2rem 0;
	}

	.trade-1 .trade-desc{
		font-size: 14px;
	}

	.trade-3 .lg3 {
		padding-left: 0 !important;
	}

	.trade-3 .day-content .trade-year{
		font-size: 12px;
	}
	.edu-1 .list-content p, .pages .visit-content, .news-detail p span,
	.pages .text-secondary, .know-1 p span, .pages .content p{
		font-size: 14px !important;
	}

	.pages .visit-content{
		margin-bottom: 40px !important;
	}
	
	.company-4 {
		padding: 0 0.8rem;
	}

	.company.p-60{
		padding: 0.6rem 0.2rem !important;
	}

	.company-2 .swiper-slide a{
		font-size: 16px;
	}

	.swiper-button-prev{
		left: 0px;
	}

	.swiper-button-next{
		right: 0px;
	}

	.company-4 .swiper-slide{
		justify-content: center;
	}

	.history-content p{
		font-size: 14px;
	}

	.right-content-list div h3{
		border: none !important;
		padding-right: 0;
	}

	.green-3{
		padding: 0 !important;
	}

	.green-3 .container{
		flex-direction: column;
		padding: 0 !important;
	}

	.green-3 .container a:not(:last-child){
		border-bottom: 0.01rem solid #f3f3f3;
	}

	.green-3 .container a{
		padding: 0.2rem 0;
	}

	.pagebar{
		justify-content: center;
	}

	.more-link{
		margin-left: 0;
	}
	
	.green-list .lg2{
		height: 22% !important;
	}

	.green-list .lg2 .day-content{
		align-items: start !important;
	}

	.news-detail{
		padding: 0 20px;
	}

	.industry-1 .content-list a > div{
		height: 11rem;
	}

	.trade-2 .history-content p{
		font-size: 12px;
	}

	.trade-3 .green-list.bm-border{
		border: none !important;
	}

	.trade-3 .green-list .lg2{
		border: none !important;
	}

	.news-1 .lg2{
		height: 18% !important;
	}

	.trade-1 .lg6 {
		height: auto !important;
		overflow: hidden;
	}
	
	.green-link-us p span{
		display: block;
	}
	
}