@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1280px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%;}
	.header{ width:100%;}
	.logo{ width:16.56%;}
	.head-center{ width:61.34%;}
	.head-right{ width:22.1%;}
	.container-wrapper{ width:100%;}
	.footer-wrapper{ width:98%;}
}

@media screen and (max-width:1200px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%;}
	.header{ width:100%;}
	.logo{ width:18.1%;}
	.head-center{ width:57.5%;}
	.head-right{ width:24.4%;}
	.container-wrapper{ width:100%;}
	.footer-wrapper{ width:98%;}
}

@media screen and (max-width:1060px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%;}
	.header{ width:100%;}
	.logo{ width:20.2%;}
	.head-center{ width:52.8%;}
	.head-right{ width:27%;}
	.container-wrapper{ width:100%;}
	.left-container span{ margin:0.35% 0% 0% 1%;}
	.footer-wrapper{ width:98%;}
}

@media screen and (max-width:960px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%;}
	.header{ width:100%;}
	.logo{ width:22.7%;}
	.head-center{ width:46.8%;}
	.head-right{ width:30.5%;}
	.container-wrapper{ width:100%;}
	.footer-wrapper{ width:98%;}
}

@media screen and (max-width:800px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%;}
	.header{ width:100%;}
	.logo{ width:25.9%;}
	.head-center{ width:39.3%;}
	.head-right{ width:34.8%;}
	.container-wrapper{ width:100%;}
	.footer-wrapper{ width:98%;}
}

@media screen and (max-width:768px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%; margin:0%;}
	.header{ width:100%;}
	.logo{ width:30.2%;}
	.head-center{ width:29.2%;}
	.head-right{ width:40.6%;}
	.header-menu{ display:none;}
	.nav_menu{ display:block;}
	.new_bar{ display:block;}
	.container-wrapper{ width:100%;}
	.left-container{ width:100%;}
	.right-container{ width:98%; margin:0% 1%;}
	.con{ width:99%; margin-right:1%}
	.right-container-head{ padding: 1.5% 2% 0%;}
	.right-head{ margin:3% 0% 0% 3%;}
	.right-con{ padding:0% 0% 5%;}
	.right-con li{ margin:2% 0% 0%;}
	.star{ margin:0.4% 3% 0% 0%;}
	.xml{ margin:5% 5% 7% 3.5%;}
	.rss{ margin:4% 0% 0%;}
	.footer-wrapper{ width:98%; margin-top:2%;}
	.footer-links{ width:50%; min-height:216px;}
	.footer-links99{ width:50%; min-height:380px;}
}

@media screen and (max-width:640px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%; margin:0%;}
	.header{ width:100%;}
	.logo{ width:36.3%;}
	.head-center{ width:14.9%;}
	.head-right{ width:48.8%;}
	.header-menu{ display:none;}
	.container-wrapper{ width:100%;}
	.left-container{ width:100%;}
	.left-container span{ margin:0.4% 0% 0% 1%;}
	.right-container{ width:98%; margin:0% 1%;}
	.con{ width:99%; margin-right:1%}
	.right-container-head{ padding: 1.5% 2% 0%;}
	.right-head{ margin:3% 0% 0% 3%;}
	.right-con{ padding:0% 0% 5%;}
	.right-con li{ margin:2% 0% 0%;}
	.star{ margin:0.4% 3% 0% 0%;}
	.xml{ margin:5% 5% 7% 3.5%;}
	.rss{ margin:4% 0% 0%;}
	.footer-wrapper{ width:98%; margin-top:2%;}
	.footer-links{ width:50%; min-height:202px;}
	.footer-links99{ width:50%; min-height:372px;}
}

@media screen and (max-width:480px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%; margin:0%;}
	.header{ width:100%;}
	.logo{ width:45.4%; margin-left:-4%;}
	.head-center{ width:0%;}
	.head-right{ width:60.9%; margin-left:-2.3%;}
	.header-menu{ display:none;}
	.container-wrapper{ width:100%;}
	.left-container{ width:100%;}
	.left-container span{ margin:0.7% 0% 0% 0%;}
	.right-container{ width:98%; margin:0% 1%;}
	.con{ width:99%; margin-right:1%}
	.right-container-head{ padding: 1.5% 2% 0%;}
	.right-head{ margin:3% 0% 0% 3%;}
	.right-con{ padding:0% 0% 5%;}
	.right-con li{ margin:2% 0% 0%;}
	.star{ margin:0.4% 3% 0% 0%;}
	.xml{ margin:5% 5% 7% 3.5%;}
	.rss{ margin:4% 0% 0%;}
	.footer-wrapper{ width:98%; margin-top:2%;}
	.footer-links{ width:50%; min-height:205px;}
	.footer-links99{ width:50%; min-height:366px;}
}

@media screen and (max-width:360px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%; margin:0%;}
	.header{ width:100%;}
	.logo{ display:none;}
	.head-center{ display:none;}
	.head-right{ display:none;}
	.head99{ width:100%; display:block;}
	.header-menu{ display:none;}
	.container-wrapper{ width:100%;}
	.left-container{ width:100%;}
	.right-container{ width:98%; margin:0% 1%;}
	.con{ width:99%; margin-right:1%}
	.right-container-head{ padding: 1.5% 2% 0%;}
	.right-head{ margin:3% 0% 0% 3%;}
	.right-con{ padding:0% 0% 5%;}
	.right-con li{ margin:2% 0% 0%;}
	p img{ width:100%;}
	.star{ margin:0.4% 3% 0% 0%;}
	.xml{ margin:5% 5% 7% 3.5%;}
	.rss{ margin:4% 0% 0%;}
	.footer-wrapper{ width:98%; margin-top:2%;}
	.footer-links{ width:100%;}
	.footer-links99{ width:100%;}
}

@media screen and (max-width:320px)
{
	.outer-wrapper{ width:100%;}
	.header-wrapper{ width:100%; margin:0%;}
	.header{ width:100%;}
	.logo{ display:none;}
	.head-center{ display:none;}
	.head-right{ display:none;}
	.head99{ width:100%; display:block;}
	.header-menu{ display:none;}
	.container-wrapper{ width:100%;}
	.left-container{ width:100%;}
	.right-container{ width:98%; margin:0% 1%;}
	.con{ width:99%; margin-right:1%}
	.right-container-head{ padding: 1.5% 2% 0%;}
	.right-head{ margin:3% 0% 0% 3%;}
	.right-con{ padding:0% 0% 5%;}
	.right-con li{ margin:2% 0% 0%;}
	p img{ width:100%;}
	.star{ margin:0.4% 3% 0% 0%;}
	.xml{ margin:5% 5% 7% 3.5%;}
	.rss{ margin:4% 0% 0%;}
	.footer-wrapper{ width:98%; margin-top:2%;}
	.footer-links{ width:100%;}
	.footer-links99{ width:100%;}
}