@media screen and (max-width: 1600px) {
	.content-box {
		width: 1200px;
	}

	.go-top img {
		width: 70px;
		bottom: 20px;
	}

	.ui-datepicker-calendar {
		width: 420px;
	}

	.index-box .banner-box .banner-content {
		margin-left: -600px;
	}

	.index-box .banner-box .sea-box ol li {
		width: 130px;
		margin-right: 60px;
	}

	.index-box .banner-box .bc-r ul li a {
		max-width: 230px;
	}

	.slides li span {
		width: 1200px;
	}

	.index-box .banner-box .tips {
		margin-left: -600px;
	}

	.index-box .box1 ul li {
	
	}

	.index-box .box1 ul li:hover a {
		
	}

	.index-box .box1 ul li a span {
		width: 280px;
	}

	.index-box .box1 ul {
		width: 46%;
	}

	.index-box .box2 .list-box {
		margin-right: 30px;
		width: auto;
	}

	.index-box .box2 .date-box {
		width: 460px;
	}

	.index-box .box3 ul li {
		width: 200px;
		height: 200px;
		margin-right: 130px;
	}

	.index-box .box3 ul li .box {
		width: 160px;
		height: 160px;
		padding-top: 30px;
		background-size: cover;
	}

	.index-box .box3 ul li .box .hd span {
		font-size: 30px;
	}

	.index-box .box4 .video-box dl dt {
		width: 600px;
		margin-right: 0px;
	}

	.index-box .box4 .video-box dl dd {
		width: 260px;
		margin-left: 38px;
	}

	.footer-box .logo {
		width: 200px;
	}

	.footer-box .list-box p {
		font-size: 14px;
	}

	.footer-box .list-box {
		padding-left: 60px;
	}

	.nav-box .nav a {
		padding: 10px 0px
	}

	.floating-box {
		width: 80px;
		padding: 15px 0 0;
	}

	.floating-box ul li {
		font-size: 14px;
	}

	.date-hd {
		margin-left: -60px;
	}

	.ui-datepicker-prev,
	.ui-datepicker-next {
		right: 50px;
	}

	.ui-datepicker-next {
		right: 36px;
	}

	.list-banner .title {
		margin-left: -600px;
	}

	.list-boxs .main-box .main-left h2,
	.list-boxs .main-box .main-left ul li p {
		padding-left: 40px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-right: 50px;
	}

	.list-boxs .main-box .main-left ul li ol li {
		padding-left: 40px;font-size:15px;
	}

	.list-boxs .main-box .main-left ul li.active p {
		padding-left: 36px;
	}

	/*-------12-11更新开始---------*/
	.donation-box ul li input {
		width: 200px;
		margin-right: 18px;
	}

	.donation-box .info-box ol li .input1,
	.donation-box .info-box ol li .input3 {
		width: 180px;
	}

	.donation-box .info-box ol li i {
		margin-right: 40px;
	}

	.directory-box ul li {
		margin-bottom: 30px;
	}

	.donation .donation-table {
		margin-top: 0;
	}

	.directory-box ul {
		padding-bottom: 0;
	}

	.donation .donation-table tr th,.donation .donation-table tr td {
		height: auto;
		line-height: 1.5;
		padding: 11px 3px;
	}

	/*-------12-11更新结束---------*/
}

@media screen and (max-width: 1200px) {
	.floating-box {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.content-box {
		width: auto;
	}

	.details-boxs,
	.list-boxs {
		
	}

	.retrieve-box .sea-box ol li {
		width: 40px;
	}

	.retrieve-box .main-box .main-l {
		width: 100%;
	}

	.retrieve-box .main-box .main-r {
		width: 100%;
		margin-top: 20px;
	}

	.retrieve-box .main-box .main-r #myPage {
		text-align: center;
	}

	.detils-box {
		padding: 0 20px 60px;
	}

	.list-banner .title {
		margin-left: -50px;
	}

	.go-top {
		display: none;
	}

	.date-hd {
		margin-left: -120px;
	}

	.nav-box {
		min-width: 320px;
		height: 80px;
	}

	.nav-box .logo {
		padding-left: 20px;
		line-height: 80px;
	}

	.nav-box .logo img {
		height: 50px;
	}

	.nav-box .logo span {
		font-size: 22px;
	}

	.nav-box .mask {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		display: none;
		background: rgba(0, 0, 0, 0.4);
	}

	.m-nav {
		display: block;
		position: fixed;
		background: url(../img/index/m-nav.png);
		width: 50px;
		height: 50px;
		top: 14px;
		right: 14px;
	}

	.nav-box.active .mask {
		display: block;
	}

	.nav-box.active .nav {
		transform: translateX(0);
	}

	.nav-box .nav {
		position: fixed;
		top: 0;
		right: 0;
		width: 50vw;
		padding: 0;
		bottom: 0;
		transition: 0.3s;
		transform: translateX(100%);
		overflow-y: auto;
		background: rgba(196, 12, 46, 0.95);
	}

	.nav-box .nav ul {
		display: block;
	}

	.nav-box .nav ul li {
		width: 100%;
		color: #666;
		line-height: 50px;

	}

	.nav-box .nav ul li ol {
		background: rgba(255, 255, 255, 0);
	}

	.nav-box .nav ul li ol li:hover {
		background: rgba(0, 0, 0, 0.05);
	}

	.index-box .nav-box .nav ul li ol li:active {
		color: #b50a26;
	}

	.nav-box .nav ul>li {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1)
	}

	.nav-box .nav ul li ol {
		position: static;
	}

	.nav-box .nav ul li ol li {
		text-align: center;
		background: rgba(0, 0, 0, 0.05);
	}

	.nav-box .nav ul li:hover ol {
		display: none;
	}

	.nav-box .nav span img {
		display: none;
	}

	.nav-box .nav span {
		display: block;
		height: 50px;
		padding: 0;
		color: #666;
		text-align: center;
		line-height: 50px;
	}

	.slides li span {
		margin-top: 120px;
		font-size: 20px;
		width: 85%;
		letter-spacing: 2px
	}

	.index-box .banner-box .banner-content {
		margin-left: 0;
		top: 180px;
		left: 20px;
		right: 20px;
	}

	.index-box .banner-box .bc-l {
		width: 100%;
	}

	.index-box .banner-box .sea-box {
		padding: 90px 15px 0;
	}

	.index-box .banner-box .sea-box .input {
		height: 50px;
		line-height: 50px;
		padding-left: 50px;
		padding-right: 130px;
	}

	.index-box .banner-box .sea-box .input i {
		height: 50px;
		width: 50px;
		left: 0;
		background-size: 20px;
	}

	.index-box .banner-box .sea-box .input input {
		height: 48px;
		line-height: 48px;
		font-size: 14px;
	}

	.index-box .banner-box .sea-box .input .btn {
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		width: 130px;
	}

	.index-box .banner-box .sea-box .input .btn ul {
		top: 51px;
		width: 129px;

	}

	.index-box .banner-box .sea-box .input .btn ul li {
		font-size: 14px;
	}

	.index-box .banner-box .sea-box .label {
		padding: 15px 0;
	}

	.index-box .banner-box .sea-box .label label {
		margin: 0;
		display: inline-block;
		width: 32%;
		padding: 5px 0;
		font-size: 14px;
	}

	.index-box .banner-box .bc-r {
		width: 100%;
	}

	.index-box .banner-box .sea-box ol li {
		margin-bottom: 3%;
		margin-right: 3%;
		width: 48%;
	}

	.index-box .banner-box .sea-box ol li:nth-child(2n) {
		margin-right: 0;
	}

	.index-box .banner-box .bc-r ul {
		padding: 0 10px 0 20px;
	}

	.index-box .banner-box .bc-r ul li a {
		position: absolute;
		max-width: initial;
		left: 100px;
		right: 10px;
	}

	.index-box .banner-box,
	.flexslider,
	.slides li {
		height: auto;
		background-size: cover;
	}

	.banner-box .flexslider,
	.banner-box .slides li {
		height: 878px;
	}

	.index-box .banner-box .tips {
		margin: 0;
		left: 5px;
		right: 5px;
		bottom: 20px;
	}

	.index-box .banner-box .tips li {
		width: 20%;
	}

	.index-box .banner-box .tips li a {
		font-size: 12px;
		margin-top: 10px;
	}

	.index-box .banner-box .bc-r ul li {
		position: relative;
	}

	.index-box .box1 .title {
		margin: 30px auto 0;
		width: 100vw;
		text-align: center;
	}

	.index-box .box1 .more {
		margin: 0 auto;
		display: block;
		text-align: center;
		width: 100%;
	}

	.index-box .box1 .title img {
		width: 80%;
	}

	.index-box .box1 ul {
		width: 100%;
		padding: 0 20px;
	}

	.index-box .box1 ul li {
		width: 100%;
		margin: 20px 0;
		padding: 0 30px;
	}

	.index-box .box1 ul li:hover a {
		width: 100%;
	}

	.index-box .box1 ul li a {
		width: 100%;
		padding-right: 24px;overflow:hidden;
	}

	.index-box .box1 ul li a span {
		width: 100%;
	}

	.index-box .box1 {
		height: auto;
		padding-bottom: 30px;
	}

	.index-box .box2 {
		height: auto;
		padding-bottom: 30px;
	}

	.index-box .box2 .title {
		margin: 30px auto 0;
		text-align: center;
		width: 100vw;
	}

	.index-box .box2 .more {
		margin: 20px auto 0;
		display: block;
		width: 100%;
		text-align: center;
	}

	.index-box .box2 .date-box {
		width: 90vw;
		padding: 0;
		margin: 30px 5vw 20px 0;
	}

	.ui-datepicker-calendar {
		width: 100%;
	}

	.index-box .box2 .list-box {
		width: 100%;
		padding: 0 10px;
		float: none;
	}

	.index-box .box2 .list-box a {
		width: 100%;
		margin-top: 15px;
	}

	.index-box .box3 .title img {
		width: 60%;
	}

	.index-box .box3 {
		height: auto;
		padding-bottom: 50px;
	}

	.index-box .box3 ul {
		padding: 0 2vw;
	}

	.index-box .box3 ul li {
		width: 40vw;
		height: 40vw;
		padding: 5vw;
		margin: 4vw !important;
	}

	.index-box .box3 ul li .box {
		width: 30vw;
		height: 30vw;
		padding-top: 9vw;
	}

	.footer-box .logo {
		border: none;
		width: 100%;
		background-position: center;
	}

	.footer-box {
		padding: 30px 0;
	}

	.footer-box .list-box {
		padding: 30px 5vw 0;
	}

	.footer-box .list-box a {
		width: 40vw;
		margin: 2vw;
	}

	.footer-box .list-box p {
		margin: 10px;
	}

	.footer-box .list-box p span {
		display: inline-block;
	}

	.index-box .box4 {
		height: auto;
		overflow: hidden;
		margin-top: -10px;
	}

	.index-box .box4 .video-box {
		height: auto;
		padding-bottom: 60px;
	}

	.index-box .box4 .video-box dl dt {
		width: 90vw;
		margin-left: 5vw;
		height: 60vw;
	}

	.index-box .box4 .video-box dl dd {
		width: 42.5vw;
		margin: 5vw 0 0 5vw;
		height: 26vw;
	}

	.index-box .box4 .video-box .title img {
		width: 30vw;
	}

	.index-box .box4 .video-box dl dt .tips {
		width: 70vw;
		height: 40vw;
		margin: -20vw 0 0 -35vw;
	}

	.index-box .box4 .video-box dl dt .tips h2 {
		width: 55vw;
		margin-top: 4vw;
		font-size: 18px;
	}

	.index-box .box4 .video-box dl dt .tips p {
		width: 55vw;
		font-size: 14px;
	}

	.index-box .box4 .video-box dl dt .tips button {
		margin-top: 4vw;
		margin-right: 4vw;
		height: 8vw;
		line-height: 8vw;
		width: 120px;
		font-size: 14px;
	}

	.list-boxs .main-box .main-left {
		width: 100%;
		padding: 0 20px;
	}

	.list-boxs .main-box .main-left h2 {
		display: none;
	}

	.list-boxs .main-box .main-left ul>li {
		float: left;
		width: 33.333%;
		position: relative;
		height: 60px;
		line-height: 60px;
	}

	.list-boxs .main-box .main-left ul li.arrow:after {
		top: 24px;
	}

	.list-boxs .main-box .main-left ul li.arrow.active:after {
		top: 28px;
	}

	.label-tips .title {
		font-size: 20px;
		
		background: rgba(0, 0, 0, 0);
		color: #b50a26;
		font-weight: bold;
	}

	.list-boxs .main-box .main-left ul li p,
	.list-boxs .main-box .main-left ul li.active p {
		padding: 0 40px 0 20px;
		border: none;
	}

	.list-boxs .main-box .main-left ul li ol {
		position: absolute;
		z-index: 2;
		width: 100%;
	}

	.list-boxs .main-box .main-left ul li ol li {
		padding: 0 20px;
		height: 50px;
		line-height: 50px;
	}

	.list-boxs .main-box .main-right {
		padding: 0 20px;
		width: 100%;
	}

	.list-boxs #myPage {
		text-align: center;
	}

	/*-------12-11更新开始---------*/
	.retrieve1 .retrieve-box .r-l {
		width: 100%;
		padding: 0;
	}

	.retrieve1 .retrieve-box .r-r {
		width: 100%;

	}

	.retrieve1 .label-tips {
		padding: 0 20px;
	}

	.retrieve1 .sea-box ol li {
		width: auto;
	}

	.retrieve1 .retrieve-box .r-l li {
		width: 33.33%;
		float: left;
	}

	.retrieve1 .retrieve-box .r-l li p {
		padding: 0 15px;
	}

	.retrieve1 .retrieve-box .r-l li.active p {
		border: none;
		padding: 0 15px;
	}

	.retrieve1 .detils-box {
		padding: 0 0 60px;
	}

	.sublist  li {
		width: 100%;
		margin-bottom: 10px;
	}

	.donation-box ul li input {
		width: 60%;
	}

	.donation-box .info-box ol {
		padding: 20px 30px 0;
	}

	.donation-box .info-box .lab {
		display: block;
		position: static;

	}

	.donation-box .info-box {
		padding-left: 0;
	}

	.donation-box .info-box ol li .input1,
	.donation-box .info-box ol li .input2,
	.donation-box .info-box ol li .input3 {
		width: 80%;
		margin: 0;
	}

	.donation-box .info-box ol li span {
		display: block;
	}

	.donation-box .info-box ol li span:nth-of-type(3) {
		display: none;
	}

	.donation-box .info-box ol li i {
		margin-right: 0;
	}

	.donation-box .info-box ol li em {
		display: block;
		width: 40px;
		margin: 0;
	}

	/*-------12-11更新结束---------*/
}

@media screen and (max-width: 770px) {
	.index-box .box3 ul li .box .hd span {
		font-size: 24px;
	}

	.index-box .box3 ul li .box .tips {
		font-size: 18px;
	}

	.retrieve-box .main-box .main-r table tr th {
		font-size: 14px;
		padding: 0 10px;
	}

	.retrieve-box .main-box .main-r table tr td {
		font-size: 14px;
		padding: 10px;
	}

	/*-------12-11更新开始---------*/
	.retrieve1 .retrieve-box .r-l li p {
		font-size: 14px;
		padding: 0 15px;
	}

	.retrieve1 .re-label {
		padding: 20px 0 0 0;
	}

	.retrieve1 .re-label .title {
		position: static;
	}

	.retrieve1 .retrieve-box .sea-box ol {
		padding-top: 10px;
	}

	body .layui-laydate-range {
		width: 272px;
	}

	/*-------12-11更新结束---------*/
}

@media screen and (max-width: 640px) {
.label-tips .title{display:none;}
	.retrieve-box .sea-box {
		margin-top: 20px;
		padding: 20px 20px 0 20px;
	}

	.retrieve-box .sea-box .input {
		padding: 0 100px 0 50px;
	}

	.retrieve-box .sea-box ol {
		padding-top: 30px;
	}

	.retrieve-box .sea-box .input i {
		left: 10px;
		height: 50px;
		line-height: 45px;
	}

	.retrieve-box .sea-box .input input {
		height: 50px;
		line-height: 50px;
	}

	.retrieve-box .sea-box .input button {
		width: 100px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	.index-box .box3 ul li .box .hd span {
		font-size: 16px;
	}

	.retrieve-box .sea-box ul li select {
		font-size: 16px;
	}

	.retrieve-box .sea-box ul li {
		width: 47%;
	}

	.retrieve-box .sea-box ul li:nth-child(3n) {
		margin-right: 5%;
	}

	.retrieve-box .sea-box ul li:nth-child(2n) {
		margin-right: 0;
	}

	.retrieve-box .main-box .main-r table tr th .retrieve-box .main-box .main-r table tr td {
		font-size: 12px;
	}

	.detils-box h2 {
		font-size: 22px;
	}

	.detils-box .time-box {
		padding-bottom: 0;
	}

	.next-box h3 {
		font-size: 18px;
	}

	.list-boxs .main-box .main-left ul li ol li {
		font-size: 14px;
		padding: 0 15px;
		height: 40px;
		line-height: 40px;
	}

	.list-boxs .main-box .main-left ul li.arrow:after {
		right: 7%;
	}

	.index-box .box3 ul li .box .tips {
		font-size: 14px;
	}

	.list-boxs .main-box .main-left ul li p,
	.list-boxs .main-box .main-left ul li.active p {
		font-size: 14px;
		padding: 0 15px;
	}

	.list-boxs .main-box .main-left {
		padding: 0;
	}

	.list-boxs .main-box .main-right {
		padding: 0 10px;
	}

	#myPage .spage-number span {
		width: 26px;
		height: 26px;
		line-height: 26px;
		margin: 0 2px;
	}

	#myPage .spage-skip {
		display: none;
	}

	.list-boxs #myPage {
		padding-top: 20px;
	}

	#myPage .spage-number span[data-page="next"],
	#myPage .spage-number span[data-page="prev"] {
		background-size: 10px;
	}

	.list-boxs .main-box .main-right .list li h2 {
		font-size: 18px;
	}

	.list-boxs .main-box .main-right .list li p,
	.list-boxs .main-box .main-right .list li span {
		font-size: 14px;
	}

	.list-boxs .main-box .main-right .list li span {
		background-size: auto 100%;
	}


}

@media screen and (max-width: 330px) {
	.nav-box .logo img {
		height: 40px;
	}

	.retrieve-box .sea-box .input button {
		width: 60px;
	}

	.retrieve-box .sea-box .input {
		padding: 0 60px 0 50px;
	}

	.retrieve-box .sea-box .input i img {
		width: 20px;
	}

	.retrieve-box .sea-box ul li {
		margin-right: 0;
		width: 100%;
		padding-bottom: 20px;
	}

	.detils-box h2 {
		padding: 15px 0;
		font-size: 18px;
	}

	.retrieve-box .main-box .main-r table tr th,
	.retrieve-box .main-box .main-r table tr td {
		padding: 0 5px;
	}

	.list-boxs .main-box .main-right .txt-box p {
		font-size: 14px;
	}

	.detils-box .time-box,
	.detils-box .txt-box p,
	.next-box p {
		font-size: 14px;
	}

	.next-box h3 {
		font-size: 16px;
	}

	.list-boxs .main-box .main-left ul li ol li {
			{
			font-size: 12px;
		}

		#myPage .spage-number span {
			width: 20px;
			font-size: 12px;
		}

		.nav-box .logo span {
			font-size: 20px;
		}

		.index-box .banner-box .banner-content {
			left: 10px;
			right: 10px;
		}

		.index-box .banner-box .sea-box {
			padding: 90px 10px 0;
		}

		.index-box .banner-box .tips li a {
			font-size: 10px;
		}

		.date-hd {
			margin-left: -142px;
		}

		.index-box .box3 ul li .box .hd span {
			font-size: 14px;
		}

		.index-box .box3 ul li .box .tips {
			font-size: 12px;
		}
	}