@charset "utf-8";

@media(max-width: 1199px) {
	.tz .notice_active {width:75%;}
	.tz .gg_more {width: 15%;justify-content: flex-end;}
}

@media(max-width: 991px) {
	.main .notice_list .figure_img .ico_a .div_ico_img{width: 10%;}
	.main .notice_list .figure_img .figcaption_txt {width: 90%;}
	.tz .notice_active {width:70%;}
	.tz .gg_more {width: 20%;}
}

@media(max-width: 767px) {
	.main .login {padding-bottom: 30px;}
	.main .login .figure_img {
	    margin: 30px auto;
	}
	.main .login .logo_form {padding: 40px 20px;}
	.main .login .logo_form .layui-form-item {margin-bottom: 15px;}
	.main .login .logo_form .img {left: 10px;top: 10px;}
	.main .login .logo_form input::-webkit-input-placeholder, 
	.main .login .logo_form textarea::-webkit-input-placeholder,
	.main .login .logo_form input:-moz-placeholder, 
	.main .login .logo_form textarea:-moz-placeholder,
	.main .login .logo_form input::-moz-placeholder, 
	.main .login .logo_form textarea::-moz-placeholder,
	.main .login .logo_form input:-ms-input-placeholder, 
	.main .login .logo_form textarea:-ms-input-placeholder {
		font-size: 20px;
		line-height: 1.5;
	}
	.main .login .logo_form input {
		font-size: 20px;
		line-height: 1.5;
	    height: 50px;
	    border-radius: 5px;
	}
	.main .login .logo_form .layui-btn {
		font-size: 20px;
		line-height: 1.5;
	    height: 50px;
	}
	.main .login .logo_form .txt .h2::before {bottom: 10px;width: 30%;}
	.main .login .logo_form .txt .h2::after {bottom: 10px;width: 30%;}
	.main .login .logo_form .txt .h2,
	.main .login .logo_form .txt .p {
		font-size: 16px;
		line-height: 1.5;
	}
	.main .login .logo_form .txt {margin: 50px auto 0;}
	.main .login .logo_form .txt .p {margin: 5px auto;}
	.main .home_header {height: 250px;background-size: cover;}
	.main .home_header .figure_img {padding: 15px 0 0 0;}
	.main .home_header .figure_img .figcaption_txt {
	    margin: 0px auto 10px;
	}
	.main .home_header .figure_img .figcaption_txt .information_a .span {flex-wrap: nowrap;}
	.main .home_header .figure_img .figcaption_txt .h2 {
	    margin: 0px auto 10px;
	}
	.main .home_header .figure_img .figcaption_txt .information_a .span img {
	    width: 50px;
	    height: 50px;
	    margin: 0;
	}
	.main .home_header .figure_img .figcaption_txt .information_a .span2 small {
	    font-size: 20px;
	}
	.main .home_header .figure_img .figcaption_txt .information_a .span2 small:last-child {
		font-size: 13px;
		line-height: 1.5;
	}
	.main .home_img {
	    margin: -120px auto 15px;
	}
	.main .nav_list .figure_img .ico_a .figcaption_txt {
	    font-size: 16px;
	    margin: 5px auto 0;
	}
	.main .nav_list .bg {padding: 30px 0 0;}
	.main .nav_list .layui-btn {
	    font-size: 20px;
	    height: 50px;
	    line-height: 50px;
	}
	.main .nav_list .figure_img {margin: 0 auto 15px;}
	.main .nav_list .figure_img .ico_a img {
		width: 50px;
		height: 50px;
	}
	.main .header {height: 60px;}
	.main .header .h2 a {
    	line-height: 60px;
    	height: 60px;
    	width: 60px;
	}
	.main .header .h2 span {
    	line-height: 60px;
	}
	.main .notice_list .figure_img .figcaption_txt .span {
	    font-size: 20px;
	}
	.main .notice_list .figure_img .figcaption_txt .fa {
	    font-size: 20px;
	}
	.main .notice_list .figure_img .ico_a .ico_img {
		width: 25px;
	    height: 30px;
	}
	.main .notice_list {
	    margin: 20px auto 0;
	    padding-bottom: 20px;
	}
	.main .notice_list .figure_img {padding: 15px;margin: 0px auto 20px;}
	.main .notice_list .figure_img .ico_a .div_ico_img{width: 40px;}
	.main .notice_list .figure_img .figcaption_txt {width: 92%;margin: 0;}
	.main .notice_list .figure_img .figcaption_txt .span {
	    width: 97%;
	    justify-content: space-between;

	}
	.main .notice_list .figure_img .figcaption_txt .fa {
	    width: 30px;
	    text-align: right;
	    position: initial;
	}
	.main .pay_main .pay_form {
	    padding-bottom: 20px;
	}
	.main .pay_main .pay_main_txt {
	    margin: 20px auto;
	}
	.layui-carousel[lay-indicator=outside] {
	    margin-bottom: 15px;
	}
	.main .pay_main .pay_main_txt .h2 {font-size: 20px;margin: 0px auto 15px;}
	.main .pay_main .pay_main_txt .ul li {margin-bottom: 5px;}
	.main .pay_main .pay_main_txt .ul li span {font-size: 16px;}
	.main .pay_main .pay_main_txt .h3 {margin: 30px auto 0px;}
	.main .pay_main .pay_main_txt .h3 span {font-size: 20px;}
	.main .pay_main .pay_main_txt .h3 small {font-size: 20px;}
	.main .pay_main .layui-btn {
		height: 50px;
    	line-height: 50px;
	}
	.main .pay_main .layui-btn span {
		font-size: 20px;
		width: 50%;
		height: 50px;
    	line-height: 50px;
	}
	.main .pay_main .layui-btn small {
		font-size: 20px;
		width: 50%;
		height: 50px;
    	line-height: 50px;
	}
	.main .pay_img_bg .bg {height: 180px;}
	.main .album_list {
	    margin: 15px auto 0;
	    padding: 0 15px;
	}
	.main .album_list .figure_img {
	    margin: 0 auto 15px;
	    padding: 0 5px;
	}
	.main .album_list .figure_img .figcaption_txt {
		text-align: left;
		padding: 15px 0px 0;
	}
	.main .album_list .figure_img .figcaption_txt h3 {font-size: 20px;}
	.main .album_list .figure_img .figcaption_txt span {font-size: 16px;}
	.album_details .main .header {height: 250px;background-size: cover;}
	.album_details .main .header .txt {margin-top: 15px;}
	.album_details .main .header .txt .h3 {font-size: 20px;margin: 0 auto 10px;}
	.album_details .main .header .txt .span {font-size: 18px;}
	.album_details .main .header .txt .p {font-size: 30px;margin: 10px auto 0;}
	.album_details .main .album_details_list .figure_img {
		margin-bottom: 0px;
		padding: 5px;
	}
	.main .entry_notice_txt .h2 span {font-size: 18px;}
	.main .entry_notice_txt .h2 a img {
	    width: 30px;
	    height: 30px;
	}
	.main .entry_notice_txt .time_txt {margin: 20px auto;padding: 15px;}
	.main .entry_notice_txt .time_txt .time small {font-size: 16px;}
	.main .entry_notice_txt .time_txt .time span {font-size: 30px;}
	.main .entry_notice_txt .time_txt .p {font-size: 16px;}
	.main .entry_notice_txt .entry_notice_ul li {
		position: relative;
		margin-bottom: 10px;
	}
	.main .entry_notice_txt .entry_notice_ul li img {
	    width: 10px;
	    height: 10px;
	    position: absolute;
	    top: 5px;
	}
	.main .entry_notice_txt .entry_notice_ul li span {
		font-size: 16px;
		margin-left: 10px;
	}
	.main .contact_main .figure_img .span_img .img {
		width: 50px;
		height: 50px;
	}
	.main .contact_main .figure_img .figcaption_txt h3 {font-size: 20px;margin: 0 auto 5px;}
	.main .contact_main .figure_img .figcaption_txt span {font-size: 15px;}
	.main .contact_main .figure_img .figcaption_txt img {
		width: 25px;
		height: 25px;
		top: 30%;
	}
	.main .contact_main .figure_img {
	    margin: 0 auto 15px;
	}
	.main .contact_main .figure_img .ico_a {justify-content: space-between;}
	.main .contact_main .figure_img .span_img {
	    width: 60px;
	}
	.main .contact_main .figure_img .figcaption_txt {
		width: 88%;
	    padding-bottom: 15px;
	}
	.main .information_main .layui-input.date {
	    width: 84%;
	}
	.main .information_main {
	    margin: 60px auto 0;
	}
	.information .main .header {
		height: 250px;
		background-size: cover;
	}
	.information .main .header .txt {
	    margin: 30px auto 0;
	}
	.information .main .header .pz_img {
	    bottom: -50px;
	    width: 100px;
	    height: 100px;
	}
	.information .main .header .txt span {font-size: 22px;}
	.main .information_main .layui-btn {
		font-size: 20px;
		height: 50px;
		line-height: 50px;
	}
	.main .login .logo_form .layui-btn.a_btn {
	    line-height: 50px;
	}
	.tz .notice_active {width:80%;}
	.tz .gg_more {width: 75px;}
	.tz .hdimg img {
	    width: 15px;
	    height: 15px;
	}
	.tz .gg_more .news_ck {
	    width: 70px;
	    height: 25px;
	    line-height: 25px;
	}
}
@media(max-width: 575px) {
	.main .notice_list .figure_img .figcaption_txt {width: 88%;}
	.main .pay_img_bg .bg {height: 120px;}
	.main .contact_main .figure_img .figcaption_txt {width: 83%;}
	.tz .notice_active {width:70%;}
	.main .home_header {
	    height: 220px;
	}
	.main .home_img {
	    margin: -90px auto 15px;
	}
	.information .main .header {height: 220px;}
	.album_details .main .header {height: 220px;}
}
@media(max-width: 400px) {
	.main .home_header .figure_img .figcaption_txt .information_a .span2 small:last-child {
		font-size: 12px;
		line-height: 1.5;
	}
	.main .login .logo_form .txt .h2::before {width: 20%;}
	.main .login .logo_form .txt .h2::after {width: 20%;}
	.main .home_header {
	    height: 200px;
	}
	.main .home_img {
	    margin: -70px auto 15px;
	}
	.main .nav_list .figure_img .ico_a .figcaption_txt {
	    font-size: 18px;
	    margin: 10px auto 0;
	}
	.main .nav_list .bg {padding: 20px 0 0;}
	.main .nav_list .figure_img {margin: 0 auto 20px;}
	.main .notice_list .figure_img {margin: 0px auto 15px;}
	.main .notice_list .figure_img .ico_a .div_ico_img{width: 15%;}
	.main .notice_list .figure_img .figcaption_txt {width: 85%;}
	.main .notice_list .figure_img .figcaption_txt .span {
	    width: 260px;
	    font-size: 16px;
	}
	.main .notice_list .figure_img .figcaption_txt .fa {
		font-size: 16px;
	    width: 30px;
	    text-align: right;
	}
	.main .entry_notice_txt .entry_notice_ul li span {
	    font-size: 13px;
	    margin-left: 15px;
	}
	.main .entry_notice_txt .entry_notice_ul li img {top: 2px;}
	.main .pay_img_bg .bg {height: 90px;}
	.main .album_list .figure_img .figcaption_txt {
	    padding: 10px 0px 0;
	}
	.main .album_list .figure_img .figcaption_txt h3 {font-size: 16px;}
	.main .album_list .figure_img .figcaption_txt span {font-size: 12px;}
	.main .contact_main .figure_img .span_img {
	    width: 20%;
	}
	.main .contact_main .figure_img .figcaption_txt {
	    width: 80%;
	}
	.main .information_main .layui-input.date {
	    width: 100%;
	}
	.main .information_main .layui-form-label {width: 105px;}
	.information .main .header {height: 200px;}
	.album_details .main .header {height: 200px;}
	.tz .notice_active {width:65%;}
	/*.tz .notice_active li.notice_active_ch span {font-size:13px;line-height: 1.6;}*/
	.tz .gg_more {width: 65px;}
	.tz .gg_more .news_ck {
		font-size: 12px;
	    width: 60px;
	    height: 25px;
	}
	/*.tz .gg_more a {font-size: 12px;line-height: 1.6;}*/
}
@media(max-width: 320px){
	.tz .notice_active {width:65%;}
	.tz .gg_more {width: 65px;}
}