@media screen and (max-width:767px) {
	.fadeInRight {
		animation: fadeInRight .8s 0s both
	}

	.fadeInLeft {
		animation: fadeInLeft .8s 0s both
	}

	.fadeIn {
		animation: fadeIn .8s 0s both
	}

	.fadeInUp {
		animation: fadeInUp .8s 0s both
	}

	body {
		font-size: 0.813em;
	}

	.top {
		height: 70px;
		border-bottom: #eee 1px solid;
	}

	.top .t_cen {
		height: 70px;
		background: #fff;
	}

	.pc {
		display: none;
	}

	.phone {
		display: block;
	}

	.visible-phone {
		display: inherit !important;
		z-index: 999;
	}

	.hidden-phone {
		display: none !important
	}

	.wrap {
		margin: 0;
	}

	.header-phone {
		margin-top: 17px;
		margin-left: 5%;
	}

	.top .logo {
		left: 5%;
		top: 17px;
	}

	.top .logo img,
	.header-phone .logo img {
		width: 140px;
	}

	.top .yuyan {
		position: absolute;
		right: 80px;
		width: 36%;
		top: 22px;
		z-index: 555;
		text-align: right;
		word-spacing: 6px;
		font-size: 17px;
	}

	.menu-icon {
		width: 42px;
		height: 42px;
		float: right;
		background: url(../images/ico_open.png) no-repeat center;
		background-size: 30px 30px;
	}

	.menu-icon-close {
		position: absolute;
		width: 50px;
		height: 28px;
		background: url(../images/ico_close.png) no-repeat center;
		background-size: 30px 30px;
		right: 7px;
		top: 18px;
		z-index: 99999;
	}

	.nav-phone {
		padding-top: 55px;
	}

	.menubg li {
		border-bottom: #ddd 1px solid;
	}

	.menubg li a {
		display: block;
		width: 85%;
		padding-left: 15%;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
	}

	.menubg li.lan a:nth-child(1) {
		width: 30px;
		display: inline-block;
	}

	.menubg li.lan a:nth-child(2) {
		padding-left: 15px;
		width: 30px;
		display: inline-block;
	}

	.swiper-container-h {
		border-top: 0;
		height: auto;
	}

	.swiper-slide {
		overflow: hidden;
	}

	.swiper-container-v .swiper-slide:last-child {
		height: 230px;
	}

	.swiper-container-h .swiper-slide:last-child {
		height: 100%;
	}

	.swiper-container .swiper-button-prev {
		display: none;
	}

	.swiper-container .swiper-button-next {
		display: none;
	}

	.swiper-slide .tit {
		top: auto;
		bottom: 50%;
		left: 0;
		width: 100%;
		height: auto;
		text-align: center;
	}

	.swiper-slide .tit1 {
		padding: 0 0 3%;
	}

	.swiper-slide .tit2 {
		padding: 0 0 3%;
		font-size: 18px;
	}

	.swiper-slide .tit3 {
		padding: 0 0 5%;
		font-size: 22px;
		line-height: 30px;
	}

	.swiper-slide .tit4 {
		padding: 0 0 4%;
	}

	.swiper-slide .more {
		padding: 3px 18px;
	}
	
	.home2 {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		padding: 20px 0;
	}

	.home2a {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.home2a .text1 {
		font-size: 24px;
	}

	.home2a:hover .text1 {
		font-size: 24px;
	}

	.home2a .line {
		margin: 0 0 4%;
	}

	.home2a .text2 {
		font-size: 18px;
	}

	.home2b {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.home2b .text1 {
		font-size: 13px;
		padding: 0 0 9px;
	}

	.home2b .text2 {
		font-size: 13px;
		padding: 0 0 3%;
	}

	.home2c {
		left: 5%;
		width: 90%;
		bottom: 8%;
		height: auto;
	}

	.home2c li {
		width: 48%;
		margin-left: 4%;
	}

	.home2c li:nth-child(1) {
		width: 100%;
		margin-left: 0;
		margin-bottom: 12px;
	}

	.home2c li:nth-child(2) {
		margin-left: 0;
	}

	.home2c .text1 {
		top: 15%;
		font-size: 18px;
	}

	.home2c .text2 {
		top: 46%;
		font-size: 12px;
	}
	
	.home3 {
		
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		background: url(../images/home3bg.jpg) no-repeat;
		background-size: 100% 100%;
		
		padding: 30px 0;
	}
	
	.home3_box{
		display: grid;
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.home3_box_left{
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	
	.home3_box_right{
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	
	.home3a {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index: 9;
		padding-top: 2%;
		padding-bottom: 2%;
	}

	.home3a .text1 {
		font-size: 24px;
		margin: 0 0 4%;
	}

	.home3a .line {
		margin: 0 0 4%;
	}

	.home3a .text2 {
		font-size: 13px;
		margin: 0 0 5%;
		line-height: 21px;
	}

	.home3b {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index: 9;
		bottom: 0;
	}
	
	.home3b .pro img{
		width: 100%;
	}
	
	.home3c {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index: 9;
		bottom: 0;
	}
	
	.home3c li {
		background: #fff;
		height: auto;
		overflow: hidden;
	}

	.home3c li .num {
		top: 10%;
		font-size: 22px;
	}

	.home3c li:nth-child(4) .text {
		bottom: 10%;
	}

	.home3c li .text .t1 {
		width: 18px;
		height: 18px;
		line-height: 18px;
	}

	.home3c li .text .t2 {
		padding: 3% 0 2%;
		font-size: 18px;
	}

	.home3c li .text .t3 {
		font-size: 11px;
		line-height: 16px;
	}
	
	
	
	
	.home4 {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		padding: 30px 0;
	}
	
	
	.home4a {
		float: left;
		width: 100%;
		height: auto;
		/* overflow: hidden; */
		
	}
	
	.home4a .text1 {
		font-size: 24px;
		margin: 0 0 4%;
	}
	
	.home4a:hover .text1 {
		font-size: 38px;
	}
	
	.home4a .line {
		width: 50px;
		height: 6px;
		border-radius: 4px;
		background: #0075c1;
		margin: 0 0 2%;
	}
	
	.home4a:hover .line {
		width: 68px;
	}
	
	.home4a .text2 {
		font-size: 22px;
	}
	
	.home4a:hover .text2 {
		color: #0075c1;
	}
	


	.home5 {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  position: relative;
	  background-color: #f2f2f2;
	  padding: 30px 0;
	}
	
	.home5a {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}

	.home5a .text1 {
		font-size: 22px;
		margin: 0 0 4%;
	}

	.home5a .line {
		width: 40px;
		height: 5px;
	}

	.home5b {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.home5b .left {
		width: 100%;
		height: auto;
		padding: 0 0 1%;
		background: none;
	}

	.home5b .left .pic {
		width: 25%;
		float: left;
	}

	.home5b .left .biaoti {
		width: 65%;
		padding-left: 5%;
		float: left;
		font-size: 15px;
		padding: 0 5% 1%;
		float: left;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	.home5b .left .riqi {
		width: 65%;
		padding-left: 5%;
		float: left;
		color: #999;
	}

	.home5b .right {
		width: 100%;
		background: #f2f2f2;
	}

	.home5b .right li:nth-child(1) {
		border-top: #ccc 1px solid;
		padding-top: 3%;
		margin-top: 3%;
	}

	.home5b .more a {
		width: 60%;
		border: #ccc 1px solid;
		background: #b30015;
		margin-top: 3%;
	}

	.home5b .right li .bt {
		font-size: 15px;
	}

	.home5b .more {
		margin: 15px auto;
		background: #aaa;
	}

	.home6 .conetnt {
		border-top: 0;
	}

	.home6 .content .footer {
		margin-top: -40px;
	}

	.foot1 {
		background: #fafafa;
		box-shadow: none;
		border-top: #fafafa 25px solid;
		padding:2% 0;
	}

	.foot1 .left {
		width: 100%;
		text-align: center;
		line-height: 22px;
		padding: 0 0 3%;
		color: #333;
	}

	.foot1 .left p {
		padding: 1px 0;
		color: #111;
	}
	.foot1 .left p a{
		color: #111;
	}
	.footlogo {
		max-width: 120px;
		width: 100%;
		margin: 12px auto;
	}
	
	.footlogo img {
	  width: 100%;
	}

	.foot2 {
		padding: 2% 0;
		color: #fff;
		font-size: 12px;
	}

	.foot2 a {
		color: #fff;
	}

	.banner.container {
		border-top: #fff 70px solid;
	}

	.banner img {
		width: 140%;
	}

	.banner .text {
		width: 100%;
		top: 50%;
		height: auto;
		left: 50%;
		z-index: 9;
		transform: translate(-50%,-50%);
	}

	.banner .text1 {
		font-size: 22px;
	}

	.banner .text2 {
		font-size: 14px;
	}

	.banner .menu {
		height: 36px;
		line-height: 35px;
	}

	.banner .menu .container {
		width: 100%;
	}

	.banner .menu .content {
		padding: 0;
	}

	.banner .menu a {
		margin: 0;
		font-size: 12px;
	}

	.banner .c1 {
		font-size: 18px;
	}

	.main .daohang img {
		margin-top: -5px;
	}

	.about1 {
		padding: 5% 0 2%;
		border-bottom: #ccc 1px solid;
		margin: 0 0 2%;
	}

	.about1 .left {
		width: 100%;
	}

	.about1 .left .text1 {
		font-size: 22px;
	}

	.about1 .left .line {
		width: 50px;
		height: 6px;
		border-radius: 4px;
		background: #b30015;
		margin: 0 0 6%;
	}

	.about1 .right {
		width: 100%;
	}

	.about1 .right .text1 {
		margin: 0 0 2%;
	}

	.about2 .left {
		width: 100%;
	}

	.about2 .right {
		width: 100%;
	}

	.about2 p {
		padding: 0 0 12px;
	}

	.protd {
		overflow: hidden;
		/*×¢ÒⲻҪдÔÚ×îºóÁË*/
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	.main.products {
		padding-top: 7%;
	}

	.products {
		margin-top: -56px;
		padding-top: 3%;
	}

	.products .title .tit {
		font-size: 22px;
	}

	.products li {
		width: 100%;
		margin-bottom: 3%;
	}

	.products .cpbg {
		width: 100%;
		height: 160px;
	}

	.products li:nth-child(5) .cpbg {
		width: 200%;
	}

	.products li:nth-child(5) .cpbg {
		width: 200%;
	}

	.products li .num {
		top: 15%;
		left: 5%;
		font-size: 25px;
	}

	.products li:nth-child(1) .num {
		top: 19%;
	}

	.products li:nth-child(5) .num {
		top: 11%;
	}

	.products li .text {
		left: 5%;
		bottom: 5%;
	}

	.products li .text .t2 {
		padding: 4% 0 0;
		font-size: 18px;
	}

	.products li .pro {
		border: 0;
	}

	.products li .pro img {
		width: 40%;
		margin-top: -5%;
	}

	.products li:nth-child(1) .pro img {
		width: 40%;
		margin-top: 5%;
	}

	.products li:nth-child(1) .pro {
		margin-right: -15%;
	}

	.prolist li {
		width: 100%;
		float: left;
		margin: 0 0 4%;
	}

	.prolist li:hover .pic img {
		transform: scale(1, 1);
	}

	.prolist li .tit {
		padding: 13px 0 8px;
		font-size: 18px;
	}

	.prolist li .des {
		font-size: 12px;
	}

	.proview .content {
		padding: 5% 0 0;
	}

	.proview1 .left {
		width: 100%;
	}

	.proview1 .left .des {
		padding: 0 0 5%;
	}

	.proview1 .more {
		width: 120px;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
	}

	.proview1 .right {
		width: 100%;
		padding-top: 6%;
	}

	.proview1 .mr_frBtnL,
	.proview1 .mr_frBtnR {
		margin: 7% 0 0;
	}

	.proview1 .mr_frBtnL img,
	.proview1 .mr_frBtnR img {
		width: 18px;
	}

	.proview1 .mr_frUl ul li {
		width: 33.3333%;
	}

	.cpqiehuan.cp .investment_title div {
		width: 19%;
		margin-left: 1%;
		height: 38px;
		line-height: 38px;
		padding-bottom: 25px;
		float: left;
		font-size: 12px;
	}

	.cpqiehuan.cp .investment_title div.on {
		background-size: 28px auto;
	}

	.cpqiehuan.cp .investment_con .tit {
		font-size: 15px;
		padding: 2% 0 4%;
		margin: 0 0 4%;
	}

	.cpqiehuan.cp .investment_con p {
		padding: 0 0 15px;
	}

	.cpqiehuan.cp .investment_con img {
		width: 100%;
	}

	.cpqiehuan.zs .investment_title div {
		height: 44px;
		line-height: 44px;
		font-size: 13px;
	}

	.cpqiehuan.zs .investment_f {
		width: 100%;
	}

	.cpqiehuan.zs .investment_con li {
		width: 46%;
	}

	.project li {
		width: 100%;
		margin-bottom: 2%;
	}

	.project li:hover .bg {
		background: rgba(0, 0, 0, 0);
	}

	.project li .text1 {
		top: 22%;
		height: 36%;
		line-height: 22px;
		background: url(../images/arrdown.png) no-repeat top right;
		background-size: 30px auto;
	}

	.project li .text2 {
		top: 65%;
		font-size: 18px;
		height: 22%;
	}

	.project.sy {
		height: auto;
		border-top: #fff 5px solid;
	}

	.project.sy li.sy {
		height: 18%;
		width: 100%;
		overflow: hidden;
		margin-bottom: 2%;
	}

	.project.sy li .pic {
		height: 100%;
	}

	.project.sy li .pic img {
		width: 100%;
		height: auto;
	}

	.project.sy li .more {
		left: 60%;
		top: 55%;
		padding: 2px 15px;
	}

	.project1 .title {
		font-size: 20px;
		padding: 2% 0;
	}

	.project3 .mr_frBtnL,
	.project3 .mr_frBtnR {
		margin: 1% 0 0;
	}

	.project3 .mr_frBtnL img,
	.project3 .mr_frBtnR img {
		width: 14px;
	}

	.project3 .mr_frUl ul li {
		width: 33.3333%;
	}

	.project4 li {
		width: 48%;
		margin: 0 2% 2% 0;
	}

	.cert .cert1 {
		padding: 5% 0;
		font-size: 30px;
	}

	.cert .cert2 .right {
		width: 100%;
		margin-right: 0;
	}

	.cert .cert2 .right li {
		width: 48%;
		margin: 0 4% 2% 0;
		height: 40px;
	}

	.cert .cert2 .right li:nth-child(3n) {
		margin-right: 4%;
	}

	.cert .cert2 .right li:nth-child(2n) {
		margin-right: 0;
	}

	.news {
		padding: 5% 0;
	}

	.news li {
		width: 100%;
		margin: 0 0 4%;
	}

	.news li:hover .pic img {
		transform: scale(1, 1);
	}

	.news li .date {
		padding: 1% 0 0;
	}

	.news li .tit {
		font-size: 16px;
	}

	.newsview .title {
		font-size: 18px;
		margin-top: 2%;
	}

	.newsview .date {
		font-size: 12px;
	}

	.newsview .text img {
		width: 100%;
	}

	.xg .left,
	.xg .right {
		width: 100%;
	}

	.contact .tit {
		padding: 0 5% 3%;
		font-size: 18px;
		line-height: 36px;
	}

	.contact .content {
		padding: 3% 5% 1%;
		background: #fff;
	}

	.contact .content.text-center {
		text-align: left;
	}

	.contact .content p {
		display: block;
		margin: 4px 0;
		word-spacing: 4px;
	}

	.contact .content p img {
		width: 26px;
		margin-right: 6px;
	}

	.map {
		height: 300px;
	}

	.form-control {
		width: 97.3%;
	}

	.form-rt .tit1 {
		margin-bottom: 20px;
		font-size: 17px;
	}

	.gaodu {
		border-bottom: #fff 40px solid;
	}

	.db {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40px;
		line-height: 40px;
		z-index: 999;
		border-top: #ddd 1px solid;
	}

	.dbbg {
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0.9;
	}

	.dbcd {
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 93%;
		padding-left: 7%;
		color: #111;
		height: 100%;
		z-index: 9999;
		font-size: 16px;
		text-align: center;
		font-size: 10px;
	}

	.dbcd a {
		display: inline-block;
		width: 30%;
		float: left;
		text-align: center;
		color: #111;
		word-spacing: 5px;
		font-size: 16px;
	}

	.mt-tabpage-count {
		width: 481px;
		height: 260px;
	}

	.mt-tabpage-count .mt-tabpage-item {
		width: 481px;
		height: 260px;
	}

	.map {
		height: 300px;
		margin-top: 6%
	}

	#fenye {
		height: 20px;
	}

	#fenye a {
		padding: 2px 6px;
		margin: 0 2px;
	}

	#fenye .a1 {
		padding: 2px 6px;
		margin: 0 2px;
	}
}