@charset "utf-8";
body {
	font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-size: 1rem;
	color: #333333;
	padding: 0;
	margin: 0
}

h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,hr,input,p {
	padding: 0;
	margin: 0;
	list-style: none;
	outline: none
}

a {
	color: inherit;
	font: inherit;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

a:hover {
	text-decoration: none
}

a:focus {
	border: none;
	outline: none;
	text-decoration: none
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	width: 0;
	height: 0;
	visibility: hidden
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	outline: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.container {
	width: 90%;
	margin: 0 auto
}

@media (min-width: 992px) {
	.container {
		width: 940px
	}
}

@media (min-width: 1240px) {
	.container {
		width: 1200px
	}
}

@media (min-width: 1440px) {
	.container {
		width: 1400px
	}
}

@media (min-width: 1600px) {
	.container {
		width: 1560px
	}
}

img {
	max-width: 100%;
	border: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.wrapper {
	position: relative;
	overflow: hidden
}

#browser-modal {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #303233;
	position: fixed;
	z-index: 9990009
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #111;
	opacity: 0.9;
	z-index: -1
}

#browser-modal .browser-content {
	width: 700px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 50px;
	background-color: #fff;
	border-radius: 5px
}

#browser-modal .browser-content .browser-dpc-logo img {
	height: 42px;
	margin: 45px auto 40px
}

#browser-modal .browser-content .browser-text-title {
	text-transform: uppercase;
	font-size: 24px
}

#browser-modal .browser-content .browser-text-desc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px
}

#browser-modal .browser-content .browser-list {
	width: 600px;
	margin: 20px auto;
	height: 130px
}

#browser-modal .browser-content .browser-item {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto
}

#browser-modal .browser-content .browser-item .iconfont {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 10px
}

#browser-modal .browser-content .browser-item .iconchrome {
	background: url(/images/bro.png) no-repeat 0 0
}

#browser-modal .browser-content .browser-item .iconfirefox {
	background: url(/images/bro.png) no-repeat 0 -100px
}

#browser-modal .browser-content .browser-item .iconopera {
	background: url(/images/bro.png) no-repeat 0 -200px
}

#browser-modal .browser-content .browser-item .iconEdge {
	background: url(/images/bro.png) no-repeat 0 -300px
}

#browser-modal .browser-content .browser-item a {
	cursor: pointer;
	display: block
}

#browser-modal .browser-content .browser-item a img {
	display: block;
	margin: 0 auto;
	max-width: 100px;
	width: 100px;
	height: 100px
}

#browser-modal .browser-content .browser-item a h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100
}

.header .top {
	padding: 0 3%;
	height: 47px;
	-webkit-box-shadow: 7px 0 9px rgba(0, 0, 0, 0.64);
	-moz-box-shadow: 7px 0 9px rgba(0, 0, 0, 0.64);
	-ms-box-shadow: 7px 0 9px rgba(0, 0, 0, 0.64);
	-o-box-shadow: 7px 0 9px rgba(0, 0, 0, 0.64);
	box-shadow: 7px 0 9px rgba(0, 0, 0, 0.64);
	background-image: url(/images/header-bg.png)
}

.header .top-left {
	float: left
}

.header .top-left li {
	float: left;
	padding: 14px 0
}

.header .top-left li a {
	display: block;
	font-size: 1rem;
	color: #fff;
	padding: 0 23px;
	border-right: 1px solid #fff;
	line-height: 18px
}

.header .top-left li:first-child {margin-left: 10px;
	padding-left: 5px;
	background: url(/images/top-people.png) left center no-repeat
}

.header .top-left li:nth-child(4) a {
	border-right: none
}

.header .top-left li:nth-child(5) {
	padding-left: 5px;
	background: url(/images/top-network.png) left center no-repeat
}

.header .top-left li:nth-child(5) a {
	border-right: none
}

.header .top-right {
	float: right
}

.header .top-right li {
	float: left;
	padding: 14px 23px 14px 23px;
	cursor: pointer
}
.header .top-right li:last-child{padding: 14px 11px 14px 23px;}
.header .top-right li a {
	display: block;
	font-size: 1rem;
	color: #fff;
	line-height: 18px
}

.header .top-right li.btn1 {
	background: url(/images/search.png) left center no-repeat
}

.header .top-right li.btn2 {
	background: url(/images/top-bsdt.png) left center no-repeat
}

.header .top-right li.btn3 {
	background: url(/images/top-ldxx.png) left center no-repeat
}

.header .top-right li.btn4 {
	background: url(/images/top-tq.png) left center no-repeat;
	position: relative
}

.header .top-right li.btn5 {
	background: url(/images/top-zdsc.png) left center no-repeat
}

.header .top-right li.btn4 .box {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 320px;
	height: 1px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	top: 100%;
	right: 0;
	z-index: 999999
}

.header .top-right li.btn4:hover .box {
	visibility: visible;
	opacity: 1;
	height: 200px
}

.header .logo {
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 50%;
	width: 398px;
	margin-left: -199px;
	height: 157px;
	overflow: hidden;
	background: url(/images/logo-bg.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 8px;
	font-size: 0;
	text-align: center
}

.header .logo img {
	height: 130px
}

.search-box {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.search-box .close {
	position: absolute;
	right: 50px;
	top: 50px;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background: url(/images/close.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.search-box .ss {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 45px;
	line-height: 45px;
	width: 550px;
	margin-top: -100px;
	padding-right: 120px
}

.search-box .ss .text {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	padding: 0 12px;
	font-size: 16px;
	border-radius: 0;
	border: none
}

.search-box .ss .btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #6510ad;
	color: #fff;
	width: 120px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border-radius: 0;
	border: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.search-box.active {
	visibility: visible;
	opacity: 1
}

.navbar {
	display: none
}

.menunav {
	padding: 0 3%;
	position: relative
}

.menunav .menu {
	height: 80px;
	overflow: hidden
}

.menunav .menubar li {
	float: left;
	padding: 25px 8px 20px
}

.menunav .menubar li a {
	display: block;
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	position: relative;
	padding: 5px 0;
 text-shadow:0px 1px 1px #000;
}

.menunav .menubar li a:before {
	content: "";
	border-left: 2px solid #6510ad;
	height: 35px;
	transition: all 0.2s ease-out 0s;
	transform: scaleY(0);
	position: absolute;
	left: 50%;
	top: 90%;
	transform-origin: center top
}

.menunav .menubar li a:after {
	content: "";
	border-bottom: 2px solid #6510ad;
	margin-top: 5px;
	display: block;
	width: 100%;
	transition: all 0.2s ease-out 0s;
	transform: scaleX(0)
}

.menunav .menubar li.active a:before {
	transform: none
}

.menunav .menubar li.active a:after {
	transform: none
}

.menunav .nav-l {
	float: left
}

.menunav .nav-l li {
	margin-right: 45px
}

.menunav .nav-r {
	float: right
}

.menunav .nav-r li {
	margin-left: 45px
}

.menunav .submenu {
	position: absolute;
	top: 100%;
	left: 1%;
	width: 98%;
	padding: 0 1%;
	border-top: 1px solid #6411ab;
	background: url(/images/submenu-bg.png) top no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	visibility: hidden;
	opacity:0;
}

.menunav .submenu .xiaoxun {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%)
}

.menunav .submenu ul {
	float: left;
	height: 100%;
	padding: 10px 0;
	width: 138px;
	height: 380px;
}

.menunav .submenu ul li {
	padding: 6px 13px;
}

.menunav .submenu ul li a {
	font-size: 0.875rem;
	color: #888888;
	text-align: center;
	display: block;
}

.menunav .submenu ul.active {
	background: #ebe6f6
}
.menunav .submenu ul.active li:hover a{color:#6712ad;}
.menunav .submenu ul.active li:hover{background:#fff;}
.menunav .submenu ul.active li a {
	color: #333333
}

.menunav .submenu .sub-l {
	float: left
}

.menunav .submenu .sub-l ul {
	margin-right: 4px
}

.menunav .submenu .sub-r {
	float: right
}

.menunav .submenu .sub-r ul {
	margin-left: 4px
}

.menunav.active {
	background: #fff
}

.menunav.active .menubar li a {
	color: #333;
 text-shadow:0px 1px 1px #fff;
}

.menunav.active .submenu {
	visibility: visible;
	opacity: 1
}

.navbar {
	position: absolute;
	right:* 2%;
	margin-right: -25px;
	top: 60px
}

.navbar .menu-bott {
	display: none
}

.navbar .close {
	display: none
}

.navbar .logo {
	display: none
}

.navbar .nav-button {
	display: none
}

.navbar .navbar-nav {
	padding: 0;
	list-style: none
}

.navbar .navbar-nav>li {
	position: relative;
	text-align: center;
	float: left;
	padding: 0 25px
}

.navbar .navbar-nav>li>a {
	color: #ffffff;
	display: block;
	font-weight: bold;
	line-height: 60px;
	position: relative;
	text-align: center;
	font-size: 1.25rem
}

.navbar .navbar-nav>li>a>em {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	width: 12px;
	height: 100%;
	background: url(/images/down-jiantou.png) center no-repeat
}

.navbar .navbar-nav>li:hover {
	background: #fff
}

.navbar .navbar-nav>li:hover>a {
	color: #333
}

.navbar .navbar-nav>li:hover>ul {
	opacity: 1;
	visibility: visible
}

.navbar .nav-child {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	border-top: 3px solid #fff;
	background: rgba(145, 22, 25, 0.5);
	transition: opacity 0.15s
}

.navbar .nav-child>li {
	width: 100%;
	text-align: center;
	position: relative;
	line-height: 22px
}

.navbar .nav-child>li a {
	display: block;
	padding: 10px;
	width: 100%;
	font-size: 0.9375rem;
	font-weight: normal;
	color: #fff
}

.navbar .nav-child>li a:hover {
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff
}

.header.showdiv {
	background: #fff;
	-webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.16);
	-ms-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.16);
	-o-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.16);
	box-shadow: 5px 0 10px rgba(0, 0, 0, 0.16)
}

.header.showdiv .menunav .menubar li a {
	color: #333;
	text-shadow: none !important
}

.header.showdiv .logo {
    height: 125px;
    width: 259px;
    margin-left: -130px;
}

.header.showdiv .logo img {
	height:100px
}

.banner {
	height: 100vh;
	overflow: hidden;
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.banner .banner-down {
	position: absolute;
	bottom: 75px;
	left: 50%;
	margin-left: -18px;
	width: 36px;
	height: 50px;
	z-index: 9;
	cursor: pointer;
	   animation: bounce 1s infinite;
}

.slider-banner {
	position: relative;
	height: 100%;
	width: 100%
}

.slider-banner .slick-list,
.slider-banner .slick-track {
	height: 100%
}

.slider-banner .slick-slide {
	position: relative;
	height: 100%
}

.slider-banner .slick-slide .pic {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	background-size: cover;
	color: #fff;
	background-position: center center;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #6712ad
}

.slider-banner .slick-dots {
	position: absolute;
	width: auto;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9
}

.slider-banner .slick-dots li {
	float: left;
	margin: 0 12px;
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.25);
	cursor: pointer
}

.slider-banner .slick-dots li button {
	display: none
}

.slider-banner .slick-dots li.slick-active {
	background: white
}

.slider-banner .slick-arrow {
	position: absolute;
	overflow: hidden;
	text-indent: 99px;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	z-index: 9;
	cursor: pointer
}

.slider-banner .slick-prev {
	background: url(/images/banner-left.png) no-repeat;
	background-size: 100% 100%;
	left: 6%;
}

.slider-banner .slick-next {
	background: url(/images/banner-right.png) no-repeat;
	background-size: 100% 100%;
	right: 6%;
}

.slider-banner .slick-prev:hover {
	background: url(/images/banner-left-on.png) no-repeat;
	background-size: 100% 100%
}

.slider-banner .slick-next:hover {
	background: url(/images/banner-right-on.png) no-repeat;
	background-size: 100% 100%
}

.body-main {
	position: relative;
	z-index: 2;
	background-color: #fff
}

.fix-top {
	padding-top: 100vh;
	position: relative;
	top: 0;
	transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
	-webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
	-moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
	-ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
	-o-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
	z-index: -1
}

.fix-top.fixed {
	padding-top: 0
}

@keyframes waveFlow {
	from {
		background-position-x: -10px, 0
	}
	to {
		background-position-x: -30px, -20px
	}
}

@keyframes circleAnim {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

@keyframes oline {
	0% {
		transform: scale(1);
		opacity: 0.25
	}
	70% {
		transform: scale(1.2);
		opacity: 0.3
	}
	100% {
		transform: scale(1);
		opacity: 0.25
	}
}

@keyframes mline {
	0% {
		transform: scale(1);
		opacity: 0.55
	}
	65% {
		transform: scale(1.2);
		opacity: 0.6
	}
	75% {
		transform: scale(1.2);
		opacity: 0.6
	}
	100% {
		transform: scale(1);
		opacity: 0.55
	}
}


@keyframes bounce {
    0%,100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,0.2,1)
    }
}


.index-title {
	text-align: center;
	overflow: hidden;
	margin-bottom: 50px;
}





.index-title .ht {
	display: inline-block;
	color: #6712ad;
	font-size: 2.25rem;
	font-weight: bold;
	padding: 20px 5px;
	background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x, radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
	background-size: 20px 20px;
	background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
	animation: waveFlow 1s infinite linear
}

.index-title .ht span {
	color: #000000
}

.row1 {
	padding: 55px 0 85px;
}

.index-xxyw {
	overflow: hidden
}

.index-xxyw .news-left {
	float: left
}

.index-xxyw .news-right {
	float: right
}

.index-xxyw .news-col {
	width: 26%;
	padding-top: 60px
}

.index-xxyw .news-middle {
	width: 44%;
	float: left;
	margin-left: 1%;
	padding-left: 2%;
}

.slider-news {
	position: relative
}

.slider-news .box .pic {
	width: 100%;
	position: relative;
	
	overflow: hidden
}

.slider-news .box .pic img {
	
	top: 0;
	left: 0;
	width: 100%
}

.slider-news .box .pic img:hover {
	transform: scale(1.05)
}

.slider-news .box .text {
	position: relative;
	width: 90%;
	margin: -20px auto 0;
	padding: 25px 35px 75px;
	background: #f3f5fb
}

.slider-news .box .date {
	font-size: 1rem;
	color: #9574ac;
	text-align: center;
	margin-top: 15px;
}

.slider-news .box .tit {
	display: block;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	color: #6712ad;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.slider-news .box .tit:hover {
	color: #fb712c
}

.slider-news .box .abst {
	margin-top: 10px;
	font-size: 0.875rem;
	color: #999;
	text-indent: 2em;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.slider-news .slick-dots {
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9
}

.slider-news .slick-dots li {
	float: left;
	width: 10px;
	height: 10px;
	background: #9574ac;
	border-radius: 50%;
	margin: 0 15px;
	cursor: pointer;
}

.slider-news .slick-dots li button {
	display: none
}

.slider-news .slick-dots li.slick-active {
	width: 20px;
	height: 20px;
	background: url(/images/slider-news-dots.png) no-repeat;
	background-size: 100% 100%;
	margin-top: -4px;
}

.news-col {
	overflow: hidden
}

.news-col .first {
	overflow: hidden
}

.news-col .first .pic {    display: table-cell;
    vertical-align: middle;
	width: 100%;
	
	overflow: hidden;
	
}

.news-col .first .pic img {
	
}

.news-col .first .pic img:hover {
	transform: scale(1.05)
}

.news-col .first .text {
	padding: 25px 0 30px;
	border-bottom: 1px dashed #c4cce2
}

.news-col .first .tit {
	color: #050404;
	font-size: 1.125rem;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.news-col .first .tit:hover {
	color: #fc671c
}

.news-col .first .row {
	overflow: hidden
}

.news-col .first .date {
	float: left;
	width: 70px;
	padding-right: 20px;
	padding-bottom: 3px;
	text-align: right;
	color: #fc671c;
	border-right: 1px solid #f3d2c1
}

.news-col .first .date .day {
	font-size: 1.5rem;
	margin-bottom: 12px
}

.news-col .first .date .mon {
	font-size: 1.125rem;
	margin-bottom: 10px
}

.news-col .first .date .year {
	font-size: 1.125rem
}

.news-col .first .abst {
	float: right;
	width: calc(100% - 90px)
}

.news-col .first .abst p {
	margin-top: 5px;
	font-size: 0.875rem;
	color: #999999;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.news-col .first .abst .more {
	font-size: 0.875rem;
	color: #fc671c;
	line-height: 24px
}

.news-col .item {
	padding: 20px 0 18px;
	border-bottom: 1px dashed #c4cce2
}

.news-col .item .tit {
	display: block;
	font-size: 1rem;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.news-col .item .tit:hover {
	color: #fc671c;
	transform: translateX(5px)
}

.news-col .item .date {
	font-size: 1rem;
	color: #b5a0c7;
}

.row2 {
	padding: 40px 0 65px;
	background: url(/images/row2-bg.png) right bottom no-repeat;
	background-size: cover
}

.index-tzgg .index-title ul {
	width: 28%;
	margin: 0 auto;
}

.index-tzgg .index-title li {
	float: left;
	margin: 0 30px
}

.index-tzgg .index-title .ht {
	color: #000000;
	animation: none;
	background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x, radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
	background-size: 20px 20px;
	background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
	animation: waveFlow 1s infinite linear;
}

.index-tzgg .index-title .ht span {
	color: #000000;
}

.index-tzgg .index-title li.on .ht {
	color: #6510ad;
	background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x, radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
	background-size: 20px 20px;
	background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
	animation: waveFlow 1s infinite linear;
}

.index-tzgg .index-title li.on .ht span {
	color: #6510ad;
}

.index-tzgg .bd ul {
	margin: 0 -14px
}

.index-tzgg .bd li {
	float: left;
	width: 25%;
	margin-bottom: 35px
}

.index-tzgg .bd li a {
	display: block;
	margin: 0 14px;
	background: rgb(255 255 255);
	padding: 25px 20px 32px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.index-tzgg .bd li .row {
	overflow: hidden;
	padding: 1px
}

.index-tzgg .bd li .date {
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	width: 58px;
	height: 62px;
	position: relative
}

.index-tzgg .bd li .box {
	width: 100%;
	height: 100%;
	position: relative;
	background: #6611ad;
	color: #fff;
	text-align: center;
}

.index-tzgg .bd li .date:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #6712ad;
	position: absolute;
	left: -5px;
	top: -5px;
}

.index-tzgg .bd li .day {
	padding-top: 5px;
	font-size: 1.75rem;
	line-height: 32px
}

.index-tzgg .bd li .mon {
	font-size: 0.75rem;
	color: #6611ad;
	background: #f2f3f9;
	height: 22px;
	line-height: 22px;
	margin-top: 3px;
}

.index-tzgg .bd li .tit {
	margin-top: 5px;
	float: right;
	width: calc(100% - 80px);
	font-size: 1.125rem;
	color: #000000;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.index-tzgg .bd li .abst {
	margin-top: 15px;
	font-size: 0.875rem;
	color: #666666;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.index-tzgg .bd li:hover a {
	background: #fff;
	box-shadow: 0 0 15px 4px #bcacca;
}

.index-tzgg .bd li:hover .date:before {
	border: 1px solid #6611ad
}

.index-tzgg .bd li:hover .box {
	background: #6712ad
}

.index-tzgg .bd li:hover .tit {
	color: #6712ad
}

.index-tzgg .bd li:hover .abst {
	color: rgba(51, 51, 51, 0.66)
}

.row3 {
	padding: 65px 0 105px;
	background: url(/images/row3-bg1.png) no-repeat;
	background-size: cover
}

.row3 .index-title .ht {
	color: #fff;
	background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x, radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
	background-size: 20px 20px;
	background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
	animation: waveFlow 1s infinite linear
}

.row3 .index-title .ht span {
	color: #fff
}

.index-mtsz {
	overflow: hidden
}

.index-mtsz .mt {
	overflow: hidden
}

.index-mtsz .mt p {
	font-size: 1.25rem;
	height: 37px;
	line-height: 37px;
	color: #fff;
	padding: 0 20px;
	float: left;
	background: #ee9640;
}

.index-mtsz .tit {
	display: block;
	width: 100%;
	font-size: 1.25rem;
	color: #ffffff;
	font-weight: bold;
	margin: 10px 0;
}

.index-mtsz .date {
	font-size: 1.125rem;
	color: #a287b6;
	font-family: Arial, Helvetica, sans-serif;
}

.index-mtsz .pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.index-mtsz .pic .img {
	position: relative;
	width: 100%;
	
	overflow: hidden
}

.index-mtsz .pic img {
	
	width: 100%;
	top: 0;
	left: 0
}

.index-mtsz .pic img:hover {
	transform: scale(1.05)
}

.index-mtsz .pic .text {
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
	width: 100%;
	padding: 20px 30px
}

.index-mtsz .list {
	overflow: hidden;
	margin: 0 -15px
}

.index-mtsz .list .box {
	width: 50%;
	float: left
}

.index-mtsz .list .text {
	margin: 0 15px;
	padding: 30px 40px 35px
}

.index-mtsz .list .mt p {
	background: #ee9640;
	color: #ffffff;
}
.index-mtsz .mtsz-left .list .box .tit{color:#6510ad;}
.index-mtsz .mtsz-right .list .box .tit{color:#6510ad;}
.index-mtsz .list .tit {
	line-height: 32px;
	height: 64px;
	display: -webkit-box;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.index-mtsz .list .box:hover .tit {
	transform: translateX(5px)
}

.index-mtsz .mtsz-left {
	width: 48.7%;
	float: left
}

.index-mtsz .mtsz-left .list {
	margin-top: 25px
}

.index-mtsz .mtsz-left .list .box:nth-child(1) .text {
	background: url(/images/mtsz-bg3.png) no-repeat;
	background-size: cover;
}



.index-mtsz .mtsz-left .list .box:nth-child(2) .text {
	background: url(/images/mtsz-bg3.png) no-repeat;
	background-size: cover;
}



.index-mtsz .mtsz-right {
	width: 48.7%;
	float: right
}

.index-mtsz .mtsz-right .pic .mt p {
	background: #ee9640;
}

.index-mtsz .mtsz-right .list {
	margin-bottom: 25px
}

.index-mtsz .mtsz-right .list .box:nth-child(1) .text {
	background: url(/images/mtsz-bg3.png) no-repeat;
	background-size: cover;
}

.index-mtsz .mtsz-right .list .box:nth-child(1) .mt p:hover {
	color: #b58024
}

.index-mtsz .mtsz-right .list .box:nth-child(2) .text {
	background: url(/images/mtsz-bg3.png) no-repeat;
	background-size: cover;
}

.index-mtsz .mtsz-right .list .box:nth-child(2) .mt p:hover {
	color: #5f8246
}

.row4 {
	height: 670px;
	padding: 60px 0 65px;
	position: relative;
	background-size: cover;
}

.row4 .video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.row4 .video img,
.row4 .video video {
	position: absolute;
	width: 100%;
	/* height: 100%; */
	left: 50%;
	top: 49%;
	transform: translate(-50%, -50%);
}

.row4 .container {
	position: relative;
	z-index: 9
}

.row4 .index-title {
	width: 540px;
	height: 540px;
	margin: 0 auto;
	position: relative;
	z-index: 9
}

.row4 .index-title .ht {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #6815ae;
	background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x, radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
	background-size: 20px 20px;
	background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
	animation: waveFlow 1s infinite linear;
}

.row4 .index-title .ht span {
	color: #6510ad;
}

.row4 .date-circle {
	position: absolute;
	width: 540px;
	height: 540px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.row4 .date-circle img {
	width: 100%;
	height: 100%;
	animation: circleAnim 20s linear infinite
}

.row4 li {
	overflow: hidden;
	margin-bottom: 70px;
	position: relative
}

.row4 li .box {
	float: left;
	text-align: center;
	position: relative
}

.row4 li h3 {
	font-size: 2.5rem;
	color: #6510ad;
}

.row4 li p {
	font-size: 0.9375rem;
	color: #9680a8;
}

.row4 li .box:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #ee9640;
	border-radius: 50%;
	position: absolute;
	left: 105%;
	top: 50%;
	margin-top: -4px;
	z-index: 99;
}

.row4 li .box:after {
	content: "";
	width: 210px;
	height: 1px;
	background: #c9c1c9;
	position: absolute;
	left: 111%;
	top: 50%;
	z-index: 99;
}

.row4 .data-left {
	float: left;
	width: 50%;
	position: absolute;
	left: 0;
	top: 0
}

.row4 .data-left li:nth-child(1) {
	margin-top: 20px;
	margin-left: 30%
}

.row4 .data-left li:nth-child(2) {
	margin-left: 20px
}

.row4 .data-left li:nth-child(2) .box:after {
	width: 340px
}

.row4 .data-left li:nth-child(3) {
	margin-left: 60px
}

.row4 .data-left li:nth-child(3) .box:after {
	width: 300px
}

.row4 .data-left li:nth-child(4) {
	margin-left: 30%
}

.row4 .data-right {
	float: right;
	width: 50%;
	position: absolute;
	top: 0;
	right: 0
}

.row4 .data-right li .box {
	float: right
}

.row4 .data-right li:nth-child(1) {
	margin-top: 20px;
	margin-right: 30%
}

.row4 .data-right li:nth-child(2) {
	margin-right: 20px
}

.row4 .data-right li:nth-child(2) .box:after {
	width: 352px
}

.row4 .data-right li:nth-child(3) {
	margin-right: 60px
}

.row4 .data-right li:nth-child(3) .box:after {
	width: 362px
}

.row4 .data-right li:nth-child(4) {
	margin-right: 30%
}

.row4 .data-right li:nth-child(4) .box:after {
	width: 258px
}

.row4 .data-right .box:before {
	left: auto;
	right: 105%;
}

.row4 .data-right .box:after {
	left: auto;
	right: 111%;
}

.row5 {
	padding: 50px 0 42px;
	background: url(/images/row5-bg1.png) no-repeat;
}

@keyframes rotateX {
	0% {
		transform: rotateY(90deg)
	}
	100% {
		transform: rotateY(0deg)
	}
}

.index-ztzl {
	position: relative;
	overflow: hidden
}

.index-ztzl ul {
	display: none;
	overflow: hidden;
	margin: 0 -7px
}

.index-ztzl ul.active {
	display: block;
	animation: rotateX 1s linear
}

.index-ztzl li {
	float: left;
	width: 33.3%;
	margin-top: 15px
}

.index-ztzl li a {
	display: block;
	margin: 0 7px
}

.index-ztzl li a .box {
	width: 100%;
	padding-bottom: 48%;
	overflow: hidden;
	position: relative
}

.index-ztzl li a p {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -33px;
	width: 67px;
	height: 26px;
	background: url(/images/ztzl-bg1.png) no-repeat;
	background-size: 100% 100%;
	line-height: 26px;
	text-align: center;
	font-size: 1rem;
	color: #fff
}

.index-ztzl li img {
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0
}

.index-ztzl li img:hover {
	transform: scale(1.05)
}

.index-ztzl li:nth-child(n+4) a p {
	background: url(/images/ztzl-bg2.png) no-repeat;
	background-size: 100% 100%
}

.index-ztzl li:nth-child(n+4) img {
	bottom: auto;
	top: 0
}

.index-ztzl li:nth-child(4) a {
	padding-left: 45px
}

.index-ztzl li:nth-child(6) a {
	padding-right: 45px
}

.index-ztzl li:nth-child(6) img {
	right: auto;
	left: 0
}

.index-ztzl .nextbtnb {
	transition: all 0.3s ease;
	cursor: pointer;
	width: 110px;
	height: 110px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -57px;
	z-index: 10
}

.index-ztzl .nextbtnb.hidden {
	opacity: 0;
	filter: Alpha(opacity=0)
}

.index-ztzl .nextbtnb .outline {
	animation: oline 2s linear 0s infinite;
	opacity: 0.1;
	filter: Alpha(opacity=10);
	display: block;
	background: #6510ad;
	border-radius: 50%;
	width: 80%;
	height: 80%;
	margin: 10%;
	overflow: hidden;
	position: absolute;
	z-index: 4;
	left: 0;
	top: 0;
}

.index-ztzl .nextbtnb .midline {
	animation: mline 2s linear 0s infinite;
	opacity: 0.1;
	filter: Alpha(opacity=10);
	display: block;
	background: #6510ad;
	border-radius: 50%;
	width: 60%;
	height: 60%;
	overflow: hidden;
	margin: 20%;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
}

.index-ztzl .nextbtnb .inline {
	opacity: 1;
	filter: Alpha(opacity=100);
	display: block;
	background: #6510ad;
	border-radius: 50%;
	width: 20%;
	height: 20%;
	overflow: hidden;
	margin: 40%;
	position: absolute;
	z-index: 6;
	left: 0;
	top: 0;
}

.index-lklogo {
	float: right;
	width: calc(100% - 440px)
}

.index-lklogo li {
	float: left;
	width: 20%;
	padding-right: 10px;
	margin: 10px 0
}

.index-lklogo li .pic {
	width: 57px;
	height: 57px;
	float: left;
	overflow: hidden
}

.index-lklogo li .pic img {
	width: 100%
}

.index-lklogo li .tit {
	float: right;
	width: calc(100% - 65px);
	height: 57px;
	display: table
}

.index-lklogo li .tit p {
	display: table-cell;
	font-size: 0.875rem;
	color: #000000;
	line-height: 22px;
	vertical-align: middle
}

.index-lklogo li:hover img:hover {
	transform: scale(1.05)
}

.index-lklogo li:hover p {
	color: #6510ad !important
}

.row8 {
	padding: 25px 0 20px;
	background: #e4e4e4
}

.row8 .tit {
	float: left
}

.row8 .tit h2 {
	padding-bottom: 10px;
	background: url(/images/links-bott.png) left bottom no-repeat;
	background-size: 100%;
	font-size: 2.5rem;
	color: #6510ad
}

.index-links {
	float: right;
	width: calc(100% - 130px)
}

.index-links .box {
	float: left;
	width: calc(25% - 50px);
	margin-left: 50px;
	position: relative
}

.index-links .box .select {
	border-bottom: 1px solid rgba(17, 17, 17, 0.57);
	cursor: pointer
}

.index-links .box .select p {
	line-height: 52px;
	font-size: 1.375rem;
	color: rgba(17, 17, 17, 0.57);
	background: url(/images/select-ico.png) right center no-repeat
}

.index-links .box ul {
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 100%;
	background: #e4e4e4;
	padding: 10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	margin-bottom: -20px
}

.index-links .box ul li {
	width: 100%;
	padding: 5px 0;
	font-size: 0.875rem
}

.index-links .box.active ul {
	margin-bottom: 0;
	opacity: 1;
	visibility: visible
}

.footer {
	padding: 50px 0 35px;
	background: url(/images/footerbj.png) no-repeat;
	background-size: 100% 100%
}

.footer .footer-logo {
	float: left
}

.footer .contact {
	float: left;
	width: 750px;
	/***margin: 0 95px 0 105px;***/
	padding: 0 0 0 86px;
text-align: center;
}

.footer .contact p {
	font-size: 0.9375rem;
	line-height: 32px;
	padding-left: 28px;
	color: #fff
}

/***.footer .contact .p1 {
	background: url(/images/foot-address.png) left center no-repeat
}

.footer .contact .p2 {
	background: url(/images/foot-code.png) left center no-repeat
}

.footer .contact .p3 {
	background: url(/images/foot-phone.png) left center no-repeat
}

.footer .contact .p4 {
	background: url(/images/foot-fx.png) left center no-repeat
}
***/
.footer .ewmbox {
	float: right;
}

.footer .ewmbox li {
	margin-left: 40px;
	float: left;
}

.footer .ewmbox li img {
	width: 86px;
	height: 86px
}

.footer .ewmbox li p {
	margin-top: 5px;
	text-align: center;
	font-size: 0.9375rem;
	color: #fff
}

.cory {
	background: #5a0a9d;
	padding: 10px 0;
	text-align: center;
}

.cory p,
.cory a {
	font-size: 0.9375rem;
	color: #fff
}

.cory img {
	vertical-align: middle
}

.slider-right {
	overflow: hidden;
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 10
}

.slider-right .con {
	display: block;
	overflow: hidden;
	position: relative
}

.slider-right .con .icon {
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	font-size: 0;
	text-align: center;
	margin-right: 25px;
	float: left
}

.slider-right .con .icon img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.slider-right .con .tit {
	overflow: hidden;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #fedddd;
	width: 0;
	font-weight: 700;
	text-align: center;
	background-color: #6712ad;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.slider-right.open .con .icon {
	margin-right: 10px
}

.slider-right.open .con .tit {
	width: 110px;
	color: #fff
}

.list-banner {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-top: 47px
}

.list-banner .pic,
.list-banner img {
	width: 100%
}

.list-page {
	position: relative;
	z-index: 3;
	min-height: 600px;
	margin-bottom: 240px
}

.location {
	position: absolute;
	padding: 30px 0;
	background: linear-gradient(rgba(14, 102, 180, 0), rgb(101 16 173 / 0.8));
	left: 0;
	bottom: 0;
	width: 100%;
}

.location .current {
	position: relative;
	width: 100%;
	line-height: 45px
}

.location .tit {
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	float: left
}

.location .weizhi {
	float: left;
	margin-left: 30px;
	z-index: 9;
	font-size: 1.125rem;
	color: #fff;
	padding-left: 30px;
	background: url(/images/home.png) left center no-repeat
}

.location .weizhi a {
	font-size: 1.125rem;
	color: #fff
}

.left-nav {
	width: 282px;
	float: left;
	position: relative;
	z-index: 9;
	margin-top: -18px;
	padding-top: 18px;
	padding-left: 15px
}

.left-nav .sideMenu {
	position: relative;
	padding-bottom: 305px;
	background: url(/images/leftnav-sub.png) bottom center no-repeat #f0f2f4;
}

.left-nav .sideMenu li {
	position: relative;
	padding: 34px 50px 34px 70px;
	border-bottom: 1px dashed #d6d8d9
}

.left-nav .sideMenu li>a {
	position: relative;
	display: block;
	font-size: 1.25rem;
	color: #333333;
	padding-right: 20px;
	background: #f0f2f4;
}

.left-nav .sideMenu dl {
	padding: 15px 0 0 20px;
	display: none
}

.left-nav .sideMenu dl dd a {
	display: block;
	font-size: 1rem;
	color: #333;
	padding: 7px 0
}

.left-nav .sideMenu dl dd:hover a,
.left-nav .sideMenu dl dd.current a {
	color: #6510ad;
	font-weight: bold
}

.left-nav .sideMenu li.current>a,
.left-nav .sideMenu li:hover>a {
	color: #6510ad;
	font-weight: bold;
	background: url(/images/leftnav-ico1.png) right center no-repeat #f0f2f4;
}

.left-nav .sideMenu li.current dl {
	display: block
}

.left-nav:before {
	content: "";
	height: 80%;
	width: 100%;
	background: url(/images/leftnav-bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0
}

.right-con {
	float: right;
	width: calc(100% - 354px);
	padding-top: 40px
}

.right-con .column {
	overflow: hidden;
	border-bottom: 1px solid #d6dde3
}

.right-con .column h2 {
	float: left;
	font-size: 1.5rem;
	font-weight: bold;
	color: #333333;
	padding-bottom: 12px;
	border-bottom: 4px solid #6510ad;
}

.list-text {
	margin-top: 15px;
	overflow: hidden
}

.list-text li {
	border-bottom: 1px solid #dddddd;
	line-height: 65px;
	overflow: hidden;
	position: relative
}

.list-text .tit:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border-radius: 50%;
	background: #333333
}

.list-text .tit {
	display: block;
	position: relative;
	float: left;
	width: calc(100% - 110px);
	padding-left: 20px;
	color: #333333;
	font-size: 1.125rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.list-text .date {
	float: right;
	color: #666666;
	font-size: 1rem
}

.list-text li:hover .tit {
	color: #6510ad;
	transform: translateX(5px)
}

.list-pics {
	margin-top: 15px
}

.list-pics li {
	border-bottom: 1px solid #d8d7d7;
	overflow: hidden;
	position: relative;
	padding: 20px 15px 22px 10px
}

.list-pics .date {
	position: relative;
	margin-top: 15px;
	float: left;
	width: 75px;
	height: 99px;
	text-align: center;
	border: 1px solid #c9d2db;
	border-radius: 5px;
	padding-right: 10px;
	padding-top: 5px;
	text-align: right
}

.list-pics .date .day {
	font-size: 2.25rem;
	color: #6510ad
}

.list-pics .date .mon,
.list-pics .date .year {
	font-size: 0.875rem;
	color: #333333
}

.list-pics .pic {
	float: right;
	position: relative;
	width: 181px;
	height: 128px;
	overflow: hidden
}

.list-pics .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.list-pics .text {
	float: left;
	width: calc(100% - 325px);
	margin-left: 22px;
	margin-top: 30px
}

.list-pics .text .tit {
	display: block;
	color: #333333;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.list-pics .text .abst {
	font-size: 0.75rem;
	color: #888888;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.list-pics .text.no-pic {
	width: calc(100% - 105px)
}

.list-pics li:hover .tit {
	color: #6510ad;
	transform: translateX(5px)
}

.list-pics li:hover img {
	transform: scale(1.05)
}

.pic-pages {
	overflow: hidden;
	margin: 50px -23px 0
}

.pic-pages li {
	float: left;
	width: 33.3%;
	margin-bottom: 40px
}

.pic-pages li a {
	display: block;
	overflow: hidden;
	margin: 0 23px;
	background: #fff;
	border: 1px solid #cbd2da;
	padding: 17px
}

.pic-pages .pic {
	width: 100%;
	padding-bottom: 77%;
	overflow: hidden;
	position: relative
}

.pic-pages .pic img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.pic-pages p {
	position: relative;
	background-size: 100% 100%;
	text-align: center;
	padding: 25px 0;
	font-size: 1.125rem;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pic-pages li:hover a {
	box-shadow: 0 0 10px 0 #97ceff;
	background: #6510ad
}

.pic-pages li:hover img {
	transform: scale(1.05)
}

.pic-pages li:hover p {
	color: #fff
}

.list-leader {
	overflow: hidden;
	margin: 50px -25px
}

.list-leader li {
	float: left;
	width: 50%;
	margin-bottom: 40px;
}

.list-leader li a {
	display: block;
	margin: 0 25px;
	background: #f0f2f4;
	overflow: hidden
}

.list-leader li .pic {
	position: relative;
	float: left;
	width: 195px;
	height: 254px;
	background: #d7dee6;
	overflow: hidden
}

.list-leader li .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.list-leader li .text {
	float: right;
	width: calc(100% - 210px);
	padding-right: 25px
}

.list-leader li .text .top {
	margin-top: 10px;
	color: #333333;
	font-size: 1.375rem;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccdcea
}

.list-leader li .text .top p {
	padding: 8px 0;
}

.list-leader li .text .abst {
	margin-top: 10px;
	font-size: 1rem;
	color: #333333;
	line-height: 28px;
	/* height: 64px; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* display: -webkit-box; */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.list-leader li:hover a {
	background: #6510ad
}

.list-leader li:hover img {
	transform: scale(1.05)
}

.list-leader li:hover .top,
.list-leader li:hover .abst {
	color: #fff !important
}

.list-gljg {
	margin-top: 40px
}

.list-gljg ul {
	overflow: hidden;
	margin: 0 -14px
}

.list-gljg li {
	float: left;
	width: 25%;
	margin-bottom: 25px
}

.list-gljg li .box {
	margin: 0 14px;
	overflow: hidden
}

.list-gljg li .box a {
	display: block;
	background: url(/images/gljg-bg1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	padding-bottom: 44%
}

.list-gljg li .box p {
	position: absolute;
	font-size: 1.25rem;
	color: #333333;
	width: 80%;
	left: 10%;
	top: 20%
}

.list-gljg li .box:hover a {
	background: url(/images/gljg-bg2.png) no-repeat;
	background-size: 100% 100%
}

.bottom-inOutSpread:before,
.bottom-inOutSpread:after,
.bottom-inOutSpread>.ui-border-element:before,
.bottom-inOutSpread>.ui-border-element:after {
	content: "";
	position: absolute
}

.bottom-inOutSpread:after {
	border-bottom: 1px solid #6510ad;
	left: 51%;
	right: 51%;
	bottom: 0;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	-moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	-o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	-webkit-transition-duration: 200ms;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.bottom-inOutSpread:hover:after {
	left: 0%;
	right: 0%
}

.bottom-inOutSpread:not(:hover):after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.article-con {
	overflow: hidden;
	margin-top: 65px
}

.article-con h1 {
	font-size: 1.75rem;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 25px;
	font-weight: normal;
	color: #000000
}

.article-con h2 {
	font-size: 1.5rem;
	line-height: 1.5;
	text-align: center;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333
}

.article-con .info {
	position: relative;
	overflow: hidden;
	line-height: 1.5;
	text-align: center;
	font-size: 1rem;
	color: #999999;
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #caddef
}

.article-con .info span {
	margin: 0 10px
}

.article-con .article-text {
	padding: 30px 0;
	font-size: 1.125rem;
	line-height: 2;
	color: #333333;
	border-bottom: 1px solid #dfe0e2
}

.article-con .article-text p {
	text-indent: 2em;
	padding-bottom: 5px;
	line-height: 34px !important;
	font-size: 16px !important;
	font-family: 微软雅黑 !important
}

.article-con .article-text p span {
	line-height: 34px !important;
	font-size: 16px !important;
	font-family: 微软雅黑 !important
}

.article-con .article-text p img,
.article-con .article-text p video {
	margin-left: -2em;
	max-width: 100%;
	height: auto !important
}

.article-con .updown {
	margin-top: 3px;
	border-top: 1px solid #dfe0e2;
	overflow: hidden;
	padding-top: 30px
}

.article-con .updown a {
	display: block;
	font-size: 1.125rem;
	color: #333;
	padding: 10px 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.article-con .updown span {
	color: #6510ad
}

.article-con .updown a:hover {
	transform: translateX(5px);
	color: #6510ad
}

.article-con .top {
	overflow: hidden;
	background: #fbfbfb;
	border-left: 6px solid #741b1f;
	padding: 30px 60px;
	text-align: left
}

.article-con .top .tit {
	font-size: 1.75rem;
	color: #000000;
	line-height: 1.5
}

.article-con .top .tips {
	margin-top: 10px;
	font-size: 1rem;
	color: #999999;
	line-height: 1.5
}

.article-con .top .tips span {
	margin-right: 10px
}

.article-con .article-text table p {
	text-indent: 0;
	padding: 0
}

.latest-news {
	float: right;
	width: 300px;
	padding: 0 22px 70px 30px;
	border-left: 1px solid #d3dee8;
	position: relative
}

.latest-news .title {
	position: relative;
	margin-top: -13px;
	border-bottom: 1px dashed #cfd5df;
	padding-bottom: 25px
}

.latest-news .title h3 {
	margin-left: 10px;
	color: #b11111;
	font-size: 1.5rem;
	font-weight: normal;
	position: relative;
	padding-left: 25px
}

.latest-news .title h3:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: 5px;
	background: #b11111
}

.latest-news ul {
	overflow: hidden
}

.latest-news ul li {
	padding: 17px 0 17px 15px;
	position: relative;
	border-bottom: 1px dashed #cfd5df
}

.latest-news ul li a {
	font-size: 1rem;
	line-height: 26px;
	color: #333333;
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.latest-news ul li:before {
	content: "";
	width: 5px;
	height: 5px;
	background: #333333;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 27px
}

.latest-news ul li:hover a {
	color: #b11111
}

.latest-news:before {
	content: "";
	width: 35px;
	height: 0;
	border-top: 1px solid #d3dee8;
	position: absolute;
	left: 0;
	top: 0
}



.zxxs-page {
  overflow: hidden;
  margin: 0 -30px;
  padding-bottom: 20px;
}

.zxxs-page .box {
  float: left;
  width: 33.3%;
  margin-bottom: 45px;
}

.zxxs-page .item {
  position: relative;
  margin: 0 30px;
  padding: 65px 30px 10px 40px;
  background: #fff;
  box-shadow: 0 0 10px 0 #e4e4e4;
  height: 385px;
  overflow-y: auto;
}

.zxxs-page .item:before {
  content: "";
  width: 100%;
  height: 33px;
  background: url(/images/zxxs-bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.zxxs-page .title {
  position: relative;
  line-height: 32px;
  overflow: hidden;
  margin-bottom: 30px;
}

.zxxs-page .title h2 {
  position: relative;
  z-index: 9;
  float: left;
  background: #fff;
  font-size: 1.75rem;
  color: #333333;
  font-weight: bold;
  padding-right: 25px;
}

.zxxs-page .title:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #b7b8bc;
  position: absolute;
  top: 50%;
  right: 0;
}

.zxxs-page .links li {
  float: left;
  width: 33.3%;
  padding-right: 10px;
}

.zxxs-page .links li a {
  font-size: 1.125rem;
  line-height: 42px;
  color: #333333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zxxs-page .links li a:hover {
  color: #6510ad;
}

.zxxw-list {
  position: relative;
  background: #fff;
  box-shadow: 0 0 10px 0 #e4e4e4;
  padding: 80px 65px 60px;
}

.zxxw-list ul {
  overflow: hidden;
}

.zxxw-list li {
  float: left;
  width: 16.66%;
  padding-right: 10px;
}

.zxxw-list li a {
  display: block;
  font-size: 1.5rem;
  line-height: 60px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 30px;
}

.zxxw-list li a:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #333333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}

.zxxw-list:before {
  content: "";
  width: 100%;
  height: 30px;
  background: url(/images/zxxs-bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1440px) {
  .zxxw-list {
    padding: 60px 30px 30px;
  }
  .zxxw-list li {
    width: 20%;
  }
}

@media (max-width: 1240px) {
  .zxxs-page .box {
    width: 50%;
  }
  .zxxw-list li {
    width: 33.3%;
  }
}

@media (max-width: 992px) {
  .zxxs-page {
    margin: 0 -15px;
  }
  .zxxs-page .item {
    margin: 0 15px;
  }
  .zxxw-list {
    padding: 40px 15px 20px;
  }
  .zxxw-list li {
    width: 33.3%;
  }
}

@media (max-width: 768px) {
  .zxxs-page .box {
    width: 100%;
    margin-bottom: 20px;
  }
  .zxxs-page .box .item {
    height: auto;
    padding: 45px 20px 20px;
  }
  .zxxw-list li {
    width: 50%;
  }
  .zxxw-list li a {
    line-height: 40px;
  }
}

@media (max-width: 420px) {
  .zxxw-list li {
    width: 100%;
  }
}



/* 手机二级导航 */
.phone-leftnav {
  display: none;
}

@media (max-width: 1239px) {
  .left-nav {
    display: block !important;
    float: none;
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .left-nav:before {
    display: none;
  }
  .phone-leftnav {
    display: block;
    padding: 15px;
    background: #6510ad;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: relative;
  }
  .phone-leftnav em {
    display: block;
    width: 40px;
    height: 100%;
    background: url(/images/phone-sidemenu.png) center no-repeat;
    background-size: auto 32%;
    position: absolute;
    top: 0;
    right: 15px;
  }
  .left-nav .sideMenu {
    display: none;
    padding: 0;
    background: #f0f2f4;
  }
  .left-nav .sideMenu.open {
    display: block;
  }
  .left-nav .sideMenu li {
    padding: 15px;
  }
}

.header .top-right li.btn4 .box2 {
  display: none;
  width: 300px;
  height: 200px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  z-index: 999999;
}

.header .top-right li.btn4 .box2.open {
  display: block;
  top: auto;
  bottom: 100%;
  position: fixed;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}


/* 办事大厅 */
.bsdt .title {
  overflow: hidden;
  /* margin-bottom: 50px;*/
}

.bsdt .title h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333333;
  padding-bottom: 25px;
  /* background: url(/img/bsdt-title-bottom.png) center bottom no-repeat;*/
  text-align: center;
}

.bsdt .tyyw {
  padding: 50px 25px 10px;
  background: url(/img/tyyw-bg.png) no-repeat;
  background-size: cover;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}

.bsdt .tyyw .list ul {
  overflow: hidden;
}

.bsdt .tyyw .list li {
  float: left;
  width: 20%;
  margin-bottom: 40px;
}

.bsdt .tyyw .list li a {
  display: block;
  line-height: 60px;
  height: 60px;
  background: #ecf1f4;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  margin: 0 25px;
}

.bsdt .tyyw .list li a:hover {
  background: #0a78d1;
  color: #fff;
}

.bsdt .other {
  /*margin: 120px -34px 0;*/
  text-align: center;
}

.bsdt .other .item {
  /* float: left; */
  /* width: 20%; */
  /* display: inline-block; */
overflow: hidden;
    padding-bottom: 20px;
}

.bsdt .other .item .box {
  padding: 40px 15px 20px;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
  /*margin: 0 12px;*/
  border-radius: 3px;
}
.bsdt .other .item .box0 {
  background: url(/img/other-box11.jpg) right top no-repeat #fff;
}

.bsdt .other .item .box1 {
  background: url(/img/other-box1.png) right top no-repeat #fff;
}

.bsdt .other .item .box2 {
  background: url(/img/other-box2.png) right top no-repeat #fff;
  /*margin-top: 80px;*/
}

.bsdt .other .item .box3 {
  background: url(/img/other-box3.png) right top no-repeat #fff;
}

.bsdt .other .item .box4 {
  background: url(/img/other-box4.png) right top no-repeat #fff;
  margin-top: 80px;
}

.bsdt .other .title h2 {
  float: left;
}

.bsdt .other ul {
 /* margin-top: 75px;*/
  overflow: hidden;
}

.bsdt .other ul li {
  margin-bottom: 15px;
  width: 19%;
    float: left;
    margin-right: 2%;
}

.bsdt .other ul li a {
  display: block;
  line-height: 52px;
  height: 52px;
  background: #f9f4fd;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
}

.bsdt .other ul li a:hover {
  background: #6510ad;
  color: #fff;
}

@media (max-width: 1440px) {
  .bsdt .tyyw .list li a {
    margin: 0 15px;
  }
  .bsdt .other {
   /* margin: 100px -15px;*/ 
   /* display: flex; */
   /* justify-content: center;*/
  }
  .bsdt .other .item .box {
    padding: 45px 20px 20px;
    /*margin: 0 15px;*/
  }
  .bsdt .other .item .box2,
  .bsdt .other .item .box4 {
  }
}
@media (max-width: 1239px){
.bsdt .other ul li{width: 32%;}
}
@media (max-width: 992px) {
  .bsdt .tyyw .list li {
    width: 33.3%;
    margin-bottom: 25px;
  }
  .bsdt .other .item {
   /* width: 50%;*/
  }
}

@media (max-width: 600px) {
  .bsdt .tyyw .list li {
    width: 50%;
  }
.bsdt .other ul li{width: 100%;}
}

@media (max-width: 420px) {
  .bsdt .tyyw {
    padding: 30px 15px 20px;
  }
  .bsdt .tyyw .list li {
    width: 100%;
  }
  .bsdt .other {
    margin-top: 40px;
    display: block;
  }
  .bsdt .other .item {
    width: 100%;
  }
  .bsdt .other .item .box {
    margin-top: 20px !important;
  }
}