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

    Template Name: Fidda - Portfolio & Digital Agency HTML Template
    Template URI: site.com
    Description: Fidda - Portfolio & Digital Agency HTML Template
    Author: Md. Mizanur Rahman
    Author URI: site.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default css
	02. Header css
    03. Hero css
    04. About css
    05. Service css
    06. Features css
    07. Portfolio css
    08. Testimonial css
    09. Team css
    10. Blog css
    11. Contact css
    12. Footer css

-----------------------------------------------------------------------------------*/
/*=========================
    1. Start COMMON css 
==========================*/
@import url("/7fb19050c2b44efb80802fab61978ee5.css");

html {
	font-size: 100%;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
}

a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
	text-decoration: none;
	outline: none;
}

i, a {
	/* display: inline-block; */
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", sans-serif;
	color: #000000;
	margin: 0px;
}

h1 {
	font-size: 65px;
	line-height: 80px;
}

h2 {
	font-size: 50px;
	line-height: 60px;
}

h3 {
	font-size: 30px;
	line-height: 40px;
}

h4 {
	font-size: 24px;
	line-height: 34px;
}

h5 {
	font-size: 20px;
	line-height: 30px;
}

h6 {
	font-size: 16px;
}

ul,
ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

p {
	/* color: #616161; */
	margin: 0px;
}

input,
textarea {
	display: inherit;
}

img {
	max-width: 100%;
	border: none !important;
}

body {
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: 16px;
	overflow-x: hidden;
}

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

.clearfix {
	display: block;
	*zoom: 1;
}

.bg_cover {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slick-slide {
	outline: 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.container {
		max-width: 1400px;
	}
}

ul.social-link li {
	display: inline-block;
}

.form_group {
	position: relative;
}

.form_control {
	width: 100%;
	padding: 0 30px;
	height: 60px;
}

textarea.form_control {
	padding-top: 15px;
}

.section-title span.span {
	position: relative;
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 31px;
}

.section-title span.span:before,
.section-title span.span:after {
	display: inline-block;
	content: "";
	width: 55px;
	height: 3px;
	vertical-align: middle;
	background-color: #d00b2b;
}

.section-title span.span:before {
	margin-right: 20px;
}

.section-title span.span:after {
	margin-left: 20px;
}

.section-title h2 {
	margin-bottom: 30px;
	font-size: 40px;
	line-height: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.section-title h2 {
		font-size: 30px;
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	.section-title h2 {
		font-size: 28px;
		line-height: 38px;
	}
}

.section-title.section-title-left span.span:after {
	display: none;
}

.section-title.section-title-two span.span {
	color: #1b0e60;
}

.section-title.section-title-two span.span:after,
.section-title.section-title-two span.span::before {
	background-color: #1b0e60;
}

.section-title.section-title-two h2 {
	color: #1b0e60;
}

.section-title-white span.span,
.section-title-white h2 {
	color: #fff;
}

.home-three .section-title span.span:before,
.home-three .section-title span.span:after {
	background-color: #fd6631;
}

/*===== All bg =====*/
.dark-bg {
	background-color: #16161b;
}

.light-bg {
	background: #f7f7f7;
}

/*===== All Button Style =====*/
.main-btn {
	display: inline-block;
	padding: 19px 50px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #d00b2b;
	line-height: 27px;
	text-transform: capitalize;
	transition: all 0.3s ease-out 0s;
}

.main-btn:after {
	display: inline-block;
	content: "?";
	font-family: "Font Awesome 5 Pro";
	padding-left: 10px;
}

.main-btn.main-btn-two {
	background-color: #1b0e60;
}

.main-btn:hover,
.main-btn:focus {
	background: #000000;
	color: #fff;
}

button {
	border: none;
}

.btn-link {
	color: #000000;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 600;
}

.btn-link:after {
	display: inline-block;
	content: "?";
	font-family: "Font Awesome 5 Pro";
	padding-left: 15px;
}

.home-three .main-btn {
	background-color: #fd6631;
}

/*
    nice select css
*/
.nice-select {
	width: 100%;
	outline: none;
}

.nice-select.open:after {
	transform: none;
}

.nice-select:after {
	content: "?";
	font-family: "Font Awesome 5 Pro";
	right: 20px;
	font-size: 12px;
	font-weight: 400;
	transform: none;
	border: none;
	top: 0;
	margin-top: 0;
	color: #2E2E2E;
}

.nice-select .list {
	width: 100%;
}

/*
    Nice number css
*/
.nice-number {
	display: inline-flex;
	justify-content: stretch;
}

.nice-number input {
	vertical-align: middle;
	-moz-appearance: textfield;
	box-sizing: content-box;
	margin: 0;
	text-align: center;
}

.nice-number input::-webkit-inner-spin-button,
.nice-number input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*
    search 
*/
#search-modal {
	background: rgba(23, 26, 33, 0.85);
}

#search-modal .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: none;
	outline: 0;
}

#search-modal form {
	width: 555px;
	position: relative;
}

#search-modal .modal-content {
	background: 0 0;
	box-shadow: none;
	border: none;
}

#search-modal .modal-content:focus {
	box-shadow: none;
}

#search-modal .form_control {
	padding-left: 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	color: #fff;
	margin-bottom: 0;
	height: 50px;
}

#search-modal .form_control:focus {
	border-color: #d00b2b;
}

#search-modal .form_control::placeholder {
	color: #fff;
}

#search-modal .search_btn {
	position: absolute;
	background: transparent;
	top: 10px;
	right: 10px;
	color: #fff;
}

/*
    Start Preloader css
*/
.preloader {
	background-color: #fff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.lds-ellipsis {
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 64px;
	text-align: center;
	z-index: 9999;
}

.lds-ellipsis span {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #d00b2b;
	animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(1) {
	animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(2) {
	animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
}

@keyframes ball-pulse-sync {
	33% {
		transform: translateY(10px);
	}

	66% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

/*
    End Preloader css
*/
/*
    Start scroll_up css
*/
.back-to-top {
	background: #d00b2b;
	border-radius: 50%;
	bottom: 30px;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	right: 30px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	z-index: 337;
}

.back-to-top:hover,
.back-to-top:focus {
	background: #000000;
	color: #fff;
}

/*
    End scroll_up css
*/
@keyframes play {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
		opacity: 0;
	}

	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
		opacity: 0;
	}
}

/*====================
    End COMMON css 
======================*/
/*---=======================
   02. Start Header  css 
===========================---*/
header {
	z-index: 1;
}

.transparent-header {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 999;
	background: url(/images/head-bg.png) center repeat-x;
	background-size: auto 99%;
	padding-top: 0px;
	/* background: url(/images/header.png); */
}

.header-navigation {
	position: relative;
	z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.header-navigation {
		/* padding: 15px 0; */
	}
}

.header-navigation .main-menu ul>li.menu-item-has-children>a:after {
	content: "?";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	float: right;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	margin-left: 5px;
	display: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.header-navigation .main-menu ul>li.menu-item-has-children>a:after {
		display: none;
	}
}

@media (max-width: 1200px) {
	.header-navigation .main-menu ul>li.menu-item-has-children>a:after {
		display: none;
	}
}

.header-navigation .main-menu ul>li.menu-item-has-children .sub-menu li.menu-item-has-children:hover>a:after {
	color: #fff;
}

.header-navigation .main-menu ul>li.menu-item-has-children .sub-menu li.menu-item-has-children>a:after {
	margin-left: 0px;
	margin-right: 5px;
	color: #000000;
}

.header-navigation .main-menu ul li {
	display: inline-block;
	position: relative;
	/* width: 10%; */
}

.header-navigation .main-menu ul li>a {
	display: block;
	font-size: 18px;
	color: #fff;
	/* font-weight: 600; */
	text-transform: capitalize;
	padding: 40px 15px;
	line-height: 1;
	margin-top: 0px;
	/* width: 10%; */
}

.header-navigation .main-menu ul li>a.nav-link.active {
	color: #286bcf;
}

.header-navigation .main-menu ul li .sub-menu {
	position: absolute;
	left: 0;
	top: 120%;
	width: 200px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	z-index: 99;
	height: auto;
	text-align: left;
	border-top: 3px solid #286bcf;
	margin-top: -3px;
}

.header-navigation .main-menu ul li .sub-menu li {
	display: block;
	margin: 0;
}

.header-navigation .main-menu ul li .sub-menu li:last-child>a {
	border-bottom: none;
}

.header-navigation .main-menu ul li .sub-menu li a {
	display: block;
	padding: 8px 15px;
	font-size: 16px;
	position: relative;
	transition: all 0.3s ease-out 0s;
	border-radius: 0;
	line-height: 2;
	margin: 0;
	border-bottom: 1px solid #ececec;
	color: #1b3255;
}

.header-navigation .main-menu ul li .sub-menu li a:hover {
	background-color: #286bcf;
	color: #fff;
	border-color: transparent;
}

.header-navigation .main-menu ul li .sub-menu li .sub-menu {
	left: 100%;
	top: 50%;
}

.header-navigation .main-menu ul li .sub-menu li:hover .sub-menu {
	top: 0%;
}

.header-navigation .main-menu ul li .sub-menu li:hover>a {
	background-color: #286bcf;
	color: #fff;
}

.header-navigation .main-menu ul li:hover.menu-item-has-children>a:after {
	color: #286bcf;
}

/* .header-navigation .main-menu ul li:hover>a {
	color: #286bcf;
}*/

.header-navigation .main-menu ul li:hover>.sub-menu {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.header-navigation .main-menu ul li .dd-trigger {
	display: none;
}

.header-navigation .nav-tools {
	display: flex;
	align-items: center;
}

@media (max-width: 1200px) {
	.header-navigation .nav-tools {
		display: none;
	}
}

.header-navigation .nav-tools .icon {
	margin-left: 5px;
	width: 108px;
	height: 97px;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	border: 0px solid rgba(26, 25, 29, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 0px;
	background: url(/images/jx.png) no-repeat;
	background-size: 100% 100%;
	display: none;
}

.header-navigation .nav-tools .icon:hover {
	/*   background-color: #d00b2b; */
	border-color: transparent;
	color: #fff;
}

.header-navigation .nav-tools .icon:hover.off-menu span {
	background-color: #fff;
}

.header-navigation .nav-tools .icon.off-menu {
	/* background-image: linear-gradient(120deg, #2575fc 0%, #6a11cb 100%); */
	border-color: transparent;
}

@media (max-width: 999px) {
	.header-navigation .nav-tools .icon.off-menu {
		display: none;
	}
}

.header-navigation .nav-tools .icon.off-menu span {
	width: 30px;
	height: 3px;
	background-color: #fff;
	display: block;
	margin: 3px 0;
	transition: all 0.3s ease-out 0s;
}

.header-navigation .nav-menu {
	text-align: center;
}

.header-navigation.breakpoint-on .nav-menu {
	text-align: left;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: -300px;
	z-index: 9999;
	width: 300px;
	height: 100%;
	transition-duration: 500ms;
	padding: 0;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-top: 70px;
}

.header-navigation.breakpoint-on .nav-menu.menu-on {
	left: 0;
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #ececec;
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li:last-child {
	border-bottom: 0;
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu {
	border-top: 1px solid #ececec;
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	color: #000000 !important;
	padding: 13px 20px;
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	box-shadow: none;
	background-color: transparent;
	visibility: visible;
	opacity: 1;
	display: none;
	transition: none;
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a {
	color: #000000;
	padding: 0px 20px 0 40px;
	line-height: 45px !important;
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
	border-color: rgba(255, 255, 255, 0.5);
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
	display: block;
	position: absolute;
	right: 0;
	height: 45px;
	width: 45px;
	top: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	z-index: 2;
	background: transparent;
	text-align: center;
	line-height: 45px;
	cursor: pointer;
	color: #000000;
	font-size: 20px;
}

.header-navigation.breakpoint-on .nav-menu .main-menu.menu-on {
	left: 0;
}

.header-navigation.breakpoint-on .nav-pushed-item {
	display: none;
}

.header-navigation.breakpoint-on .navbar-close,
.header-navigation.breakpoint-on .navbar-toggler {
	display: block;
}

.header-navigation .navbar-toggler {
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
	display: none;
}

.header-navigation .navbar-toggler span {
	position: relative;
	background-color: #000000;
	border-radius: 3px;
	display: block;
	height: 3px;
	margin-top: 5px;
	padding: 0;
	transition-duration: 300ms;
	width: 30px;
	cursor: pointer;
	display: block;
}

.header-navigation .navbar-toggler.active span:nth-of-type(1) {
	transform: rotate3d(0, 0, 1, 45deg);
	top: 8px;
}

.header-navigation .navbar-toggler.active span:nth-of-type(2) {
	opacity: 0;
}

.header-navigation .navbar-toggler.active span:nth-of-type(3) {
	transform: rotate3d(0, 0, 1, -45deg);
	top: -8px;
}

.header-navigation .navbar-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 12;
	display: none;
	background: #d00b2b;
	padding: 5px;
}

.header-navigation .navbar-close .cross-wrap {
	width: 34px;
	height: 34px;
	cursor: pointer;
	position: relative;
}

.header-navigation .navbar-close .cross-wrap span {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 6px;
	background: #fff;
}

.header-navigation .navbar-close .cross-wrap span.top {
	top: 17px;
	left: 0;
	transform: rotate(45deg);
}

.header-navigation .navbar-close .cross-wrap span.bottom {
	bottom: 15px;
	left: 0;
	transform: rotate(-45deg);
}

.ycdh {
	display: none;
	margin-bottom: 20px;
}

.ycdh ul li {
	float: left;
	width: 50%;
	border-bottom: 1px solid #ececec;
	padding: 10px 20px;
}

.ycdh ul li a {
	font-size: 15px;
}

.ycdh ul li:hover a {
	color: #d00b2b;
}

.ycsearch {
	display: none;
	border: 1px solid #546aee;
	position: relative;
}

.ycsearch .search_input {
	width: 230px;
}

.ycsearch .btn {}

.container-fluid {
	/* padding-left: 70px; */
	/* padding-right: 70px; */
	width: 1600px;
	margin: 0px auto;
}

@media (max-width: 991px) {
	.header-area-v1 .header-navigation .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.header-area-v2.transparent-header {
	top: 30px;
}

.header-area-v2 .header-container {
	background-color: #fff;
}

.header-area-v2 .header-navigation .nav-tools .icon.off-menu {
	background-color: #1b0e60;
	border-color: transparent;
}

.header-area-v2 .header-navigation .nav-tools .icon.off-menu span {
	background-color: #fff;
}

.header-area-v3.transparent-header {
	top: 40px;
}

.header-area-v3 .header-navigation .nav-tools {
	display: block;
}

.header-area-v3 .header-navigation .nav-tools .icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	font-size: 15px;
	color: #fff;
	border-radius: 0px;
}

@media (max-width: 767px) {
	.header-area-v3 .header-navigation .nav-tools .icon {
		width: 50px;
		height: 50px;
	}
}

.header-area-v3 .header-navigation .nav-tools .icon:hover,
.header-area-v3 .header-navigation .nav-tools .icon:focus {
	border-color: #fd6631;
	background-color: transparent;
}

@media (max-width: 767px) {
	.header-area-v3 .site-branding .brand-logo img {
		height: 50px;
	}

}

.header-area-v3 .menu-toggle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	cursor: pointer;
}

@media (max-width: 767px) {
	.header-area-v3 .menu-toggle {
		width: 50px;
		height: 50px;
	}
}

.header-area-v3 .menu-toggle span {
	position: relative;
	background-color: #fff;
	border-radius: 3px;
	display: block;
	height: 3px;
	margin-top: 5px;
	padding: 0;
	transition-duration: 300ms;
	width: 30px;
	cursor: pointer;
	display: block;
}

.header-area-v3 .menu-toggle span:first-child {
	margin-top: 0px;
}

.header-area-v3 .menu-toggle.active span:nth-of-type(1) {
	transform: rotate3d(0, 0, 1, 45deg);
	top: 8px;
}

.header-area-v3 .menu-toggle.active span:nth-of-type(2) {
	opacity: 0;
}

.header-area-v3 .menu-toggle.active span:nth-of-type(3) {
	transform: rotate3d(0, 0, 1, -45deg);
	top: -8px;
}

.header-area-v3 .sidebar-sidemenu.active .sidemenu-nav {
	left: 0;
}

.header-area-v3 .sidebar-sidemenu.active .panel-overly {
	opacity: 0.5;
	visibility: visible;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav {
	overflow: hidden;
	width: 300px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: -300px;
	padding: 80px 20px;
	background: #fff;
	z-index: 9999;
	overflow-y: visible;
	transition: all 0.3s ease-out 0s;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav .cross-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #d00b2b;
	color: #fff;
	font-size: 18px;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li {
	position: relative;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li:hover>a,
.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li.active>a {
	color: #ff4545;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li.active .sub-menu {
	display: block;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li.active .sub-menu>li:last-child a {
	border-bottom: none;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li>a {
	padding: 10px;
	display: block;
	border-top: 1px solid #eee;
	font-weight: 500;
	color: #111111;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li>a i {
	width: 50px;
	height: 50px;
	padding: 0;
	color: #111111;
	transition: all 0.3s;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #eee;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu li .nav-link.active {
	color: #fd6631;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu .sub-menu {
	border-top: 1px solid #eee;
	display: none;
	list-style: none;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu .sub-menu>li:hover>a,
.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu .sub-menu>li.active>a {
	color: #ff4545;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu .sub-menu>li ul>li>a {
	padding: 10px 40px;
}

.header-area-v3 .sidebar-sidemenu .sidemenu-nav ul.sidebar-menu .sub-menu>li>a {
	display: block;
	font-size: 14px;
	color: #111;
	padding: 10px 30px;
	border-bottom: 1px solid #eee;
	font-weight: 500;
}

.header-area-v3 .sidebar-sidemenu .panel-overly {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #111;
	cursor: pointer;
	z-index: 999;
	transition: all 0.5s ease-out 0s;
	opacity: 0;
	visibility: hidden;
}

.offcanvas-panel {
	position: fixed;
	right: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
}

.offcanvas-panel.panel-on {
	visibility: visible;
	opacity: 1;
}

.offcanvas-panel.panel-on .offcanvas-panel-inner {
	visibility: visible;
	opacity: 1;
	margin-right: 0;
}

.offcanvas-panel .offcanvas-panel-inner {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.55);
	padding: 40px;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-right: -400px;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
}

.offcanvas-panel .offcanvas-panel-inner .panel-logo,
.offcanvas-panel .offcanvas-panel-inner .offcanvas-panel,
.offcanvas-panel .offcanvas-panel-inner .about-us {
	margin-bottom: 40px;
}

.offcanvas-panel .panel-widget-title {
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	position: relative;
	border-bottom: 2px solid #ededed;
	font-weight: 600;
}

.offcanvas-panel .contact-us ul li {
	position: relative;
	padding-left: 60px;
	margin-bottom: 30px;
}

.offcanvas-panel .contact-us ul li:last-child {
	margin-bottom: 0px;
}

.offcanvas-panel .contact-us ul li i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #1b0e60;
	border-radius: 50%;
	font-size: 14px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}

.offcanvas-panel .panel-close {
	position: absolute;
	top: 20px;
	right: 40px;
	font-size: 25px;
	line-height: 1;
	padding: 5px;
	color: #fff;
	z-index: 2;
}

.header-navigation.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	/* background: #fff; */
	animation: sticky 1.2s;
	background-image: linear-gradient(120deg, #6a11cb 0%, #2575fc 100%);
	background-size: auto 99%;
}

.header-area-v3 .header-navigation.sticky {
	padding: 10px 0;
	background: #6019d5;
}

@keyframes sticky {
	0% {
		top: -200px;
	}

	100% {
		top: 0;
	}
}

/*---=======================
   End Header css 
===========================---*/


/*---=======================
   End Hero  css 
===========================---*/





/*---=======================
   End Blog  css 
===========================---*/


/*# sourceMappingURL=style.css.map */



/*新增*/
.lt {
	float: left;
}

.rt {
	float: right;
}

.headertop {
	background-image: linear-gradient(120deg, #6a11cb 0%, #2575fc 100%);
	height: 40px;
}

.headertop .container-fluid {
	/* padding-left: 70px; */
	/* padding-right: 70px; */
}

.headertop .blue_bg {
	height: 40px;
}

/*大图切换*/
.wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.wrap ul {
	margin-bottom: -8px;
	/* position: relative; */
	overflow: hidden;
}

.centered-btns_nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 100px;
	height: 100px;
	margin-top: -40px;
	line-height: 200px;
	overflow: hidden;
	opacity: .7;
	color: transparent;
}

.next {
	right: 0;
	background-position: right 0;
}

.centered-btns_nav:active {
	opacity: 1;
}

.centered-btns_tabs {
	margin-top: 15px;
	text-align: center;
	font-size: 0;
	list-style-type: none;
	display: none;
}

.centered-btns_tabs li {
	display: inline-block;
	margin: 0 3px;
	*display: inline;
	*zoom: 1;
}

.centered-btns_tabs a {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	line-height: 20px;
	background-color: rgba(0, 0, 0, .3);
	background-color: #ccc\9;
	overflow: hidden;
	*display: inline;
	*zoom: 1;
}

.centered-btns_tabs .centered-btns_here a {
	background-color: rgba(0, 0, 0, .8);
	background-color: #666\9;
}

.centered-btns_nav.prev {
	background: url(/images/arrowlt.png) no-repeat;color: transparent;
}

.centered-btns_nav.next {
	background: url(/images/arrowrt.png) no-repeat;color: transparent;
}

.centered-btns_nav:hover {
	color: transparent;
}

#banner {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.arrow {
	opacity: 1;

	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -15px;
	width: 100px;
	height: 60px;
	line-height: 30px;
	cursor: pointer;

	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 899float: left;
	width: 33.33%;
	padding: 0 37px;
	overflow: hidden;
	;
	text-align: center;
}

.arrow img {
	animation: arrow 3s cubic-bezier(.5, 0, .1, 1) infinite;
	-webkit-animation: arrow 3s cubic-bezier(.5, 0, .1, 1) infinite;
	animation: up linear 1.5s infinite;
}

.sub-b {
	position: absolute;
	right: -14px;
	top: 0px;
}


.header-navigation.sticky .headertop {
	display: none;
}

.main {
	padding-top: 50px;
	padding-bottom: 50px;
}

#container-1 {
	background: url(/images/bg1.png) no-repeat top center;
	margin-top: -6px;
}

#container-2 {
	background: #fff;
}

#container-3 {
	background: url(/images/bg3.png) no-repeat top center;
}

#container-4 {}

#container-5 {}

.label_bt {
	text-align: center;
	margin: 0px auto;
	position: relative;
}

.title_bt {
	color: #286bcf;
	font-size: 36px;
}

.label_bt .more_more {
	position: absolute;
	width: 140px;
	height: 40px;
	right: 0px;
	top: 5px;
	background: #286bcf;
	border-radius: 5px;
	line-height: 40px;
}

.label_bt .more_more a {
	color: #fff;
}

.label_bt .more_more a span {
	padding-left: 10px;
	margin-right: 10px;
}

.col_bg {
	background: #fff;
	padding: 15px;
	border-top: 3px solid #2877cb;
	width: 49%;
}

/*选项卡切换*/
/* demo */
.demo {
	width: 100%;
	margin: 0px auto;
	position: relative;
}

.demo h2 {
	font-size: 16px;
	height: 44px;
	color: #3366cc;
	margin-top: 20px;
}

.demo dl dt {
	font-size: 14px;
	color: #ff6600;
	margin-top: 30px;
	font-weight: 800;
}

.demo dl dt,
.demo dl dd {
	line-height: 22px;
}

/* tabbtn */
.tabbtn {
	height: auto;
	overflow: hidden;
	text-align: center;
}

.tabbtn li {
	position: relative;
	margin: 0 0 0 -1px;
	font-size: 36px;
	margin-left: 40px;
	padding-right: 40px;
	justify-content: center;
	display: inline-block;
}

.tabbtn li a {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	font-size: 36px;
	cursor: pointer;
	color: #393939;
}

.tabbtn li.current {}

.tabbtn li.current a {
	background: #fff;
	color: #286bcf;
	font-weight: normal;
}

/* tabcon */
.tabcon {
	position: relative;
	/*必要元素*/
	/* overflow:hidden; */
}

.tabcon .subbox {
	position: absolute;
	/*必要元素*/
	left: 0;
	top: 0;
}

.tabcon .sublist {
	/* padding:5px 10px; */
	height: 170px;
	margin-top: 20px;
	position: relative;
}

.sublist .gd {
	position: absolute;
	top: -70px;
	right: 0px;
}

.gd2 {
	position: absolute;
	top: 15px;
	right: 0px;
}

/* leftcon */
#leftcon .subbox {
	width: 9999em;
}

#leftcon .subbox .sublist {
	float: left;
	width: 664px;
}

/* sublist */
.sublist {
	padding: 10px;
}


/*图片列表轮播*/
.htmleaf-links a {
	color: rgba(255, 255, 255, 0.6);
	outline: none;
	text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.htmleaf-links a:hover,
.htmleaf-links a:focus {
	color: #74777b;
	text-decoration: none;
}

.htmleaf-container {
	margin: 0 auto;
}

.bgcolor-1 {
	background: #f0efee;
}

.bgcolor-2 {
	background: #f9f9f9;
}

.bgcolor-3 {
	background: #e8e8e8;
}

/*light grey*/
.bgcolor-4 {
	background: #2f3238;
	color: #fff;
}

/*Dark grey*/
.bgcolor-5 {
	background: #df6659;
	color: #521e18;
}

/*pink1*/
.bgcolor-6 {
	background: #2fa8ec;
}

/*sky blue*/
.bgcolor-7 {
	background: #d0d6d6;
}

/*White tea*/
.bgcolor-8 {
	background: #3d4444;
	color: #fff;
}

/*Dark grey2*/
.bgcolor-9 {
	background: #ef3f52;
	color: #fff;
}

/*pink2*/
.bgcolor-10 {
	background: #64448f;
	color: #fff;
}

/*Violet*/
.bgcolor-11 {
	background: #3755ad;
	color: #fff;
}

/*dark blue*/
.bgcolor-12 {
	background: #3498DB;
	color: #fff;
}

/*light blue*/
.bgcolor-20 {
	background: #494A5F;
	color: #D5D6E2;
}

/* Header */
.htmleaf-header {
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
	background: #66677c;
}

.htmleaf-header h1 {
	color: #D5D6E2;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
}

.htmleaf-header h1 span {
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}

/*nav*/
.htmleaf-demo a {
	color: #fff;
	text-decoration: none;
}

.htmleaf-demo {
	width: 100%;
	padding-bottom: 1.2em;
}

.htmleaf-demo a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.6em 1em;
	border: 3px solid #fff;
	font-weight: 700;
}

.htmleaf-demo a:hover {
	opacity: 0.6;
}

.htmleaf-demo a.current {
	background: #1d7db1;
	color: #fff;
}

/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0, 0, 1, 22.5deg);
	transform: rotate3d(0, 0, 1, 22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

/* footer */
.htmleaf-footer {
	width: 100%;
	padding-top: 10px;
}

.htmleaf-small {
	font-size: 0.8em;
}

.center {
	text-align: center;
}

/****/
.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related>a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
}

.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
	text-decoration: none;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related h3 {
	font-family: "Microsoft YaHei", sans-serif;
	font-size: 1.2em
}

.related a h3 {
	font-size: 0.85em;
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}

/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 1024px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}

	.htmleaf-header h1 {
		font-size: 1.4em;
	}

	.htmleaf-links {
		font-size: 1.4em
	}
}

@media screen and (max-width: 960px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}

	.htmleaf-header h1 {
		font-size: 1.2em;
	}

	.htmleaf-links {
		font-size: 1.2em
	}

	.related h3 {
		font-size: 1em;
	}

	.related a h3 {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 766px) {
	.htmleaf-header h1 {
		font-size: 1.3em;
	}

	.htmleaf-links {
		font-size: 1.3em
	}
}

@media screen and (max-width: 640px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}

	.htmleaf-header h1 {
		font-size: 1em;
	}

	.htmleaf-links {
		font-size: 1em
	}

	.related h3 {
		font-size: 0.8em;
	}

	.related a h3 {
		font-size: 0.6em;
	}
}

@-webkit-keyframes L_circle_rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes L_circle_rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes L_stroke_rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}

	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}

	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}

	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}

	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}

	100% {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@keyframes L_stroke_rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}

	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}

	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}

	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}

	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}

	100% {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@-webkit-keyframes L_stroke_left_grow {

	0%,
	100% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}
}

@keyframes L_stroke_left_grow {

	0%,
	100% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}
}

@-webkit-keyframes L_stroke_right_grow {

	0%,
	100% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(140deg);
		transform: rotate(140deg)
	}
}

@keyframes L_stroke_right_grow {

	0%,
	100% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(140deg);
		transform: rotate(140deg)
	}
}

.loader-circle {
	top: 50%;
	left: 50%;
	z-index: 1;
	color: #444;
	margin-top: -1em;
	margin-left: -1em;
	position: absolute;
	-webkit-animation: L_circle_rotate 1.568s linear infinite both;
	animation: L_circle_rotate 1.568s linear infinite both
}

.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right:before,
.loader-circle:before {
	content: '';
	display: block;
	border-style: solid;
	border-width: .21429em;
	border-color: currentColor
}

.loader-circle,
.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right,
.loader-circle .loader-stroke-right:before,
.loader-circle:before {
	width: 2em;
	height: 2em;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right {
	position: absolute;
	clip: rect(0 2em 2em 1em)
}

.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-right:before {
	position: absolute;
	clip: rect(0 1em 2em 0)
}

.loader-circle:before {
	position: absolute;
	clip: rect(0 1.05em 1em .95em)
}

.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-right,
.loader-circle:before {
	-webkit-animation: L_stroke_rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: L_stroke_rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.loader-circle .loader-stroke-right:before {
	-webkit-animation: L_stroke_right_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: L_stroke_right_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.loader-circle .loader-stroke-left:before {
	-webkit-animation: L_stroke_left_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: L_stroke_left_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mhn-slide .mhn-item {
	width: 100%;
	padding: 10px
}

.mhn-slide .mhn-inner {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
	border-radius: 3px
}

.mhn-slide .mhn-item img {
	display: none
}

.mhn-slide .mhn-img {
	min-height: 200px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	color: white;
	position: relative
}

.mhn-slide .mhn-text {
	text-align: center;
	padding: 0 10px
}

.mhn-slide .mhn-text h4 {
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.mhn-slide .mhn-text p {
	max-height: 4.5em;
	overflow: hidden
}

.mhn-slide .owl-stage-outer {
	z-index: 1
}

.mhn-slide .owl-nav {
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.mhn-slide .owl-nav svg {
	color: currentColor
}

.mhn-slide .owl-nav .disabled {
	display: none
}

.mhn-slide .owl-prev,
.mhn-slide .owl-next {
	top: 110px;
	z-index: 2;
	width: 40px;
	height: 40px;
	padding: 8px;
	margin-top: -20px;
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .3), 0 0 4px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .3), 0 0 4px rgba(0, 0, 0, .2)
}

.mhn-slide .owl-prev {
	left: -10px
}

.mhn-slide .owl-next {
	right: -10px
}


.col_bg ul li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.col_bg ul li .col_text {
	font-size: 17px;
	line-height: 28px;
	min-height: 56px;
}

.col_bg ul li:hover .col_text {
	color: #264ca4;
}

.date_time {
	background: url(/images/icon1.png) no-repeat left center;
	padding-left: 20px;
	font-size: 14px;
	margin-top: 5px;
}

.post-7 ul li {
	float: left;
	line-height: 40px;
	margin-right: 15px;
}

.post-7 ul li a {
	color: #fff;
	font-size: 16px;
}

.post-8 .rt.search {
	margin-right: 70px;
	position: relative;
	width: 170px;
	background: #fff;
	margin-top: 5px;
	/* line-height: 30px; */
	height: 30px;
}

.post-8 .rt.list_tt li {
	float: left;
	line-height: 40px;
	margin-right: 15px;
}

.post-8 .rt.list_tt li a {
	color: #fff;
	font-size: 14px;
}

.search_input {
	/* margin-top: 4px; */
	font-size: 14px;
	text-indent: 5px;
	border: none;
	height: 30px;
	width: 140px;
}

.btn {
	border: none;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	outline: none;
	background: url(/images/search.png) no-repeat 0px 0px;
	outline: none;
}

input::-webkit-input-placeholder {
	color: #888888;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #888888;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #888888;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #888888;
}

.tabcon .sublist ul {
	margin: 0px -20px
}

.tabcon .sublist ul li {
	float: left;
	width: 25%;
	/* padding:0 20px 0px 0px; */
	overflow: hidden
}

.tabcon .sublist ul .con {
	display: block;
	overflow: hidden;
	margin: 0px 20px;
}

.tabcon .sublist ul li .date {
	float: left;
	width: 61px;
	font-size: 12px;
	color: #bad1eb;
	line-height: 4.67em;
	text-align: center;
	background-color: #0059b9;
	margin-right: 15px;
	padding: 4px 0 2px;
	overflow: hidden
}

.tabcon .sublist ul li .date span {
	display: block;
	color: #fff;
	line-height: 1.3em;
	font-family: Arial;
	/* margin-bottom:10px; */
	overflow: hidden
}

.tabcon .sublist ul li .date span em {
	display: block;
	font-size: 37px;
	line-height: 1.3em;
	margin-bottom: 5px;
	overflow: hidden;
	color: #40d872;
}

.tabcon .sublist ul li .txt {
	overflow: hidden
}

.tabcon .sublist ul li .desc {
	font-size: 15px;
	height: 66px;
	line-height: 22px;
	overflow: hidden;
	color: #616161;
}

.tabcon .sublist ul li h3 {
	height: 3.5em;
	font-size: 17px;
	color: #343434;
	line-height: 1.75em;
	font-weight: 400;
	margin-top: -6px;
	margin-bottom: 13px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.tabcon .sublist ul li a:hover h3,
.imglist li a:hover .con_pd .p1 {
	color: #264ca4;
}








/* xwt */
.rslides {
	position: relative;
	list-style: none;
	/* overflow: hidden; */
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.banner ul li.centered-btns3_on>a>img{-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.banner ul li.miso-current>a>video{}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	
}


.slide_container {
	position: relative;
	width: 100%;
}

.slide {
	position: relative;
	list-style: none;
	/* overflow: hidden; */
	width: 100%;
	padding: 0;
	margin: 0;
}

.slide li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.slide img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%;
	border: 0;
}


.slide .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, .8);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
}

.slide_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 50%;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 50px;
	width: 50px;
	margin-top: -30px;
}

.slide_nav:active {
	opacity: 1.0;
}



.slide1_tabs,.slide2_tabs {
	position: absolute;
	bottom: -532px;
	right: 2%;
	z-index: 100;
	/* text-align: center; */
	/* width: 100%; */
}



.slide1_tabs li,.slide2_tabs li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	border-radius: 10px;
	border: 2px solid #bed5f2;
	position: relative;

}

.slide1_tabs li a,.slide2_tabs li a{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: 1000;
	color: rgba(100, 200, 300, 0);
	color: transparent;
}

.slide1_tabs li.slide_here a,.slide2_tabs li.slide_here a {
	border: 2px solid #ca0915;
}

.slide li .bt {
	z-index: 100;
	position: absolute;
	left: 0;
	bottom: -114px;
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	text-align: left;
	/* line-height: 50px; */
	background: url(/images/bg2.png) repeat 0px 0px;
	background-size: 100%;
	width: 100%;
	height: 120px;
	padding: 20px;
	box-sizing: border-box;
}

.tp {
	width: 97%;
}

.tp .slide img,.tpxw .slide img {
	height: 435px;
}

.tp .btzy,.tpxw .btzy {
	/* padding-top: 10px; */
}

.tp .tit,.tpxw .tit {
	font-size: 18px;
}

.tp .zy,.tpxw .zy {
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 10px;
}




.imglist ul {
	margin-top: 45px;
}

/*
.imglist li
{
	float: left;
	width: 25%;
	
}
*/



.imglist li a {
	margin: 0 20px;
	display: block;
	background: #fff;
}

.imglist li a:hover img {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}


/*图片左右切换*/

.lecturelist h3 {
	height: 195px;
	overflow: hidden;
}

.lecturelist h3 img {
	width: 100%;
}

.lecturelist p {}

.lecturelist p.p1 {
	/* opacity: .8; */
	color: #333;
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.lecturelist p.p2 {
	margin-top: 10px;
	font-size: 15px;
	color: #616161;
}

.lecturelist p.p3 {
	/* opacity: .8; */
	font-size: 14px;
	margin-top: 13px;
}

.lecturelist p.p4 {
	margin-top: 12px;
	line-height: 50px;
}


.main3 .title_bt {
	color: #fff;
	font-size: 36px;
}

.imglist li a .con_pd {
	padding: 20px;
}


.imglist .slick-dots {
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center;
}

.imglist .slick-dots li {
	display: inline-block;
}

.imglist .slick-dots li button {
	background: #A8B3C6;
	border: 0 none;
	border-radius: 7px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	margin: 0 8px;
	outline: medium none;
	padding: 0;
	width: 12px;
}

.imglist .slick-dots li.slick-active button {
	background: #f9461d;
}

.sliderbutton.next {
	right: -80px;
	background: url(/images/icon4.png) no-repeat 0px 0px;
}

.sliderbutton.prev {
	left: -80px;
	background: url(/images/icon2.png) no-repeat 0px 0px;
}

.sliderbutton {
	height: 60px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	width: 60px;
	z-index: 9;
	color: #59A97A;
	font-size: 34px;
	line-height: 60px;
	text-align: center;
	background-color: #fff;
	*
	background-color: #fff;
	zoom: 1;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.slick-list {
	margin: 0px -20px;
}


/* 视频ob体育登录,95娱乐,亚洲必赢 */
.mt {
	position: relative;
}

.comtop {
	margin-bottom: 30px;
}

.comtop .gd3 {
	float: right;
	line-height: 55px;
}

.comtop .title_bt {
	float: left;
}

.mt .slide2_tabs {
	display: none;
}

.mt .slide_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 64%;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 50px;
	width: 50px;
	margin-top: -30px;
}

.mt .slide_nav.prev {
	left: 0;
	background: url(/images/icon6.png) no-repeat center center;
}

.mt .slide_nav.next {
	right: 0;
	background: url(/images/icon5.png) no-repeat center center;
}

.mt .slide {
	height: 329px;
	width: 100%;
	overflow: hidden;
}

.mt .slide2 li {
	position: relative;
	background: #000;
}

.mt .slide2 li .playvid {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.mt video {
	height: 329px;
}



/* 专题介绍 */
.zt {
	padding-left: 2%;
}

.zt .gdlist {
	margin: 0px -10px;
}

.zt .gdlist li {
	float: left;
	width: 25%;
	overflow: hidden;
	margin-bottom: 15px;
}

.zt .gdlist li img {
	width: 100%;
	height: 156px;
}

.zt .gdlist li a {
	display: block;
	margin: 0px 10px;
	overflow: hidden;
}

.zt .gdlist li a:hover img {
	transform: scale(1.1);
	transition: all 1s;
}

/* 便捷服务 */
#container-5 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.fwbox {
	background: #dae7f9;
	width: 100%;
	padding: 30px 200px;
}

.kuai {
	/* margin-top: 25px; */
	margin: 0px -20px;
}

.kuai li {
	float: left;
	width: 12%;
	/* height: 120px; */
	/* box-shadow: 2px 2px 4px #DEEAF8,-2px -2px 4px #DEEAF8; */
}

.kuai_pic img {
	display: block;
	margin: 5px auto;
}

.kuai li p {
	text-align: center;
	color: #333;
}

.kuai li:hover .kuai_pic img {
	transform: rotateY(180deg);
	transition: 1s;
}

.kuai li a {
	display: block;
	/* margin: 0px 20px; */
}

/* 页尾 */
.yw {
	width: 100%;
	background: url(/images/ywbg.png) no-repeat center;
	padding-bottom: 30px;
	position: relative;
	z-index: 99;
}

.footer_link {
	border-bottom: 1px solid #1f59a1;
	line-height: 60px;
	padding: 0px 330px;
	margin-bottom: 10px;
}

.link_box {
	position: relative;
	float: left;
	/* width: 25%; */
	padding: 0px 50px;
	background: url(/images/icon8.png) no-repeat 20px center;
}

.footer_link span {
	display: block;
	color: #fff;
	cursor: pointer;
}

.link_box ul {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
	background-color: #333;
	/* border-radius: 5px; */
	border: 1px solid #bbb;
	display: none;
	/*bottom: 60px;*/
}

.link_box ul li {
	border-bottom: 1px dashed #555;
	width: 100%;
	float: left;
	line-height: 50px;
}

.ftwx p {
	line-height: 38px;
}

.link_box ul li:hover {
	background-color: #666;
}

.link_box ul li a {
	color: #ddd;
	display: block;
	width: 100%;
	height: 100%;
}

.bq {
	margin-top: 10px;
}

.bq li {
	color: #fff;
	font-size: 14px;
	margin-top: 3px;
}

.bqz {
	float: left;
}

.footer_wx {
	float: right;
	margin-top: 20px;
}

.footer_wx ul li {
	float: left;
	margin-left: 20px;
}

.footer_wx ul li span {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
}

.footer_wx .wt {
	margin-top: 20px;
}

.copy {
	width: 100%;
	color: #FFFFFF;
	background: #002e61;
	padding: 10px 0px;
	text-align: center;
	font-size: 14px;
	border-top: 5px solid #002a5f;
}

/* 探索ob体育登录,95娱乐,亚洲必赢 */
.banner_down {
	position: absolute;
	bottom: 2rem;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 99;
	-webkit-animation: scroll 1.4s cubic-bezier(.15, .41, .69, .94) infinite;
	-moz-animation: scroll 1.4s cubic-bezier(.15, .41, .69, .94) infinite;
	animation: scroll 1.4s cubic-bezier(.15, .41, .69, .94) infinite;
	border-radius: 1.5px;
}

@keyframes scroll {
	0% {
		opacity: 0;
	}

	10% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		-o-transform: translateY(0);
		transform: translateY(5px);
		opacity: 0;
	}
}

.banner_down span {
	display: block;
	color: #FFF;
}

/* 多余导航 */
.dydh {
	padding: 0px 50px;
}

.dydh>li {
	float: left;
	width: 12%;
	text-align: center;
}

.dydh li>a {
	color: #FFF;
	font-size: 18px;
}

.dydh li:hover>a {
	color: #286bcf;
}

.dydh .sub-menu li a {
	font-size: 16px;
	margin-top: 15px;
}

/*list*/
.listcon {
	background-color: #FFFFFF;
	margin-top: -60px;
	z-index: 99;
	position: relative;
}

.conleft {
	width: 22%;
	float: left;
	position: relative;
	padding: 15px 0px;
}

.conleft .yj {
	font-size: 28px;
	color: #0066cb;
	letter-spacing: 2px;
	text-indent: 30px;
	font-weight: bold;
}

.conleft {
	background: url(/images/lmbg.png) no-repeat 0px bottom;

}

.conleft ul {
	padding-top: 30px;
	/* padding-bottom: 150px; */
}

.conleft ul li {
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #dddddd;
	/* overflow: hidden; */
}

.conleft ul li a {
	color: #333333;
	font-size: 16px;
	text-indent: 30px;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90%;
	display: inline-block;
}

.conleft ul li span {
	color: #4e4e4e;
	float: right;
	padding-right: 15px;
	font-size: 20px;
}

.conleft ul li:hover a,
.conleft ul li:hover span {
	color: #FFFFFF;
}

.conleft ul li:hover {
	background: #0066cb;
}

.conleft .active {
	background: #0066cb;
}

.conleft .active a,
.conleft .active span {
	color: #FFFFFF;
}

.conright {
	float: right;
	width: 74%;
	margin: 0px 0px 30px;
	padding-right: 30px;
}

.ritop {
	/* margin-bottom: 30px; */
	overflow: hidden;
	height: 40px;
	/* border-bottom: 2px solid #dde8ee; */
	/* display: none; */
	/* margin-top: 10px; */
}

.ritop .ggtop {
	float: left;
	border-bottom: none
}

.ritop .lm {
	font-size: 20px;
	color: #1125cc;
	font-weight: bold;
	float: left;
	line-height: 40px;
	display: none;
}

.dq {
	float: right;
	color: #888888;
	line-height: 40px;
	text-indent: 22px;
	background: url(/images/dq.png) no-repeat 0px center;
	font-size: 14px;
	margin-top: 10px;
}

.dq a {
	font-size: 14px;
	color: #888888;
}

.dq a:hover {
	color: #0066cb;
}

.conright .listul li {
	height: 50px;
	text-indent: 15px;
	color: #333333;
	line-height: 50px;
	border-bottom: 1px solid #e8ebed;
	position: relative;
}

.conright .listul li::before {
	content: " ";
	position: absolute;
	top: 23px;
	left: 0px;
	width: 4px;
	height: 4px;
	background: #0066cb;
}

.conright .listul {
	padding-top: 30px;
}

.conright .listul li a {
	font-size: 16px;
	float: left;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
	
}

.conright .listul li .sj {
	float: right;
	color: #888888;
	font-size: 15px;
}

.conright .listul li .bt {
	font-size: 15px;
}

.conright .listul li:hover a {
	color: #0066cb;
}

.conright .listul li:hover .sj {
	color: #0066cb;
}

.fan {
	margin: 30px 0px 0px 0px;
	text-align: center;
}

.nt img {
	width: 100%;
}

/* 机构设置 */
.jigou {
	padding-bottom: 40px;
}

.ti {
	margin-top: 30px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

.dan>div {
	text-align: center;
	/* width: 220px; */
	height: 55px;
	/* background: #e5a816; */
	line-height: 55px;
	/* color: #fff; */
	font-size: 22px;
	margin: 0px auto;
	/* margin-bottom: 20px; */
}

.dan>ul {
	margin: 0px -15px;
}

.dan>ul li {
	float: left;
	width: 33%;
	height: 80px;
}

.dan>ul li a {
	display: block;
	margin: 0px 15px;
	background: #f1f1f1;
	box-sizing: border-box;
	padding-left: 11px;
	margin-top: 20px;
	border-left: 3px solid #e5a816;
	padding: 15px 15px;
}

.dan>ul li a {
	font-size: 16px;
	/* line-height: 55px; */
}

.dan>ul li:hover a {
	background: #e5a816;
}

.dan>ul li:hover a {
	color: #fff;
}

.jgsz {
	margin-top: 50px;
}

.dan .last {
	width: 50%;
}

/* 领导页面 */
.ls ul li {
	float: left;
	width: 24%;
	text-align: center;
	margin-top: 70px;
}
.ls ul{margin: 0px auto;  max-width:840px;}
.ls ul li a{
	display: block;
	margin: 0px 20px;
	position: relative;
}
.ls ul li p,.articleList01 ul li .art-Txt {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 5px 3px;
	background-color:rgb(93,146,187,0.8);
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}
.ls ul li
.ls ul li img {
	width: 100%;
	height: 220px!important;
}
.ls ul li:hover p,.articleList01 ul li:hover .art-Txt{
	background:#0066cb ;
}
/* 校园风采 */
.articleList01 ul {
	margin: 0 -15px;
	margin-top: 50px;
}

.articleList01 ul li {
	width: 33.3%;
	float: left;
	margin-bottom: 30px;
}

.articleList01 ul li a {
	display: block;
	margin: 0 15px;
	position: relative;
}

.articleList01 ul li .art-Img {
	display: block;
	height: 0;
	/* padding-bottom: 51%; */
	overflow: hidden;
	min-height: 240px;
}

.articleList01 ul li .art-Img img {
	width: 100%;
	transition: all 0.3s ease;
	height: 240px;
}


.articleList01 ul li .art-Txt {
/* 	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
	transition: all 0.3s ease;
	background-color: #FFFFFF;
	text-align: center; */
}

.articleList01 ul li .art-Txt p {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	box-sizing: border-box;
	color: #FFFFFF;
}


/*文章页*/
/* 内容页 */

.article {
	/* padding: 0px 15px; */
       padding-top:50px;
}

.article .arti-title {
	text-align: center;
	font-size: 24px;
	line-height: 35px;
	/* margin-top: 50px; */
	/* color: #006db8; */
}

.article .arti_metas {
	padding: 20px 0px 22px 0px;
	text-align: center;
	border-bottom: 1px dashed #b6c9e5;
}

.article .arti_metas span {
	color: #999999;
	font-size: 14px;
	text-indent: 10px;
	display: inline-block;
}

.article .read {
	padding: 20px 0px 20px 0px;
	line-height: 25px;
}

.nx {
	color: #333;
	font-size: 14px;
}

.nx a {
	color: #666666;
	font-size: 14px;
	margin-bottom: 20px;
	display: inline-block;
}

.nx .up:hover a,
.nx .down:hover a {
	color: #0066cb;
}

.article .read img {
	/**文章阅读部分图片大小限制**/
	max-width: 800px;
	_width: expression(this.width > 800 ? "800px" : this.width);
	max-width: 100%;
	display: block;
	margin: 0px auto;
	height: auto;
}

/**2022,10,24**/
.picMarquee-left{/* width:450px; */overflow:hidden;position:relative;/* border:1px solid #ccc; */}
.picMarquee-left .hd{/* overflow:hidden; *//* height:30px; *//* background:#f4f4f4; *//* padding:0 10px; *//* display: none; */position: absolute;top: 50px;/* left: 0px; */width: 100%;z-index: 99;}
.picMarquee-left .hd .next{
			 display:block;
			 width: 60px;
			 height: 60px;
			 float: left;
			 /* margin-right:5px; */
			 /* margin-top:10px; */
			 /* overflow:hidden; */
			 cursor:pointer;
			 left: 0px;
			 background: url("/images/icon2.png") no-repeat 0px 0px;
			 }

.picMarquee-left .hd .prev{
			 /* display:block; */
			 width: 60px;
			 height: 60px;
			 float:right;
			 /* margin-right:5px; */
			 /* margin-top:10px; */
			 /* overflow:hidden; */
			 cursor:pointer;
			 right: 0px;
			 background: url("/images/icon4.png") no-repeat  0px 0px;
			 }
.picMarquee-left .hd .next{/* background-position:0 -50px;/*}
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{/* padding:10px; */}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{/* margin:0 8px; */float:left; _display:inline;overflow:hidden;text-align:center;}
.picMarquee-left .bd ul li .pic{/* text-align:center; */}
.picMarquee-left .bd ul li .pic img{width: 240px;height: 160px;display:block;padding:2px;/* border:1px solid #ccc; */}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;display:none;   }

.zt .imglist{
    overflow: hidden;
    height: 157px;
}
.zt .imglist .sliderbutton.next{right: 0px;top: 50%;background: url(/images/icon40.png) no-repeat 0px 0px;}
.zt .imglist .sliderbutton.prev{left: 0px;top: 50%; background: url(/images/icon20.png) no-repeat 0px 0px;}
.zt .imglist ul{margin-top:0px}
.zt .lecturelist h3 img{height:156px}
.zt .imglist li a{margin:0px 10px}
.zt .slick-list {
	margin: 0px -10px;
}


/**2022,10.25**/
/**主页banner开始**/
.header,
.mbanner,
.mbanner .inner,
.mbanner .inner>div,
.focus,
.focus>ul,
.mbanner .slick-list,
.mbanner .slick-track {
	height: 100%;
}
.header{
	/* height: 100vh; */
	position: relative;
}
.mbanner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#banner .inner {
	width: auto;
	max-width: 100%;
	text-align: center;
	position: relative;
}

#banner .slide {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
	display: inline-block;
}

#banner .slide>a {
	display: block;
	width: 100%;
	height: 100%;
}

#banner .slide .slide_imgs {
	width: 100%;
	height: 100%;
	position: absolute;
}

#banner .slide .news_bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}

#banner .slide_title {
	position: absolute;
	z-index: 29;
	/* bottom: 0.6rem; */
	bottom: 60px;
	left: 7.5%;
	padding: 0 15px;
	max-width: 57%;
}

#banner .slide_title .tit_con {
	/* font-size: 0.30rem; */
	font-size: 30px;
	font-weight: normal;
	/* line-height: 0.65rem; */
	line-height: 65px;
	color: #fff;
	font-family: "微软雅黑";
	z-index: 9;
	position: relative;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#banner .slide_title .title_bg {
	background: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#banner .slick-dots {
	position: absolute;
	z-index: 9;
	/* bottom: 0.65rem; */
	bottom: 65px;
	right: 7.5%;
	padding-right: 25px;
	display: none !important;
}

#banner .slick-dots li {
	/* font-size: 0.25rem; */
	font-size: 25px;
	/* line-height: 0.34rem; */
	line-height: 34px;
	color: #fff;
	/* margin: 0 0.12rem; */
	margin: 0 12px;
	cursor: pointer;
	display: inline-block;
	vertical-align: bottom;
}

#banner .slick-dots li.slick-active:after {
	/* width: 0.55rem; */
	width: 30px;
	height: 1px;
	background: #fff;
	/* margin-left: 0.13rem; */
	margin-left: 13px;
	content: " ";
	display: inline-block;
	margin-top: -10px;
}

#banner .slick-dots li button {
	background: no-repeat;
	border: none;
	/* font-size: 0.25rem; */
	font-size: 16px;
	/* line-height: 0.34rem; */
	line-height: 34px;
	color: #fff;
}

#banner .slick-dots li.slick-active button {
	/* font-size: 0.35rem; */
	font-size: 20px;
}


#banner:hover .slick-arrow{
	opacity:1;
}
#banner .slick-arrow {
	position: absolute;
	width:70px;
	height: 70px;
	top: 50%;
	margin-top: -15px;
	color: transparent;
	z-index: 99;
	opacity: 0;
}


#banner .slick-prev {
	left: 1%;
	background: url(/images/ban_left.png) no-repeat;
}

#banner .slick-next {
	right: 1%;
	background: url(/images/ban_right.png) no-repeat;
}
/*20221103*/
.articleList02 ul {
	margin: 0 -20px;
	margin-bottom: 30px;
}

.articleList02 ul li {
	width: 25%;
	float: left;
	margin-bottom: 30px;
}

.articleList02 ul li a {
	display: block;
	margin: 0 20px;
	position: relative;
}

.articleList02 ul li .art-Img {
	display: block;
	height: 0;
	/* padding-bottom: 51%; */
	overflow: hidden;
	min-height: 150px;
}

.articleList02 ul li .art-Img img {
	width: 100%;
	transition: all 0.3s ease;
	height: 150px;
}


.articleList02 ul li .art-Txt {
	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
	transition: all 0.3s ease;
	background-color: #FFFFFF;
	text-align: center;
	display: none;
}

.articleList02 ul li .art-Txt p {
	font-size: 20px;
	padding: 20px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	box-sizing: border-box;
}

.articleList02 ul li a:hover .art-Txt {
	margin-top: -20px;
}
.top2 {
    position: relative;
    background: none;
    background-color: #2d76f9;
    animation: sticky 1.2s;
    background-image: linear-gradient(120deg, #6a11cb 0%, #2575fc 100%);
    background-size: auto 99%;
}
.top2 .headertop {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
/*20221104*/
.tpbox {
    width: 40%;
}

.zh {
    width: 28%;
    margin: 0px 2%;
}
.zh .col_bg,.sz .col_bg{width:100%}
.sz {
    width: 28%;
}
.zh .label_bt,.sz .label_bt{text-align:left;margin-bottom: 15px;}
.zh .label_bt .more_more,.sz .label_bt .more_more{width:80px;}
.slide_container.tpxw {
    margin-top: 69px;
}

@media only screen and (max-width: 1599px) {
	.container-fluid {
		width: 98%;
	}

	.footer_link {
		padding: 0px 240px;
	}
.header-navigation .main-menu ul li>a{padding:40px 25px;}
.sliderbutton.prev{left:0px;}
.sliderbutton.next{right:0px;}
.main3 .lecturelist h3 img{height:180px}
}

@media only screen and (max-width: 1490px) {
	.header-navigation .main-menu ul li>a {
		padding: 40px 5px;
	}

	.header-navigation .main-menu ul li>a {
		font-size: 15px;
	}

	.slide li .bt {
		height: auto;
	}

	.lecturelist h3 {
		height: auto;
	}

	.lecturelist p.p2 {
		height: 66px;
		line-height: 22px;
		overflow: hidden;
	}
.footer_link {
		padding: 0px 150px;
	}

}


@media only screen and (max-width: 1200px) {
	.post-8 .rt.search {
		margin-right: 0px;
	}

	.ycdh,
	.ycsearch {
		display: block !important;
	}
.ycsearch{display:none !important;}
	.post-7,
	.list_tt,
	.search {
		display: none;
	}

	.headertop {
		display: none;
	}

	.header-navigation {
		padding: 10px 0px;
		background-image: linear-gradient(120deg, #6a11cb 0%, #2575fc 100%);
	}

	.tp .slide img {
		height: auto;
	}

	.tp .slide1_tabs {
		top: 0px;
	}

	.mt .slide,
	.mt video {
		height: auto;
	}

	#container-1 {
		background: url(/images/bg1.png) repeat top center;
	}

	.tab_focus,
	.news,
	.tp,
	.mt,
	.zt,.tpbox,.zh,.sz {
		width: 100%;
		margin: 0px;
	}

	.slide li .bt {
		bottom: 0px;
	}

	.news {
		margin-top: 30px;
	}

	.tabcon .sublist ul li {
		width: 50%;
		margin-bottom: 30px;
	}

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

	.fwbox {
		padding: 30px 0px;
	}

	.kuai li {
		width: 33.33%;
	}

	.yw {
		background: #013d8a;
		padding-bottom: 0px;
	}

	.footer_wx {
		width: 100%;
		margin: 20px auto;
		text-align: center;
	}

	.footer_wx ul {
		display: inline-block;
		text-align: center;
	}

	.footer_wx img {
		width: 100px;
	}
	.ls ul li{width: 50%;}
	.ls ul li img{height: 220px!important;}
	.transparent-header{position: relative;}
.footer_link{padding:0px}
.tp .slide img, .tpxw .slide img{height: 250px;}
.slide1_tabs, .slide2_tabs{top:0px;bottom: 0px;}
.slide_container.tpxw{margin-top:30px;}
.banner ul li a{padding-bottom: 50% !important;}
.banner ul li a img, .banner ul li>a>img, .banner ul li>a>video{position:absolute !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width: 100% !important;height: 100% !important;}
.banner .miso-arrow{width: 3rem !important;height: 3rem !important;}
.banner_down{display:none}
.zh{margin: 30px 0px;}
.nyban .banner img{ position: relative !important;}
.articleList02 ul li{width:100%}

}

@media only screen and (max-width: 768px) {
	.tabcon .sublist ul li,.dan>ul li,.col_bg {
		width: 100%;
	}

	.label_bt,
	.tabbtn {
		text-align: left;
	}

	.title_bt,
	.tabbtn li a {
		font-size: 28px;
	}

	.tabbtn li {
		margin-left: 0px;
		padding-right: 20px;
	}

	.zt .gdlist li,
	.kuai li {
		width: 50%;
	}
	.conleft {background: none;}
	.tp .zy,.tpxw .zy{ display: none; background: none;}
	.conright,.ls ul li,.conleft,.articleList01 ul li,.conleft ul{width: 100%;}
.conleft ul{padding-bottom:0px}
	.conright{padding-right: 0px;/* padding: 0px 20px; */}
	.conright .listul{padding-top: 0px;}
	.ls ul li{margin-top: 20px;}
	.articleList01 ul li .art-Img img,.articleList01 ul li .art-Img{height: auto;}
.header-navigation.sticky{    position: relative !important;}
.kuai{margin:0px 0px;}
.imglist .slick-list{margin:0px}
.slide li .bt{background:#286bcf;padding:10px 5px}
.tp .tit{font-size:16px;}
.zt .imglist li a{margin:0px}
.header{height:100% !important}
.header .mbanner, .mbanner .inner, .mbanner .inner>div, .focus, .focus>ul, .mbanner .slick-list, .mbanner .slick-track{
		height: 340px;
	}
.listcon{margin-top:10px;}
.conleft ul li{height: 41px;line-height: 41px;}
.ritop{border-bottom:1px solid #dde8ee;}
.dq{margin-top:0px;}
.footer_wx .wt{width:100%}
.footer_wx ul li{float: left; margin: 5px 3px; width: 31%;}
.centered-btns_nav.next,.centered-btns_nav.prev{    background-size: 50% 50%;}
.centered-btns_nav.next{right:-50px}
video{width:100%}
.yczt{display:none}
tp .tit, .tpxw .tit {
    font-size: 16px;
}
}
@media only screen and (max-width: 590px) {
	.conright .listul li a{width: 70%;}
        .imglist .sliderbutton{display:none !important}
.zt .gdlist li img{height:120px;}
.header .mbanner, .mbanner .inner, .mbanner .inner>div, .focus, .focus>ul, .mbanner .slick-list, .mbanner .slick-track{height:240px;}
	.conleft ul li span{display:none}
.conleft ul li a{width:100%}

}
@media only screen and (max-width: 420px) {
	.conright .listul li a{width:100%;}
	.conright .listul li  .sj,.zt .imglist .slick-dots{display: none !important;}
}
.ls ul li img {
	width: 100%;
	height: 220px!important;
}
.xybt-t { text-align:center; line-height:30px;font-size:20px;}
.xybt-tt { text-align:center; line-height:30px;font-size:18px;}