/*
 * 整体宽度
 */

body {
	min-width: 1155px;
	overflow: auto !important;}

@media only screen and (max-width:767px) {
	.ui.container {
		width: 1127px !important;
		margin-left: auto!important;
		margin-right: auto!important
	;}
	.ui.fluid.container {
		width: 100% !important;}
	.ui.grid.container {
		width: calc(1127px + 2rem)!important
	;}
	.ui.relaxed.grid.container {
		width: calc(1127px + 3rem)!important
	;}
	.ui.very.relaxed.grid.container {
		width: calc(1127px + 5rem)!important
	;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.ui.container {
		width: 1127px;
		margin-left: auto!important;
		margin-right: auto!important
	;}
	.ui.grid.container {
		width: calc(1127px + 2rem)!important
	;}
	.ui.relaxed.grid.container {
		width: calc(1127px + 3rem)!important
	;}
	.ui.very.relaxed.grid.container {
		width: calc(1127px + 5rem)!important
	;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.ui.container {
		width: 1127px;
		margin-left: auto!important;
		margin-right: auto!important
	;}
	.ui.grid.container {
		width: calc(1127px + 2rem)!important
	;}
	.ui.relaxed.grid.container {
		width: calc(1127px + 3rem)!important
	;}
	.ui.very.relaxed.grid.container {
		width: calc(1127px + 5rem)!important
	;}
}

@media only screen and (min-width:1200px) {
	.ui.container {
		width: 1127px;
		margin-left: auto!important;
		margin-right: auto!important
	;}
	.ui.grid.container {
		width: calc(1127px + 2rem)!important
	;}
	.ui.relaxed.grid.container {
		width: calc(1127px + 3rem)!important
	;}
	.ui.very.relaxed.grid.container {
		width: calc(1127px + 5rem)!important
	;}
}

ul.menu.transition {
	width: fit-content;
	padding: 0 26px 0 13px !important;}

nav .ui.menu .ui.dropdown .menu>.item:hover {
	background: transparent !important;}

nav .ui.menu .ui.dropdown .menu>.item:hover > a {
	border-color: orange;}

nav .ui.menu .ui.dropdown .menu>.item > a {
	width: 100%;
	display: inline-block;}

nav .ui.menu .ui.dropdown .menu>.item .icon.dropdown {
	position: absolute;
	right: -15px !important;}

nav .ui.menu .item .menu .menu {
	width: fit-content !important;
	top: -1px !important;
	margin-left: 26px !important;}

#main{
	min-height: 60% !important;}

.ui.menu .ui.dropdown .menu>.item {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: left;
	font-size: inherit !important;}

.ui.dropdown .menu>.item .dropdown.icon {
	float: right !important;
	margin: 0 0 0 0.8em !important;}

.ui.grid {
	margin-top: 0 !important;
	margin-bottom: 0 !important;}

.ui.grid.news {
	background: #fafafa;
	margin-top: 25px !important;}

.news .two.wide.column {
	margin-top: 15px;}

.news .ui.grid>[class*="two wide"].column {
	width: 6.5% !important;}

.news .ui.grid>[class*="seven wide"].column {
	width: 46.75% !important;}

.news .two .wide .column {
	margin-top: 15px;}

.news .ui.grid>[class*="two wide"].column {
	width: 6.5% !important;}

.news .ui.grid>[class*="seven wide"].column {
	width: 46.75% !important;}

.news .seven img {
	width: 100%;
	height: 100%;}

.news .art-title {
	border-bottom: #00b5ad 3px solid;}

.news .art-title span {
	color: #00b5ad;
	border-left: none;
	margin-left: 0;}

.art-title.five.wide.column {
	margin-top: 5%;}

.news .titleMore {
	font-size: 18px;}

.art-title {
	padding: 14px 0;
	font-size: 24px;}

.second .art-title {
	background: #00b5ad;}

.friendly-link .five {
	padding-left: 45px !important;
	padding-right: 0 !important;}

.friendly-link .ui.dropdown {
	width: 210px;
	margin-bottom: 15px;}

.friendly-link .ui.dropdown .text{
	width: 170px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;}

.friendly-link .ui.dropdown .menu .selected.item {
	color: rgb(127, 102, 177);}

.friendly-link .ui.dropdown .menu .active.item {
	font-weight: normal;}

.art-title span {
	border-left: white 3px solid;
	margin-left: 10px;
	color: white;
	font-size: 24px;
	padding-left: 10px;}

.ui.grid.three.column .art-title span,
.ui.grid.three.column .divider {
	color: #ff6637;
	border-color: #ff6637;
	border-left: 3px solid;}

/*
 * first row
 */
.firstRow.ui.grid.three.column .art-list:first-child .art-title span,
.firstRow.ui.grid.three.column .art-list:first-child .divider {
	color: #ff1c1c;
	border-color: #ff1c1c;}

.firstRow.ui.grid.three.column .art-list:nth-child(2) .art-title span,
.firstRow.ui.grid.three.column .art-list:nth-child(2) .divider {
	color: #fe8b60;
	border-color: #fe8b60;}

.firstRow.ui.grid.three.column .art-list:last-child .art-title span,
.firstRow.ui.grid.three.column .art-list:last-child .divider {
	color: rgba(251, 172, 140, 0.89);
	border-color: rgba(251, 172, 140, 0.89);}

/*
 * second row
 */
.secondRow.ui.grid.three.column .art-list:first-child .art-title span,
.secondRow.ui.grid.three.column .art-list:first-child .divider {
	color: #7f66b1;
	border-color: #7f66b1;}

.secondRow.ui.grid.three.column .art-list:nth-child(2) .art-title span,
.secondRow.ui.grid.three.column .art-list:nth-child(2) .divider {
	color: #977fc7;
	border-color: #977fc7;}

.secondRow.ui.grid.three.column .art-list:last-child .art-title span,
.secondRow.ui.grid.three.column .art-list:last-child .divider {
	color: #b59bea;
	border-color: #b59bea;}

/*
 * third row
 */
.thirdRow.ui.grid.three.column .art-list:first-child .art-title span,
.thirdRow.ui.grid.three.column .art-list:first-child .divider {
	color: #079c96;
	border-color: #079c96;}

.thirdRow.ui.grid.three.column .art-list:nth-child(2) .art-title span,
.thirdRow.ui.grid.three.column .art-list:nth-child(2) .divider {
	color: #00bab2;
	border-color: #00bab2;}

.thirdRow.ui.grid.three.column .art-list:last-child .art-title span,
.thirdRow.ui.grid.three.column .art-list:last-child .divider {
	color: rgba(11, 192, 182, 0.75);
	border-color: rgba(11, 192, 182, 0.75);}

/*
 * silder 轮播
 */

.slider-container {
	height: 630px !important;
	margin-top: 20px;
	padding: 15px;
	text-align: center;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .4);}

.slider-container .slider {
	height: 600px !important;
	position: relative;}

.slider-container .slider ul {
	margin: 0;
	padding: 0;}

.slider-container .slider ul li {
	display: block;
	list-style: none;
	float: left;
	height: 600px;
	position: relative;}

.slider-container .slider ul li img {
	width: 100%;
	height: 100%;}

.slider-container .slider .inner-title {
	width: 100%;
	height: 80px;
	background-color: #000;
	opacity: 0.8;
	padding-top: 15px;
	position: absolute;
	bottom: 0;}

.slider-container .slider .inner-title h2 {
	color: #fff;
	opacity: 1;
	display: inline;}

.slider-container .slider .inner-title h2 a {
	text-decoration: none;
	color: #fff;}

.dots {
	list-style: none;
	position: absolute;
	margin: 0;
	left: 0;
	right: 0;
	bottom: 0;}

.slider .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 12px;
	text-indent: -999em;
	border: 2px solid #fff;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .8s;
	-moz-transition: background .5s, opacity .8s;
	transition: background .5s, opacity .8s;}

.slider .dots li:hover{
	opacity: 1;
	background: #fff !important;}

.slider .dots li.active {
	opacity: 1;
	width: 28px;
	background: #fff;}

.slider-arrow i {
	font-size: 5em;
	color: #fafafa;}

.slider-arrow.prev {
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.slider-arrow.next {
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.slider:hover>.slider-arrow.prev,
.slider:hover>.slider-arrow.next {
	visibility: visible;}

.slider-arrow.prev:hover > i,
.slider-arrow.next:hover > i{
	color:#1E9FFF;}

.titleMore {
	/* content: " + "; */
	float: right;
	font-size: 16px !important;
	margin-right: 5px;
	vertical-align: bottom;
	border: none !important;}

li {
	list-style: none;}

.sort {
	width: 100%;
	font-size: 15px;
	padding-left: 5px;}

.sort .date {
	font-size: 14px;
	color: #848484;
	float: right;
	position: relative;
	top: 10px;
	margin-right: 3px;}

.three.column .video .sort li .eleven .date {
	top: -6px;}

.sort li {
	border-bottom: 1px dashed #dfdfdf;
	line-height: 1.6em;}

.sort li.latest{
	background: url(../image/new.jpg) no-repeat 100% 10%;}

.news .sort li a {
	width: 80%;}

.eight.wide.column .sort li a {
	width: 80%;}

.three.column .sort li a {
	width: 74%;}

.three.column .sort li .five.column a {
	width: 100%;
	height: 100%;
	margin: 0;}

.three.column .sort li .five.column a:before {
	content: none;}

.three.column .video .sort li .eleven a {
	width: 100%;}

.news .sort li a {
	width: 74%;}

.sort li a {
	font-size: 15px;
	margin: 7px auto;
	/* color: #01aaed; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;}

.sort li a:hover {
	color: #01AAED;}

.sort li a::before {
	font-family: Icons;
	content: "\f105";
	margin-right: 6px;}

hr {
	margin: 30px 0;}

.hrPhoto {
	position: relative;
	height: 105px;
	margin-top: 30px;
	margin-bottom: 10px;
	background: RGB(175,16,8);
	background-size: cover;
	overflow: hidden;}

.hrPhoto span {
	font-size: 32px;
	color: white;
	width: 90%;
	height: 45%;
	overflow: hidden;
	margin: auto;
	top: 140px;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 1.5em;
	position: absolute;
	visibility: visible;}

.hrPhoto span.active {
	animation: hrSpan 6s;
	animation-iteration-count: infinite;
	-webkit-animation: hrSpan 6s; /* safari and chrome */
	-webkit-animation-iteration-count: infinite;}

@keyframes hrSpan {
	0% {top: 140px;}
	20% {top :0;}
	75% {top :0;}
	90% {top: -140px;}
	100% {top :140px;}
}

@-webkit-keyframes hrSpan {
	0% {top: 140px;}
	20% {top :0;}
	75% {top :0;}
	90% {top: -140px;}
	100% {top :140px;}
}


/*- - - 视频 - - -*/

.video li{
	height: 92px;}

.video .sort .five img {
	width: 100%;
	height: 100%;}

.video .sort .five a:before {
	content: "";}

/* video end */


/* 
 *  相关系统
 */

.system {
	margin-top: 30px;
	padding: 0;}

.system>.column {
	font-size: 26px;
	text-align: left;}

.system .icon {
	margin-top: 32px;
	font-size: 36px;
	color: white;}

.system .six {
	text-align: right;}

.system .one {
	visibility: hidden;}

.system .nine {
	margin-top: 8px;}

.system .nine span {
	color: white;
	line-height: 1.4em;}

.system>.column .ui.grid.container {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.system>.column:first-child .ui.grid.container {
	background: #1E9FFF;
	border: 2px solid #1E9FFF;
	border-radius: 3px;}

.system>.column:nth-child(2) .ui.grid.container {
	background: #FFB800;
	border: 2px solid #FFB800;
	border-radius: 3px;}

.system>.column:nth-child(3) .ui.grid.container {
	background: #00bea8;
	border: 2px solid #00bea8;
	border-radius: 3px;}


/* - - - system hover - - - */

.system>.column:first-child .ui.grid.container:hover,
.system>.column:nth-child(2) .ui.grid.container:hover,
.system>.column:nth-child(3) .ui.grid.container:hover {
	background: white;}

.system>.column:first-child .ui.grid.container:hover .icon,
.system>.column:first-child .ui.grid.container:hover span {
	color: #1E9FFF;}

.system>.column:nth-child(2) .ui.grid.container:hover .icon,
.system>.column:nth-child(2) .ui.grid.container:hover span {
	color: #FFB800;}

.system>.column:nth-child(3) .ui.grid.container:hover .icon,
.system>.column:nth-child(3) .ui.grid.container:hover span {
	color: #00bea8;}


/*
 * footer
 */

footer {
	margin-top: 40px;
	background-color: #545452;
	color: #fff;
	font-family: "Microsoft YaHei", "微软雅黑",Arial;}

footer .footer-container span {
	font-size: 15px;}

footer .footer-container .left.logo-icon{
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 20px;}

footer .footer-container .left.logo-icon img{
	width: 100%;
	height: 100%;}

footer .footer-container .right.content{
	height: 120px;
	float: left;
	line-height: 40px;}

footer .footer-container .five.wide.column .qr-code{
	display: inline-block;
	text-align: center;}

footer .footer-container .five.wide.column .qr-code img{
	width: 96px;
	height: 96px;}

footer .footer-container .five.wide.column .qr-code span{
	display: block;
	margin-top: 5px;}