@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 {
		width: 100%;
	}
	.header .nav ul li {
		margin: 0;
		display: block;
		color: #333;
		font-size: 14px;
		padding-left: 10%;
		width: 100%;
	}
	.header .nav ul .liang {
		border: none;
		color: #003663;
	}
	.seath {
		float: none;
		margin-top: 10px;
		margin-left: 36px;
	}
	.header {
		height: 60px;
		width: 100%;
		padding: 5px 2%;
		box-sizing: border-box;
		background-image: -webkit-linear-gradient(150deg, #977a8f 0, #aeb9bf 6%, #5a7793 41%, #053566 65%);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 999;
	}
	.header .centerBox {
		height: 100%;
	}
	.header .centerBox .logo {
		height: 100%;
		width: auto;
	}
	.header .centerBox .logo img {
		height: 100%;
		width: auto;
	}
	.banner {
		margin-top: 60px;
	}
	.peopie_show {
		margin-top: 60px;
	}
	.banner .bannet-title {
		width: 88%;
	}
	.img_di {
		padding: 20px;
		font-size: 26px;
		min-width: auto;
		left: 15px;
	}
	.img_di p::after, .img_di p::before{
		left: -34px;
		bottom: -34px;
	}
	.img_di p::after {
		width: 10px;
		height: 20px;
	}
	.img_di p::before{
		width: 20px;
		height: 10px;
	}
	.erji{
		position: unset;
		width: 100%;
		box-shadow:none;
		text-align: left;
	}
	
	.header .nav ul li:hover .erji{
		display: none;
	}
}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 640px) {
	.img_di {
		font-size: 14px;
		padding: 10px 15px;
	}
	.img_di p::after, .img_di p::before{
		left: -27px;
		bottom: -22px;
	}
	.img_di p::after {
		width: 8px;
		height: 16px;
	}
	.img_di p::before{
		width: 16px;
		height: 8px;
	}
	.about1 .img {
		width: 100%;
	}
	.about1 .cont {
		width: 100%;
		margin-top: 20px;
	}
	.about1 {
		padding: 40px 2%;
		box-sizing: border-box;
	}
	.about1 .cont .intord {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.about1 .cont .depth,
	.depth * {
		font-size: 14px;
		line-height: 26px;
	}
	.about2 {
		padding: 40px 0;
	}
	.main_name {
		font-size: 18px;
	}
	.about2 ul li {
		display: block;
	}
	.about2 ul li .ab2_left {
		width: 100%;
		padding: 0 !important;
	}
	.about2 ul li .ab2_right {
		width: 100%;
	}
	.about2 ul li .ab2_left,
	.ab2_left * {
		font-size: 14px;
		line-height: 26px;
	}
	.about2 ul li {
		margin-top: 40px;
	}
	.about3 {
		padding: 40px 0;
	}
	.about3 .swiper-container {
		margin: 30px 0;
		padding-bottom: 40px;
	}
	.about3 .number {
		font-size: 14px;
	}
	.about3 .word {
		font-size: 14px;
		line-height: 20px;
	}
	.about3 .sb span {
		width: 10px;
		height: 10px;
	}
	.more {
		margin-top: 0;
	}
	.more::after {
		width: 30px;
		height: 30px;
	}
	.more p {
		font-size: 14px;
		line-height: 30px;
	}
	.more img {
		width: 30px;
	}
	.about4 {
		padding: 40px 2%;
		box-sizing: border-box;
	}
	.about4 .img {
		width: 100%;
	}
	.about4 .obwb {
		width: 100%;
		padding: 0;
	}
	.about4 .obwb .intord {
		font-size: 18px;
		margin: 20px 0;
	}
	.about4 .obwb .depth,
	.depth * {
		font-size: 14px;
		line-height: 26px;
	}
	.foot1 {
		width: 100%;
	}
	.foot1 img {
		width: 70%;
	}
	.foot2 {
		width: 100%;
		margin-top: 20px;
	}
	.foot2 .a1 .beij,
	.beij * {
		font-size: 14px;
		line-height: 24px;
	}
	.foot2 .a1 {
		padding-bottom: 20px;
	}
	.foot2 .a2 {
		line-height: 20px;
	}
	.current .curr1 {
		width: 100%;
		font-size: 16px;
		padding: 20px 0;
		font-weight: bold;
	}
	.current .curr2 {
		width: 100%;
		margin-top: 20px;
	}
	.current {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.contant .tant1 .addr {
		width: 100%;
	}
	.contant .tant1 .tu {
		width: 100%;
	}
	.contant .tant1 {
		padding: 40px 0;
	}
	.contant .tant1 .add_name {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.contant .tant1 ul li {
		margin-bottom: 14px;
	}
	.contant .tant1 ul li h3 {
		font-size: 12px;
		width: 20%;
	}
	.contant .tant1 ul li h4 {
		font-size: 12px;
	}
	.map {
		height: 200px;
	}
	.main_ej ul li {
		font-size: 14px;
		width: 100px;
		line-height: 40px;
		margin-right: 20px;
	}
	.main_ej ul {
		padding-bottom: 20px;
		white-space: nowrap;
		overflow-x: scroll;
	}
	.news {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.news_con ul li {
		margin-top: 30px;
	}
	.news_con ul li h6 {
		font-size: 12px;
		margin-top: 10px;
	}
	.news_con ul li h3 {
		font-size: 14px;
		line-height: 24px;
	}
	.news_con ul li h4 {
		margin-top: 12px;
		font-size: 12px;
		line-height: 20px;
	}
	.news_con ul li h5 {
		font-size: 12px;
		margin-top: 10px;
	}
	.news_con ul {
		padding-bottom: 40px;
	}
	.shoe_left {
		width: 100%;
	}
	.shoe_right {
		width: 100%;
		margin-top: 20px;
	}
	.shoe_right .title {
		font-size: 14px;
		line-height: 28px;
	}
	.shoe_right .time {
		font-size: 12px;
		margin: 10px 0;
	}
	.shoe_right .conter,
	.conter * {
		font-size: 12px;
		line-height: 24px;
	}
	.news_show {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.seach {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.seach .seach1 form {
		width: 100%;
	}
	.seach .seach1 form .submit {
		width: 20%;
		background-position: 20px 10px;
	}
	.seach2 h3 {
		font-size: 16px;
	}
	.seach2 {
		padding-top: 20px;
	}
	.seach2 ul {
		margin-top: 20px;
	}
	.seach2 ul li h3 {
		font-size: 14px;
		line-height: 26px;
	}
	.seach2 ul li h4 {
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
	}
	.seach2 ul li h6 {
		font-size: 12px;
		margin-top: 10px;
	}
	.seach2 ul li {
		padding: 20px 0;
	}
	.seach .seach1 form {
		line-height: 50px;
		height: 50px;
	}
	.press {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.press form {
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
	.press form .key2 {
		font-size: 14px;
	}
	.press2 ul li {
		width: 48%;
		margin-right: 4%;
		margin-top: 20px;
	}
	.press2 ul li:nth-child(2n) {
		margin-right: 0;
	}
	.press2 ul li .tit h3 {
		font-size: 14px;
		line-height: 20px;
	}
	.press2 ul li .tit h4 {
		font-size: 12px;
		line-height: 20px;
	}
	.press2 ul li .tit {
		padding: 10px 4%;
	}
	.press2 ul {
		padding-bottom: 40px;
	}
	.pe_show1 .showa_l {
		width: 100%;
		height: auto;
		padding: 0 20%;
	}
	.pe_show1 .showa_l img {
		width: 100%;
		height: auto;
		position: relative;
	}
	.pe_show1 .showa_r {
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.pe_show1 .showa_r .tit1 h3 {
		font-size: 16px;
	}
	.pe_show1 .showa_r .tit1 h4 {
		font-size: 14px;
	}
	.pe_show1 .showa_r .tit2 {
		margin-top: 20px;
	}
	.pe_show1 .showa_r .tit2 p {
		font-size: 12px;
	}
	.pe_show1 .showa_r .tit2 h6 {
		font-size: 12px;
	}
	.pe_show2 .show2_l {
		width: 100%;
	}
	.pe_show2 .show2_r {
		width: 100%;
		margin-top: 20px;
	}
	.pe_show2 {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.show2_l ul li {
		margin-bottom: 10px;
	}
	.show2_l ul li img {
		width: 20px;
	}
	.show2_l ul li p {
		font-size: 12px;
	}
	.show2_r ul li .tt {
		line-height: 30px;
		font-size: 16px;
	}
	.show2_r ul li .cc {
		padding: 15px 0;
	}
	.show2_r ul li .cc,
	.cc * {
		font-size: 12px;
		line-height: 24px;
	}
	.picture-2 li {
		width: 100%;
		padding: 10px 2%;
		min-height: auto;
	}
	.pract {
		padding: 40px 0;
	}
	.pract .number {
		font-size: 16px;
	}
	.pract .word {
		font-size: 14px;
		line-height: 20px;
	}
	.pra1 .a1 {
		width: 100%;
		padding: 20px 2%;
	}
	.pra1 .a2 {
		width: 100%;
		margin-top: 20px;
	}
	.pra1 .a2 ul li {
		width: 100%;
		min-height: auto;
	}
	.practices {
		padding: 40px 0;
	}
	.pra1 .a1 .b1 img {
		width: 50px;
	}
	.pra1 .a1 .b1 p {
		font-size: 14px;
	}
	.pra1 .a1 .b2 {
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.pra1 ul li img {
		width: 50px;
	}
	.pra1 ul li p {
		font-size: 14px;
	}
	.picture-1 li {
		width: 100%;
		min-height: auto;
	}
	.picture-1 li img {
		/* width: 50px; */
	}
	.picture-1 li p {
		font-size: 14px;
	}
	.current .curr2 .a1 {
		font-size: 15px;
		line-height: 30px;
	}
	.index1 {
		margin-top: 60px;
	}
	.index1 .advo {
		width: 100%;
		margin-top: 30px;
		position: relative;
		display: inline-block;
		padding-left: 12%;
		box-sizing: border-box;
		vertical-align: middle;
	}
	.index1 .advo h3 {
		font-size: 16px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	.more2::after {
		width: 30px;
		height: 30px;
	}
	.more2 p {
		font-size: 14px;
		line-height: 30px;
	}
	.more2 img {
		width: 30px;
	}
	.index1 .img {
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
		margin-top: 20px;
	}
	.index1 .img img {
		height: 360px;
	}
	.index2 .img {
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.index2 .found {
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
		margin-top: 20px;
	}
	.index2 .found h3 {
		width: 100%;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.index2 .found .nvv,
	.nvv * {
		font-size: 12px;
		line-height: 24px;
	}
	.index2 .found .nvv {
		margin-bottom: 30px;
	}
	.index2 {
		padding-bottom: 30px;
	}
	.index3 {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.index3 .nam {
		font-size: 16px;
	}
	.index3 .mm {
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.index3 ul li {
		width: 200px;
		padding: 20px 2%;
		min-height: auto;
		margin-right: 20px;
	}
	.index3 ul li h3 {
		font-size: 14px;
		line-height: 24px;
		min-height: 60px;
	}
	.index3 ul li .nj {
		font-size: 12px;
		line-height: 24px;
	}
	.index4 {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	.index4 .in4_l_bg {
		width: 100%;
	}
	.index4 .in4_content {
		width: 100%;
		padding: 20px 4%;
	}
	.index4 .in4_l {
		width: 100%;
		padding: 20px 4%;
	}
	.index4 .in4_l .tit {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.index4 .in4_l .con,
	.con * {
		font-size: 12px;
		line-height: 24px;
	}
	.index4 .in4_r {
		display: none;
		width: 100%;
		margin-left: 0;
		padding: 0 4%;
		box-sizing: border-box;
		margin-top: 20px;
	}
	.index4 .in4_r img {
		margin-top: 0;
	}
	.index5 .a1 {
		width: 100%;
		height: 200px;
	}
	.index5 .a1 h6 {
		margin-top: 20px;
		font-size: 14px;
	}
	.index5 .a1 h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.index5 .a2 {
		width: 100%;
		margin-top: 20px;
	}
	.index5 .a2 ul li h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.index5 .a2 ul li h6 {
		font-size: 12px;
		margin-top: 20px;
	}
	.index5 .a2 ul li {
		height: 150px;
		padding: 20px 2%;
		margin-left: 0;
	}
	.index5 .a2 ul li:nth-child(2n) {
		margin-left: 4%;
	}
	.index5 {
		padding-bottom: 40px;
	}
	.about3 .main_name {
		margin-bottom: 20px;
	}
	.about3 ul li {
		padding: 15px;
		margin-bottom: 20px;
	}
	.about3 .mySwiper {
		padding-bottom: 40px;
	}
	.about3 .word span {
		font-size: 12px;
	}
	.index5 .nam {
		font-size: 18px;
		margin-bottom: 30px;
	}
	.shoe_left .thumb h3 {
		font-size: 16px;
		color: #003663;
		font-weight: bold;
		margin-top: 10px;
	}
	.shoe_left .thumb h4 {
		font-size: 14px;
		margin-top: 10px;
		color: #003663;
	}
	.shoe_left .thumb h5 {
		font-size: 12px;
		line-height: 25px;
		margin-top: 10px;
	}
	.index5 .a2 ul li h5 {
		margin-top: 40px;
		font-size: 14px;
	}
	
	.index5 .a1 h5{
		margin-top: 40px;
		font-size: 14px;
	}
}
@media only screen and (max-width: 414px) {}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 325px) {}