body {
	background-color: #fff;}

.pc_nav{display: flex;font-size: 16px;justify-content: center;height:40px;line-height: 40px;overflow: hidden;background-color: #eee;color:#000;}
.pc_nav ul{list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;width: 1100px;}
.pc_nav ul li{float: left;width:120px;text-align: center;}
.pc_nav ul li a{display: block;color:#000;text-decoration: none;}
.pc_nav ul li:hover{background-color:#aaa;}
.row{margin-top: 10px;justify-content: space-around;display: flex;flex-wrap: wrap;}
.dropdowns{display: inline-block;text-align: center;width: 100%;}
.dropdowns:hover .dropdowns-content{display: block;}
.dropdowns-content {animation:FadeIn .4s;transform-origin:top;display: none;position: absolute;background-color: rgba(255,255,255,.8);min-width: 120px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 999;color:#000;}
.dropdowns-content div{color:#000;text-align: center;}
.dropdowns-content div:hover{background-color: #aaa;}
.m_nav{overflow: hidden;overflow-y: auto;top:60px;transition: .6s;font-size: 16px;width:100%;height:calc(100% - 60px);background-color: rgba(0,0,0,.8);z-index: 9999;position: fixed;}

.top_tips .top_center {height:30px;color:#fff;width:1200px;margin: auto;}
.top_tips .top_center ul {list-style: none;}
.top_tips .top_center ul li{float: left;padding-left: 10px;padding-right: 20px;}
.top_tips .top_center ul li a{color:#fff;}
.news-nav {
	width: 100%;
	height: 35px;
	border-bottom: 3px solid #34319e;
	line-height: 30px;
	padding-left: 10px;
	background-color: #fff;
	color:#34319e;
	font-size: 16px
;}
.news-nav::before{
	content: '/';
	color:#34319e;
	font-weight: bold;}
.news-nav::after{
	content: '/';
	color:#34319e;
	font-weight: bold;}

.news-item{
	list-style: none;
	width:100%;
	height: 35px;
	padding: 20px;}
.news-item>a{
	color:#555;
	display: block;
	text-decoration: none;
	float: left;
	width:85%;
	overflow: hidden;
	height:35px;}
.news-item>a:hover{
	color:#000;}
.news-item>span{
	color:#555;
	display: block;
	text-decoration: none;
	float: right;
	width:15%;
	overflow: hidden;
	height: 35px;
	font-size: 9px;}
.news-nav span {
	float: right;
	font-size: 16px;
	padding-right: 10px;}
.news-nav span>a {
	color:#34319e;}

.news-box {
	padding: 0;
	margin-top: 10px;
	margin-left: 0px;}


.news-box-row2 {
	padding: 0;
	margin-top: 10px;
	margin-left: 0px;
	width: 69%
;}

.group-box {
	margin-bottom: 0px;}

.group-box .list-group-item {
	padding: 5px;
	border: none;
	margin-top: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height:35px;
	line-height: 35px;}

.group-box .list-group-item>span {
	float: right;
	font-size: 14px;
	color: #aaa;
	width:20%;
	display: block;}
.group-box .list-group-item>a {
	color:#666;
	text-decoration: none;
	display: block;
	width: 80%;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;}

.group-box .list-group-item>a:hover {
	color:#000;}

.group-box .list-group-item div {
	float: left;
	width: calc(100% - 32px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}

.nav-bar-color {
	background-color: #34319e;
	color: #fff
;}

.toggle-box {
	width: 300px;
	height: 200px;
	border: 1px solid #ccc;}

.news-img-text {
	display: flex;
	justify-content: space-between;
	padding: 5px
;}

.news-img-text .group-box {
	flex: 1
;}

.list-group-item-img {
	width: 180px;
	height: 180px;
	border: none;
	list-style: none;
	float: left;
	margin-left: 10px;}

.list-group-item-img img {
	width: 180px;
	height: 160px;
	border: 1px solid #ccc
;}

.list-group-item-img div {
	width: 180px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;}

.top_tips {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #1a184a;}
.top_tips .top_center{
	width: 1200px;
	height: 30px;}
.top_tips .top_center .tips_left{
	color:#fff;
	float: left;}
.top_tips .top_center .tips_right{
	float: right;}
.top_tips .top_center .tips_right>a{
	margin-right: 20px;
	color:#fff;}

.scroll-group {
	width: 2000px;
	height: 200px;
	padding-top: 10px;}

.master-img {
	padding: 5px;
	width: 100%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;}

.master-img img {
	width: 150px;
	height: 150px;
	border: 1px solid #ccc
;}

.master-title {
	width: 100%;
	height: 50px;
	padding: 10px;
	line-height: 15px;}

.Friendship-links {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;}

.Friendship-links .f-link {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	height: 30px;
	margin: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 30px;
	text-align: center;}

footer {
	width: 100%;
	border-top: 2px solid blue;
	margin-top: 20px;
	text-align: center;}

footer div {
	line-height: 30px;}

.news-page-top-nav {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;}

.news-page-top-nav p {
	padding: 0;
	margin: 0;}

.container-text {
	background-color: #fff;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #ddd;}

.page-titles {
	text-align: center;
	font-size: 17px;
	line-height:40px;}

.page-times {
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	border-bottom: 1px solid #ddd
;}
.page-text{overflow-x: auto;padding: 20px;}
.page-text img {
	width: 90%;}

.news-banner {
	margin-top: -10px;}

.bottom-qrcode {
	width: 100%
;}

.bottom-qrcode img {
	width: 100px;
	height: 100px;
	margin-left: 10px;}

.m_nav ul{margin:0;padding:50px;list-style: none;width:100%;}
.m_nav ul li{width:100%;height:35px;border-bottom: 1px solid #999;color:#fff;line-height: 35px;padding-left: 20px;}
.m_nav ul li a{display: block;color:#fff;}
.m_nav ul .seclist{width:100%;height:35px;border-bottom: 1px solid #999;padding-left: 50px;}

@media screen and (min-width:960px) {
	.h-banner {
		width: 100%;
		height: 120px;
		background-repeat: no-repeat;background-size: cover;
		background-color: #34319e;
		margin: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 40px;}

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

	.navbar-brand {
		display: none;}

	.container-fluid {
		max-width: 1200px;
		margin: auto;}

	.col-md-12 {
		max-width: 1120px;
		padding: 0
	;}

	.news-banner {
		height: 400px;
		width: 1150px;
		background-color: #aaa;
		overflow: hidden;}
	.hamburger{display: none;}
	.m_nav{display: none;}
}

@media screen and (max-width:960px) {
	.hamburger{display: block;}
	.m_nav{display: block;}
	.h-banner {
		display: block;
		height: 60px;
		overflow: hidden;
		background-color: #34319e;
		position: fixed;
		top:0;
		width:100%;
		z-index: 9999;}
	.h-banner img {height:100%;}
	.container {
		padding: 20px;
		margin-top: 70px;}
	.pc_nav{display: none;}
	#wrapper2{display: none;}
	.news-banner {
		display: none;}

	.toggle-box {
		display: none;}

	.news-box-row2 {
		background: #fff;
		padding: 0;
		margin-top: 10px;
		margin-left: 0px;
		width: 100%
	;}
	.news-box-row2>.list-group{
		float: left;
		width:100%;}

	.news-box {
		background: #fff;
		padding: 0;
		margin-top: 10px;
		margin-left: 0px;
		width: 100%;}

	.news-box3 {
		display: none
	;}

	.news-box4 {
		width: 100%;}

	.top_tips {
		display: none
	;}
}

::-webkit-scrollbar {
	background-color: transparent;
	width: 4px;
	height: 7px;}

::-webkit-scrollbar-track {
	background: none;
	border-radius: 4px;}

::-webkit-scrollbar-thumb {
	background: #aaa;
	min-height: 6px;
	width: 5px;
	border-radius: 4px;}


.hamburger {
    font-size: 30px;
    width: 1em;
    height: 1em;
    padding: 0;
    cursor: pointer;
    transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    vertical-align: middle;
    border: 0 none;
    background: transparent;
    float: right;
    position: absolute;
    right: 20px;
    top:15px;}
  
  /**
   * Button height fix for Firefox
   */
  .hamburger::-moz-focus-inner {
    padding: 0;
    border: 0 none;}
  
  /**
   * Focus fix for Chrome
   */
  .hamburger:focus {
    outline: 0;}
  
  /**
   * Styling the icon
   */
  .hamburger:before,
  .hamburger:after {
    content: "";}
  
  .hamburger:before,
  .hamburger .icon,
  .hamburger:after {
    display: block;
    width: 100%;
    height: .2em;
    margin: 0 0 .2em;
    transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    border-radius: .05em;
    -moz-border-radius: .05em;
    -webkit-border-radius: .05em;
    background: #fff;}
  
  /**
   * Styles for the active `.hamburger` icon
   */
  .hamburger.active:before,
  .hamburger.active .icon,
  .hamburger.active:after {
    background: #fff;}
  .hamburger.hamburger-cancel.active .icon {
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);}
  
  .hamburger.hamburger-cancel.active:before {
    transform: translateY(.4em) rotate(135deg);
    -moz-transform: translateY(.4em) rotate(135deg);
    -webkit-transform: translateY(.4em) rotate(135deg);}
  
  .hamburger.hamburger-cancel.active:after {
    transform: translateY(-.4em) rotate(-135deg);
    -moz-transform: translateY(-.4em) rotate(-135deg);
    -webkit-transform: translateY(-.4em) rotate(-135deg);}