@charset "utf-8";

/* CSS Document */

@media (max-width: 1200px) {
    body.in .bottomarea .bg {
        background-color: transparent;
    }
    body.in .bottomarea .link_box {
        background-color: rgb(164, 46, 9);
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        max-width: 100%;
    }
    body.in .bottomarea .link_box .slider {
        max-width: 900px;
        margin: auto;
    }
    body .link_box .autoplay .slick-slide a,
    body .event .slick-slide a {
        padding: 10px;
    }
}

@media (min-width: 1024px) {
    body .fat_box .fat,
    body .footer_box .footer {
        width: 1000px;
        margin: auto;
    }
    body .menu_box .menu-button {
        display: none;
    }
    body .flexnav.opacity {
        opacity: 1;
    }
}

@media (min-width:999px) {
    body .menu_box .menu-button {
        display: none;
    }
}

@media (max-width: 1024px) {
	body .marquee_box {
		padding: 0 15px;
	}
	body div.mc-image { background-position: center left 64%;}
}
@media (max-width: 999px) {
	body.in .top_area {
		padding-bottom: 15px;
	}
    body .bottomarea .banner,
    body .bottomarea .friend {
    	width: 100%;
    	margin: 10px 0;
    }
	body .menu_box nav {
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		right: 0;
	}
    body .top_box .top_plus {
        display: none;
    }
    body .menu_box {
        height: 45px;
        top: 0;
        background: none;
    }
    body .top::after {
        top: 40px;
    }
    body .menu_box.smaller {
        position: relative;
    }
    body .menu_box .flexnav a.accesskey {
        left: 15px;
        top: 236px;
        color: #fff;
        position: static;
    }
    body .menu_box .top_plus a {
    	color: #fff;
    }
    body .menu_box .flexnav ul li .touch-button {
    	padding: 0;
    }
    body .menu_box .flexnav ul li a {
    	color: #ccc;
    }
    body .menu_box .flexnav ul ul {
    	padding: 5px 0;
    	border-bottom: 1px rgba(255, 255, 255, 0.5) dotted;
    }
    body .menu_box .flexnav ul ul li a {
    	border: 0;
    	color: #888;
    	padding: 5px 10px;
    }
    body .menu_box nav ul {
        background-color: rgba(51, 51, 51, 0.95) !important;
        width: 100% !important;
        padding: 0;
        margin-top: 0 !important;
        padding-top: 55px;
    }
    body .menu_box nav ul li ul {
        margin-top: 0 !important;
    }
    body .menu_box nav ul ul {
        margin-top: 0;
        padding: 0;
    }
    body .menu_box .flexnav li {
        padding: 0;
    }
    body .menu_box .flexnav .touch-button .navicon,
    body .menu_box .flexnav ul .touch-button .navicon {
        background-image: url(../images/all/arrow_bottom02.png) !important;
    }
    body .menu_box .flexnav .touch-button .navicon {
        right: 10px;
    }
    body .menu_box .top_box {
        top: 0;
        max-width: none;
        margin: 0;
        position: static;
    }
    body .menu_box .search_box {
    	background: none;
        position: relative;
        top: 0;
        padding: 0 15px 0 15px;
        left: 0;
        margin: 0 0 40px 0;
    }
    body .top h1,
    body .menu_box .top h1,
    body .top h1,
    body .menu_box .top .logo {
        position: relative;
        z-index: 10;
        top: 50px;
        left: 60px;
        width: 240px;
    }
    body .menu_box .top .logo img {
    	max-width: 100%;
    }
    body .top_box .top_link {
        right: 15px;
        z-index: 30;
    }
    body .top_box .top_link::after {
    	content: '';
    }
    body .top_box .logobg {
        background-position: center bottom;
        margin-top: -110px;
    }
    body .container {
        margin-top: 324px;
    }
    body .menu_box .flexnav li a {
        border-bottom: 1px dotted rgba(255, 255, 255, 1);
        color: #fff;
    }
    body .menu_box .top {
        display: block;
        height: 50px;
    }
    body .top {
        display: none;
        position: static;
    }
    body .urgent {
        padding: 10px 15px 10px 15px;
        text-align: center;
    }
    body.in .gotop a {
    	bottom: -30px;
    	right: 5px;
    }
}

@media (max-width: 992px) {
    body .banner.slick-dotted.slick-slider {
        padding: 0 20px;
    }
    body .menu_box .top_plus {
        position: relative;
        top: 0;
        display: block;
        color: #fff;
    }
    body .menu_box .top_plus span {
        clear: both;
        display: block;
        margin: 10px 0 0 0;
    }
    body .news_area .show_box .news_list {
        /* margin: 30px 0 0 0; */
    }
    body.in .top_area .activity .bt a,
    body.in .top_area .activity .bthover a {
        left: 50% !important;
        right: inherit;
    }
    body.in .top_area .news_area .bt a,
    body.in .top_area .news_area .bthover a {
        right: 50%;
        left: inherit;
    }
    body .urgent_box {
        padding: 40px 10px 0 10px;
        background-position: center 0;
        background-image: url(../images/index/urgent_title02.png);
    }
    body .urgent_box .pic {
        text-align: center;
    }
    body .bottomarea .wave {
        height: 50px;
    }
    body .sbanner_box {
        padding: 20px 10px;
        margin-top: 0;
    }
    body .home_box .content .pic_news .box {
        height: 350px;
    }
    body .footer_box .footer .link {
        top: 0;
    }
    body .footer_box .footer .link .qrcode {
        float: left;
    }
    body .footer_box .footer .link .qrcode li {
        margin-left: 0;
        margin-right: 10px;
    }
    body .footer_box .footer .txt_link {
    }
    body .event.pic .pic {
        height: 64%;
    }
    body .fat_box {
        display: none;
    }
    body .home_box .content {
        padding: 15px 25px 40px 25px;
    }
    body .footer_box .footer .link .txt {
        float: none;
    }
    body .footer_box .footer .left {
        top: 10px;
        text-align: center;
    }
}

@media (max-width: 970px) {
    body.in .bottomarea .link_box {
        padding: 0 0 25px 0;
    }
}

@media (max-width: 850px) {
    body .menu_box .calendar {
        left: inherit;
        top: -85px;
        right: 10px;
    }
    body .menu_box .search_box .subtitle {
        display: none;
    }
}

@media (max-width: 767px) {
	body .footer_box .footer{
		text-align: center;
	}
	body .footer_box .footer .link {
		float: none;
		display: inline-block;
		width: auto;
	}
	body .footer_box .footer .link .txt {
		text-align: left;
		display: inline-block;
		width: auto;
	}
	body .footer_box .footer .icon01 {
		overflow: hidden;
	}
	body .footer_box .footer .icon01 li {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	body .footer_box .footer .txt_link a {
		margin: 0 5px 10px;
	}
    body #arrow_left,
    body #arrow_right {
        top: 170px;
    }
    body.in .sir_area {
        padding: 0 15px;
        margin: 25px 0;
    }
    body.in .sir_area .picture img {
        max-width: 214px;
    }
    body .home_box .content .pic_news .box {
        height: auto;
    }
    body .home_box .content .pic_news .box .pic {
        height: auto;
        display: block;
    }
    body .gotop a {
        bottom: -370px;
    }
    body .content .detail .search_box .search01 .w02 {
        right: 15px;
    }
    body .content .detail .search_box .search02 .keyin {
        padding: 0 230px 0 70px;
    }
    body .home_box #centent.large .search_box .search02 .keyin {
        padding: 0 265px 0 0;
    }
    body .content .detail .search_box .search01 .icon {
        right: 60px;
    }
    body .content .detail .search_box .search01 .keyin {
        padding: 0 80px 0 70px;
    }
    body .home_box #centent.large .search_box .search01 .keyin {
        padding: 0 80px 0 80px;
    }
    body .content .detail .list .title .num,
    body .content .detail .list .title .date {
        display: none;
    }
    body .menu_box.smaller .search_box {
        display: block !important;
    }
    body .activity .bar {
    	margin: 0 -15px;
    	width: auto;
    	font-size: 120%;
    }
    body .activity .event .title a {
    	font-size: 100%;
    }
    body .activity .event .title {
    	margin-bottom: 15px;
    }
    body .content .detail {
    	padding-left: 0;
    	padding-right: 0;
    }
}

@media (max-width: 530px) {
    body .menu_box .menu-button {
        top: 0;
        /* left: -5px; */
    }
    body .menu_box .menu-button img {
        width: 78%;
    }
    body .menu_box .flexnav a.accesskey {
        top: 176px;
    }
    body.in .sir_area,
    body.in .fb_area {
        width: 100%;
        /* clear: both; */
        margin: 20px 0 !important;
    }
    body.in .news_list .ui-tabs .ui-tabs-panel ul li .l_pic {
        float: none;
        margin: 0 0 10px 0;
    }
    body.in .news_list .ui-tabs .ui-tabs-panel ul li .l_pic img {
        width: 100%;
    }
    body.in .news_list .ui-tabs .ui-tabs-panel ul li .date {
        float: none;
        display: table;
        margin-bottom: 9px;
    }
    body .fat_box {
        display: none;
    }
    body .content .detail .list .title .stitle {
        width: 100%;
    }
}

@media (max-width: 640px) {
    body .top h1 a {
        margin: auto;
    }
    body .menu_box #menu .main-menu {
        margin-top: -135px;
    }
    body .container {
        /* margin-top: 298px; */
    }
    body .menu_box nav {
        margin-top: 0;
    }
    body .banner .slick-slide .title {
        padding: 10px;
        font-size: 120%;
    }
    body .banner .slick-prev,
    body .banner .slick-next {
        bottom: -3px;
    }
    body .home_box .content .sub .pic_news .frame {
        width: 100%;
    }
}

@media (max-width: 530px) {
    body .top h1 a {
        margin: 0;
    }
    body .top {
        height: auto;
    }
    body .top h1, body .menu_box .top h1, body .top h1, body .menu_box .top .logo {
    	position: absolute;
    	top: 60px;
    	left: 15%;
    	margin: 0;
    	width: 200px;
    }
    body .top::after {
    	top: 50px;
    }
    body .top_box .top_link {
    	position: relative;
    	top: 0;
    	left: 0;
    	text-align: right;
    	padding: 20px 15px 5px;
    	z-index: 30;
    }
    body .container {
        /* position: fixed; */
        margin-top: 0;
        position: absolute;
        top: 380px;
    }
    body.in .news_list .ui-tabs .ui-tabs-panel .more a {
    	position: static;
    	width: 80px;
    	margin: 15px auto 0;
    }
    body.in .news_list .ui-tabs .ui-tabs-nav li {
        width: 50%;
    }
    body.in .news_list .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        border-bottom-color: #ddd;
    }
    body.in .news_list li .line {
        display: none;
    }
    body .top_box .logobg {
        background-image: none;
    }
    body .menu_box {
        top: 0;
        position: absolute;
        width: 100%;
    }
    body .menu_box nav ul {
        /* padding-top: 25px; */
    }
    body .mc-cycle {
        position: relative !important;
        z-index: 0 !important;
    }
    body .content .detail .search_box .search02 .w03 {
        position: relative;
        left: 0;
    }
    body .content .detail .search_box .search02 .w02,
    body .home_box #centent.large .search_box .search02 .w02 {
        right: 27px;
    }
    body .content .detail .search_box .search02 .icon,
    body .home_box #centent.large .search_box .search02 .icon {
        right: 61px;
    }
    body .content .detail .search_box .search02 .keyin,
    body .home_box #centent.large .search_box .search02 .keyin {
        padding: 0 81px 0 79px;
    }
}

@media (max-width: 480px) {
	body .footer_box .footer .txt_link a {
		display: block;
		width: 220px;
		margin: 0 auto 10px;
	}
    body.home .main {
        padding: 0;
    }
    body .menu_box .top_box h1 img {
        width: 100%;
    }
    body .link_box .col-xs-4 {
        width: 50%;
    }
    body .banner .slick-slide .title {
        display: none;
    }
    body .banner .slick-prev,
    body .banner .slick-next {
        bottom: 36%;
    }
    body .banner .slick-prev {
        left: 0;
    }
    body .banner .slick-next {
        right: 0;
    }
    body .content .detail .page .num {
        display: none;
    }
    body .content .detail .search_box .keyword .w01,
    body .content .detail .search_box .w01 {
        position: relative;
    }
    body .content .detail .search_box .opt {
        padding: 0;
    }
    body .home_box #centent.large .search_box .opt {
        padding: 0;
    }
    body .content .detail .search_box .search01 .keyin,
    body .content .detail .search_box .search02 .keyin,
    body .home_box #centent.large .search_box .search01 .keyin,
    body .home_box #centent.large .search_box .search02 .keyin {
        padding: 0 80px 0 0;
    }
    body .home_box #centent.large .search_box .search01 .keyin {}
    body .content .detail .search_box .search01 .icon,
    body .content .detail .search_box .search01 .w02 {
        top: 21px;
    }
    body .content .detail .search_box .keyword .keyin,
    body .home_box #centent.large .search_box .keyword .keyin {
        padding: 0 110px 0 0;
    }
    body .content .detail .search_box .keyword .button {
        top: 20px;
    }
    body .home_box #centent.large .search_box .keyword .button {
        top: 24px;
    }
}

@media (max-width: 450px) {
    body .footer_box .footer .link .icon01 li {
        margin-left: 0;
        margin-right: 5px;
    }
    body .home_box .content .sub .title {
        padding-bottom: 0;
    }
}

@media (max-width: 420px) {
    body .home_box .content .plug {
        /* position: relative; */
        /* top: 10px; */
        /* right: 0; */
        display: inline-block;
        /* margin-bottom: -20px; */
        margin-top: 15px;
    }
    body .home_box .content .plug .group {
        float: right;
        margin-left: 0;
    }
    body .home_box .content .plug .set.group {
        margin-top: 8px;
    }
    body .main .life_info .col-xs-4 {
        width: 100%;
    }
}

@media (max-width: 410px) {
    body .top h1 img {
        padding-left: 45px;
        padding-right: 13px;
    }
}

@media (max-width: 400px) {
    body .home_box .content .opera li a {
        width: 30px;
        height: 30px;
        overflow: hidden;
        text-indent: -9999px !important;
        background-position: 50% !important;
    }
    body.in .top_area::before {
    	width: 280px;
    	margin-left: -140px;
    }
    body .friend .box .tab_box .list {
    	padding-left: 45%;
    }
}

@media (max-width: 350px) {
    body .footer_box .footer .link .icon01 .group {
        display: inline-block;
    }
}

@media (max-width: 1000px) {
    body .into a {
	    z-index: -99;
	}
}