@charset "utf-8";
@import url("../../../css/fonts.css");

html {
	font-size: 20px;
}

* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}

body {
	font: 12px Arial, "微软雅黑";
	color: #333;
	-webkit-font-smoothing: antialiased;
	position: relative;
	height: 100%;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #009CE5;
}

a img,
img {
	border: none;
}

div,
ul,
li,
p,
form {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

em {
	font-style: normal;
	font-weight: normal;
}

h3,
h4 {
	font-weight: bold;
}

.clear {
	clear: both;
	height: 0px;
}

textarea,
input {
	outline: medium;
}

.onelist-hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.twolist-hidden {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.threelist-hidden {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.header {
	width: 100%;
	background: #FFF;
	left: 0px;
	top: 0px;
	z-index: 999;
}

.nav-logo {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.nav-logo .logo {
	max-width: 230px;
	min-width: 150px;
	width: 30%;
	height: 80px;
	overflow: hidden;
	margin-left: 2%;
}

.nav-logo .logo a {
	display: block;
	height: 100%;
}

.nav-logo .logo img {
	width: 100%;
}

.nav-logo .logo p {
	width: 100%;
	height: 100%;
	display: table;
}

.nav-logo .logo p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.nav {
	min-width: calc(100% - 230px - 2%);
	min-width: -moz-calc(100% - 230px - 2%);
	min-width: -webkit-calc(100% - 230px - 2%);
	max-width: calc(100% - 150px - 2%);
	max-width: -moz-calc(100% - 150px - 2%);
	max-width: -webkit-calc(100% - 150px - 2%);
	width: calc(100% - 30% - 2%);
	width: -moz-calc(100% - 30% - 2%);
	width: -webkit-calc(100% - 30% - 2%);
}

.nav ul {
	float: right;
	overflow: hidden;
	margin-right: 2%;
}

.nav ul li {
	float: left;
	text-align: center;
	font-size: 16px;
	width: 100px;
}

.nav ul li .item-list {
	display: block;
	line-height: 80px;
}

.nav ul li .item-list span.fa {
	float: right;
	line-height: 80px;
	display: none;
}

.nav ul li span.ba {
	position: absolute;
	width: 100%;
	height: 50px;
	left: 0px;
	top: 0px;
	display: none;
}

.nav ul li .item-list {
	display: block;
	line-height: 80px;
	font-size: 0.7rem;
	position: relative;
	z-index: 1;
	font-weight: bold;
}

.nav ul li .item-list:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 0%;
	bottom: 0px;
	left: 0px;
	background: #009CE5;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	z-index: -1;
}

.nav ul li.curr .item-list:before {
	height: 100%;
}

.nav ul li.curr .item-list {
	color: #FFF;
}

.navi_content {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	position: absolute;
	left: 0px;
	display: none;
	height: 50px;
	z-index: 999;
}

.navi_content .con-box p {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 100px;
	text-align: center;
}

.navi_content .con-box p a {
	display: block;
	font-size: 0.6rem;
	color: #FFF;
}

.navi_content .con-box p a:hover {
	text-decoration: underline;
}

.header .list {
	display: none;
	position: absolute;
	right: 2%;
	top: 20px;
	border: 1px solid #EEE;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	cursor: pointer;
}

/**幻灯图片**/
.flexslider {
	position: relative;
	overflow: hidden;
}

.slides {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.slides li a {
	display: block;
}

.slides li a img {
	width: 100%;
	display: block;
	min-height: 200px;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
}

.slides li a video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	z-index: -1;
}

.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	*display: inline;
	zoom: 1;
}

.flex-control-nav a {
	display: block;
	width: 12px;
	height: 12px;
	line-height: 40px;
	overflow: hidden;
	background: #000;
	cursor: pointer;
	border-radius: 100%;
}

.flex-control-nav .flex-active {
	background: #FFF;
}

.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
	margin-top: -25px;
	display: none;
}

.flex-direction-nav li a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}

.flex-direction-nav li a.flex-prev {
	left: 0px;
	background: url(../images/prev.png) no-repeat 0 0;
}

.flex-direction-nav li a.flex-prev:hover {
	background: url(../images/prev.png) no-repeat 0 -50px;
}

.flex-direction-nav li a.flex-next {
	right: 0px;
	background: url(../images/next.png) no-repeat 0 0;
}

.flex-direction-nav li a.flex-next:hover {
	background: url(../images/next.png) no-repeat 0 -50px;
}

@media only screen and (min-width:1200px) {
	.header .show {
		display: block !important;
	}
}

@media only screen and (max-width:1200px) {
	.header .list {
		display: block;
	}

	.logo-tel {
		margin: 0 2%;
	}

	.nav {
		position: fixed;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		top: 80px;
		background: #EEE;
		overflow-y: auto;
		max-height: calc(100% - 80px);
		max-height: -moz-calc(100% - 80px);
		max-height: -webkit-calc(100% - 80px);
		left: 0px;
		display: none;
		height: calc(100% - 80px);
	}

	.nav ul {
		width: 100%;
		margin-right: 0px;
	}

	.nav ul li {
		width: 100%;
		text-align: left;
		position: relative;
	}

	.nav ul li .item-list {
		line-height: 50px;
		font-weight: bold;
		color: #000;
	}

	.navi_content {
		position: relative;
		height: auto;
		border: 0;
	}

	.nav ul li:hover .item-list:before {
		content: "";
	}

	.navi_content .con-box p {
		width: 100%;
		float: none;
		text-align: left;
	}

	.navi_content .con-box {
		position: static !important;
		left: 0px !important;
		float: none !important;
	}

	.nav ul li a {
		border-bottom: 1px solid #DDD;
		padding: 0px 2%;
	}

	.nav ul li .item-list span.fa {
		display: block;
		line-height: 50px;
	}

	.nav ul li span.ba {
		display: block;
		z-index: 2;
	}

	.logo-tel .tel {
		display: none;
	}

	.header {
		position: fixed;
	}

	.flexslider,
	.banner {
		margin-top: 80px;
	}
}

.content {
	padding: 1rem 0px;
}

.content-top {
	max-width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	margin-bottom: 1rem;
}

.content-top .box-list {
	width: 32%;
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 2%;
}

.content-top .box-list:nth-child(3) {
	margin-right: 0px;
}

.content-top .box-list a {
	display: block;
	overflow: hidden;
	position: relative;
}

.content-top .box-list a .box {
	width: 100%;
}

.content-top .box-list a .box img {
	display: block;
	width: 100%;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s
}

.video-text {
	background: rgba(0, 0, 0, 0.6);
	height: 1.8rem;
	color: #FFF;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	line-height: 1.8rem;
	font-size: 0.6rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	z-index: 2;
	text-align: center;
}

.content-top .box-list a:hover .box img {
	transform: scale(1.08, 1.08);
}

.title {
	line-height: 40px;
	border-bottom: 1px solid #DDD;
}

.title b {
	font-size: 0.9rem;
	display: inline-block;
	border-bottom: 3px solid #009CE5;
	padding-right: 20px;
	background: url(../images/simg.gif) no-repeat left center;
	padding-left: 15px;
}

.title span {
	float: right;
}

.content-center {
	max-width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}

.autoplay {
	margin: 1rem 0px;
	position: relative;
}

.autoplay .slick-slide {
	float: left;
	position: relative;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.autoplay .slick-slide .box-img {
	width: 42%;
}

.autoplay .slick-slide .box-img a {
	height: 100%;
}

.autoplay .slick-slide .box-img a img {
	width: 100%;
	display: block;
	height: 100%;
	max-height: 300px;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	display: block;
}

@media only screen and (max-width:768px) {
	.autoplay .slick-slide .box-img a img {
		height: 218px;
	}
}

.autoplay .slick-slide .box-text {
	width: 52%;
	margin-left: 6%;
	position: relative;
}

.slick-track {
	overflow: hidden;
}

.autoplay .slick-slide .box-text h3 a {
	font-size: 0.8rem;
}

.autoplay .slick-slide .box-text p {
	font-size: 0.6rem;
	line-height: 1rem;
	margin-top: 0.4rem;
}

.autoplay .slick-slide .box-text span {
	position: absolute;
	display: block;
	width: 5rem;
	height: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
	background: #009CE5;
	bottom: 0px;
}

.autoplay .slick-slide .box-text span a {
	color: #FFF;
	display: block;
}

.autoplay button {
	position: absolute;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, 0.6);
	color: #FFF;
	border: 0;
	top: 50%;
	margin-top: -15px;
}

.autoplay button.slick-next {
	left: 42%;
	margin-left: -30px;
}

.autoplay .slick-dots {
	position: absolute;
	bottom: 5px;
	left: 0px;
	text-align: left;
}

.autoplay .slick-dots li {
	display: inline-block;
	margin-left: 8px;
}

.autoplay .slick-dots li span {
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: -999cm;
	background: #FFF;
	border-radius: 100%;
	text-align: left;
}

.autoplay .slick-dots li.slick-active span {
	background: #009CE5;
}

.index_title {
    overflow: hidden;
    text-align: center;
	padding: 25px 0px;
}

.index_title .en {
    color: #e3e3e3;
    font-size: 30px;
    margin: 0px;
    font-weight: normal;
}

.index_title .cn {
    height: 45px;
    line-height: 45px;
    color: #000000;
    font-size: 30px;
    font-weight: normal;
	font-weight: 700;
}


@media only screen and (max-width:478px) {
	.autoplay .slick-slide .box-img {
		width: 100%;
	}

	.autoplay .slick-slide .box-text {
		width: 100%;
		margin-left: 0px;
	}

	.autoplay button.slick-next {
		left: 100%;
		margin-left: -30px;
	}

	.autoplay .slick-dots {
		top: 10px;
		text-align: right;
	}

	.autoplay .slick-slide .box-text h3 {
		margin-top: 0.5rem;
	}
}

.new-list,
.video-list {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.new-list .new-item {
	width: 23.5%;
	margin-right: 2%;
}

.new-list .new-item:nth-child(4) {
	margin-right: 0px;
}

.new-list .new-item a {
	display: block;
	padding: 10%;
	background: #EDF5F8;
	color: #000;
}

.new-list .new-item a h3 {
	font-weight: normal;
	font-size: 0.7rem;
}

.new-list .new-item a h3 b {
	background: url(../images/li.png) no-repeat left center;
	padding: 0.5rem 0.3rem;
}

.new-list .new-item a span {
	margin-top: 0.8rem;
	display: block;
	color: #C1C1C1;
}

.new-list .new-item a:hover {
	color: #FFF;
	background: #009CE5;
}

.video-list {
	padding: 1rem 0px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.video-list-left {
	width: 50%;
	overflow: hidden;
	position: relative;
	margin-left: 5%;
}

.video-list-left .video{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-list-left .backplay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.video-list-left .backplay-image{
	width: 100%;
}

.video-list-left .backplay-image .image{
	width: 100%;
	display: block;
}

.video-list-right {
	width: 45%;
	overflow: hidden;
}

.video-list-right h1 {
    color: #e3e3e3;
    font-size: 30px;
    margin: 0px;
    font-weight: normal;
}

.video-list-right h2 {
    height: 45px;
    line-height: 40px;
    color: #000000;
    font-size: 30px;
    font-weight: normal;
    margin: 5px auto;
	font-weight: 700;
}

.video-list-right i {
    display: block;
    width: 50px;
    height: 1px;
    background: #c3c3c3;
    margin: 15px 0px;
}

.video-list-right .list-box {
	padding: 0.5rem 0px;
}

.video-list-right .list-box li {
	line-height: 1.5rem;
	font-size: 0.8rem;
}

.video-list-right .list-box li a {
	color: #666;
	padding-left: 15px;
}

.video-list-right .list-box li.slick-active a {
	color: #009CE5;
}

.autoplays {
	position: relative;
	height: 100%;
}

.autoplays .slick-slide {
	float: left;
	position: relative;
	height: 100%;
}

.autoplays .slick-slide a {
	display: block;
	overflow: hidden;
	height: 100%;
}

.autoplays .slick-slide a img {
	width: 100%;
	display: block;
}

.autoplays .slick-slide a .backplay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.autoplays .slick-slide .video-text {
	display: none;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
	bottom: 0px;
	position: absolute;
}

.autoplays .slick-slide .video-text a {
	color: #FFF;
}

.autoplays .slick-dots {
	width: 120px;
	position: absolute;
	height: 43px;
	text-align: right;
	right: 0px;
	bottom: 0px;
	line-height: 43px;
}

.autoplays .slick-dots li {
	display: inline-block;
	margin-right: 5px;
}

.autoplays .slick-dots li span {
	display: block;
	width: 10px;
	height: 10px;
	background: #FFF;
	overflow: hidden;
	text-indent: 999cm;
	border-radius: 100%;
}

.autoplays .slick-dots li.slick-active span {
	background: #009CE5;
}

.video-title {
	margin-top: 1rem;
}

.boxlist {
	margin: 0 auto;
	position: relative;
	padding: 1rem 0px;
}

.boxlist .owl-carousel .owl-item a img {
	width: 100%;
	display: block;
}

.boxlist .owl-carousel .owl-item {
	box-sizing: border-box;
	text-align: center;
}

.boxlist .owl-carousel .owl-item a,
.honor ul li a {
	display: block;
	padding: 8px;
}

.owl-theme .owl-controls .owl-page {
	width: 30px;
	height: 2px;
	margin: 0px 4px;
}

.boxlist .owl-carousel .owl-item p {
	font-size: 0.6rem;
}

.footer {
	border-top: 1px solid #DDD;
	font-size: 0.6rem;
	background: #009CE5;
	color: #FFF;
}

.f-box {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

@media only screen and (max-width:1200px) {
	.f-box {
		margin: 0 2%;
	}
}

.footer a {
	color: #FFF;
}

.left-p {
	padding: 1rem 0px;
	line-height: 1.2rem;
	width: 35%;
}

.center-p {
	width: 30%;
	text-align: center;
	line-height: 1.2rem;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.center-p p {
	width: 100%;
}

.center-p p img {
	display: inherit;
}

.right-p {
	width: 35%;
	text-align: right;
}

.right-p .right-p-img {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	padding-top: 1rem;
}

.right-p .pp {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	width: 20%;
}

.right-p .pp p {
	width: 100%;
}

.right-p .right-p-img .img {
	width: 80%;
}

.right-p .right-p-img .img img {
	float: right;
}

.banner img {
	width: 100%;
	min-height: 200px;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	display: block;
}

.a-content {
	padding-bottom: 1rem;
	background: #EEE;
}

.connav span {
	margin: 0 auto;
	line-height: 2rem;
	background: #009CE5;
	font-size: 0.8rem;
	color: #FFF;
	position: relative;
	display: block;
}

.connav span:before {
	content: "\f107";
	font-family: FontAwesome;
	float: right;
	position: absolute;
	right: 15px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.connav span.curr:before {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}

.connav {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	display: none;
}

.connav ul {
	display: none;
	background: #FFF;
}

.connav ul li {
	width: 100%;
	border-bottom: 1px solid #EEE;
}

.connav ul li a {
	display: block;
	font-size: 0.8rem;
	line-height: 2rem;
}

.connav ul li a:hover,
.connav ul li.currclass a {
	background: #009CE5;
	color: #FFF;
}

.about-list ul {
	overflow: hidden;
}

.about-list ul li {
	width: 23.5%;
	float: left;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 3%;
}

.about-list ul li:nth-child(4n) {
	margin-right: 0px;
}

.about-list ul li a {
	display: block;
	position: relative;
}

.about-list ul li a .img {
	border: 1px solid #DDD;
	padding: 2%;
}

.about-list ul li a img {
	display: block;
	width: 100%;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.about-list ul li a h3 {
	font-weight: normal;
	text-align: center;
	color: #000;
	font-size: 0.6rem;
	position: relative;
	width: 100%;
	bottom: 0px;
	padding: 0.5rem 0px;
}



@media only screen and (max-width: 960px) {
	.about-list ul li {
		width: 32%;
	}

	.about-list ul li:nth-child(4n) {
		margin-right: 2%;
	}

	.about-list ul li:nth-child(3n) {
		margin-right: 0px;
	}

}

@media only screen and (max-width:640px) {
	.about-list ul li {
		width: 49%;
	}

	.about-list ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.about-list ul li:nth-child(2n) {
		margin-right: 0px;
	}
}



.his-list,
.about-list {
	padding: 2%;
}

.his-list {
	padding: 2%;
}

.his-list li h3 {
	background: url(../images/curr.png) no-repeat left center;
	padding-left: 35px;
	height: 2rem;
	line-height: 2rem;
	color: #F00;
	position: relative;
	font-size: 0.7rem;
}

.his-list li p {
	background: url(../images/p.png) no-repeat left center;
	padding: 0.5rem 0px;
	padding-left: 35px;
	position: relative;
}

.his-list li p:before,
.his-list li h3:before {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	background: #009CE5;
	top: 0px;
	left: 9px;
}

.his-list li h3 span {
	font-weight: normal;
	color: #000;
}

.his-list li:first-child h3:before {
	margin-top: 1rem;
}

.his-list li:last-child p:before {
	margin-top: -0.6rem;
}

.f-content {
	background: #EEE;
}

.ab-nav {
	position: relative;
	text-align: center;
	z-index: 1;
	background: #FFF;
}

.ab-nav ul,
.content {
	max-width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}

.ab-nav li {
	float: left;
	line-height: 2.5rem;
	margin-right: 2rem;
}

.ab-nav li a {
	display: block;
	font-size: 0.6rem;
}

.ab-nav li a:hover,
.ab-nav li.curr a {
	color: #009CE5;
	font-weight: bold;
}

.picbox {
	background: #FFF;
}

.box-title {
	font-size: 20px;
	text-align: center;
	font-size: 18px;
	color: #000;
	padding: 0.8rem 0px;
	font-weight: bold;
}

.boxs {
	color: #999;
}

.mycontent {
	padding: 1rem 2%;
}

.imgtitle {
	text-align: center;
	line-height: 50px;
}

.mycontent img {
	max-width: 800px !important;
	width: 100% !important;
	height: auto !important;
}

.dj-img img {
	max-width: 1200px;
	width: 100%;
}

.mycontent p {
	font-size: 0.7rem;
	line-height: 1.3rem;
}

.mycontent .box-img {
	text-align: center;
}

.mycontent .mycontent-div{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.mycontent .mycontent-div .mycontent-div-left{
	width: 60%;
}

.mycontent .mycontent-div .mycontent-div-right{
	width: 38%;
	margin-left: 2%;
}

.mycontent .mycontent-div .mycontent-div-right .image{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.box-content {
	background: #FFF;
	padding: 1rem;
}

.box-content .boxs {
	text-align: center;
	line-height: 30px;
	color: #999;
	border-bottom: 1px dashed #DDD;
}

.box-content .boxs span {
	margin: 0px 10px;
}

.ncontrol {
	background: #FFF;
	border-top: 1px solid #DDD;
	overflow: hidden;
	padding: 0px 2%;
}

.ncontrol .left {
	width: 46%;
	float: left;
	padding: 1rem 0px;
}

.ncontrol .center {
	width: 8%;
	float: left;
	padding: 1rem 0px;
}

.about-title {
	text-align: center;
	color: #009CE5;
	line-height: 2.5rem;
	font-weight: bold;
	padding: 0px;
	display: none;
}

.tory-list,
.aa-list {
	background: #FFF;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.tory-list-a .item a {
	display: block;
	background: #BAD0E2;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #FFF;
}

.tory-list-a .item {
	padding: 0px 5px;
}

.tory-list-a .curr a {
	background: #009CE5;
}

.tory-list-a .owl-carousel {
	width: 90%;
	margin: 0px 5%;
}

.tory-list-a .owl-controls {
	height: 0px;
}

.tory-list-a .owl-controls .owl-buttons div {
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	margin-top: -0.5rem;
	color: #FFF;
	font-size: 0.7rem;
	font-weight: bold;
	text-indent: -999cm;
	overflow: hidden;
}

.tory-list-a .owl-controls .owl-buttons div.owl-prev {
	left: -3%;
	background: url(../images/lcb_l.png);
	background-size: cover;
}

.tory-list-a .owl-controls .owl-buttons div.owl-next {
	right: -3%;
	background: url(../images/lcb_r.png);
	background-size: cover;
}

.aa-list {
	padding: 0px 5%;
	padding-bottom: 1rem;
	padding-top: 2rem;
}

.aa-list .aa-list-item {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.aa-list .aa-list-item .item-left {
	width: 80px;
}

.aa-list .aa-list-item .item-left li.item-left-d {
	font-size: 1rem;
	color: #009CE5;
	font-weight: bold;
	line-height: 30px;
}

.aa-list .aa-list-item .item-right {
	width: calc(100% - 100px - 1rem);
	width: -moz-calc(100% - 100px - 1rem);
	width: -webkit-calc(100% - 100px - 1rem);
	margin-left: 1rem;
}

.aa-list .aa-list-item .item-right-h h3 {
	font-size: 1rem;
	font-weight: bold;
	line-height: 30px;
}

.aa-list .aa-list-item {
	margin-bottom: 20px;
}

.aa-list .aa-list-item p {
	background: url(../images/curr.png) no-repeat left center;
	padding-left: 25px;
	width: 100%;
	color: #666;
	font-size: 0.6rem;
	margin-bottom: 0.5rem;
	background-size: 15px 15px;
	line-height: 1rem;
}


.honour {
	padding: 1rem 2%;
	overflow: hidden;
	padding-bottom: 0.5rem;
	text-align: center;
}

.honour li {
	display: inline-block;
	background: #999;
	width: 30%;
}

.honour li a {
	display: block;
	color: #FFF;
	font-size: 0.6rem;
	text-align: center;
	line-height: 1.5rem;
}

.honour li.curr a {
	background: #5C99E2;
}

.fenye table {
	margin: 0 auto;
}

.fenye table a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0px 1rem;
	border: 1px solid #DDD;
	font-size: 0.7rem;
	border-radius: 3px;
	background: #FFF;
}

.fenye table a:hover,
.fenye table a.curr {
	background: #009CE5;
	color: #FFF;
}

.fenye .total {
	display: none;
}

.pro-content {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 1rem 0px;
}

.pro-content ul {
	overflow: hidden;
}

.pro-content ul li {
	width: 23.5%;
	float: left;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 3%;
}

.pro-content ul li:nth-child(4n) {
	margin-right: 0px;
}

.pro-content ul li a {
	display: block;
	position: relative;
}

.pro-content ul li a img {
	display: block;
	width: 100%;
	height: 217px;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.pro-content ul li a h3 {
	font-weight: normal;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	color: #FFF;
	font-size: 0.6rem;
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 0.5rem 0px;
}

.newlist {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 1rem 0px;
}

.newlist .newlist-box {
	margin-bottom: 0.5rem;
}

.newlist .newlist-box a {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	padding: 2%;
	background: #FFF;
}

.newlist .newlist-box a img {
	width: 100%;
	max-height: 200px;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	display: block;
}

.newlist .newlist-box a .img {
	width: 26%;
}

.newlist .newlist-box a .intro {
	width: calc(100% - 26% - 1rem);
	width: -moz-calc(100% - 26% - 1rem);
	width: -webkit-calc(100% - 26% - 1rem);
	margin-left: 1rem;
}

.newlist .newlist-box a .intro h3 {
	color: #000;
	margin-bottom: 0.5rem;
}

.newlist .newlist-box a .intro p {
	line-height: 1.2rem;
	color: #666;
	margin-bottom: 0.5rem;
}

.newlist .newlist-box a .intro span {
	color: #999;
}

.cg-list {
	background: #FFF;
	padding: 2%;
	text-align: center;
	overflow: hidden;
}

.cg-list .item {
	background: #BAD0E2;
	width: 100px;
	display: inline-block;
	margin: 1%;
}

.cg-list .item a {
	display: block;
	line-height: 2rem;
}

.cg-list .item a p {
	width: 100%;
	color: #FFF;
	font-size: 0.6rem;
}

.cg-list .curr a {
	background: #009CE5;
}

.cg-list-box {
	background: #FFF;
	overflow: hidden;
	padding: 2%;
}

.cg-list-box ul li {
	width: 23.5%;
	float: left;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 3%;
}

.cg-list-box ul li:nth-child(4n) {
	margin-right: 0px;
}

.cg-list-box ul li a {
	display: block;
}

.cg-list-box ul li a .img {
	border: 1px solid #DDD;
}

.cg-list-box ul li a .img img {
	display: block;
	width: 100%;
}

.yw-list ul li a:hover img {
	transform: scale(1.08, 1.08);
}

.con-intro {
	background: #FFF;
	padding: 2%;
	font-size: 0.7rem;
	line-height: 1.2rem;
	overflow: hidden;
}

.con-intro img {
	width: 40%;
}

.con-intro img[style="float: left;"] {
	margin-right: 10px;
	margin-bottom: 10px;
}

.con-intro img[style="float: right;"] {
	margin-left: 10px;
	margin-bottom: 10px;
}

.dj-list li {
	line-height: 1.8rem;
	border-bottom: 1px dashed #DDD;
}

.dj-list li a {
	font-size: 0.65rem;
}

.dj-list li span {
	float: right;
}

.dj-list ul {
	padding: 2%;
}

.conlist {
	padding: 1rem;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}

.conlist .left {
	width: 51%;
	position: relative;
	margin-left: 9%;
}

.conlist .left img.bb {
	display: block;
	width: 100%;
}

.conlist .left .BMap_bubble_title {
	color: #F00;
	font-size: 0.6rem;
}

.map {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #DDD;
}

.conlist .right {
	width: 40%;
	position: relative;
}

.conlist .right .right-list h3 {
	font-size: 1rem;
	margin-bottom: 1rem;
}

.conlist .right .right-list p {
	font-size: 0.7rem;
	line-height: 1.5rem;
}

.conlist .right .right-list .img-im {
	padding: 1rem 0px;
}

.conlist .right .right-list .img-im img {
	max-width: 141px;
}

.conlist .right .right-list .img-p {
	font-size: 0.6rem;
}

.title-h {
	color: #009CE5;
}

.wxin-box h3 {
	font-size: 0.8rem;
}

.wxin-box img {
	width: 100%;
	max-width: 400px;
}

.wxin-box {
	text-align: center;
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.wxin-box p {
	font-size: 0.8rem;
}

.wxin-box p span {
	color: #F00;
	margin: 0px 0.5rem;
}

.joblist {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem 0px;
	overflow-x: auto;
}

.joblist .job-box table {
	background: #FFF;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.joblist .job-box table tr td {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}

.joblist .job-box table .tab-title {
	background: #CCC;
	line-height: 2rem;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

.joblist .job-box {
	min-width: 800px;
	margin-bottom: 2rem;
}

.joblist .job-box table .tab-list {
	line-height: 1.2rem;
}

.joblist .job-box table .tab-list td {
	padding: 5px 0px;
}

.joblist .job-box table .tab-list div {
	line-height: 1rem;
	padding: 0px 8px;
}

.joblist .job-box table .tab-list div span {
	color: #F00;
	font-size: 12px;
	cursor: pointer;
}

.joblist .job-box table .tab-list div.sort-asc {
	display: none;
}

.joblist .job-box table .tab-list:hover {
	background-color: rgba(0, 0, 0, .075);
}

.joblist .job-box table tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05);
}

.joblist .job-box table tr.tab-title {
	background: #CCC;
	line-height: 2rem;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

.video-show {
	max-width: 640px;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

.video-show video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
}

.culist ul li a img {
	height: auto
}

#btnMore {
	display: none;
}

.wxin-box-img {
	padding: 20px;
}

@media only screen and (max-width:1200px) {

	.about-content,
	.ab-nav ul,
	.content,
	.newlist,
	.joblist {
		margin: 0 2%;
	}

	#pagelist .prev {
		display: none;
	}

	.fenye .total {
		display: inline-block;
	}

	.ncontrol .center {
		display: none;
	}

	.ncontrol .left {
		width: 100%;
		float: none;
	}

	.flexslider,
	.banner {
		margin-top: 80px;
	}

	.yw-list ul,
	.culist ul {
		padding: 0px 2%;
	}
}

@media screen and (min-width:424px) {
	html {
		font-size: 20.5px;
	}
}

@media screen and (min-width:480px) {
	html {
		font-size: 20.5px;
	}
}

@media screen and (min-width:540px) {
	html {
		font-size: 20.8px;
	}
}

@media screen and (min-width:600px) {
	html {
		font-size: 21.8px;
	}
}

@media screen and (min-width:800px) {
	html {
		font-size: 22.8px;
	}
}

@media only screen and (max-width:1200px) {

	.content-top,
	.content-center {
		margin: 0 2%;
		margin-bottom: 1rem;
	}

	.c-content {
		margin: 0 2%;
	}

}

@media only screen and (max-width:960px) {

	.right-p,
	.left-p {
		display: none;
	}

	.center-p {
		width: 100%;
		padding: 0.5rem 0px;
	}

	.connav {
		display: block;
	}

	.aboutleft {
		display: none;
	}

	.aboutright {
		float: none;
		width: calc(100%);
		width: -moz-calc(100%);
		width: -webkit-calc(100%);
	}

	.articlecontentcn {
		padding: 2%;
	}

	.aboutright-title {
		text-align: left;
		padding-left: 2%;
	}

	.a-content {
		background: #EEE;
	}

	.ab-nav {
		display: none;
	}

	.pro-content ul li,
	.cg-list-box ul li {
		width: 32%;
	}

	.pro-content ul li:nth-child(4n),
	.cg-list-box ul li:nth-child(4n) {
		margin-right: 2%;
	}

	.pro-content ul li:nth-child(3n),
	.cg-list-box ul li:nth-child(3n) {
		margin-right: 0px;
	}

	.conlist .left {
		display: none;
	}

	.conlist .right {
		width: 100%;
	}

	#rightDiv,
	#topDiv,
	#leftDiv,
	#bottomDiv {
		display: none !important;
	}
}

@media only screen and (max-width:768px) {
	.autoplay .slick-slide .box-text span {
		display: none;
	}

	.new-list .new-item {
		width: 100%;
		margin-right: 0;
		border-bottom: 1px solid #EEE;
		padding-bottom: 8px;
	}

	.new-list .new-item a span {
		margin-top: 0;
	}

	.new-list .new-item a h3 {
		line-height: 1.5rem;
	}

	.new-list .new-item a {
		padding: 0;
		overflow: hidden;
		background: 0;
	}

	.new-list .new-item a:hover {
		color: #333;
		background: 0;
	}

	.newlist .newlist-box a .intro h3 {
		font-weight: normal;
	}

	.newlist .newlist-box a .intro p {
		display: none;
	}
}

@media only screen and (max-width:680px) {
	.video-title {
		display: block;
	}

	.video-list-right {
		display: none;
	}

	.video-list-left{
		width: 100%;
		margin-left: 0px;
	}

	.video-list-right{
		width: 100%;
		margin-left: 0px;
	}

	.autoplays .slick-slide .video-text {
		display: block;
	}

	.owl-theme .owl-controls {
		display: none !important;
	}

	.video-text {
		position: relative;
		background: #FFF;
		color: #000;
	}

	.con-intro img {
		width: 100%;
		margin: 0px;
	}
}

@media only screen and (max-width:640px) {

	.pro-content ul li,
	.cg-list-box ul li {
		width: 49%;
	}

	.pro-content ul li:nth-child(3n),
	.cg-list-box ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.pro-content ul li:nth-child(2n),
	.cg-list-box ul li:nth-child(2n) {
		margin-right: 0px;
	}
	
	.mycontent .mycontent-div .mycontent-div-left{
		width: 100%;
	}
	
	.mycontent .mycontent-div .mycontent-div-right{
		width: 100%;
		margin-left: 0px;
	}
}

.itemFloat .close {
	display: block;
	position: absolute;
	right: -7.5px;
	top: -7.5px;
	width: 15px;
	height: 15px;
	background: #FFF;
	text-align: center;
	line-height: 15px;
	font-size: 14px;
	border-radius: 100%;
}

#rightDiv .itemFloat .close,
#topDiv .itemFloat .close {
	left: -7.5px;
}

.list-box-intro{
	margin-top: 15px;
}

.list-box-intro-title{
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 8px;
	color: #000000;
}

.list-box-intro-h3{
	font-size: 20px;
	color: #000000;
	font-weight: 700;
}

.list-box-intro-p{
	font-size: 14px;
	margin-top: 15px;
	color: #666666;
}

.list-box-intro-a{
	font-size: 14px;
	margin-top: 15px;
}

.list-box-intro-a a{
	display: inline-block;
	padding: 15px 35px;
	border: 1px solid #EEEEEE;
	color: #666666;
}

.flex-center {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}