/*公共调用*/

@import url("/public/css/iconfont/iconfont.css");
@import url("/public/css/public/public.css");

/* 页面样式 */
* {
	margin: 0;
	padding: 0;
}

html {
	background: #F5F5F5;
	height: 100%;
}

.head2 {
	height: 80px;
	width: 100%;
}

.logo2 {
	width: 104px;
	height: 26px;
}

.title2 {
	margin-left: 40px;
}

.title2 a {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(135, 141, 175, 1);
	line-height: 36px;
	padding: 20px;
}

.cur_new {
	color: #FFFFFF !important;
}

/* 登录注册按钮 */
.login a {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
}

/* 左侧结构 */
.left_product {
	width: 830px;
}

.lunbo {
	width: 100%;
	height: 250px;
}

/* 轮播 */
.lunbo .swiper-slide {
	outline: none;
	display: inline-block;
	height: 250px;
	border-radius: 4px;
	background-position: center center;
	background-size: cover;
	width: 832px;
}

.lunbo .swiper-pagination-bullet {
	width: 14px;
	height: 3px;
	background: rgba(245, 245, 245, 0.5);
	border-radius: 2px;
}

.lunbo .swiper-pagination-bullet-active {
	width: 18px !important;
	height: 3px !important;
	background: #FFFFFF !important;
	border-radius: 2px !important;
}

.tab1 li {
	display: inline-block;
	margin-top: 20px;
	transition: all ease-in-out .3s;
	width: 25%;
}

/* .pl30:hover{
	background-color:rgba(9, 9, 9, 0.08);
} */
.tab1 li a {
	display: block;
	width: 180px;
	height: 241px;
	background: #FFFFFF;
	box-shadow: 0px 0px 24px 0px rgba(9, 9, 9, 0.08);
	border-radius: 12px;
	border: 1px solid #fff;
	/* padding: 1px 28px; */
	box-sizing: border-box;
}

.tab1 li:hover {
	margin-top: 15px;
}

.tab1 li:hover a {
	/* border: 1px solid #108EE9; */
	box-shadow: 0px 7px 20px 4px rgba(16, 142, 233, 0.11);
}

.myicon {
	/* width: 45px;
	height: 45px;
	margin: 60px auto 20px; */
	width: 180px;
	height: 110px;

}

.myicon img {
	border-radius: 12px 12px 0 0;
	width: 100%;
	height: 100%;
	/* -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	transition: all ease-in-out .3s; */
}

.tab1 li:hover a .myicon img {
	filter: none;
}

.fs22 {
	display: flex;
	align-items: center;
}

.fs22:hover {
	color: rgba(75, 218, 254, 1) !important;

}

.fs22:hover:before {
	content: "";
	display: block;
	width: 3px;
	height: 20px;
	background-color: rgba(75, 218, 254, 1) !important;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.fs22::before {
	content: "";
	display: block;
	width: 3px;
	height: 20px;
	background-color: rgba(255, 207, 0, 0.5);
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* 右侧结构 */
.right_product {
	width: 308px;
}

/* 登录注册 */
.portrait {
	width: 100%;
	display: flex;
	justify-content: center;
}

.portrait img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: block;
}

.mybtn {
	width: 280px;
	height: 44px;
	background: #108EE9;
	box-shadow: 0px 0px 8px 1px rgba(12, 146, 243, 0.42);
	border-radius: 6px;
}

/* 最新动态 */
.new_img {
	width: 120px;
	height: 80px;
	background: #108EE9;
	border-radius: 8px;
	overflow: hidden;
}

.new_img img {
	width: 100%;
	height: 100%;
	display: block;
}

.new_txt {
	width: calc(100% - 140px);
}

.newul li {
	margin-bottom: 20px;
}

.newul li a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.new_txt h3 {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	margin-bottom: 15px;
}

.lan {
	color: #108EE9;
}

/*****************
 ******媒体查询(media query)的分界点阈值****** 
 *****************/


/*超小屏幕（手机，大于3205px小于575px）*/

@media (min-width: 320px) and (max-width: 575px) {}


/*超小屏幕（手机，小于768px）*/

@media (min-width: 576px) and (max-width: 767px) {}


/*小屏幕（平板，大于等于768px）*/

@media (min-width: 768px) and (max-width: 991px) {}


/*中等屏幕（桌面显示器，大与等于992px）*/

@media (min-width: 992px) and (max-width: 1199px) {}


/*大屏幕（大桌面显示器，大与等于1200px）*/

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