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

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

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

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

	.centerBox2 {
		width: 90%;
	}

	.centerBox {
		width: 90%;
	}

	body {
		zoom: 0.8 !important;
	}
}

@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;
	}

	.menu {
		display: block;
	}

	.header .nav {
		display: none;
		background: #fff;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 60px;
		left: 0;
		z-index: 999;
	}

	.header .nav ul li {
		margin: 0;
		display: block;
		color: #333;
		font-size: 14px;
		padding-left: 6%;
		line-height: 40px;
	}

	.header {
		height: 60px;
		width: 100%;
		padding: 5px 2%;
		box-sizing: border-box;
		background: #fff;
		border-bottom: 1px solid #eee;
	}

	.header .nav ul .liang {
		border-top: none;
	}

	.header .centerBox {
		height: 100%;
	}

	.header .centerBox .logo {
		height: 100%;
		width: auto;
	}

	.header .centerBox .logo img {
		height: 100%;
		width: auto;
	}

	.banner {
		margin-top: 60px;
	}

	.erji {
		position: unset;
		width: 100%;
		background: none;
		text-align: left;
		border-bottom: none;
	}

	.erji dl dd {
		font-size: 12px;
		color: #333;
		line-height: 24px;
	}

	.header .nav ul li:hover {
		border-top: none;
	}

	.header .nav ul .liang {
		border-top: none;
	}
}

@media only screen and (max-width: 768px) {
	.banner .yy {
		width: 30px;
		height: 30px;
		background-size: cover;
	}

	.banner .zz {
		width: 30px;
		height: 30px;
		background-size: cover;
	}

	.foot1 .foot1_l {
		width: 100%;
	}

	.foot1 .foot1_r {
		width: 100%;
		margin-top: 20px;
		display: none;
	}

	.foot1 .foot1_l .img {
		margin-bottom: 20px;
	}

	.foot1 .foot1_l .img img {
		width: 100px;
	}

	.foot1 .foot1_r ul li {
		margin-right: 0;
		width: 50%;
		margin-top: 20px;
	}

	.foot1 .foot1_r ul li h3 {
		font-size: 14px;
		padding-bottom: 0;
	}

	.foot1 .foot1_r dl dd {
		font-size: 12px;
		line-height: 20px;
	}

	.foot1 {
		padding-bottom: 40px;
	}

	.foot2 {
		font-size: 12px;
		line-height: 40px;
	}

	.foot1 .foot1_l .foot1_l_nr,
	.foot1_l_nr * {
		font-size: 12px;
		line-height: 24px;
	}

	.footer {
		padding-top: 30px;
	}

	.indexes_r {
		width: 100%;
		text-align: left;
	}

	.indexes_l {
		width: 100%;
	}

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

	.indexes {
		line-height: 40px;
		font-size: 12px;
	}

	.indexes_r dl dd {
		margin-right: 20px;
	}

	.name h3 {
		font-size: 16px;
	}

	.about .about1_nr,
	.about1_nr * {
		font-size: 12px;
		line-height: 20px;
	}

	.about1 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.name h3 {
		padding-bottom: 10px;
	}

	.about2 .mySwiper .swiper-slide p {
		font-size: 12px;
		padding-bottom: 10px;
	}

	.about2 .about2_l {
		width: 100%;
	}

	.about2 .about2_r {
		width: 100%;
		margin-top: 30px;
	}

	.about2 .about2_r h3 {
		font-size: 16px;
	}

	.about2 .about2_r .about2_r_nr,
	.about2_r_nr * {
		font-size: 12px;
		line-height: 20px;
	}

	.about2 .about2_r .about2_r_nr {
		margin-top: 10px;
	}

	.about2 .zz {
		width: 30px;
		height: 30px;
		right: 30% !important;
	}

	.about2 .yy {
		width: 30px;
		height: 30px;
		left: 30% !important;
	}

	.about2 .about2_nr {
		padding-bottom: 60px;
	}

	.about2 {
		padding: 40px 0;
	}

	.about2 .mySwiper2 {
		margin-top: 30px;
	}

	.about3 {
		padding: 40px 0;
	}

	.about3 .sb {
		bottom: 4px !important;
	}

	.about3 .sb span {
		width: 8px;
		height: 8px;
	}

	.about3 .yy {
		width: 8px;
		height: 15px;
		left: 20% !important;
	}

	.about3 .zz {
		width: 8px;
		height: 15px;
		right: 20% !important;
	}

	.about3 .mySwiper {
		padding-bottom: 40px;
	}

	.about3 .swiper-slide {
		margin-top: 30px;
	}

	.about4 ul li {
		width: 32%;
		margin-right: 2%;
	}

	.about4 ul li:nth-child(3n) {
		margin-right: 0;
	}

	.about4 {
		padding-bottom: 60px;
	}

	.tan_fu li img {
		width: 30px;
		border-radius: 5px;
	}

	.news_lb ul li {
		padding: 20px 2%;
	}

	.news_lb ul li .img {
		width: 40%;
	}

	.news_lb ul li .news_lb_nr {
		width: 60%;
	}

	.news_lb ul li .news_lb_title {
		font-size: 14px;
		line-height: 20px;
	}

	.news_lb ul li .news_lb_time {
		margin: 5px 0;
	}

	.news_lb ul li .news_lb_cont,
	.news_lb_cont * {
		font-size: 12px;
		line-height: 20px;
	}

	.news_lb ul li .news_lb_cont {
		-webkit-line-clamp: 2;
	}

	.news_nr_l {
		width: 100%;
		margin-bottom: 20px;
	}

	.news_nr_r form {
		width: 100%;
	}

	.news_nr_r {
		width: 100%;
	}

	.news_nr_l h3 {
		font-size: 12px;
		line-height: 24px;
	}

	.news_nr_l li {
		font-size: 12px;
		line-height: 24px;
	}

	.news_nr_l li {
		margin-left: 10px;
	}

	.news_lb {
		padding-bottom: 60px;
	}

	.show_cont_title {
		font-size: 16px;
	}

	.show_cont_time p {
		font-size: 12px;
	}

	.show_cont_cont,
	.show_cont_cont * {
		font-size: 12px;
		line-height: 20px;
	}

	.show_cont2 p {
		font-size: 12px;
		width: 100%;
		text-align: left !important;
	}

	.show_cont3_name {
		font-size: 16px;
	}

	.show_cont3_desc {
		margin: 5px 0;
		font-size: 12px;
		line-height: 18px;
	}

	.show_cont3 ul li .img {
		width: 30%;
	}

	.show_cont3 ul li .cont {
		width: 70%;
		padding-left: 4%;
	}

	.show_cont3_tit {
		font-size: 14px;
	}

	.show_cont {
		padding-bottom: 60px;
	}

	.show_cont1 {
		padding: 40px 3%;
	}

	.show_cont2 {
		padding: 30px 0;
	}

	.product_l {
		width: 100%;
	}

	.product_r {
		width: 100%;
	}

	.product_r ul li {
		width: 50%;
	}

	.product_l p {
		font-size: 14px;
		line-height: 40px;
	}

	.product_r ul li p {
		font-size: 12px;
	}

	.product {
		padding-bottom: 60px;
	}

	.indexes2 {
		font-size: 12px;
	}

	.product_l dl dd {
		font-size: 12px;
		line-height: 20px;
	}

	.product_r ul li .meng dl dd {
		margin-top: 30px;
	}

	.product_r ul li .meng h5 {
		margin-top: 20px;
		font-size: 12px;
	}

	.product_show {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.product_show_title {
		font-size: 16px;
	}

	.product_show_thumb .tum {
		width: 100%;
	}

	.product_show_thumb .yy {
		width: 25px;
		height: 45px;
	}

	.product_show_thumb .zz {
		width: 25px;
		height: 45px;
	}

	.product_show_thumb .tum .mySwiper {
		width: 100%;
	}

	.product_show_content .op_c,
	.op_c * {
		font-size: 12px;
		line-height: 20px;
	}

	.product_show_content .op_t img {
		width: 30px;
	}

	.product_show_content .op_t p {
		font-size: 14px;
		line-height: 40px;
	}
	
	.service_name{
		font-size: 16px;
	}
	
	.service1_l{
		width: 100%;
		min-height: auto;
	}
	
	.service1_r{
		width: 100%;
		margin-top: 20px;
	}
	
	.service1_l h3{
		font-size: 16px;
		line-height: 30px;
	}
	
	.service1_l ul li{
		font-size: 14px;
	}
	
	.service1_r ul li h3{
		font-size: 12px;
		width: 80%;
		line-height: 28px;
	}
	
	.service1_r ul li h6{
		font-size: 12px;
		width: 50px;
		line-height: 28px;
	}
	
	.service1_r ul li{
		margin-bottom: 15px;
	}
	
	.service1{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
	.service1_nr{
		margin-top: 30px;
	}
	
	.service2_nr .hh{
		font-size: 12px;
	}
	
	.service2{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
	.service2_nr{
		margin-top: 30px;
	}
	
	.service2_nr form{
		width: 100%;
	}
	
	.service2_nr form ul li p{
		font-size: 12px;
		line-height: 30px;
	}
	
	.service2_nr form ul li input{
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}
	
	.service2_nr form .b1 p{
		font-size: 12px;
		line-height: 30px;
	}
	
	.service2_nr form select{
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}
	
	.service2_nr form textarea{
		font-size: 12px;
		line-height: 30px;
		height: 120px;
	}
	
	.service2_nr .btn{
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	
	.service3_nr ul li .service3_a1{
		font-size: 12px;
		line-height: 40px;
	}
	
	.service3_nr ul li .service3_a2{
		font-size: 12px;
		line-height: 24px;
		padding: 10px 0;
	}
	
	.service3_nr form{
		width: 100%;
	}
	
	.service3_nr form .key{
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		    background-position: 96% 8px;
	}
	
	.service3_nr form .submit{
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	
	.service3{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
	.service3_nr{
		margin-top: 30px;
	}
	
	.join_name{
		font-size: 16px;
	}
	
	.join_time{
		width: 25%;
	}
	
	.join_time h3{
		font-size: 14px;
	}
	
	.join_title{
		font-size: 14px;
		width: 50%;
	}
	
	.join_time h6{
		font-size: 12px;
		margin-top: 10px;
	}
	
	.join_href{
		font-size: 12px;
		width: 70px;
	}
	
	.join ul li{
		padding: 15px 0;
	}
	
	.join{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
	.join ul{
		padding: 30px 0;
	}
	
	.join_show_title{
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.join_show_cont p{
		font-size: 14px;
	}
	
	.join_show_cont table td{
		font-size: 12px;
		line-height: 20px;
	}
	
	.join_show_cont, .join_show_cont *{
		font-size: 12px;
		line-height: 20px;
	}
	
	.join_show_cont h6{
		font-size: 12px;
		line-height: 20px;
		margin: 10px 0;
	}
	
	.join_show_cont h4{
		font-size: 12px;
		line-height: 20px;
	}
	
	.join_show{
		padding: 40px 2%;
	}
	
	.join_1{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
	.service3_nr ul{
		height: 300px;
	}
	
	.join_1 .service3_nr ul li .service3_a2{
		padding: 10px 2%;
	}
	
	.contant_l{
		width: 100%;
	}
	
	.contant_r{
		width: 100%;
		margin-top: 20px;
	}
	
	.join_2 ul li{
		padding: 30px 4%;
	}
	
	.contant_l_title{
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	.contant_l_content, .contant_l_content *{
		font-size: 12px;
		line-height: 20px;
	}
	
	.contant_r .map{
		height: 200px;
	}
	
	.join_2{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	
	.index_name h3{
		font-size: 16px;
		line-height: 30px;
		text-align: center;
	}
	
	.index_name h4{
		font-size: 12px;
		line-height: 30px;
		text-align: center;
	}
	
	.index1_nr_l{
		width: 100%;
	}
	
	.index1_nr_r{
		width: 100%;
	}
	
	.index1{
		padding: 40px 0;
	}
	
	.index1_nr_r, .index1_nr_r *{
		font-size: 12px;
		line-height: 20px;
	}
	
	.index1_nr{
		margin: 30px 0;
	}
	
	.more{
		width: 80px;
		font-size: 12px;
		line-height: 36px;
	}
	
	.index2{
		padding: 40px 0;
	}
	
	.index2 ul li{
		width: 48%;
		margin-right: 4%;
	}
	
	.index2 ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.index2 ul li p{
		font-size: 12px;
		padding: 0 2%;
		line-height: 28px;
		box-sizing: border-box;
		margin-bottom: 0;
	}
	
	.in3_nr dl dd .in3 h3{
		font-size: 12px;
		line-height: 20px;
	}
	
	.in3_nr dl dd .in3 h6{
		font-size: 12px;
		line-height: 20px;
	}
	
	.in3_nr dl dd .in3{
		padding: 10px 2%;
	}
	
	.in3_lb ul li{
		width: 80px;
		font-size: 12px;
		line-height: 32px;
	}
	
	.index3{
		padding: 40px 0;
	}
	
	.in3_nr{
		margin-bottom: 30px;
	}
	
	.index4{
		padding-top: 40px;
		padding-bottom: 0;
	}
}

@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) {}