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

@media screen and (min-width:301px) and (max-width:350px) {}

@media screen and (min-width:351px) and (max-width:420px) {}

@media screen and (min-width:421px) and (max-width:490px) {}

@media screen and (min-width:491px) and (max-width:620px) {}

@media screen and (min-width:621px) and (max-width:720px) {}


@media screen and (min-width:721px) and (max-width:820px) {}


@media screen and (min-width:300px) and (max-width:1020px) {}

@media screen and (min-width:300px) and (max-width:820px) {}

@media screen and (min-width:821px) and (max-width:920px) {}

@media screen and (min-width:921px) and (max-width:1020px) {}

@media screen and (min-width:1021px) and (max-width:1120px) {}

@media screen and (min-width:1121px) and (max-width:1220px) {}

@media screen and (min-width:991px) and (max-width:1520px) {

	.tygrzx_riscon {
		padding-left: 32px;
	}

}

@media screen and (min-width:991px) and (max-width:1440px) {

	.p-zy320 {
		padding-left: 120px;
		padding-right: 120px;
	}

	.tygrzx_int> :nth-child(2) {
		width: 345px;
	}

	.tygrzx select {
		width: 108px;
	}

	.tygrzx_leftcon {
		padding-left: 15px;
	}
}



@media screen and (min-width:767) and (max-width:1440px) {


	.tygrzx_riscon {
		padding-left: 32px;
	}

	.tygrzx_int> :nth-child(2) {
		width: 345px;
	}

	.tygrzx select {
		width: 108px;
	}
}

@media screen and (min-width:767px) and (max-width:991px) {

	.p-zy320 {
		padding-left: 60px;
		padding-right: 60px;
	}
	.tygrzx select {
		width: 30%;
		padding: 12px 9px;
		background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent;
		margin-right: 0px;
	}
  .tygrzx_setlecon{
	  width: 85%;
	  justify-content: space-between;
  }
	.tygrzx_leftcon {
		padding-left: 15px;
	}

	.tygrzx_riscon {
		padding-left: 32px;
	}

	.tygrzx_int> :nth-child(2) {
		width: 85%;
	}
 .tygrzx_wic> :nth-child(2) {
	width: 81%;
}

	.tygrzx_riscon>form {
		display: block;
		padding-right: 0px;
		width: 95%;

	}
}

@media screen and (max-width:767px) {
	.tygrzx_riscon>form {
		display: block;
		padding-right: 0px;
		width: 95%;
	}
	.p-zy320 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.tygrzx_left {
		width: 100%;
		height: auto;
		overflow-x: auto;
		display: flex;
		padding-top: 0px;
	}

	.caiadn {
		width: 100%;
		position: absolute;
		box-sizing: border-box;
		overflow: hidden;
		left: 0px;
		padding-right: 30px;
		padding-left: 30px;


	}

	.tygrzx_riscon {
		/* padding-left: 32px; */
		padding: 40px 20px 20px;
		position: relative;
		height: auto;
	}

	.tygrzx_ris {
		margin-top: 98px;
		width: 100%;

	}

	.tygrzx_leftcon {
		width: auto;
		flex-shrink: 0;
		padding: 0px;
		padding-left: 24px;
	}

	.tygrzx_int> :nth-child(2) {
		width: 100%;
	}


	.tygrzx_lefttx {
		display: none;
	}
	.tygrzx_setlecon {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}




	.tygrzx_tupian {
		margin-bottom: 20px;
	}




	.tygrzx_name> :nth-child(1) {
		margin-right: 0px;
	}

	.tygrzx select {
		width: 30%;
		padding: 12px 9px;
		background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent;
		margin-right: 0px;
	}

	.tygrzx_int> :nth-child(1) {

		margin-right: 0px;
		font-size: 16px;
	}

	.tygrzx_setle> :nth-child(1) {
		margin-right: 0px;
		font-size: 16px;
	}

	.tygrzx_scimg {
		width: 100px;
		height: 100px;

	}
	.tygrzx_wic> :nth-child(2) {
		width: 81%;
	}

}

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

	.tygrzx_grzximg {
		position: absolute;
		width: 98%;
		border-radius: 50px;
		height: 100px;
		left: -127px;
		top: -49px;
	}

	.tygrzx_scanniu>:nth-child(3) {
		display: none;
	}

	.tygrzx_tubtn {
		display: none;
	}

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


	.tygrzx_name {
		position: absolute;
		top: 52px;
		left: 145px;
	}

	.p-zy320 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.tygrzx_scimg {
		width: 100px;
		height: 100px;
		background-image: url(../img/jgzx/images/xwfm_03.png);
		background-size: 102%;
		border: solid 1px #000;
		border-color: rgb(208, 208, 208);
	}

	.tygrzx_int> :nth-child(1) {
		text-align: left;
		font-size: 14px;
	}
	.tygrzx_setle> :nth-child(1) {
		text-align: left;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.tygrzx select {
		padding: 0px 7px;
		font-size: 12px;
		background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 10% top 46% transparent;
		background-size: 12px 8px;
		height: 39px;
		cursor: pointer;
		display: inline-block;
		width: 30.9%;


	}

	.tygrzx_setlecon {
		display: flex;
		justify-content: space-between;
	}

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

	.tygrzx_int> :nth-child(2) {
		width: 100%;

		margin-top: 10px;
		font-size: 12px;
		height: 39px;
	}

	.tygrzx_btn>button {
		border-radius: 5px;
		font-size: 18px;
		width: 100%;
		height: 33px;
		color: #fff;
		background-color: rgb(203, 25, 25);
		cursor: pointer;
		border: none;
	}
	.tygrzx_riscon>form {
	
		width: 100%;
	}
}

@media screen and (min-width:1521px) and (max-width:1620px) {}


@media screen and (width:320px) {
	.exhibition .item-box {
		height: 200px !important;
	}

	.swiper-button-next,
	.swiper-button-prev {
		top: 40% !important;
	}
}

@media screen and (max-width:750px) {
	.logo {
		width: 60%;
	}

	.head-box {
		top: 0px;
	}

	.gongn {
		display: inline;
		right: 20px;
		width: 40px;
		height: 40px;
	}

	.dmedia {
		display: none;
	}

	.head-box {
		padding: 10px 20px;
	}

	.p-zy180 {
		padding: 10px 20px 0 20px;
	}

	.cq-item-title-box {
		padding: 10px 0;
	}

	.font-32 {
		font-size: 16px;
	}

	.font-22 {
		font-size: 12px;
	}

	.cq-gengd {
		font-size: 12px;
		color: #191919;
	}

	.cq-item-title-box>div>div {
		background: -webkit-linear-gradient(left, red, rgba(255, 255, 255, 0));
		height: 6px;
		bottom: 0;
		left: 0;
		width: 70px;
		opacity: .8;
		z-index: 0;
	}

	.exhibition .item-box {
		height: 270px;
	}

	.font-20 {
		font-size: 16px;
	}

	.font-13 {
		font-size: 12px;
	}

	.m-x16 {
		margin-bottom: 16px;
	}

	.swiper-pagination-bullet,
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		background: rgba(0, 0, 0, .6);
		width: 20px;
		height: 20px;
		top: 42%;
	}

	.swiper-button-next::after,
	.swiper-button-prev::after {
		font-size: 12px;
	}

	.m-sx16 {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.m-x16 {
		margin-bottom: 2px;
	}

	.m-x65 {
		margin-bottom: 20px;
	}

	.p-sx20 {
		padding-top: 0px;
		padding-bottom: 10px;
	}

	.m-x37,
	.m-x32 {
		margin-bottom: 10px;
	}

	.w25,
	.w48 {
		width: 100%;
	}

	.msg .dac {
		display: inline;
	}

	.m-zy15 {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
	}

	.font-18 {
		font-size: 16px;
	}

	.xx-content {
		line-height: 20px;
	}

	.msg .m-x32:nth-last-child(2) {
		margin-bottom: 10px;
	}

	.djb {
		display: inline;
	}

	.djb .w50 {
		width: 100%;
		margin-bottom: 10px;
	}

	.djb .w50 .m-zy30 {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.ys-title {
		font-size: 16px;
	}

	.ya-item-box .pr {
		padding-right: 0;
	}

	.m-s37 {
		margin-top: 10px;
	}

	.syysj-box,
	.xinxy-box {
		padding-bottom: 20px;
	}

	.xinxy-box .dac {
		display: inline;
	}

	.syysj-box .dac {
		display: inherit;
	}

	.syysj-box .dac .m-zy30 {
		margin-left: 10px;
		margin-right: 10px;
		height: 200px;
	}

	.syysj-box .dac .m-zy30 .m-s30 {
		margin-top: 20px;
	}

	.syys-name {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.ysj-name {
		line-height: 20px;
	}

	.w20 {
		width: 100%;
		padding-bottom: 10px;
	}

	.wc-box>div>img {
		width: 100%;
	}

	.sypx-box {
		padding-bottom: 20px;
	}

	.sypx-box .djb .backf {
		padding-bottom: 10px;
	}

	.sypx-box .djb .backf div {
		margin-top: 10px;
	}

	.hz-jies {
		position: absolute;
		top: 25px;
		left: 0;
		margin-left: 0px;
	}

	.hz-imgItem {
		margin-top: 20px;
	}

	.hz-input-box {
		display: inherit;
	}

	.hzly-box {
		padding: 20px;
	}

	.hz-input-box .p-zy10 {
		width: 94%;
		margin-top: 10px;
	}

	.hz-input-box .p-zy10:first-child {
		margin-top: 30px;
	}

	.hz-input-box div {
		margin-top: 10px;
		text-align: center;
	}

	#gotoTop {
		width: 40px;
		height: 40px;
		right: 20px;
		bottom: 120px;
	}
}

@media screen and (min-width:751px) and (max-width:850px) {
	.logo {
		width: 26%;
	}

	.gongn {
		display: inline;
	}

	.dmedia {
		display: none;
	}

	.p-zy180,
	.head-box {
		padding: 10px 60px;
	}
}

@media screen and (min-width:851px) and (max-width:1000px) {
	.logo {
		width: 26%;
	}

	.gongn {
		display: inline;
	}

	.dmedia {
		display: none;
	}

	.input-box {
		display: none;
	}

	.head-box {
		padding: 10px 60px 5px 60px;
	}

	.p-zy180 {
		padding: 10px 60px;
	}

	.dao-box>li {
		padding: 5px 16px;
		flex-shrink: 0;
		text-align: center;
		font-size: 16px;
	}

	.dao-box>li:last-child {
		padding-right: 0;
	}

	.dao-box>li>div {
		padding: 6px 0;
	}

	.head-nav-box>div:last-child {
		margin-top: 0px;
	}

	.redD {
		right: 6px;
	}
}

@media screen and (min-width:1001px) and (max-width:1120px) {
	.logo {
		width: 26%;
	}

	.input-box {
		display: none;
	}

	.p-zy180,
	.head-box {
		padding: 10px 100px;
	}

	.dao-box>li {
		padding: 5px 16px;
		flex-shrink: 0;
		text-align: center;
		font-size: 16px;
	}

	.dao-box>li:last-child {
		padding-right: 0;
	}

	.dao-box>li>div {
		padding: 6px 0;
	}

	.head-nav-box>div:last-child {
		margin-top: 0px;
	}

	.redD {
		right: 6px;
	}
}

@media screen and (min-width:1121px) and (max-width:1260px) {
	.logo {
		width: 26%;
	}

	.input-box {
		display: none;
	}

	.p-zy180,
	.head-box {
		padding: 10px 100px;
	}

	.dao-box>li {
		padding: 5px 16px;
		flex-shrink: 0;
		text-align: center;
		font-size: 16px;
	}

	.dao-box>li:last-child {
		padding-right: 0;
	}

	.dao-box>li>div {
		padding: 6px 0;
	}

	.head-nav-box>div:last-child {
		margin-top: 10px;
	}

	.redD {
		right: 6px;
	}
}

@media screen and (min-width:1261px) and (max-width:1350px) {
	.logo {
		width: 26%;
	}

	.p-zy180,
	.head-box {
		padding: 10px 100px;
	}

	.dao-box>li {
		padding: 5px 16px;
		flex-shrink: 0;
		text-align: center;
		font-size: 16px;
	}

	.dao-box>li>div {
		padding: 6px 0;
	}

	.head-nav-box>div:last-child {
		margin-top: 10px;
	}

	.redD {
		right: 6px;
	}
}

@media screen and (min-width:1351px) and (max-width:1620px) {
	.logo {
		width: 26%;
	}

	.p-zy180,
	.head-box {
		padding: 20px 100px;
	}

	.dao-box>li {
		padding: 5px 20px;
		flex-shrink: 0;
		text-align: center;
		font-size: 16px;
	}

	.dao-box>li>div {
		padding: 6px 0;
	}

	.redD {
		right: 8px;
	}
}

@media screen and (min-width:1621px) and (max-width:1820px) {
	.logo {
		width: 30%;
	}

	.p-zy180,
	.head-box {
		padding: 20px 100px;
	}
}