@media only screen and (max-width: 1680px) {
	.centerBox {
		width: 90%;
		margin: auto;
	}

	body {
		zoom: 0.8 !important;
	}
}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1152px) {}

@media only screen and (max-width: 1024px) {
	body {
		zoom: 1 !important;
	}

	.cai span {
		display: block;
		width: 30px;
		height: 2px;
		background: #aa320e;
		margin: 8px 0;
	}

	.cai:before {
		content: '';
		display: block;
		width: 30px;
		height: 2px;
		background: #aa320e;
	}

	.cai:after {
		content: '';
		display: block;
		width: 30px;
		height: 2px;
		background: #aa320e;
	}

	video {
		height: 100vh;
	}

	.header {
		position: fixed !important;
		width: 100%;
		left: 0;
		background: #ffffff;
		z-index: 999;
	}

	.header .logo {
		width: auto;
	}

	.header .logo img {
		width: 140px;
	}

	.header .centerBox {
		height: 80px;
	}

	.gao {
		height: 80px;
	}

	.header .menu {
		display: flex;
		align-items: center;
		float: right;
	}

	.header .menu .nav {
		position: fixed;
		width: 100%;
		background: #ffffff;
		right: 0;
		color: #333333;
		top: 80px;
		overflow-y: auto !important;
		display: none;
		z-index: 999;
		height: 100vh;
	}

	.header .menu .cai {
		float: right;
	}

	.header .menu {
		display: block;
	}

	.header .menu .nav li {
		line-height: 40px;
		font-size: 18px;
		padding: 5px 20px;
		box-sizing: border-box;
		width: 100%;
		margin-left: 0;
		font-weight: normal;
		text-align: left;
		margin-right: 0;
	}

	.nav {
		margin-right: 0 !important;
	}

	.header .menu .nav li:after {
		display: none;
	}

	.header .menu .nav li.on:after {
		display: none;
	}

	.header .menu .nav li>a:after {
		display: none !important;
	}

	.banner .swiper-pagination {
		left: 55% !important;
		bottom: 6px !important;
	}

	.banner .swiper-pagination-bullet-active {
		width: 20px !important;
		height: 5px !important;
	}

	#righttitle {
		display: none !important;
	}

	.banner .swiper-pagination-bullet {
		width: 5px;
		height: 5px;
	}

	.sy_jian h4 {
		font-size: 40px;
		margin-top: 10px;
	}

	.sy_jian h5 {
		font-size: 48px;
		margin-top: 15px;
	}

	.sy_jian h6 {
		width: 110px;
		padding: 5px 0;
		font-size: 14px;
		margin-top: 10px;
	}

	.sy_jian {
		width: 100%;
		float: none;
		margin-right: 0px;
	}

	.sy_jie {
		width: 100%;
		float: none;
	}

	.sy_jie h4 {
		font-size: 26px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.index1 {
		height: auto;
		border: none;
		width: 100%;
		position: relative;
		left: 0px;
	}

	.index1-1 {
		left: 10%;
		flex-direction: column;
		height: auto;
	}

	#video1 {
		display: none;
	}

	#video2 {
		display: none;
	}

	#video3 {
		display: none;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#video4 {
		display: block;
		margin: auto;
        margin-top: 20px;
		margin-bottom: 20px;
	}

	.leftparttoppic4 {
		width: 312px;
		height: 174px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.leftparttoppic3 {
		width: 312px;
		height: 174px;
		position: relative;
		top: 0px;
		left: 0px;
		display: block;
	}

	#part3 {
		background: url("../images/juxing.png") no-repeat;
		width: 100%;
		height: 420px;
		position: relative;
		top: 130px;
	}

	#part3text {
		text-align: center;
		position: relative;
		top: 6%;
	}

	#part3text h4 {
		font-size: 26px;
	}

	#part3text h4 span {
		font-size: 26px;
	}

	#part3text h5 {
		font-size: 22px;
	}

	#product {
		width: 100%;
		height: 200px;
		position: relative;
		top: 7%;
		left: 2%;
	}

	#product div#content {
		position: relative;
		width: 100%;
		height: 200px;
		display: inline-block;
		overflow: hidden;
	}

	#product dl {
		width: 95px;
		height: 132px;
		float: left;
		margin-right: 11px;
		background: white;
	}

	#product dl dt img {
		width: 95px;
		height: 101px;
		border: none;
	}

	#product dl dd {
		text-align: center;
		position: relative;
		top: -101px;
		line-height: 32px;
		font-size: 12px;
	}

	#long {
		width: 50%;
		position: relative;
		top: 7%;
	}

	.changeprc1:hover+a .serchimg1 {
		visibility: visible;
	}

	.question1:hover .serchimg1 {
		visibility: visible;
	}

	.serchimg1 {
		width: 95px !important;
		height: 101px !important;
		position: relative;
		top: -101px;
		visibility: hidden;
	}

	#product span.prev {
		color: white;
		cursor: pointer;
		display: inline-block;
		width: 50px;
		height: 50px;
		background: gray no-repeat left center;
		border-radius: 120px;
		text-align: center;
		line-height: 50px;
		font-size: 25px;
		position: relative;
		left: 70%;
		top: -7%;
	}

	#product span.next {
		color: white;
		cursor: pointer;
		display: inline-block;
		width: 50px;
		height: 50px;
		background: gray no-repeat left center;
		/* float: right; */
		line-height: 50px;
		border-radius: 120px;
		text-align: center;
		font-size: 25px;
		position: relative;
		top: -7%;
		left: 72%;
	}

	#part4 {
		width: 100%;
		/* height: 1000px; */
		position: relative;
		top: -500px;
	}

	.sy_jie h5 {
		font-size: 22px;
		line-height: 24px;
	}

	.sy_jie h6 {
		font-size: 20px;
	}

	.sy_jie h2 {
		font-size: 16px;
	}

	.sy_jie h3 {
		font-size: 6px;
	}

	.jian_tu {
		width: 100%;
		position: unset;
	}

	.sy_tong {
		position: relative;
		margin-top: 20px;
		padding: 0;
	}

	.sy_tong h4 {
		font-size: 20px;
	}

	.sy_tong h5 {
		font-size: 24px;
		margin-top: -30px;
	}

	.sy_tong::before {
		left: 0%;
	}

	.sy_tong:after {
		right: 0%;
	}

	.index3 {
		display: block;
		margin-top: 15px;
	}

	.index3 .mySwiper2 {
		width: 100%;
		height: 100%;
	}

	.index3 .swiper-button-prev {
		width: 30px;
		height: 30px;
		left: 10px;
		background-size: cover;
	}

	.index3 .swiper-button-next {
		width: 30px;
		height: 30px;
		background-size: cover;
	}

	.index3 .mySwiper .swiper-slide {
		background: #404c5a;
		padding: 10px 10px 10px 10px;
		box-sizing: border-box;
	}

	.index3 .mySwiper {
		width: 100%;
		height: 100%;
	}

	.index3 .mySwiper .swiper-slide h4 {
		font-size: 20px;
	}

	.index3 .mySwiper .swiper-slide h5 {
		font-size: 14px;
		line-height: 24px;
		margin-top: 10px;
	}

	.index3 .mySwiper .swiper-slide h6 {
		width: 110px;
		font-size: 14px;
		margin-top: 20px;
	}

	.index4 .sy_cp {
		display: block;
		margin-top: 10px;
	}

	.sy_ch h4 {
		font-size: 20px;
	}

	.sy_ch h5 {
		font-size: 22px;
		color: #fdf9f8;
		text-transform: uppercase;
		margin-top: -25px;
	}

	.sy_pin h4 {
		width: 110px;
		font-size: 14px;
		margin-top: 10px;
	}

	.sy_chan {
		margin-top: 20px;
		position: relative;
		padding-bottom: 30px;
	}

	.sy_chan .mySwiper .swiper-slide h4 {
		font-size: 20px;
		padding: 10px 0;
	}

	.sy_chan .swiper-pagination-bullet-active {
		width: 20px !important;
		height: 5px !important;
	}

	.sy_chan .swiper-pagination-bullet {
		width: 5px;
		height: 5px;
	}

	.index4 {
		position: relative;
		top: 130px;
		margin-bottom: 10px;
	}

	#part4text {
		text-align: center;
		line-height: 55px;
		padding-top: 0px;
	}

	.part4text1 {
		font-size: 30px;
		font-weight: bolder;
		padding: 10px;
	}

	.part4text3 {
		font-size: 20px;
		padding: 10px;
		position: relative;
		top: -25px;
	}

	#part4img {
		width: 100%;
		height: auto;
     display:flex;
      flex-direction:column
	}

	#part4imgall1 {
		width: 90%;
		/* height: 500px; */
		background-color: white;
		margin-left: 5%;
		float: left;
		border: 1px solid #E6E6E6;
	}

	#part4imgall2 {
		width: 90%;
		/* height: 500px; */
		background-color: white;
		margin-left: 5%;
		float: left;
		border: 1px solid #E6E6E6;
	}

	#part4imgall3 {
		width: 90%;
		/* height: 500px; */
		background-color: white;
		margin-left: 5%;
		float: left;
		border: 1px solid #E6E6E6;
	}

	#part4imgall4 {
		width: 90%;
		/* height: 500px; */
		background-color: white;
		margin-left: 5%;
		float: left;
		border: 1px solid #E6E6E6;
	}

	.part4imgpicture {
		width: 100%;
		background-color: blanchedalmond;
	}

	.part4imgtext1 {
		font-size: 12px;
		color: #d7a449;
		margin-left: 2%;
	}

	.part4imgtext2 {
		font-size: 10px;
		margin-left: 2%;
		width: 98%;
		display: flow-root;
	}

	.part4imgtext3 {
		font-size: 15px;
		color: goldenrod;
		position: relative;
		left: 70%;
		top: -14px;
	}

	.part4text4 {
		font-size: 18px;
		height: 78px;
		position: relative;
		border: 10px solid;
		width: 40%;
		text-align: center;
		left: 30%;
		top: 0;
		line-height: 57px;
	}

	#part5 {
		height: 400px;
		background-size: 100% 400px;
		position: relative;
		top: 130px;
		flex-direction: column;
	}

	#part5left {
		position: relative;
		left: 25%;
		top: 30px;
		height: 120px;

	}

	.part5text {
		font-size: 18px;
		color: white;
	}

	.part5text2 {
		font-size: 14px;
	}

	.row01 {
		margin-bottom: 10px;
	}

	.erweima {
		width: 200px;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		left: 27%;
		top: 20px;
		border-right: none;
	}

	#part5right {
		position: relative;
		left: 0%;
		width: 100%;
	}

	#part5ul {
		position: relative;
		top: 0px;
	}

	#part5ul li {
		color: white;
		font-size: 12px;
		margin: auto;
	}

	.fengexian {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		top: 530px;
		color: gray;
		height: 60px;
		border-top: 1px solid gray;
		z-index: 10;
	}

	.jishuzhichi {
		width: 90%;
		font-size: 12px;
		margin: auto;
	}

	#lianxiwomenleft {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	#leftintroduce {
		height: 285px;
		position: relative;
		left: 0%;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.baidumap {
		width: 360px !important;
		height: 240px !important;
		position: relative;
		left:0%;
		top: 50px;
	}

	.treebox {
		width: 100%;
		height: 400px;
		position: relative;
		left: 0;
		top: 1px;
	}
	.treebox2 {
		width: 100%;
		height: 1020px;
		position: relative;
		left: 0;
		top: 1px;
	}
	.boxtoptitle {
		width: 120px !important;
		height: 40px !important;
		line-height: 40px !important;
	}

	.boxtoptitle span {
		font-size: 14px !important;
	}

	.tree_list1 {
		width: 120px !important;
		height: 40px !important;
		line-height: 40px !important;
	}

	.list1text {
		font-size: 12px;
	}

	.tree_two {
		width: 70%;
		position: absolute;
		top: 0px;
		left: 120px;
	}

	.titleText {
		width: 98%;
		position: relative;
		left: 2%;
	}

	.companynew {
		height: 100px;
		width: 100%;
		margin-right: 10px;
		margin-bottom: 10px;
		display: flex;
	}

	.list2pic {
		width: 100%;
		height: 100px;
		margin: 0;
	}

	.companytitle {
		width: 100%;
		height: 18px;
		text-align: center;
		line-height: 18px;
		background-color: white;
		z-index: 100;
		opacity: 0.8;
		position: relative;
		top: -28px;
		left: 0;
	}

	.companytitle_text {
		font-size: 12px;
	}

	.tree_list2 {
		width: 30%;
		margin-right: 2%;

	}
	

	.tree_box2 {
		position: relative;
		left: 2%;
	}

	.list2text {
		font-size: 14px;
	}
  
  	.containerBox {
  		width: 100%;
  	}

	.messagelist {
		text-align: center;
	}
  
  	.messageContainer{
  		width: 50%;
  	}

	.message {
		width: 90%;
	}

	.messagetoptitle {
		line-height: 40px;
		padding-bottom: 0;
		font-size: 16px;
	}
  
  	.messagetext{
  		width: 100%;
  	}
  
  	.messagetext img {
  		width: 100% !important;
  	}

	#lianxiwomentext {
		font-size: 12px;
		color: gray;
		position: relative;
		left: 15%;
	}

	#lianxiwomentext2 {
		font-size: 12px;
		color: #13227A;
		position: relative;
		left: 15%;
	}

	.messagepart1pic {
		width: 120px;
		height: 120px;
	}

	.newstitle {
		margin-bottom: 10px !important;
		font-size: 14px !important;
		line-height: 15px;
	}
	.newsarticle{
		font-size: 12px !important;
		margin-bottom: 0px !important;
	}
    .messagebtn{
        width: 120px !important;
		height: 30px !important;
    }
	.messagepart2pic{
		width: 220px !important;
		height: 200px !important;
	}
	.introducetitle{
		font-size: 16px;
	}
    .introducearticle{
		font-size: 12px;
		line-height: 20px;
	}
	.controllerpic {
		width: 163px;
		height: 80px;
		margin-left: 2%;
	}
	.controllertoptitle {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 0;
	}
    .controllermiddle{
		line-height: 15px;
		font-size: 12px;
		margin-bottom: 0;
	}
	.controllertime {
		margin-left: 5px;
	}
	.controllerarctilepic2 {
		width: 18px;
		height: 14px;
		margin-left: 10px;
	}
	.controllerclick {
		display: flex;
		width: 100%;
		justify-content: center;
		flex-direction: column;

	}
	.controllermain {
		text-align: left;
		margin-left: 2%;
		margin-top: 10px;
	}
	.controllerarctileall {
		line-height: 20px;
        font-size: 12px;
	}





	.about {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.about .mySwiper {
		width: 100%;
	}

	.about .mySwiper .swiper-slide {
		width: 20% !important;
		text-align: center;
		margin: 0 auto;
	}

	.about .mySwiper .swiper-slide img {
		width: 100%;
	}

	.about .mySwiper .swiper-slide:last-child {
		margin-right: 10px !important;
	}

	.about .mySwiper .swiper-slide h4 {
		font-size: 14px;
		margin-top: 5px;
	}

	.about .mySwiper2 .swiper-wrapper .swiper-slide {
		width: 100%;
	}

	.about .mySwiper2 .swiper-slide .bai {
		bottom: 0px;
		left: 50%;
		transform: translate(-50%);
		width: 75%;
		height: 100px;
		padding: 10px 10px;
		background: rgba(255, 255, 255, 0.8);
	}

	.about .mySwiper2 .swiper-slide .bai h5 {
		font-size: 14px;
		color: #333333;
		line-height: 30px;
		margin-top: 0px;
	}

	.about .mySwiper2 .swiper-slide .bai img {
		width: 20px;
		margin-top: 0px;
	}

	.about .mySwiper2 .swiper-slide .bai h4 {
		font-size: 18px;
	}

	.about .mySwiper2 .hong {
		width: 30px;
		height: 3px;
		right: -15px;
		bottom: 20px;
	}

	.about .mySwiper2 {
		margin-top: 10px;
		margin-bottom: 0px;
		overflow: visible !important;
	}

	.wen_one {
		font-size: 0;
		margin-top: 15px;
	}

	.wen_one .wen_all {
		display: flex;
		padding: 0px;
		box-sizing: border-box;
	}

	.wen_one li {
		width: 100%;
		margin-bottom: 20px;
		display: inline-block;
	}

	.wen_one .wen_all .wen_z {
		border-right: 1px solid #e5e5e5;
		padding-right: 10px;
		margin-right: 10px;
	}

	.wen_one .wen_all .wen_z h4 {
		font-size: 32px;
	}

	.wen_one .wen_all .wen_z h5 {
		font-size: 14px;
	}

	.wen_one .wen_all .wen_y h5 {
		font-size: 12px;
		line-height: 20px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.wen_one .wen_all .wen_y h4 {
		font-size: 16px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		color: #333333;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.sy_cha {
		width: 110px;
		font-size: 14px;
		padding: 5px 0;
		margin-top: 0px;
		margin-bottom: 15px;
	}

	.index7 {
		padding-top: 15px;
	}

	.foot_yi {
		width: 100%;
		float: none;
		margin-right: 0px;
		margin-left: 0px;
	}

	.foot_er {
		width: 100%;
		float: none;
		margin-top: 15px;
	}

	.foot_er ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.foot_xian {
		display: none;
	}

	.foot_san {
		width: 100%;
		float: none;
		margin-left: 0px;
	}

	.foot_san ul li {
		font-size: 14px;
		line-height: 28px;
		width: 32%;
		display: inline-block;
		text-align: left;
	}

	.foot_y {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.foot_y h4 {
		width: 100%;
		font-size: 12px;
		color: #7c8590;
		line-height: 24px;
	}

	.index8 h4 {
		text-align: center;
		font-size: 12px;
		color: #7c8590;
		line-height: 26px;
	}

	.gu_all {
		margin-top: 10px;
	}

	.gu_all h4 {
		font-size: 20px;
	}

	.gu_all h5 {
		font-size: 16px;
	}

	.gu_all h6 {
		font-size: 14px;
		line-height: 26px;
		margin-top: 0px;
	}

	.gu_zi {
		font-size: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.gu_zi li {
		width: 100%;
		display: inline-block;
		margin-right: 0px;
	}

	.new_all .new_one .new_zi h4 {
		font-size: 32px;
	}

	.new_all .new_one .new_zi h5 {
		font-size: 14px;
	}

	.new_all .new_one .new_zi {
		padding-right: 10px;
		margin-right: 10px;
	}

	.new_all {
		margin-top: 10px;
	}

	.new_all .new_one {
		padding: 10px 0;
	}

	.new_all .new_one .new_er h4 {
		font-size: 16px;
		line-height: 24px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.new_all .new_one .new_er h5 {
		font-size: 14px;
		line-height: 24px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	#pages {
		font-family: 宋体;
		text-align: right;
		font-size: 14px;
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.dao h4 {
		font-size: 14px;
	}

	.xq_all h4 {
		font-size: 18px;
	}

	.xq_all {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.xq_all h5 {
		font-size: 14px;
		margin-top: 10px;
	}

	.xq_all h6 {
		font-size: 14px;
		line-height: 24px;
		color: #333333;
		margin-top: 10px;
	}

	.xq_all img {
		width: 100%;
		margin: 0 auto;
	}

	.cp_one li {
		width: 20%;
		font-size: 14px;
		padding: 3px 0;
		margin-right: 10px;
	}

	.cp_one {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.cp_all {
		margin-top: 15px;
	}

	.cp_yi li:nth-child(3n) {
		margin-right: 5px;
	}

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

	.cp_yi li {
		width: 49%;
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 10px;
	}

	.cp_yi li h4 {
		font-size: 16px;
		margin-top: 10px;
	}

	.cp_yi {
		margin-top: 15px;
	}

	.lian_zuo {
		width: 100%;
		height: 100%;
		float: none;
		padding: 10px;
		border-radius: 10px;
		margin-bottom: 10px;
	}

	.lian_all {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.lian_zuo ul li {
		margin-bottom: 20px;
	}

	.lian_you {
		width: 100%;
		float: none;
	}

	.chan_yi h4 {
		padding: 5px 0 5px 10px;
		margin-top: 15px;
	}

	.chan_yi h5 {
		font-size: 14px;
		line-height: 28px;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.chan_zuo {
		width: 100%;
		float: none;
	}

	.chan_all {
		padding: 10px;
		margin-top: 10px;
	}

	.chan_one {
		height: 100%;
	}

	.chan_you {
		width: 100%;
		float: none;
	}

	.chan_you h4 {
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.chan_you h5 i {
		width: 25%;
	}

	.chan_you h5 {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.chan_you h6 {
		font-size: 16px;
		padding: 5px 0 5px 0;
	}

	.foot_yi h6 {
		font-size: 18px;
	}
	.fadeInRight{
		position: relative;
		left: 0% !important;
	}

	#lianxiwomen img {
		position: relative;
		left: 15%;
	}

	.video4{
		display: block;
	}
	.ma2 {
		width: 80px;
		height: 80px;
		background-color: white;
		margin-right: 10px;
	}
	.successtitle {
		margin-top: 15px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		width: 70%;
		border-bottom: 1px solid #e5e5e5;
	}
	.successtext {
		font-size: 18px;
		color: #13227a;
		font-weight: bold;
	}
	#containet {
		width: 85%;
	}
	.pageMain li {
		list-style: none;
		height: 120px;
	}
	.pageMain li img{
		width: 100px;
		height: 100px;
	}
	#pageBox {
		float: right;
		margin-bottom: 0px;
		margin-top: 20px;
	}

	#pageBox span {
		display: inline-block;
		width: 28px;
		height: 28px;
		line-height: 22px;
		text-align: center;
		color: black;
		border: 2px solid black;
	}
	#pageNav a {
		display: inline-block;
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center;
		color: #13227a;
		text-decoration: none;
		margin: 0 2px;
	}
	.erweimapic {
		width: 80px !important;
		height: 80px !important;
	}
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 414px) {}

@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 325px) {}