﻿@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	font: 16px Helvetica, "Microsoft YaHei", san-serif;
	color: #666
}

blockquote,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
li,
object,
ol,
p,
pre,
textarea,
ul {
	padding: 0;
	margin: 0
}

table,
td,
th,
tr {
	font-size: 12px
}

li {
	list-style-type: none
}

img {
	vertical-align: top;
	border: 0
}

ol,
ul {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	font-weight: 400
}

address,
cite,
code,
em {
	font-weight: 400;
	font-style: normal
}

a {
	text-decoration: none;
	color: #666
}

a:hover {
	text-decoration: none
}

input {
	border: 0 solid #fff;
	outline: 0
}

.el {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.inner_header {
	width: 1200px;
	height: 100px;
	margin: 0 auto
}

.mlogo {
	float: left;
	margin-top: 15px;
	margin-right: 50px
}

.titles {
	float: left
}

.titles ul li {
	list-style: none;
	float: left;
	font-size: 18px;
	margin-left: 30px;
	text-align: center;
	height: 100px;
	line-height: 100px
}

.logandreg {
	float: right;
	height: 100px;
	width: auto;
	font-size: 16px;
	text-align: center
}

.login {
	margin-top: 30px;
	border: 1px solid #5ab4ff;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	width: 122px;
	color: #5ab4ff;
	float: left;
	cursor: pointer
}

.reg {
	margin-top: 30px;
	border: 1px solid #5ab4ff;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	width: 122px;
	color: #5ab4ff;
	float: left;
	cursor: pointer;
	margin-left: 20px
}

.login:hover {
	background-color: #5ab4ff;
	color: #fff
}

.reg:hover {
	background-color: #5ab4ff;
	color: #fff
}

.active {
	color: #293ba1
}

.active::after {
	content: '';
	position: relative;
	width: 30px;
	height: 2px;
	background-color: #293ba1;
	display: block;
	border-radius: 2px;
	margin: 0 auto;
	top: -35px
}

.carts {
	float: left;
	height: 100px;
	margin-left: 45px;
	line-height: 100px;
	position: relative;
	cursor: pointer
}

.carts .count {
	right: -7px;
	position: absolute;
	font-size: 10px;
	border-radius: 50%;
	background-color: #ff0c0c;
	width: 14px;
	height: 14px;
	top: 30px;
	text-align: center;
	line-height: 14px;
	color: #fff
}

.carts img {
	vertical-align: middle
}

.searchbar {
	width: 1200px;
	height: 150px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 0px 13px 15px 0px rgba(43, 77, 201, 0.15);
	position: absolute;
	width: 1200px;
	height: 241px;
	top: -90px
}

.hotwordsA {
	width: 991px;
	height: 71px;
	margin: 10px auto;
	margin-top: 37px;
	margin-bottom: 43px;
}

.searchdiv {
	border-width: 1px;
	border-color: #bbb;
	border-style: solid;
	background-color: #fff;
	width: 800px;
	height: 58px;
	margin-top: 30px;
	margin-left: 100px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	float: left
}

.searchline {
	overflow: hidden
}

.searchbtn {
	width: 190px;
	float: left;
	background-color: #253ba4;
	height: 60px;
	margin-top: 30px;
	font-size: 20px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	letter-spacing: 5px;
	cursor: pointer
}

.banquan_center .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	margin-top: 165px;
	font-weight: 700
}

.banquan_center .list {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 35px;
	padding-bottom: 40px
}

.banquan_center .list li {
	list-style: none;
	float: left;
	width: 192px;
	height: 160px;
	text-align: center;
	padding-top: 60px;
	transition-duration: .5s
}

.banquan_center .list li:hover {
	background-color: #7bc3ff;
	background-color: #5ab4ff;
	opacity: .8;
	box-shadow: 0 4px 8px 0 rgba(51, 51, 51, .33);
	width: 192px;
	height: 160px;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.banquan_center .list li:hover .name {
	color: #fff
}

.banquan_center .list li .name {
	margin-top: 30px
}

.banquan_center {
	position: relative;
	z-index: 2
}

.banquan_content {
	overflow: hidden
}

.recentcert {
	background-color: #f2f5f9;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 80px;
	overflow: hidden
}

.recentcert .list {
	width: 1200px;
	margin: 0 auto;
	margin-top: 45px;
	padding-bottom: 67px
}

.recentcert .list li {
	top: 0;
	width: 290px;
	height: 305px;
	background-color: #fff;
	position: relative;
	border-radius: 5px;
	float: left;
	margin-left: 10px;
	margin-bottom: 30px;
	transition-duration: .1s;
	overflow: hidden
}

.recentcert .list li:hover {
	top: -5px
}

.recentcert .list li .rinfo {
	color: #333;
	padding: 5px;
	padding-left: 10px
}

.recentcert .list li .cate {
	background-color: #439bff;
	height: 42px;
	writing-mode: tb-rl;
	text-align: center;
	color: #fff;
	position: absolute;
	padding: 0 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	left: 10px;
	letter-spacing: 3px;
	font-size: 15px;
	padding-top: 1px
}

.recentcert .list li .rinfo .rtitle {
	line-height: 30px;
	height: 30px;
	color: #333
}

.recentcert .list li .rauthor {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
	height: 30px;
	color: #333
}

.recentcert .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 700
}

.workart_show {
	background-color: #fff;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 80px
}

.workart_show .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 700
}

.workart_show .list {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 45px;
	padding-bottom: 67px
}

.workart_show .list li {
	border-radius: 4px;
	background-color: #fff;
	width: 212px;
	height: 310px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px
}

.workart_show .list li:hover {
	box-shadow: 4px 20px 20px 0px #f7f7f7;
}

.workart_show .list li img {
	width: 212px;
	height: 247px
}

.workart_show .more {
	width: 208px;
	height: 50px;
	border: 1px solid #3387ff;
	border-radius: 3px;
	line-height: 50px;
	text-align: center;
	margin: 0 auto
}

.workart_show .more a {
	color: #3387ff;
	width: 100%;
	height: 100%;
	display: block
}

.work_importance {
	padding-top: 95px
}

.work_importance .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 700;
	margin-bottom: 30px
}

.work_importance .list {
	width: 1200px;
	margin: 0 auto
}

.work_importance .list li {
	border-radius: 4px;
	background-color: #fff;
	width: 285px;
	height: 260px;
	float: left;
	margin-right: 20px;
	padding-top: 60px;
	transition-duration: .2s
}

.work_importance .list li:hover {
	margin-top: -10px
}

.work_importance .list li.last {
	margin-right: 0
}

.work_importance .list li .image {
	text-align: center
}

.work_importance .list li .title {
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 16px;
	color: #000;
	line-height: 2.265;
	-moz-transform: matrix(1.25828577932309, 0, 0, 1.25828577932309, 0, 0);
	-webkit-transform: matrix(1.25828577932309, 0, 0, 1.25828577932309, 0, 0);
	-ms-transform: matrix(1.25828577932309, 0, 0, 1.25828577932309, 0, 0);
	font-weight: 400
}

.work_importance .list li .desc {
	color: #999;
	font-size: 16px;
	width: 195px;
	text-align: center;
	margin-left: 45px
}

.work_importance {
	background-image: url(/banquan/static/index/img/innovencebg.png);
	height: 585px
}

.work_importance .summary {
	font-size: 20px;
	width: 1050px;
	text-align: center;
	color: #333;
	margin: 0 auto;
	margin-bottom: 65px
}

.innovence {
	background-color: #f2f5f9;
	padding-top: 95px;
	overflow: hidden;
	padding-bottom: 80px
}

.innovence .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 700;
	margin-bottom: 30px
}

.innovence .summary {
	font-size: 20px;
	width: 1050px;
	text-align: center;
	color: #333;
	margin: 0 auto;
	margin-bottom: 65px
}

.innovence .list {
	width: 1200px;
	overflow: hidden;
	background-color: #fff;
	margin: 0 auto
}

.innovence .list .item {
	position: relative;
	width: 400px;
	height: 375px;
	float: left;
	text-align: center
}

.innovence .list .item .ctype {
	color: #5ab4ff
}

.innovence .list .item .ttitle {
	color: #333;
	font-weight: 700;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	font-weight: 600;
	margin-top: 15px
}

.innovence .list .item .ttitle::before {
	content: '';
	background-color: #d2e9fc;
	position: relative;
	width: 16px;
	height: 3px;
	left: -8px;
	top: -5px;
	display: inline-block
}

.innovence .list .item .ttitle::after {
	content: '';
	background-color: #d2e9fc;
	position: relative;
	width: 16px;
	height: 3px;
	right: -8px;
	top: -5px;
	display: inline-block
}

.innovence .list .item .desc {
	color: #999;
	text-align: center;
	width: 232px;
	margin: 0 auto;
	margin-top: 15px
}

.innovence .list .item::after {
	content: '';
	width: 0;
	border-left: 1px dashed #e6e3e3;
	display: block;
	position: absolute;
	top: 35px;
	bottom: 35px;
	right: 0
}

.innovence .list .item .img {
	margin-top: 35px
}

.innovence .list .item.last::after {
	content: '';
	width: 0;
	background-color: #e6e3e3;
	display: block;
	position: absolute;
	top: 35px;
	bottom: 35px;
	right: 0;
	border: 0
}

.workflow .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 700
}

.news {
	background-image: -moz-linear-gradient(8deg, #77dffc 1%, #3285ff 100%);
	background-image: -webkit-linear-gradient(8deg, #77dffc 1%, #3285ff 100%);
	background-image: -ms-linear-gradient(8deg, #77dffc 1%, #3285ff 100%);
	width: 100%;
	height: 728px;
	padding-top: 85px;
	overflow: hidden
}

.news .title {
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin-bottom: 60px
}

.q_a .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 700
}

.workart_show .list .first {
	margin-left: 0
}

.workart_show .list .last {
	margin-right: 0
}

.price {
	color: red;
	font-size: 20px
}

.name {
	margin-top: 10px;
	color: #333;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.infocate {
	margin-top: 10px
}

.hotwords .label {
	font-size: 16px;
	color: #999
}

.hotwords .value {
	font-size: 16px;
	color: #666;
	display: inline-block;
	margin-right: 30px;
}

.hotwords {
	margin-top: 10px;
	margin-left: 125px
}

.searchdiv::before {
	content: '';
	background-image: url(/banquan/static/index/img/magnifier.png);
	width: 27px;
	height: 27px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	left: 20px;
	top: 15px
}

.uploadimg {
	/* background-image: url(/banquan/static/index/img/camera.png); */
	display: inline-block;
	width: 81px;
	height: 30px;
	background-repeat: no-repeat;
	position: relative;
	left: 700px;
	top: -25px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #253ba4;
	border-bottom: 1px solid #253ba4;
	cursor: pointer
}

.workflow {
	background-color: #fff;
	padding-top: 85px;
	overflow: hidden;
	padding-bottom: 80px
}

.workflow .list {
	overflow: hidden;
	padding-top: 85px;
	width: 1200px;
	margin: 0 auto
}

.workflow .list .item {
	float: left
}

.workflow .list .barrow {
	background-image: url(/banquan/static/index/img/barrow.png);
	float: left;
	width: 34px;
	height: 39px;
	margin-top: 40px;
	margin-left: 30px;
	margin-right: 30px
}

.workflow .list .name {
	text-align: center;
	color: #666;
	font-size: 20px;
	margin-top: 20px
}

.news .wrapper .left {
	border-radius: 4px;
	background-color: #fff;
	width: 590px;
	height: 472px;
	float: left
}

.news .wrapper .right {
	margin-left: 20px
}

.news .cate {
	font-size: 22px;
	margin-left: 5px
}

.wrapper {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto
}

.newsmore {
	float: right;
	color: #333;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 20px
}

.newsmore a:hover {
	color: #f44554;
	cursor: pointer
}

.news .wrapper .left .htitle {
	height: 50px;
	border-bottom: 1px #e6e6e6 solid;
	padding-top: 15px;
	padding-left: 20px
}

.news .wrapper .left .htitle img {
	vertical-align: middle
}

.news .thumb {
	float: left;
	margin-right: 10px
}

.news .thumb img {
	width: 154px;
	height: 119px
}

.news .hasthumb {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6
}

.ctitle {
	color: #63a5f7;
	font-size: 18px;
	margin-bottom: 15px;
	height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-spacing: nowrap
}

.description {
	color: #999;
	font-size: 16px;
	line-height: 28px;
	height: 56px
}

.date {
	color: #999;
	font-size: 14px;
	line-height: 28px
}

.newsitem {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden
}

.ntitle {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px
}

.day {
	color: #3387ff;
	font-size: 28px
}

.yearmonth {
	color: #333;
	font-size: 12px;
	display: block
}

.ndescription {
	font-size: 16px;
	color: #999;
	line-height: 28px
}

.leftdate {
	width: 50px;
	float: left;
	margin-right: 20px;
	margin-left: 10px
}

.ncontent {
	width: 470px;
	float: left
}

.leftdate::after {
	content: '';
	background-color: #63a5f7;
	position: relative;
	width: 20px;
	height: 2px;
	display: block;
	top: 10px
}

.q_a {
	padding-top: 85px;
	padding-bottom: 60px
}

.searchinput {
	border: 0 solid #fff;
	outline: 0;
	/*position: absolute;*/
	left: 500px;
	font-size: 19px;
	top: 50px;
	width: 420px;
	margin-top: -10px;
	padding-left: 20px;
	display: block;
	margin-left: 50px;
}

.q_a .list {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 25px;
	margin-top: 45px
}

.q_a .list li {
	position: relative;
	width: 578px;
	float: left;
	margin-bottom: 20px;
	margin-top: 15px
}

.q_a .list li::after {
	content: ' ';
	position: relative;
	width: 65px;
	height: 1px;
	background-color: #e6e6e6;
	display: block;
	top: 10px
}

.q_a .list li .qtitle {
	font-size: 18px;
	color: #000;
	line-height: 24px;
	margin-bottom: 15px
}

.q_a .list li .qtitle a {
	color: #000
}

.q_a .list li .acontent {
	color: #646464;
	line-height: 26px;
	font-size: 16px;
	overflow: hidden
}

.qico {
	background-color: #00a0e9;
	width: 17px;
	height: 17px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	display: inline-block;
	margin-right: 5px
}

.aico {
	background-color: #0061b0;
	width: 17px;
	height: 17px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
	float: left;
	margin-top: 5px;
}

.odd {
	margin-right: 35px
}

.qamore {
	width: 208px;
	height: 50px;
	border: 1px solid #3387ff;
	border-radius: 3px;
	line-height: 50px;
	text-align: center;
	margin: 0 auto
}

.qamore a {
	color: #3387ff;
	width: 100%;
	height: 100%;
	display: block
}
.middle {
	padding-bottom: 10px;
}
.footer {
	width: 100%;
	background-color: #333
}

.footer .top {
	width: 1200px;
	background-color: #333;
	overflow: hidden;
	padding-top: 20px;
	margin: 0 auto
}

.footer .top .list {
	border-bottom: 1px solid #666;
	overflow: hidden;
	width: 800px;
	padding-bottom: 15px
}

.footer .top .list li {
	float: left;
	width: 100px;
	font-size: 16px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	padding: 0 25px;
}

.footer .top li a {
	color: #fff
}

.footer .bottom {
	width: 100%;
	height: 60px;
	background-color: #1b1b1b;
	text-align: center;
	font-size: 14px;
	color: #efefef;
	line-height: 60px
}

.contactinfo {
	color: silver;
	font-size: 14px;
	line-height: 30px;
	margin-top: 20px
}

.contactinfo li {
	width: 250px !important;
	font-size: 16px;
	line-height: 40px;
}

.cleft {
	width: 240px;
	float: left;
	margin-right: 100px
}

.cright {
	width: 100px;
	float: left;
}

.fleft {
	width: 800px;
	float: left
}

.fright {
	width: 400px;
	float: right
}

.fright img {
	float: right
}

.icate {
	color: #999;
	font-size: 12px;
	float: right
}
.line1m {
	font-size: 16px;
	color: #fff;
}
.line1m a {
	font-size: 16px;
	color: #fff;
	margin-right: 30px;
}
.banquan_center .newslist_content {
	width: 1200px;
	margin: 0 auto;
	padding-top: 100px;
	letter-spacing: 2px
}

.breadcrumb {
	margin: 0 auto;
	width: 1200px
}

.breadcrumb a {
	font-size: 13px
}

.newslist .date {
	width: 140px;
	height: 130px;
	background: #439bfd;
	color: #fff;
	padding-top: 10px;
	float: left
}

.newslist .date .day {
	font-size: 90px;
	color: #fff;
	display: block;
	overflow: hidden;
	line-height: 90px;
	text-align: center
}

.newslist .date .ym {
	display: block;
	text-align: center;
	margin-top: 0;
	font-size: 13px
}

.newslist .nright {
	float: right;
	width: 1035px;
	padding-left: 25px;
	height: 140px;
	overflow: hidden
}

.newslist li {
	overflow: hidden;
	border-bottom: 1px solid #f7f7f7;
	padding-top: 28px
}

.newslist .ntitle {
	font-size: 18px;
	margin-top: 25px
}

.newslist .ndesc {
	font-size: 18px;
	color: #969696
}

.tab {
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px
}

.tab span {
	width: 145px;
	height: 50px;
	background: #fff;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	cursor: pointer
}

.tab span.sactive {
	background-color: #439bfd;
	color: #fff
}

.pages {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	clear: both;
}

.pages a {
	border: 1px solid #e6e6e6;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	background-color: #f0f0f0;
	min-width: 36px;
	color: #333;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 12px;
	margin: 10px;
	border-radius: 2px
}

.current {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	background-color: #439bfd;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	min-width: 36px;
	border-radius: 2px
}

.topbot {
	width: 60px
}

.p_c {
	width: 30px
}

.qa_content {
	padding-top: 100px
}

.waico {
	background-color: #fff;
	width: 17px;
	height: 17px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	display: inline-block;
	margin-right: 5px
}

.wacontent {
	color: #646464;
	line-height: 26px;
	font-size: 16px;
	padding-left: 22px
}

.resdown {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 60px
}

.resdown .list li {
	width: 578px;
	float: left
}

.resdown .list li a span {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-color: #00a0ea;
	line-height: 17px;
	float: left;
	margin-right: 5px
}

.resdown .list li a {
	color: #439bfd;
	display: block;
	height: 17px;
	margin-bottom: 10px;
	line-height: 17px
}

.mtitle {
	width: 1200px;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #333;
	margin-bottom: 20px
}

.mdesc {
	color: #333;
	margin-bottom: 10px
}

.search_result {
	overflow: hidden;
	padding-bottom: 60px
}

.search_result ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.search_result li {
	width: 230px;
	height: 285px;
	float: left;
	margin: 4px;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px
}

.search_result li .img {
	text-align: center;
	margin-top: 7px;
	overflow: hidden;
	height: 210px;
}

.search_result li .img img {
	border-radius: 3px;
	overflow: hidden;
	width: 215px;
}

.s1title {
	margin-left: 10px;
	height: 20px;
	line-height: 30px;
	margin-top: 10px;
	color: #333;
	font-size: 16px;
	margin-left: 10px
}

.sdesc {
	margin-left: 10px;
	height: 30px;
	line-height: 30px;
	color: #333
}

.sepe {
	width: 1200px;
	margin: 0 auto;
	height: 1px;
	background-color: #ededed
}

.mcontent {
	padding-top: 40px
}
.mcontent img {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
}
.searchdiv input::placeholder {
	color: #ccc
}

.mheader {
	overflow: hidden
}

.mheader .search {
	padding: 0 .3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 1.5rem;
	background-image: linear-gradient(to right, rgb(108, 209, 253), rgb(50, 133, 255))
}

/* .mheader .bcart {
	float: left;
	height: 1.5rem;
	width: 2rem;
	background-color: rgb(50, 133, 255);
	background-image: url(/banquan/static/index/img/bcart.png);
	background-repeat: no-repeat;
	background-size: 35%;
	background-position: 20% 38%
} */

.mheader .search .search_box {
	height: 1.0rem;
	width: 8rem;
	border-radius: 0.5rem;
	background-color: white;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.mheader .search .search_box .schicon {
	display: inline-block;
	height: 0.5rem;
	width: 0.5rem;
	margin-left: 0.5rem;
	background-image: url(/banquan/static/index/img/bsearch.png);
	background-size: contain;
	background-repeat: no-repeat
}

.mheader .search .search_box input {
	height: 1.0rem;
	margin-left: 0.1rem;
	width: 4.8rem;
	font-size: .34rem;
}

.mheader .search .search_box .upimg_ico {
	height: 0.5rem;
	text-align: right;
	/* background: url(/banquan/static/index/img/bcamera.png) no-repeat center;
	background-size: 0.5rem; */
	cursor: pointer;
	margin-left: auto;
	margin-bottom: 0;
	font-size: .32rem;
	color: rgb(29, 20, 112);
	margin-right: .2rem;
}

.mheader .search .user {
	display: block;
	width: 1rem;
	height: 1rem;
}

.mheader .search .user img {
	width: 1rem;
	height: 1rem;
	object-fit: cover;
	border-radius: 50%;
}

.bqop {
	height: 4rem;
	padding-top: 1rem;
	color: #333333
}

.bqop li {
	float: left;
	width: 3rem
}

.bqop li>div {
	margin: 0 auto
}

.mdj {
	width: 2rem;
	height: 2rem;
	border-radius: 0.3rem;
	background-color: rgb(67, 155, 253);
	background-image: url(/banquan/static/index/img/dj-active.png);
	background-repeat: no-repeat;
	background-position: center
}

.mbg {
	width: 2rem;
	height: 2rem;
	border-radius: 0.3rem;
	background-color: rgb(31, 185, 237);
	background-image: url(/banquan/static/index/img/icobg-active.png);
	background-repeat: no-repeat;
	background-position: center
}

.msq {
	width: 2rem;
	height: 2rem;
	border-radius: 0.3rem;
	background-color: rgb(67, 155, 253);
	background-image: url(/banquan/static/index/img/sq-active.png);
	background-repeat: no-repeat;
	background-position: center
}

.first {
	margin-left: 0.5rem
}

.mbqbtn {
	text-align: center;
	padding-top: 0.2rem
}

.mbqgs {
	background-color: rgb(245, 245, 250);
	overflow: hidden;
	padding-top: 1rem
}

.mdname {
	font-size: 0.48rem;
	color: #333;
	font-weight: bold;
	margin-left: 0.3rem;
	float: left;
	width: 100%;
	margin-bottom: 0.5rem;
	width: 8rem
}

.mbqgs .mlist li {
	position: relative;
	width: 4.5rem;
	overflow: hidden;
	border-radius: 0.1rem;
	float: left;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	background-color: white;
	margin-bottom: 0.5rem;
	padding-top: 0.3rem
}

.mcate {
	position: absolute;
	background-color: rgb(67, 155, 253);
	height: 1rem;
	width: 0.5rem;
	color: white;
	text-align: center;
	border-bottom-left-radius: 0.1rem;
	border-bottom-right-radius: 0.1rem;
	left: 0.5rem;
}

.mcertimg {
	width: 3.5rem;
	height: 2.5rem;
	overflow: hidden;
	margin: 0 auto
}

.mcertinfo {
	height: 2.3rem;
	padding-left: 0.5rem
}

.mworkart {
	background-color: white;
	padding-top: 1rem;
	overflow: hidden;
	padding-bottom: 1rem
}

.mmore {
	float: right;
	margin-right: 0.6rem;
}

.mmore a {
	color: rgb(82, 163, 252)
}

.mwlist {
	overflow: hidden;
}

.mwlist li {
	width: 3rem;
	height: 4.6rem;
	border-radius: 0.1rem;
	overflow: hidden;
	float: left;
	margin-left: 0.15rem;
	margin-right: 0.15rem;
	box-shadow: 0px 0px 0.15rem 0px rgba(67, 155, 254, 0.25);
}

.minnovence {
	background-color: rgb(242, 245, 250);
	padding-top: 1rem;
	overflow: hidden;
	padding-bottom: 1rem
}

.mworkimportance {
	background-image: url(/banquan/static/index/img/innovencebg.png);
	background-size: cover;
	padding-top: 1rem;
	overflow: hidden
}

.mworkstep {
	background-color: white;
	padding-top: 1rem;
	overflow: hidden;
	background-image: url(/banquan/static/index/img/mstep.png);
	height: 8rem;
	background-size: 100%;
}

.mnews {
	background-image: -webkit-linear-gradient(8deg, #77dffc 1%, #3285ff 100%);
	padding-top: 1rem;
	overflow: hidden;
	padding-bottom: 1rem
}

.mqa {
	background-color: white;
	padding-top: 1rem;
	overflow: hidden
}

.mnews .mdname {
	color: white;
	float: unset
}

.mwimg {
	width: 3rem;
	height: 3.3rem;
	overflow: hidden
}

.mwtitle {
	font-size: 0.37rem;
	color: #333333;
	line-height: 0.5rem;
	height: 0.5rem;
	margin-top: 0.1rem
}

.mwpc .mwprice {
	color: #ff0000;
	font-size: 0.37rem
}

.mwpc .mwcate {
	font-size: 0.3rem;
	color: #999999;
	float: right
}

.mmore {
	float: right
}

.mwhead {
	overflow: hidden;
	margin-bottom: -0.2rem
}

.mworkimportance .mdname {
	text-align: center;
	width: 100%
}

.upimg {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 30px
}

.upimg img {
	width: 150px;
	border: 1px solid #cccccc
}

.stitle {
	width: 1200px;
	margin: 0 auto;
	font-size: 17px;
	margin-bottom: 14px;
}

.normaltype li {
	float: unset;
	height: 190px;
	width: 100%;
	padding: 0;
	border-radius: 0;
	margin-bottom: 35px;
	border: 0;
	overflow: hidden
}

.normaltype li .img {
	width: 270px;
	height: 190px;
	margin: 0;
	float: left
}

.normaltype li .info {
	float: left;
	width: 920px;
	height: 190px
}

.normaltype .info {
	color: #333;
	padding-top: 40px
}

.normaltype .info .label {
	color: rgb(127, 127, 127)
}

.normaltype .info div {
	height: 45px
}

.mwwrapper ul li {
	background-color: white;
	float: left;
	width: 4.6rem;
	padding-bottom: 0.6rem;
	margin-left: 0.25rem;
	margin-bottom: 0.5rem
}

.mwimage {
	text-align: center;
	height: 2rem
}

.mwimage img {
	width: 1.13rem;
	margin-top: 0.7rem;
	margin-bottom: 0.2rem
}

.mwtitle {
	text-align: center;
	margin-bottom: 0.2rem
}

.mwdesc {
	width: 3.5rem;
	margin: 0 auto;
	text-align: center
}

.mwgdesc {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 0.5rem
}

.minnovence .mdname {
	text-align: center;
	width: 100%
}

.milist {
	background-color: white;
	overflow: scroll;
	padding: 0.3rem;
}

.milist ul {
	width: 16.6rem
}

.milist li {
	background-color: white;
	width: 8rem;
	border-right: 1px dashed rgb(227, 227, 227);
	float: left
}

.mititle {
	text-align: center;
	font-size: 0.4rem;
	margin-bottom: 0.3rem
}

.mitype {
	color: #5ab4ff;
}

.midesc {
	color: #999;
	text-align: center;
	line-height: 0.5rem
}

.miimage {
	overflow: hidden;
	padding: 0.5rem;
}

.miimage img {
	width: 100%
}

.mititle::before {
	content: '';
	background-color: #d2e9fc;
	position: relative;
	width: 16px;
	height: 3px;
	left: -8px;
	top: -5px;
	display: inline-block;
}

.mititle::after {
	content: '';
	background-color: #d2e9fc;
	position: relative;
	width: 16px;
	height: 3px;
	right: -8px;
	top: -5px;
	display: inline-block;
}

.mqalist {
	background-color: white
}

.mqalist li {
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	padding: 0.2rem;
	width: 100%;
	overflow: hidden
}

.mqtitle a {
	color: #333;
}

.mqtitle {
	line-height: 1rem;
	height: 1rem;
	font-size: 0.4rem;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mqico {
	width: 0.4rem;
	height: 0.4rem;
	background-color: #00a0e9;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin-right: 0.3rem;
	line-height: 0.4rem
}

.maico {
	background-color: #0061b0;
	width: 0.4rem;
	height: 0.4rem;
	color: #fff;
	line-height: 0.4rem;
	text-align: center;
	display: inline-block;
	margin-right: 0.4rem;
	float: left
}

.mitext {
	float: left;
	width: 8rem;
	color: #999
}

.mwimg img {
	width: 100%
}

.mcate {}

.mnewswrapper {
	background-color: white;
	border-radius: 0.2rem;
	width: 9.6rem;
	margin: 0 auto;
	overflow: hidden
}

.mname {
	color: #333;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.4rem;
	margin-top: 0.3rem;
	word-break: keep-all;
}

.mcdesc {
	display: inline-block;
	color: #333;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.4rem;
	margin-top: 0.1rem;
	overflow: hidden
}

.mno {
	color: #999
}

.cimg {
	width: 290px;
	height: 205px;
	overflow: hidden
}

.cimg img {
	width: 100%;
}

.aright {
	width: 540px;
	float: right
}

.newsat {
	text-align: center;
	margin-bottom: 10px
}

.prevnext {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.prevnews {
	float: left;
	width: 600px;
	overflow: hidden
}

.nextnews {
	float: left;
	width: 600px;
	overflow: hidden
}

.relatenews {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 30px
}

.relatenews li {
	position: relative;
	width: 580px;
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.relatenews li::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: rgb(65, 152, 252);
	top: 10px;
	border-radius: 50%;
	left: 0px
}

.reltitle {
	margin-bottom: 10px;
	font-size: 17px;
	color: #333
}

.mnewstab {
	overflow: hidden;
	border-bottom: 1px solid rgb(232, 232, 232);
	height: 0.7rem;
	line-height: 0.7rem
}

.mnewstab div {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 0.4rem;
	height: 0.7rem;
	line-height: 0.7rem
}

.mnewsactive {
	color: #333
}

.mnimage {
	width: 2.5rem;
	height: 2.5rem;
	float: left
}

.mnimage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mninfo {
	width: 6.2rem;
	float: left;
	margin-left: 0.3rem
}

.mntitle {
	font-size: 0.45rem;
	color: #333;
	margin-bottom: .1rem;
}

.mnfirst {
	padding: 0.2rem;
	overflow: hidden;
	border-bottom: 1px solid rgb(232, 232, 232)
}

.mndate {
	width: 2.0rem;
	height: 2.0rem;
	float: left;
	position: relative
}

.mnlinfo {
	width: 6.5rem;
	float: left
}

.mnd {
	text-align: center;
	color: rgb(50, 135, 253);
	font-size: 0.6rem;
	margin-top: 0.3rem;
}

.mnym {
	text-align: center;
	margin-top: 0.2rem;
	font-size: .4rem;
}

.mnltitle {
	font-size: 0.45rem;
	color: #333;
	margin-bottom: .1rem;
}

.mnitem {
	padding: 0.2rem;
	overflow: hidden;
	border-bottom: 0.01rem solid rgb(232, 232, 232)
}

.mndate::before {
	content: '';
	position: absolute;
	background-color: rgb(97, 165, 248);
	width: 0.4rem;
	height: 0.05rem;
	left: 0.3rem;
	top: 1.6rem;
	border-radius: 1rem
}

.mndesc {
	overflow: hidden;
	font-size: .4rem;
	color: rgb(173, 173, 173);
}

.mnldesc {
	font-size: .4rem;
	color: rgb(173, 173, 173);
}

.mntdate {
	margin-top: .1rem;
	font-size: .4rem;
}

.mnewstab div {
	position: relative
}

.tabactive::before {
	content: '';
	width: 1rem;
	height: 0.08rem;
	position: absolute;
	background-color: rgb(99, 164, 246);
	top: 0.62rem;
	left: 2rem
}

.mnnav {
	background-color: rgb(67, 155, 253);
	color: white;
	text-align: center;
	font-size: 0.5rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem
}

.mncates {
	font-size: 0.4rem;
	color: #333;
	height: 1rem;
	line-height: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.mncates span {
	color: #333
}

.mncates .actives {
	color: rgb(67, 155, 253);
}

.mnplist {
	background-color: rgb(247, 247, 247);
	padding-top: 0.2rem;
}

.mnplist li {
	background-color: white;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	font-size: 0.4rem;
	padding: 0.2rem
}

.mnptitle {
	color: #333;
	font-size: 0.45rem;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem
}

.mnpdesc {
	color: rgb(107, 107, 107);
	font-size: 0.4rem
}

.mnptime {
	color: #999
}

.simg {
	    width: 4rem;
    height: 5rem;
}

.simg img {
	width: 100%;
	object-fit: cover;
    height: 100%;
}

.searchlist li {
	float: left;
	margin-left: 0.6rem;
	margin-top: 0.5rem;
	width: 4rem;
    overflow: hidden;
}

.srtitle {
	text-align: center;
	font-size: 0.45rem;
	color: #333;
	line-height: 0.7rem;
	height: 0.7rem;
	margin-top: 0.2rem;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
}

.srcno {
	text-align: center
}

.msearch_img img {
	width: 100%
}

.msearch_result {
	background-color: rgb(241, 245, 248);
	position: relative;
	min-height: 5rem;
	border-radius: 0.5rem;
}

.msearch_result::before {
	content: '';
	background-color: rgb(227, 227, 227);
	width: 1rem;
	height: 0.25rem;
	left: 4.5rem;
	top: 0.3rem;
	position: absolute;
	border-radius: 1rem;
}

.mliketitle {
	color: #333;
	font-size: 0.5rem;
	font-weight: bold;
	padding-top: 0.8rem;
	margin-left: 0.2rem
}

.graybkgnd {
	background-color: rgb(247, 247, 247);
	padding-top: 0.2rem
}

.littleborder::before {
	content: '';
	position: absolute;
	width: 3rem;
	height: 0.02rem;
	bottom: 0;
	left: 0.5rem;
	background-color: rgb(247, 247, 247)
}

.littleborder {
	position: relative
}

.mhelperlist {
	background-color: rgb(247, 247, 247);
	padding-top: 0.2rem;
}

.mhelperlist li {
	background-color: white;
	position: relative;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	border-bottom: 0.02rem solid rgb(247, 247, 247);
	padding-right: 0.2rem
}

.mnhtitle {
	color: #333;
	font-size: 0.45rem;
	padding-top: 0.1rem;
	margin-bottom: 0.2rem;
	padding-left: 1rem
}

.mnhdesc {
	padding-left: 1rem
}

.mhelperlist li::before {
	content: '';
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	background-color: rgb(0, 160, 234);
	left: 0.5rem;
	top: 0.55rem;
}

.mnpdtitle {
	font-size: 0.6rem;
	color: #000;
	padding: 0.3rem;
	font-weight: 500;
}

.mnpdinfo {
	overflow: hidden;
	color: #999;
	padding: 0 0.3rem;
	margin-top: 0.1rem;
	margin-bottom: 0.5rem
}

.mnpdtime {
	float: right;
}

.mnpdcontent {
	padding: 0.3rem
}

.mnpdcontent img {
	max-width: 100%;
}

.srimage {
	width: 4rem;
	overflow: hidden;
	margin: 0 auto
}

.srimage img {
	width: 100%
}

.msearch_result {
	overflow: hidden;
	margin-top: -1rem
}

.msearch_result li {
	float: left;
	width: 4rem;
	background-color: white;
	padding: 0.2rem;
	margin: 0.2rem;
	border-radius: 0.2rem;
	overflow: hidden
}

.msearch_result ul {
	margin-left: 0.3rem
}

.mnoresult {
	text-align: center;
	font-size: 0.5rem;
	color: #333;
	margin-top: 1rem
}

.mprevnext {
	background-color: rgb(247, 247, 247);
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	font-size: 0.45rem
}

.maprev {
	background-color: white;
	height: 1rem;
	line-height: 1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .36rem;
}

.manext {
	background-color: white;
	height: 1rem;
	line-height: 1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .36rem;
}

.mlikeat li {
	position: relative;
	padding-left: 1rem;
	padding-right: 0.5rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.37rem
}

.mlikeat li::before {
	content: '';
	position: absolute;
	width: 0.3rem;
	height: 0.3rem;
	left: 0.6rem;
	top: 0.35rem;
	background-color: rgb(67, 155, 253);
	border-radius: 50%;
}

.mlikeat li a {
	display: inline-block;
	max-width: 9rem;
}

.mlikeat .altitle {
	position: relative;
	text-align: center;
	font-size: 0.45rem;
	padding: .2rem 0;
}

.mlikeat .altitle::before {
	content: '';
	position: absolute;
	background-color: rgb(161, 205, 254);
	width: 2.6rem;
	height: 0.03rem;
	left: 1rem;
	top: 0.4rem
}

.mlikeat .altitle::after {
	content: '';
	position: absolute;
	background-color: rgb(161, 205, 254);
	width: 2.6rem;
	height: 0.03rem;
	right: 1rem;
	top: 0.4rem
}

.mcertimg img {
	width: 100%
}

.searchupimg {
	overflow: hidden;
	width: 360px;
	margin-top: 30px;
}

.searchupimg img {
	float: left
}

.searchupimg span {
	overflow: hidden;
	float: left
}

.searchupimg ul {
	padding-left: 20px;
	margin-top: 20px
}

.searchupimg li {
	height: 40px
}


.innovenceA {
	background-color: #f2f5f9;
	padding-top: 95px;
	overflow: hidden;
	padding-bottom: 80px
}

.innovenceA .title {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px
}

.innovenceA .summary {
	font-size: 20px;
	width: 1050px;
	text-align: center;
	color: #333;
	margin: 0 auto;
	margin-bottom: 65px
}

.innovenceA .list {
	width: 1200px;
	overflow: hidden;
	background-color: #fff;
	margin: 0 auto
}

.innovenceA .list .item {
	position: relative;
	width: 600px;
	height: 441px;
	float: left;
	text-align: center
}

.innovenceA .list .item .ctype {
	font-weight: 600;
	font-size: 26px;
	color: #5ab4ff
}

.innovenceA .list .item .ttitle {
	color: #333;
	font-weight: 600;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	font-size: 26px;
	margin-top: 26px
}

.innovenceA .list .item .ttitle::before {
	content: '';
	background-color: #d2e9fc;
	position: relative;
	width: 16px;
	height: 3px;
	left: -8px;
	top: -5px;
	display: inline-block
}

.innovenceA .list .item .ttitle::after {
	content: '';
	background-color: #d2e9fc;
	position: relative;
	width: 16px;
	height: 3px;
	right: -8px;
	top: -5px;
	display: inline-block
}

.innovenceA .list .item .desc {
	color: #999;
	text-align: center;
	width: 232px;
	margin: 0 auto;
	margin-top: 15px
}

.innovenceA .list .item1::after {
	content: '';
	width: 0;
	border-left: 1px dashed #e6e3e3;
	display: block;
	position: absolute;
	top: 35px;
	bottom: 35px;
	right: 0
}

.innovenceA .list .item .img {
	width: 461px;
	height: 307px;
	margin: 0 auto;
	margin-top: 40px;
}

.innovenceA .list .item .img img {
	width: 100%;
}

.innovenceA .list .item.last::after {
	content: '';
	width: 0;
	background-color: #e6e3e3;
	display: block;
	position: absolute;
	top: 35px;
	bottom: 35px;
	right: 0;
	border: 0
}

.bq_new {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 60px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 152px;
}

.bq_newr,
.bq_newl {
	width: 600px;
	position: relative;
}

.bq_newtit {
	font-size: 30px;
	font-weight: 600;
	color: #333333;
	line-height: 50px;
}

.bq_newlp {
	width: 540px;
	font-size: 20px;
	line-height: 37px;
	color: #333333;
	margin-top: 15px;
}

.bq_newl ul {
	width: 452px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-left: -27px;
}

.bq_newl ul li {
	width: 226px;
	margin: 10px auto;
}

.bq_newl ul li img {
	width: 70px;
	height: 70px;
	object-fit: cover;
	display: block;
	margin: 4px auto;
}

.bq_newl ul li div {
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	color: #000000;
}

.bq_newl ul li p {
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #999999;
}

.bq_newr .bq_newtit {
	padding-left: 47px;
}

.bq_newr ul {
	max-width: 555px;
	margin-left: 47px;
}

.bq_newr ul li {
	width: 555px;
	height: 109px;
	border-bottom: 1px solid #e6e6e6;
}

.bq_newr ul li div {
	width: 555px;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	margin-top: 15px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bq_newr ul li p {
	width: 555px;
	height: 60px;
	font-size: 16px;
	line-height: 30px;
	color: #999999;
	overflow: hidden;
}

.bq_newr ul .nh,
.bq_newr ul li:nth-child(-n+3) {
	width: 290px;
}

.bq_newr ul .nh div,
.bq_newr ul li:nth-child(-n+3) div {
	width: 290px;
}

.bq_newr ul .nh p,
.bq_newr ul li:nth-child(-n+3) p {
	width: 290px;
}

.bq_newr .ba_an {
	width: 242px;
	height: 355px;
	position: absolute;
	background-color: #333;
	top: 70px;
	right: 0px;
}

.bq_newr img {
	width: 242px;
	height: 355px;
	object-fit: cover;
}

.bq_newr .ba_antit {
	width: 222px;
	height: 100px;
	padding: 0px 10px;
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.workart_show .list li img {
	object-fit: cover;
}
.q_news{
	background-color: rgb(242,245,250);
}
.q_news .list li .qtitle a:hover{color: rgb(70,150,255)}
.ldate{width: 100px;min-width: 100px}
.q_news .list li{display: flex;border-bottom: 1px solid #eee;
    padding-bottom: 15px;}
.q_news .aright{max-width: 450px}
.ldate div{}
.qnday{color: rgb(70,150,255);font-size: 30px}
.bborder {
    width: 30px;
    border-bottom: 2px solid rgb(70,150,254);
    height: 10px;
}