@-webkit-keyframes scale-bg {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scale-bg {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
.mobileimg{display:none;position: fixed;z-index: 99922;right: 10px;top:10px;}
.mobileimg img{width: 30px;height:30px;}
.index_main {
	background: #f7f7f7
}

.index_main .section1 {
	position: relative
}

.index_main .section1 .index_banner .item {
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh;
	position: relative
}

.index_main .section1 .index_banner .item.slick-current .scaleBg {
	visibility: visible;
	-webkit-animation: scale-bg 6s linear forwards;
	animation: scale-bg 6s linear forwards
}

.index_main .section1 .index_banner .items {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.index_main .section1 .index_banner .items:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .2)
}

.index_main .section1 .index_banner .item .inner .block_txt {
	position: absolute;
	top: 44%;
	right: 10px;
	left: 10px;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.index_main .section1 .index_banner .item.active .inner .block_txt {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms
}

.index_main .section1 .index_banner .item .inner .block_txt h4 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: coco
}

.index_main .section1 .index_banner .item .inner .block_txt h2 {
	color: #fff;
	font-size: 70px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 5px
}

.index_main .section1 .index_banner .item .inner .block_txt h2 span {
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px
}

.index_main .section1 .index_banner .item .inner .block_txt h3 {
	color: #fff;
	font-size: 22px;
	text-align: center;
	margin-top: 10px;
	letter-spacing: 3px
}

.index_main .section1 .slick_txt {
	width: 30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: 0;
	border: 0
}

.index_main .section1 .left {
	left: 0
}

.index_main .section1 .right {
	right: 0
}

.index_main .section1 .slick_txt:hover .slick_arrow {
	opacity: 1;
	visibility: visible
}

.index_main .section1 .slick_txt .slick_arrow {
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	opacity: 0;
	visibility: hidden
}

.index_main .section1 .slick_txt .prev {
	background-image: url(../image/ban_prev.png);
	left: 60px
}

.index_main .section1 .slick_txt .next {
	background-image: url(../image/ban_next.png);
	right: 60px
}

.index_main .section1 .slick_txt .prev:hover {
	background-image: url(../image/ban_prev_hover.png)
}

.index_main .section1 .slick_txt .next:hover {
	background-image: url(../image/ban_next_hover.png)
}

.index_main .section1 .number {
	position: absolute;
	bottom: 8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.index_main .section1 .number span {
	font-family: myriad pro, microsoft yahei;
	font-size: 14px;
	color: #fff;
	margin-right: 100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease
}

.index_main .section1 .number span:last-child {
	margin-right: 0
}

.index_main .section1 .number span:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: -20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease
}

.index_main .section1 .number span.active:after {
	width: 100%;
	opacity: 1;
	visibility: visible
}

.index_main .section2 {
	background: #f5f5f5;
	background: url(../image/2.jpg) no-repeat;
}

.index_main .section2 h3 {
	text-align: center
}

.index_main .section3 {
	width: 100%;
	height: 100%;
	background: url(../image/3.jpg) no-repeat;
	background-size: 100% 100%
}

.index_main .section3 h3 {
	text-align: center
}

.index_main .section4 {
	background: #f5f5f5;
	background: url(../image/banner4.jpg) no-repeat;
}

.index_main .section4 h3 {
	text-align: center
}

@media only screen and (max-width:1600px) {
	.index_main .section1 .index_banner .item .inner .block_txt h4 {
		font-size: 28px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h2 {
		font-size: 60px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h3 {
		font-size: 20px
	}
}

@media only screen and (max-width:1440px) {
	.index_main .section1 .index_banner .item .inner .block_txt h4 {
		font-size: 24px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h2 {
		font-size: 40px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h3 {
		font-size: 18px;
		margin-top: 5px
	}
}

@media only screen and (max-width:1366px) {
	.index_main .section1 .index_banner .item .inner .block_txt h4 {
		font-size: 20px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h2 {
		font-size: 26px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h3 {
		font-size: 16px
	}

	.index_main .section1 .index_banner .slick-arrow {
		background-size: auto 30px
	}
}

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

@media only screen and (max-width:1199px) {
	.index_main .section1 .index_banner .item .inner .block_txt h4 {
		font-size: 18px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h2 {
		font-size: 22px
	}

	.index_main .section1 .index_banner .item .inner .block_txt h3 {
		font-size: 14px
	}
}

@media only screen and (max-width:992px) {
	.index_main .section1 .index_banner .item {
		height: 100vh
	}

	.index_main .section1 .index_banner .item .inner .block_txt {
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0 20px;
		top: 42%
	}

	.index_main .section1 .index_banner .slick-arrow {
		display: none !important
	}

	.index_main .section1 .index_banner .slick-dots {
		position: absolute;
		bottom: 12px
	}

	.index_main .section1 .index_banner .slick-dots li {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		border: 2px solid #fff
	}

	.index_main .section1 .index_banner .slick-dots li button {
		display: none
	}

	.index_main .section1 .index_banner .slick-dots li.slick-active {
		background: #fff
	}

	.index_main .section1 .number {
		bottom: 12%;
		display: none
	}

	.index_main .section1 .number span {
		margin-right: 22px
	}

	.index_main .section1 .number span:after {
		bottom: -14px
	}
}

@media only screen and (max-width:767px) {
	.mobileimg{display: block;}
}

@media only screen and (max-width:340px) {
	.mobileimg{display: block;}
}

@media only screen and (max-width:320px) {
	.mobileimg{display: block;}
}


/* head */
body {background: #fff;}

.header {
	/* width: 100%;
	position: fixed;
	top: 66px;
	left: 0;
	z-index: 999;
	height: 60px; */
	/* background:rgb(36,45,50); */
}


.header .left {
	/* width: 12% */
}
.header .left.tel{color: #D90106;font-size: 28px;display: flex;align-items:center;margin-top: 12.5px;padding-left: 40px;}
.header .left.tel img{height: 40px;margin-right: 5px;}
.header .left a img {
	height: 40px;
	margin-top: 6px
}

.header .left .img2 {
	display: none
}

.header .nav {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	height: 100%;
	/* line-height: 50px; */
	display: block
}

.header .navbar_nav li {
	float: left;
	position: relative;
	display: block
}

.header .navbar_nav li:after {
	content: "";
	width: 0;
	height: 2px;
	
	background: #19be6b;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s ease 0s
}

.header .navbar_nav li:hover:after {
	width: 100%
}

.header .navbar_nav li a {
	text-decoration: none;
	height: 100%;
	padding: 0 15px;
	display: block;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	color: #fff;
	font-size: 16px;cursor: pointer;
}

.header .navbar_nav li:hover a {
	color: #ff4500 !important
}

.header .navbar_nav li.dropdown {
	display: inherit;
	position: relative;
}

.header .navbar_nav li.dropdown .jt {
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block
}

.header .navbar_nav li.dropdown .dropdown_menu {
	display: none;
	position: absolute;
	top: 50px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);
	/* left: -10% */
}

.header .navbar_nav li.dropdown .dropdown_menu a {
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px
}

.header .navbar_nav li.dropdown:hover .dropdown_menu {
	display: block;
	background: #fafafa;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a {
	color: #666
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
	color: #fff;
	background: orange
}

/* .header.on {
	background: #fff;
	border-bottom: 1px solid #ccc
}

.header.on .left .img1 {
	display: none
}

.header.on .left .img2 {
	display: block
}

.header.on .navbar_nav li a {
	color: #333
}

.header.on .navbar_nav li:hover a {
	color: #ff4500
} */

#navToggle {
	display: none
}

.m_nav {
	position: fixed;
	top: 0;
	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%)
}

.m_nav.open {
	transform: translateX(0)
}

.m_nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box
}

.m_nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer
}

.m_nav .logo {
	width: 100%;
	margin: 0 auto
}

.m_nav .logo img {
	height: 50px;
	display: block;
	margin: 30px auto
}

.m_nav .ul {
	margin-top: 30px
}

.m_nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0
}

.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m_nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%
}

.m_nav .ul li .dropdown_menu {
	display: none
}

.m_nav .ul li.dropdown.active .dropdown_menu {
	display: block
}

.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5
}

.m_nav .ul li .dropdown_menu a:last-child {
	border: 0
}

.banner {
	width: 100%
}

.banner img {
	width: 100%
}

@media screen and (max-width:992px) {
	.header {
		padding: 0 10px
	}

	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right
	}

	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px
	}

	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0
	}

	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		display: block;
		background: #4f4f4f
	}

	.header #navToggle span:before {
		top: 8px
	}

	.header #navToggle span:after {
		bottom: 10px
	}

	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg)
	}

	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg)
	}

	.header #navToggle.open span {
		background: 0 0
	}

	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f
	}

	.header .nav {
		display: none
	}

	.banner img {
		height: 600px;
		object-fit: cover
	}
}

/* slick */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: 0
}

.slick-dots li button:hover:before,
.slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fp-show-active.right{display: none;}
#blackshadow{background: rgba(0,0,0,0.5);position: fixed;left: 0;top:0;right:0;bottom: 0;z-index: 1000;display: none;}
#loginbox{width: 360px;background: #fff;position: fixed;z-index: 1001;left: 50%;top: 200px;margin-left: -180px;border-radius: 6px;padding: 20px;display: none;}
#loginbox .name{text-align: center;font-size: 20px;font-weight: bold;color: #666;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
#loginbox .inputdiv{display: flex;align-items: center;border-bottom: 1px solid #ddd;padding: 10px 0;}
#loginbox .inputdiv input{flex: 1;font-size: 15px;color: #666;text-indent: 6px;letter-spacing: 2px;height: 30px;background: #fff;}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}
#loginbox .inputdiv input[type=button]{font-size: 14px;}
#loginbox .inputdiv>img{height: 20px;} 
#loginbox .regbtn{width: 100%;height: 36px;font-size: 14px; color: #fff;background:rgba(255,138,78,1);border-radius: 4px;margin-top: 20px;}
#loginbox .regbtn:active{background:rgba(255,138,78,0.8);}
#loginbox .changetypep{text-align: center;padding-top:20px ;font-size: 14px;}
#loginbox .changetypep a{color:rgb(255,138,78);}
#loginbox .changetypep a:hover{text-decoration: underline;}
#loginbox .changetypep .remm{padding-right: 10px;color:steelblue;}
.sbanner{padding-top: 60px;overflow: hidden;}
.sbanner img{width: 100%;float: left;}
.mainbox{padding-bottom: 60px;overflow: hidden;width: 1140px;margin: 0 auto;font-size:14px;}
.mainbox .leftbar{float: left;width: 220px;border: 1px solid #e9e9e9;}
.mainbox .leftbar li{padding: 15px 0;text-align: center;border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.mainbox .leftbar li:last-child{border: none;}
.mainbox .leftbar li.on,.mainbox .leftbar li:hover{background: #D90106;color: #fff;}
.mainbox .rightmain{float: right;width:890px;}
.mainbox .rightmain img{max-width: 100%;}
.mainbox .rightmain h3{border-bottom: 1px solid #e9e9e9;}
.mainbox .rightmain h3 span{display: inline-block;color: #D90106;font-size: 18px;border-bottom: 2px solid #D90106;font-weight: bold;padding: 12px 0;}
.mainbox .rightmain p{font: 14px;line-height: 32px;padding-top:6px;text-indent: 2em;}
.mainbox .rightmain .content{padding-top: 10px;}
.mainbox .searchbox{display: flex;flex-direction: column;align-items: center;}
.mainbox .searchbox>img{height: 80px;margin-top: 50px;margin-bottom: 30px;}
.mainbox .searchbox .search{border: 1px solid #ddd;width: 640px;display: flex;align-items: center;}
.mainbox .searchbox .searchtext {flex: 1;height: 40px;padding-left: 10px;color: #555;}
.mainbox .searchbox .searchbtn {width: 100px;height: 40px;background: rgba(67,130,250,1);color: #fff;}
.mainbox .searchbox .searchbtn:active{background: rgba(67,130,250,0.8);}
.mainbox .searchbox .fenlei{padding: 15px 0;display: flex;width:640px;}
.mainbox .searchbox .fenlei label{padding-right: 20px;display: flex;align-items: center;}
.mainbox .searchbox .fenlei label input{margin-right: 6px;}
.mainbox .hotdiv{
	/* border: 1px solid #ddd;width:1000px; */
}
.mainbox .hotdiv .toptab{height: 44px;display: flex;align-items: center;border-bottom: 1px solid #ddd;}
.mainbox .hotdiv .toptab li{width: 110px;text-align: center;line-height: 44px;cursor: pointer;}
.mainbox .hotdiv .toptab li.on{background:rgb(127,127,127);color: #fff;}
.mainbox .hotdiv .toptab li:hover{background:rgb(170,170,170);color: #fff;}
.mainbox .hotdiv .hot{padding: 0 20px;padding-bottom: 20px;position: relative;}
.mainbox .hotdiv .hot .yeqian{
	position: absolute;
	left: -10px;
	top: 10px;
	width: 120px;
	height: 20px;
	background-color:rgba(245, 154, 35, 1) ;
	text-align: center;
	color: #fff;
}
.mainbox .hotdiv .hot .yeqian .vips{
	width: 100%;
	padding: 0;
	text-align: center;
	color: #fff;
	display: block;
}
.mainbox .hotdiv .hot:hover .vips{
	background-color:rgba(245, 154, 35, 1) ;
}
.mainbox .hotdiv .hot>h3{color: #1EB37B;font-size: 14px;line-height: 60px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
.mainbox .hotdiv .hot>h3 a{color: #b9b9b9;}
.mainbox .hotdiv .hot>h3 a:hover{color: #1EB37B;}
.mainbox .hotdiv .hot .hotvideo{overflow: hidden;padding-bottom: 15px;}
.mainbox .hotdiv .hot .hotvideo a{display: block;float: left;width: 225px;margin-right: 19px;box-shadow: 0px 6px 14px rgba(0,0,0,0.2);border:1px solid #e9e9e9;margin-top: 15px;position: relative;}
.mainbox .hotdiv .hot .hotvideo a:nth-child(4n){margin-right: 0;}
.mainbox .hotdiv .hot .hotvideo a img{width: 100%;height: 130px;border-bottom: 1px solid #e9e9e9;}
.mainbox .hotdiv .hot .hotvideo a:hover h4,.mainbox .hotdiv .hot .hotvideo a:hover p{background-color: #1EB37B;color: #fff;transition:all 0.4s;}
.mainbox .hotdiv .hot .hotvideo a:hover .vips{background-color:rgba(245, 154, 35, 1) ;color: #fff;transition:all 0.4s;}
.mainbox .hotdiv .hot .hotvideo a h4{font-weight: bold;padding:15px 10px 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mainbox .hotdiv .hot .hotvideo a p{color: gray;padding: 0 10px;font-weight: bold;display: flex;justify-content: space-between;align-items: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mainbox .hotdiv .hot .hotvideo a p span{font-weight: normal;padding:5px 0;}
.mainbox .hotdiv .hot .red{color: red;}
.mainbox .hotdiv .hot .green{color: #1EB37B;}
.mainbox .sxbox{margin-top: 30px;}
.mainbox .sxbox li{overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e1e1e1;}
.mainbox .sxbox p{float: left;width: 80px;}
.mainbox .sxbox li .sxval{float: left;width: 1060px;}
.mainbox .hotdiv.sxdiv .tree{width: 220px;float: left;margin-right: 20px;border: 1px solid #eaeaea;box-sizing: border-box;}
.mainbox .hotdiv.sxdiv{width:1140px;border: none;}
.mainbox .hotdiv.sxdiv h2{background:orangered;color: #fff;line-height: 40px;text-align: center;font-size: 18px;}
.mainbox .hotdiv.sxdiv .hot{width: 900px;float: left;border: 1px solid #ddd;box-sizing: border-box;}
.mainbox .hotdiv.sxdiv .hotvideo a{width:200px;height: 214px;}
.mainbox .hotdiv.sxdiv .hot .hotvideo a img{height: 100px;}
.mainbox .hotdiv.sxdiv .hot .hotvideo a:nth-child(4n){margin-right: 0!important;}
.mainbox .sxbox li>div>span{display: inline-block;padding-right: 20px;cursor: pointer;}
.mainbox .sxbox li>div>span:hover,.mainbox .sxbox li>div>span.on{color: orangered;}
.sxsearch{font-size:20px;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 80px;}
.sxsearch .totalres{padding-left: 40px;}
.pageno{width: 100%;text-align: right;}

/* dd */
.mainbox1{padding-bottom: 60px;overflow: hidden;width: 1140px;margin: 0 auto;font-size:14px;}
.mainbox1 .leftbar{float: left;width: 220px;border: 1px solid #e9e9e9;}
.mainbox1 .leftbar li{padding: 15px 0;text-align: center;border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.mainbox1 .leftbar li:last-child{border: none;}
.mainbox1 .leftbar li.on,.mainbox1 .leftbar li:hover{background: #D90106;color: #fff;}
.mainbox1 .rightmain{float: right;width:890px;}
.mainbox1 .rightmain img{max-width: 100%;}
.mainbox1 .rightmain h3{border-bottom: 1px solid #e9e9e9;}
.mainbox1 .rightmain h3 span{display: inline-block;color: #D90106;font-size: 18px;border-bottom: 2px solid #D90106;font-weight: bold;padding: 12px 0;}
.mainbox1 .rightmain p{font: 14px;line-height: 32px;padding-top:6px;text-indent: 2em;}
.mainbox1 .rightmain .content{padding-top: 10px;}
.mainbox1 .searchbox{display: flex;flex-direction: column;align-items: center;}
.mainbox1 .searchbox>img{height: 80px;margin-top: 100px;margin-bottom: 30px;}
.mainbox1 .searchbox .search{border: 1px solid #ddd;width: 640px;display: flex;align-items: center;}
.mainbox1 .searchbox .searchtext {flex: 1;height: 40px;padding-left: 10px;color: #555;}
.mainbox1 .searchbox .searchbtn {width: 100px;height: 40px;background: rgba(67,130,250,1);color: #fff;}
.mainbox1 .searchbox .searchbtn:active{background: rgba(67,130,250,0.8);}
.mainbox1 .searchbox .fenlei{padding: 15px 0;display: flex;width:640px;}
.mainbox1 .searchbox .fenlei label{padding-right: 20px;display: flex;align-items: center;}
.mainbox1 .searchbox .fenlei label input{margin-right: 6px;}
.mainbox1 .hotdiv{border: 1px solid #ddd;width:1000px;}
.mainbox1 .hotdiv .toptab{height: 44px;display: flex;align-items: center;border-bottom: 1px solid #ddd;}
.mainbox1 .hotdiv .toptab li{width: 110px;text-align: center;line-height: 44px;cursor: pointer;}
.mainbox1 .hotdiv .toptab li.on{background:rgb(127,127,127);color: #fff;}
.mainbox1 .hotdiv .toptab li:hover{background:rgb(170,170,170);color: #fff;}
.mainbox1 .hotdiv .hot{padding: 0 20px;padding-bottom: 20px;position: relative;}
.mainbox1 .hotdiv .hot .yeqian{
	position: absolute;
	left: -10px;
	top: 10px;
	width: 120px;
	height: 20px;
	background-color:rgba(245, 154, 35, 1) ;
	text-align: center;
	color: #fff;
}
.mainbox1 .hotdiv .hot .yeqian .vips{
	width: 100%;
	padding: 0;
	text-align: center;
	color: #fff;
	display: block;
}
.mainbox1 .hotdiv .hot:hover .vips{
	background-color:rgba(245, 154, 35, 1) ;
}
.mainbox1 .hotdiv .hot>h3{color: #1EB37B;font-size: 14px;line-height: 60px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
.mainbox1 .hotdiv .hot>h3 a{color: #777;}
.mainbox1 .hotdiv .hot>h3 a:hover{color: #1EB37B;}
.mainbox1 .hotdiv .hot .hotvideo{overflow: hidden;padding-bottom: 15px;}
.mainbox1 .hotdiv .hot .hotvideo a{display: block;float: left;width: 225px;margin-left: 15px;box-shadow: 0px 6px 14px rgba(0,0,0,0.2);border:1px solid #e9e9e9;margin-top: 15px;position: relative;}
.mainbox1 .hotdiv .hot .hotvideo a:nth-child(4n){margin-right: 0;}
.mainbox1 .hotdiv .hot .hotvideo a img{width: 100%;height: 130px;border-bottom: 1px solid #e9e9e9;}
.mainbox1 .hotdiv .hot .hotvideo a:hover h4,.mainbox1 .hotdiv .hot .hotvideo a:hover p{background-color: #1EB37B;color: #fff;transition:all 0.4s;}
.mainbox1 .hotdiv .hot .hotvideo a:hover .vips{background-color:rgba(245, 154, 35, 1) ;color: #fff;transition:all 0.4s;}
.mainbox1 .hotdiv .hot .hotvideo a h4{font-weight: bold;padding:15px 10px 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mainbox1 .hotdiv .hot .hotvideo a p{color: gray;padding: 0 10px;font-weight: bold;display: flex;justify-content: space-between;align-items: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mainbox1 .hotdiv .hot .hotvideo a p span{font-weight: normal;padding:5px 0;}
.mainbox1 .hotdiv .hot .red{color: red;}
.mainbox1 .hotdiv .hot .green{color: #1EB37B;}
.mainbox1 .sxbox{margin-top: 30px;}
.mainbox1 .sxbox li{overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e1e1e1;}
.mainbox1 .sxbox p{float: left;width: 80px;}
.mainbox1 .sxbox li .sxval{float: left;width: 1060px;}
.mainbox1 .hotdiv.sxdiv .tree{width: 220px;float: left;margin-right: 20px;border: 1px solid #eaeaea;box-sizing: border-box;}
.mainbox1 .hotdiv.sxdiv{width:1140px;border: none;}
.mainbox1 .hotdiv.sxdiv h2{background:orangered;color: #fff;line-height: 40px;text-align: center;font-size: 18px;}
.mainbox1 .hotdiv.sxdiv .hot{width: 100%;float: left;border: 1px solid #ddd;box-sizing: border-box;}
.mainbox1 .hotdiv.sxdiv .hotvideo a{width:200px;height: 214px;}
.mainbox1 .hotdiv.sxdiv .hot .hotvideo a img{height: 100px;}
.mainbox1 .hotdiv.sxdiv .hot .hotvideo a:nth-child(4n){margin-right: 0!important;}
.mainbox1 .sxbox li>div>span{display: inline-block;padding-right: 20px;cursor: pointer;}
.mainbox1 .sxbox li>div>span:hover,.mainbox1 .sxbox li>div>span.on{color: orangered;}


/* dd */

.hot .glyphicon-heart-empty,.hot .glyphicon-heart{position: absolute;right:4px;top:4px;z-index: 22;font-size: 24px;color: #1EB37B;}

.gerenlogin {display: none;}
.gerenlogin a{display: flex!important;align-items: center;}
.gerenlogin .imgs{
	display: block !important;
	width: 32px;
	height: 32px !important;
	padding: 0 !important;
	margin-top: 10px;
    /* margin-left: 15px; */
}
.gerenlogin .imgs img{
	width: 100%;
	height: 100%;
}
.gerenlogin img{height:32px;width: 32px;border-radius: 50%;}
.gerenlogin  p{padding-right: 10px;}

.leftmainright{margin-top: 60px;margin-bottom: 30px;}
.leftmainright .leftbar{width: 210px;position: relative;}
.leftmainright .leftbar .upbar{background: rgb(36,45,50);width: 50px;left: 0;top: 60px;bottom: 0;position:fixed;z-index: 55;}
.leftmainright .leftbar .upbar li{color: #fff;width: 50px;height: 45px;overflow: hidden;cursor: pointer;}
.leftmainright .leftbar .upbar li.on{background:#FF8B42;}
.leftmainright .leftbar .upbar li:hover:not(.on){background:#182028;color:#FF8B42;}
.leftmainright .leftbar .upbar .glyphicon{width: 50px;height: 45px;text-align: center;line-height: 45px;}
.leftmainright .leftbar .downbar{background: rgb(234,237,241);width: 160px;left:50px;top: 60px;bottom: 0;position:fixed;z-index: 52;}
.leftbar .downbar .downbarname{height: 60px;line-height: 60px;text-align: center;font-size: 15px;font-weight: bold;background: rgb(217,222,228);overflow: hidden;}
.leftbar .downbar li{height: 45px;line-height: 45px;text-align: center;cursor: pointer;overflow: hidden;}
.leftbar .downbar li.on,.leftbar .downbar li:hover{background: #fff;}
.leftbar .downbar li a{display: block;}
.lrarrow{width: 20px;height: 50px;line-height: 50px; text-align: center;background: #f7f7f7; cursor: pointer; position: absolute;top: 0;right: 0; bottom: 0; z-index: 52; margin: auto 0;cursor: pointer;font-size: 14px;}

.leftmainright .rightfluid{margin-left: 210px;padding-left:10px;padding-right: 10px;}
.rightfluid .parttitle{border-left: 5px solid #009688;height: 50px;display: flex;justify-content: space-between;align-items: center;background:#f2f2f2;}
.rightfluid .parttitle .title{padding-left: 10px;font-size: 14px;display: inline-block;height: 20px;line-height: 22px;}
.rightfluid .toppart{display: flex;align-items: center; width: 100%;padding: 20px 0;border-bottom: 1px solid #eee;}
.rightfluid .toppart li{font-size: 14px;flex: 1;display: flex;flex-direction: column;justify-content: center;height: 50px;}
.rightfluid .toppart li:nth-child(5n+1){align-items: center;}
.rightfluid .toppart li img{height: 50px;width: 50px;}
.rightfluid .toppart li>p{color: #999;font-weight: bold;padding-bottom: 6px;}
.rightfluid .toppart li>span{color: darkorange;font-weight: bold;font-size: 16px;}
.rightfluid .chats .chatstab{width: 100%;text-align: center;padding-top:30px;}
.rightfluid .chats .chatstab li{display: inline-block;width: 140px;line-height: 48px;height: 48px;border-radius: 4px;color: #fff;font-size: 14px;margin: 0 10px;cursor: pointer;}

.rightfluid .alwaysapp{padding: 20px 0;overflow: hidden;}
.rightfluid .alwaysapp li{font-size: 14px;margin-left: 60px;float: left;width: 120px;text-align: center;}
.rightfluid .alwaysapp li a{display: block;}
.rightfluid .alwaysapp li img{height: 50px;width: 50px;}
.rightfluid .alwaysapp li a p{color: #999;font-weight: bold;padding-bottom: 6px;padding-top: 10px;}
.rightfluid .alwaysapp li a p:hover{color: #2db7f5;}

[v-cloak] {
    display: none;
}
.flex{display: flex;align-items:center;justify-content: space-between;}
.rightfluidbox{max-width: 1000px;}
.ivu-page{padding-top: 20px;text-align: right;}
.uploadimg{cursor: pointer;}
.rightfluidbox.mainbox,.rightfluidbox.mainbox .hotdiv.sxdiv{width:100%;}
.rightfluidbox.mainbox .hot .hotvideo a{margin-right: 20px!important;}
.rightfluidbox.mainbox .hotdiv{border: none;border-top: 1px solid #ddd;}
.exitweb{cursor: pointer;}
.ivu-table-tip{ overflow-x: hidden!important;}

.rightfluid .resourtitle{display: flex;align-items: center;font-size: 24px;color: #666;} 
.rightfluid .resourtitle img{height: 20px;margin-right: 10px;} 
.rightfluid .resoursome{display: flex;align-items: center;font-size: 12px;color: #778787;padding: 5px 0;} 
.rightfluid .resoursome p{padding-right: 30px;display: flex;align-items: center;}
.rightfluid .resoursome p i{font-size: 16px;margin-right:4px;}
.rightfluid .resourmain{padding-top: 10px;display: flex;align-items: flex-start;}
.rightfluid .resourmain iframe{border:1px solid #ddd;padding: 5px;max-width: 1000px;}
.rightfluid .resourmain video{width: 800px;max-height: 450px;}
.rightfluid .righresour{width: 400px;padding: 0 20px;}
.rightfluid .righresour .money{font-size: 24px;color: #999;}
.rightfluid .righresour .money p{color: red;}
.rightfluid .righresour .jianjie h3{font-size: 14px;padding: 20px 0 10px;}
.rightfluid .righresour .jianjie .con{color: #666;}

#netbottom{width: 100%;background:rgb(36,45,50);}
.netbottom{width: 1140px;margin: 0 auto;color: #eee;overflow: hidden;padding: 20px 0;}
.netbottom .left{float: left;width: 570px;text-align: center;}
.netbottom .left img{height: 60px;}
.netbottom .right{float: left;width: 570px;text-align: center;}
.netbottom .right p,.netbottom .right a{color: #bbb;}
.inputdiv{
	display: flex;
	justify-content: center;
}
.xieyis{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.xieyis input{
	display: block;
	margin-top: -2px;
	padding-right: 5px;
}
.xieyis span{
	padding: 0 5px;
}
.alert{
	position: fixed;
	top: 65px;
	left: 50%;
	width: 150px;
	line-height: 20px;
	z-index: 999;
	padding: 0;
	text-align: center;
}
.header .navbar_nav .messages{
	display: none;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
}
.messages .badge{
	position: absolute;
    left: 15px;
    top: -25px;
	background: red;
	color: #fff;
}
 .messages:hover .tzmiens{
	display: block;
}
.tzmiens{
	display: none;
	position: absolute;
	top: 40px;
	right: -33px;
	width: 220px;
	height: 365px;
	/* background-color: #fff; */
	background: url(../image/noticebg.png) no-repeat center;
	z-index: 99;
}
.tzmiens .tops{
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 22px;
}
.tzmiens .tops .tz,.gongao{
	width: 32px;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	cursor:pointer;
	color: #a3a3a3;
}
.tzmiens .tops .tz:hover{
	border-bottom: 2px solid #ff4500;
	color:#000;
	font-weight: 700;
}
.tzmiens .tops .gongao:hover{
	border-bottom: 2px solid #ff4500;
	color:#000;
	font-weight: 700;
}
.tzmiens .tops .borders{
	border-bottom: 2px solid #ff4500;
	color:#000;
	font-weight: 700;
}
.tzmiens .mes-list{
	width: 100%;
	height: calc(100% - 57px) ;
	overflow: hidden;
	text-align: left;
	position: relative;
}
.mes-list::-webkit-scrollbar{
	display: none;
}
.tzmiens .mes-list img{
    width: calc(100% - 2px);
    top: 50px;
    position: absolute;
}
.tzmiens .mes-list .items{
	padding-left: 20px;
	cursor:pointer;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	height: 56px;
	line-height: 62px;
}
.tzmiens .mes-list .items:first-child{
	margin-top: 3px;
}
.tzmiens .mes-list .items:hover{
	font-weight: 700;
	background-color: #fff;
}
.tzmiens .mes-list .items a{
	color: #000;
	text-align: center;
}
.mes-list .more{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	line-height: 30px;
	cursor:pointer;
}
.mien{
	padding-top: 10px;
	transition: all .5s linear;
}
.adminrouter{
	cursor:pointer
}
.userrouter{
	cursor:pointer
}
.mien .adminrouter{
	margin-top: 6px !important;
}
.iphones{
	padding-left: 40px;
	width: 140px;
	position: relative;
}
.iphones img{
	width: 16px;
	height: 16px;
}
.iphones .ORcodes{
	position: absolute;
	left: 0;
	/* bottom: -208px; */
	bottom: 0;
	/* height: 208px; */
	height: 0;
	background-color: #fff;
	width: 160px;
	overflow: hidden;
	transition: all .5s ease;
}
.iphones .ORcodes p{
	padding:16px;
	/* text-align: center; */
}
.iphones .ORcodes img{
	display: block;
	margin:  0 auto;
	width: 150px;
	height: 150px;
}
.iphones:hover .ORcodes{
	height: 208px;
	border: 1px solid #dddddd;
	bottom: -208px;
}

.iphones2 .ORcodes{
	position: fixed;
	height: 0;
	background-color: #fff;
	width: 160px;
	overflow: hidden;
	transition: all .5s ease;
}
.iphones2 .ORcodes img{
	display: block;
	margin:  0 auto;
	width: 150px;
	
}
.iphones2:hover .ORcodes{
	height: 170px;
	border: 1px solid #dddddd;
}

/* 资源平台 */
.sksection{padding: 30px 0;}
.sksection-gray{
	background-color: #fafafa;
}
.sksection .section-header{
	font-size: 24px;
    line-height: 24px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    color: #313131;
}
.sksection .section-header .more{
    float: right;
    color: #919191;
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sksection .section-header::before
{
	position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 4px;
    height: 100%;
    background: #4caf50;
}

.sksection .course-list .course-item{
	background: none;
    border: none;
    border-radius: 2px;
    box-shadow: 0 6px 24px 0 rgba(0,0,0,.08);
}

.course-list .course-item
{
	position: relative;
    z-index: 1;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e4ecf3;
    background-color: #fff;
}

.sksection .course-list .course-info{
	background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 16px;
}

.sksection .course-list .course-info .course-title{
	margin: 0 0 16px;
}
.course-title{
	line-height: 32px;
}
.img-responsive
{
	display: block;
    max-width: 100%;
    height: auto;
}
.sksection .course-list .course-info .course-title a{
	font-size: 14px;
    color: #313131;
    line-height: 14px;
}
.text-overflow
{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.course-price-widget .free{
	color: #43bc60;
}
.course-student{
	color: #919191;
}
.es-icon {
    line-height: 1;
}
.es-icon {
    font-family: es-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}