body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
i,
dl {
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
}

li,
i {
	list-style: none;
}

input,
textarea,
select {
	font-family: inherit;
	font-weight: inherit;
	font-size: 14px;
}

img {
	border: 0;
}

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

dl,
dt,
dd {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.fl {
	float: left
}

.fr {
	float: right
}

body,
td,
th {
	font-size: 14px;
	color: #333;
}

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

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

body {
	font-family: Microsoft YaHei;
	font-size: 14px;
}

i {
	font-style: normal;
}

em {
	font-style: normal;
}

.noright {
	border-right: none !important;
	padding-right: 0px !important;
	margin-right: 0px !important;
}

.content {
	width: 580px;
	margin: auto;
	background: #fff;
	position: relative;
}

@font-face {
  font-family: 'fangsong';
  /* src引入需要精简的ttf字体文件 */
  src: url('/addons/cms/view/default_m/fonts/simfang.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@media only screen and (max-width: 640px) {
	.content {
		width: 100%;
		margin: auto;
	}
}

.main-content {
	position: relative;
	z-index: 5;
	width: 100%;
	overflow: hidden;
}

.mui-bar-nav::after {
	content: "";
	display: block;
	width: 100%;
	height: 110px;
	position: absolute;
	top: 0;
}

/*mob头部*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.header .logo {
	height: 60px;
	padding: 5px;
	overflow: hidden;
}

.header .logo a {
	display: block;
	height: 70px;
	width: 200px;
	overflow: hidden;
}

.header .logo img {
	height: calc(100% - 20px);
	margin-left: 5px;
	float: left;
	margin-right: 16px;
}

.header .logo p {
	font-size: 26px;
	font-weight: 100;
	padding-top: 7px;
}

.header .logo em {
	font-size: 12px;
	display: block;
	opacity: 0.3;
}

/*banner*/
.banner {
	margin-top: 80px;
}

.banner,
.pdt_thumb {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}

.banner .slides {}

.banner .slides li {
	display: none;
}

.banner .slides li a {
	display: block;
}

.banner .slides img {
	width: 100%;
}

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

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

.banner .flex-control-nav a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	background: rgba(255, 255, 255, .5);
	text-indent: -9999px;
	cursor: pointer;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.banner .flex-control-nav .flex-active {
	background: rgba(255, 255, 255, 1);
}

.banner .flex-direction-nav {
	display: none;
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%;
}

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

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

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

/*side-nav*/
.sidebar {
	display: block;
	position: relative;
	z-index: 12;
}

.grey_back {
	position: fixed;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.grey_back span {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 230px;
	top: 10px;
	background: url(../images/close.png) no-repeat center center;
	background-size: 70%;
}

.menu_btn {
	width: 40px;
	height: 40px;
	margin: 5px;
	display: block;
	position: fixed;
	right: 0;
	top: 16px;
	background: url(../images/menu.png) no-repeat center center;
	background-size: 80%;
	text-indent: -9999px;
}

.sidebar_wrap {
	height: 100%;
	overflow-y: auto;
	position: fixed;
	background: #fff;
	top: 0;
	bottom: 0;
	right: -220px;
	width: 220px;
	z-index: 2;
}

#demo-list a {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.side-menu,
.side-menu * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: 0
}

.side-menu {
	width: 100%;
}

.side-menu .side-menu-header {
	width: 100%;
	height: 50px;
	padding: 10px 0 10px 22px;
	float: left;
	line-height: 50px;
	font-weight: 600;
	color: #f0f0f0;
	background: #414956;
	border-bottom: 1px #f0f0f0 solid;
}

.side-menu ul {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-menu ul li {
	width: 100%;
	display: block;
	float: left;
	position: relative
}

.side-menu ul li::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: #eee;
	position: absolute;
	bottom: 19px;
	right: 0;
}

.side-menu ul li span {
	display: block;
	font-size: 12px;
	text-transform: capitalize;
	color: #ddd;
	padding-top: 1%;
}

.side-menu ul li a {
	width: 100%;
	padding: 12px 10px 12px 20px;
	font-size: 16px;
	float: left;
	text-decoration: none;
	color: #f0f0f0;
	background: #414956;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	overflow: hidden;
	-o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear
}

.side-menu>ul>li.active>a,
.side-menu>ul>li:hover>a {
	color: #fff;
	background: #3b424d
}

.side-menu>ul>li>a {
	border-bottom: solid 1px #3b424d
}

.side-menu .submenu-indicator {
	float: right;
	right: 22px;
	position: absolute;
	line-height: 25px;
	font-size: 20px;
	-o-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-ms-transition: transform .3s linear;
}

.side-menu ul ul.submenu .submenu-indicator {
	line-height: 16px;
}

.side-menu ul ul.submenu .thimenu li a {
	background: #2b2b2b;
	border-bottom: 1px #282828 solid;
	padding-left: 45px;
}

.side-menu .submenu-indicator-minus>.submenu-indicator {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side-menu ul ul.submenu {
	width: 100%;
	display: none;
	position: static;
}

.side-menu ul ul.submenu li a {
	width: 100%;
	float: left;
	background: #383838;
	border-top: none;
	position: relative;
	border-left: solid 3px transparent;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-webkit-transition: border .2s linear;
	transition: border .2s linear;
}

.side-menu ul ul.submenu li:hover>a {
	border-left-color: #414956;
}

.side-menu ul ul.submenu>li>a {
	padding-left: 30px;
	border-bottom: 1px #343434 solid;
}

.side-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
	padding-left: 60px;
}

.ink {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, .3);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.animate-ink {
	-webkit-animation: ripple .5s linear;
	-moz-animation: ripple .5s linear;
	-ms-animation: ripple .5s linear;
	-o-animation: ripple .5s linear;
	animation: ripple .5s linear
}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
	}
}

@-moz-keyframes ripple {
	100% {
		opacity: 0;
		-moz-transform: scale(2.5);
	}
}

@-o-keyframes ripple {
	100% {
		opacity: 0;
		-o-transform: scale(2.5);
	}
}

@keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}

.white.side-menu .side-menu-footer,
.white.side-menu .side-menu-header,
.white.side-menu ul li a {
	background: #fff;
	color: #555;
}

.white.side-menu>ul>li.active>a,
.white.side-menu>ul>li:hover>a {
	background: #f0f0f0;
}

.white.side-menu>ul>li>a {
	border-bottom-color: #f0f0f0;
}

.white.side-menu ul ul.submenu li:hover>a {
	border-left-color: #f0f0f0;
}

.white.side-menu ul ul.submenu li a {
	color: #f0f0f0;
}

.white.side-menu>ul>li>a>.ink {
	background: rgba(0, 0, 0, .1);
}

/*side-nav*/


/* prodx */
.prodx {
	background: #fff;
	/* box-shadow: rgb(51 51 51 / 23%) 0 0 10px; */
	width: 100%;
	margin: auto;
	margin-top: 22%;
	position: relative;
	z-index: 6;
}

.prodx_title {
	text-align: center;
	padding-top: 20%;
}

.prodx_title P {
	display: inline-block;
	position: relative;
}

.prodx_title P b {
	font-size: 36px;
	color: #333;
	position: relative;
	z-index: 4;
}

.prodx_title p em {
	position: absolute;
	font-size: 36px;
	z-index: 0;
	top: -40%;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	font-weight: bold;
	color: #f6f6f6;
	text-transform: uppercase;
}

.prodx_title P::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #192e6a;
	position: absolute;
	left: -16%;
	bottom: 6px;
}

.prodx_class {
	margin: auto;
	width: calc(90% - 32px);
	overflow: hidden;
	margin-top: 6%;
	position: relative;
	display: none;
}

.prodx_nr {
	position: relative;
}

.prodx_nr .prodn_prev,.prodx_nr .prodn_next {
	width: 16px;
	height: 42px;
	position: absolute;
	background: #28bf00;
	color: #fff;
	line-height: 42px;
	text-align: center;
	top: 0px;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	transition: ease .3s;
}

.prodn_prev{
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	font-family: "fangsong";
	display: none;
}

.prodn_next{
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	font-family: "fangsong";
	display: none;
}

.prodx_nr .prodn_prev.cur,.prodx_nr .prodn_next.cur {
	opacity: 1;
	visibility: visible;
}

.prodx_nr .prodn_prev {
	left: 5%;
}

.prodx_nr .prodn_next {
	right: 5%;
}

.prodx_class ul {
	overflow: hidden;
	position: relative;
	transition: ease .3s;
}

.prodx_class li {
	float: left;
	border-left: 1px #ddd solid;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	position: relative;
}

.prodx_class li:last-child {
	border-right: 1px #ddd solid;
}

.prodx_class li.current {
	background: #192e6a;
	border-left: 1px #192e6a solid;
	border-top: 1px #192e6a solid;
	border-bottom: 1px #192e6a solid;
}

.prodx_class li.current a {
	color: #fff;
}

.prodx_class li a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
}

.prodx_js {
	position: relative;
	width: 90%;
	margin: auto;
	opacity: 1;
	transition: ease .3s;
	
}

.prodx_js.cur {
	opacity: 1;
	visibility: visible;
	position: relative;
}

.prodx_js_nr{width: 48%; height: 180px; float: left; margin-right: 4%; margin-bottom: 4%; position: relative; border-radius: 10px; box-shadow: #ddd 0 0 10px; padding: 6% 6%; overflow: hidden;}
.prodx_js_nr:nth-child(2n){margin-right: 0%;}
.prodx_js_nr a{}
.prodx_js_nr a b{position: absolute; right:2%; bottom: 5%; display: block; float: right; width: 54%; height: 65%;}
.prodx_js_nr a b img{position: absolute; left: 0; right: 0; top: 0; bottom: 0%; margin: auto; height: 100%;}
.prodx_js_nr a em{}
.prodx_js_nr a p{font-size: 16px; font-weight: bold;}
.prodx_js_nr a span{font-size: 12px; writing-mode: vertical-rl; display: block; position: absolute; left: 11%; top: 31%; color: #ddd;}
.prodx_js_nr a i{display: block; position: absolute; top: 12%; right: 10%; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; font-family: "fangsong"; background: #192e6a; text-align: center; color: #fff; font-size: 12px;}
.prodx_js_nr a dl{display: block; position: absolute; top: 31%; left:22%;}
.prodx_js_nr a dl dd{width: 1px; height: 40px; background: #eee; margin-left: 2px; float: left;}
.prodx_js_nr a dl dd:nth-child(2){height: 20px;}



.sublist {
	width: 90%;
	margin: auto;
}

.sublist ul {
	margin-top: 8%;
}

.sublist ul li {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
}

.sublist ul li:nth-child(2n) {
	margin-right: 0%;
}

.sublist ul li i {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 140px;
	display: block;
	border: 1px #ccc solid;
	border-radius: 5px;
}

.sublist ul li i img {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.sublist ul li p {
	font-size: 14px;
	color: #333;
	text-align: center;
	padding-top: 4%;
}

.prodx_more {
	text-align: center;
	margin-top: 8%;
	margin-bottom: 8%;
}

.prodx_more a {
	display: block;
	position: relative;
}

.prodx_more a p {
	color: #999;
}

.prodx_more a i {
	font-family: "fangsong";
	transform: rotate(90deg);
	height: 20px;
	display: block;
	margin-top: 1%;
}


/* application */
.application {}

.application_title {
	text-align: center;
	padding-top: 16%;
}

.application_title P {
	display: inline-block;
	position: relative;
}

.application_title P b {
	font-size: 36px;
	color: #333;
	position: relative;
	z-index: 4;
	font-weight: normal;
}

.application_title p em {
	position: absolute;
	font-size: 36px;
	z-index: 0;
	top: -40%;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	font-weight: bold;
	color: #f6f6f6;
	text-transform: uppercase;
}

.application_title P::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #192e6a;
	position: absolute;
	left: -16%;
	bottom: 6px;
}

.application_k {
	content: "";
	display: block;
	width: 70%;
	margin: auto;
	background: #192e6a;
	height: 10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-top: 14px;
}

.application_nr {
	width: 100%;
	box-shadow: #ddd 0 0 10px;
	padding-top: 6%;
	padding-bottom: 6%;
}

.application_nr ul {
	width: 90%;
	margin: auto;
}

.application_nr ul li {
	width: 32%;
	float: left;
	position: relative;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	height: 148px;
	margin-right: 2%;
	margin-bottom: 2%;
}

.application_nr ul li:nth-child(3n) {
	margin-right: 0%;
}

.application_nr ul li i {
	width: 100%;
	display: block;
}

.application_nr ul li i img {
	width: 100%;
}

.application_nr ul li p {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgb(51 51 51 / 82%);
	color: #fff;
	padding-top: 8%;
	padding-bottom: 8%;
}


/* power */
.power {
	background-image: url(../images/power_bj.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 18%;
}

.power_title {
	width: 90%;
	margin: auto;
	padding-top: 20%;
	position: relative;
}

.power_title::after {
	content: "";
	background: url(../images/why.png) 100% no-repeat;
	display: block;
	width: 209px;
	height: 50px;
	position: absolute;
	top: 32%;
	right: 10%;
}

.power_title:before {
	content: "";
	background: url(../images/choose.png) 100% no-repeat;
	width: 160px;
	height: 26px;
	;
	display: block;
	position: absolute;
	bottom: 16%;
	right: 0%;
}

.power_title p {
	font-size: 30px;
	color: #fff;
}

.power_title span {
	display: block;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}

.power_title i {
	display: block;
	background: url(../images/bl.png) no-repeat;
	width: 58px;
	height: 7px;
	margin-top: 4%;
}

.power_nr {}

.power_nr #fadecon1 {
	width: 90%;
	margin: auto;
	color: #fff;
	padding-bottom: 16%;
}

.power_nr #fadecon1 li {}

.power_nr #fadecon1 li em {
	font-size: 14px;
	text-transform: uppercase;
	opacity: 0.3;
	display: block;
	margin-top: 12%;
	font-weight: 100;
}

.power_nr #fadecon1 li p {
	font-size: 24px;
	margin-top: 0.5%;
}

.power_nr #fadecon1 li span {
	display: block;
	font-size: 14px;
	font-weight: 100;
	margin-top: 4%;
	margin-bottom: 6%;
	line-height: 26px;
}

.power_nr #fadecon1 li img {}

.power_nr #fadetab1 {
	width: 90%;
	margin: auto;
	margin-top: -40px;
}

.power_nr #fadetab1 li {
	width: 31%;
	float: left;
	text-align: center;
	background: #fff;
	box-shadow: rgb(0 0 0 / 16%) 0 0 10px;
	margin-right: 3%;
	padding: 6% 0% 6% 0%;
	position: relative;
}

.power_nr #fadetab1 li.current::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #28bf00;
	width: 100%;
	height: 8px;
	border-top-left-radius: 80%;
	border-top-right-radius: 80%;
	transition: 0.3s;
}

.power_nr #fadetab1 li::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #28bf00;
	width: 100%;
	height: 0px;
	border-top-left-radius: 80%;
	border-top-right-radius: 80%;
	transition: 0.3s;
}

.power_nr #fadetab1 li:nth-child(3) {
	margin-right: 0%;
}

.power_nr #fadetab1 li i {
	display: block;
	width: 40%;
	height: 40px;
	margin: auto;
	position: relative;
	margin-bottom: 8%;
}

.power_nr #fadetab1 li i img {
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.power_nr #fadetab1 li p {
	font-size: 16px;
	margin-top: 10%;
	margin-bottom: 2%;
}

.power_nr #fadetab1 li strong {
	display: block;
	font-size: 18px;
}

.power_nr #fadetab1 li em {
	display: block;
	font-size: 12px;
	transform: scale(0.8);
	text-transform: uppercase;
	opacity: 0.3;
	margin-top: 4%;
}

.power_nr #fadetab1 li {}



/*custom*/
.custom {
	margin-top: 16%;
}

.custom_title {
	background: url(../images/c_bj.jpg) no-repeat;
	text-align: center;
	color: #fff;
	padding-top: 12%;
	padding-bottom: 60%;
}

.custom_title em {
	display: block;
	font-size: 12px;
	font-weight: 100;
	text-transform: uppercase;
	opacity: 0.5;
}

.custom_title p {
	font-size: 24px;
}

.custom_title span {
	display: block;
	font-weight: bold;
	font-size: 30px;
	margin-top: 1%;
}

.custom_nr {
	width: 90%;
	margin: auto;
	background: #192e6a;
	margin-top: -55%;
	border-radius: 10px;
	padding: 20% 8% 10% 8%;
}

.custom_nr ul {
	position: relative;
}

/* .custom_nr ul li:nth-child(4)::after {
	content: "//////////////////////////////////";
	display: block;
	position: absolute;
	top: -24%;
	right: 110%;
	margin: auto;
	font-size: 0.35rem;
	color: #fff;
	text-align: center;
	opacity: 0.3;
} */

.custom_nr ul li:nth-child(4)::after{display: none;}

.custom_nr ul span {
	display: block;
	position: absolute;
	top: -26%;
	left: 50%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	opacity: 0.3;
	transform: translateX(-50%);
	overflow: hidden;
	width: 75%;
}

.custom_nr ul li {
	border: 1px rgb(255 255 255 / 58%) solid;
	width: 16%;
	color: #fff;
	text-align: center;
	position: relative;
	border-radius: 6px;
	float: left;
	margin-right: 12%;
}

@media screen and (max-width: 385px) {
	.custom_nr ul li:nth-child(4)::after {
		right: 90% !important;
	}
}

.custom_nr ul li:nth-child(1):before {
	content: "从";
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: -30%;
	font-size: 20px;
	font-weight: bold;
}

.custom_nr ul li:nth-child(4):before {
	content: "到";
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: -30%;
	font-size: 20px;
	font-weight: bold;
}

.custom_nr ul li em {
	display: block;
	width: 0.25rem;
	height: 2px;
	background: #28bf00;
	position: absolute;
	top: -12%;
	left: 0;
	right: 0;
	margin: auto;
}

.custom_nr ul li:nth-child(4) {
	margin-right: 0%;
}

.custom_nr ul li::after {
	content: ">>";
	display: block;
	position: absolute;
	right: -60%;
	top: 45%;
	font-size: 14px;
	font-family: "fangsong";
}

.custom_nr ul li i {
	display: block;
	height: 20px;
	position: relative;
	top: 20px;
	margin: auto;
	opacity: 0.6;
}

.custom_nr ul li i img {
	display: block;
	height: 100%;
	position: relative;
	margin: auto;
	left: 0;
	right: 0;
}

.custom_nr ul li p {
	writing-mode: tb-rl;
	font-size: 18px;
	display: block;
	margin: auto;
	padding-bottom: 16px;
	padding-top: 36px;
	letter-spacing: 6px;
}

/* custom end */


/* iabout */
.iabout {}

.iabout_title {
	text-align: center;
	padding-top: 20%;
}

.iabout_title P {
	display: inline-block;
	position: relative;
}

.iabout_title P b {
	font-size: 36px;
	color: #333;
	position: relative;
	z-index: 4;
	font-weight: normal;
}

.iabout_title p em {
	position: absolute;
	font-size: 36px;
	z-index: 0;
	top: -40%;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	font-weight: bold;
	color: #f6f6f6;
	text-transform: uppercase;
}

.iabout_title P::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #192e6a;
	position: absolute;
	left: -16%;
	bottom: 6px;
}

.iabout_nr {}

.iabout_nr img {
	display: block;
	position: relative;
	z-index: 1;
	margin-top: 6%;
}

.iabout_nr ul {
	background-color: #fff;
	width: 90%;
	margin: auto;
	margin-top: -60px;
	padding: 7% 6% 7% 6%;
	position: relative;
	z-index: 2;
	border-radius: 6px;
	box-shadow: rgb(51 51 51 / 28%) 0 0 10px;
}

.iabout_nr ul li {
	font-size: 14px;
	line-height: 26px;
}

/*iabout end*/


/*share_mob*/
/*以下是样式代码*/
.screenW {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	display: none;
}

.screenW.curr {
	display: block !important;
}

.subW {
	width: 100%;
	height: 150px;
	position: absolute;
	left: 0;
	background-color: #FFF;
	z-index: 999;
	padding-bottom: 50px;
	animation: sidebar-back .5s ease;
	-webkit-animation: sidebar-back .5s ease;
}

.screenW.curr .subW {
	animation: sidebar-move .5s ease;
	-webkit-animation: sidebar-move .5s ease;
	bottom: 0;
}

.subW .title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: .4rem;
}

.subW .close {
	width: 30px;
	height: 30px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.subW .info {
	height: 100px;
}

/*以下是对百度自带样式的改造*/
.shareBox .bdshare-button-style0-16 {
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .1) 50%, transparent 50%);
	background-image: linear-gradient(bottom, rgba(0, 0, 0, .1) 50%, transparent 50%);
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.shareBox .bdshare-button-style0-16:last-child {
	background: none;
}

.shareBox .bdshare-button-style0-16:after {
	content: "";
	visibility: hidden;
	display: none;
	height: 0;
	clear: both;
}

.shareBox .bdshare-button-style0-16 a {
	text-align: center;
	float: none;
	font-size: 12px;
	padding: 45px 0 0 0;
	line-height: normal;
	height: auto;
	cursor: pointer;
	margin: 10px 0;
	position: relative;
	background: none;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.shareBox .bdshare-button-style0-16 a:after {
	content: " ";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 10px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.shareBox .bdshare-button-style0-16 a.bds_qzone:after {
	background: url("../images/icon_qqkongjian_yellow.png") no-repeat;
	background-size: 100%;
}

.shareBox .bdshare-button-style0-16 a.bds_tsina:after {
	background: url("../images/icon_xinlangweibo_red.png") no-repeat;
	background-size: 100%;
}

.shareBox .bdshare-button-style0-16 a.bds_sqq:after {
	background: url("../images/icon_qqhaoyou_blue.png") no-repeat;
	background-size: 100%;
}

.shareBox .bdshare-button-style0-16 a.bds_tqq:after {
	background: url("../images/icon_qqweibo_green.png") no-repeat;
	background-size: 100%;
}

.shareBox .bdshare-button-style0-16 a.bds_weixin:after {
	background: url("../images/icon_weixin_green.png") no-repeat;
	background-size: 100%;
}

.shareBox .bdshare-button-style0-16 a.popup_more {
	width: 100%;
	margin: 20px 0;
}

.shareBox .bdshare-button-style0-16 a.popup_more:after {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 0px;
	background: url("../images/icon_more_orange.png") no-repeat;
	background-size: 100%;

}

/*动画*/
@keyframes sidebar-move {
	0% {
		bottom: -260px;
	}

	100% {
		bottom: 0px;
	}
}

@keyframes sidebar-back {
	0% {
		bottom: 0px;
	}

	100% {
		bottom: -260px;
	}
}

@-webkit-keyframes sidebar-move {
	0% {
		bottom: -260px;
	}

	100% {
		bottom: 0px;
	}
}

@-webkit-keyframes sidebar-back {
	0% {
		bottom: 0px;
	}

	100% {
		bottom: -260px;
	}
}


.prod {
	width: 92%;
	margin: auto;
	margin-top: 6%;
	overflow: hidden;
}

.prod_title {
	position: relative;
}

.prod_title span {
	color: #ccc;
	font-size: 14px;
}

.prod_title p {
	font-size: 18px;
	color: #333;
}

.prod_title p strong {
	color: #192e6a;
}

.prod_title a {
	display: block;
	position: absolute;
	right: 0;
	top: 32px;
	color: #999;
}

.prod_title a:hover {
	color: #333;
}

.prod_title i {
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin-top: 10px;
}

.prod_nr {
	margin-top: 6%;
}

.prod_nr .prod_rm {
	background-image: url(../images/prod_rm.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding-bottom: 46%;
	border-top-right-radius: 30px;
	position: relative;
}

.prod_nr .prod_rm,
.pdt_thumb {}

.prod_nr .prod_rm .slides {}

.prod_nr .prod_rm .slides li {
	display: none;
}

.prod_nr .prod_rm .slides li a {
	display: block;
}

.prod_nr .prod_rm .slides li a i {
	width: 55%;
	position: absolute;
	right: 0;
	top: 50px;
}

.prod_nr .prod_rm .slides li a i img {
	width: 100%;
}

.prod_nr .prod_rm .slides li a p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-left: 6%;
	padding-top: 7%;
}

.prod_nr .prod_rm .slides li a span {
	display: block;
	color: #999999;
	font-size: 12px;
	padding-top: 1%;
	line-height: 26px;
	position: relative;
	transform: scale(0.9);
	left: 4px;
	top: 0;
}

.prod_nr .prod_rm .slides li a span::after {
	content: "";
	display: block;
	background: url(../images/prod_rm_i.png) center 100% no-repeat;
	width: 16px;
	height: 14px;
	position: absolute;
	bottom: -20px;
	left: 0%;
}

.prod_nr .prod_rm .slides li a::after {
	content: "";
	display: block;
	background: url(../images/prod_rm_em.png) no-repeat;
	width: 449px;
	height: 40px;
	position: absolute;
	top: 28px;
	right: 0;
}

.prod_nr .prod_rm .flex-control-nav {
	position: absolute;
	bottom: -10px;
	z-index: 2;
	text-align: center;
	height: 10px;
}

.prod_nr .prod_rm .flex-control-nav li {
	display: inline-block;
	width: 20px;
	height: 3px;
	margin-right: 4px;
	display: inline;
}

.prod_nr .prod_rm .flex-control-nav a {
	display: inline-block;
	width: 20px;
	height: 3px;
	background: #ddd;
	text-indent: -9999px;
	cursor: pointer;
}

.prod_nr .prod_rm .flex-control-nav .flex-active {
	background: #192e6a;
	width: 30px;
}

.prod_nr .prod_rm .flex-direction-nav {
	display: none;
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%;
}

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

.prod_nr .prod_rm .flex-direction-nav li a.flex-prev {
	left: 40px;
	/* background:url(../images/prev.png) center center no-repeat; */
}

.prod_nr .prod_rm .flex-direction-nav li a.flex-next {
	right: 40px;
	/* background:url(../images/next.png) center center no-repeat; */
}

/* @media only screen and (max-width: 640px) {
.prod_nr .prod_rm .slides li a p{font-size: 0.45rem;}
.prod_nr .prod_rm .slides li a span{font-size: 0.3rem;}
} */
.prod_list {}

.prod_list ul {}

.prod_list ul li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 6%;
	text-align: center;
}

.prod_list ul li:nth-child(even) {
	margin-right: 0%;
}

.prod_list ul li i {
	width: 100%;
	height: 140px;
	border: 1px #ddd solid;
	display: block;
	position: relative;
	overflow: hidden;
}

.prod_list ul li i img {
	width: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	margin: auto;
}

.prod_list ul li p {
	font-size: 14px;
	margin-top: 6%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.prod_list ul li span {
	font-size: 12px;
	display: block;
	margin-top: 3%;
	color: #bbb;
}

.prod_more {
	margin-top: 4%;
}

.prod_more a {
	padding: 3% 8%;
	background: #192e6a;
	display: table;
	margin: auto;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 20px #ccc;
}

/*nr*/
.prod_list_nrp ul {
	margin-top: 4%;
}

.prod_list_nrp ul li {
	/* float: left; */
	width: 100%;
	margin-right: 4%;
	margin-bottom: 6%;
	text-align: center;
	box-shadow: #ddd 0 0 10px;
	padding: 2% 1%;
}

.prod_list_nrp ul li em{
	font-size: 12px;
	display: block;
	float: left;
	padding-top: 3%;
	color: #ccc;
}

.prod_list_nrp ul li i {
	width: 80px !important;
	height: 60px;
	/* border: 1px #ddd solid; */
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 6%;
}

.prod_list_nrp ul li i img {
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	margin: auto;
}

.prod_list_nrp ul li p {
	font-size: 15px;
	margin-top: 3%;
	width: 60%;
	text-align: left;
	float: left;
}

.prod_list_nrp ul li span {
	font-size: 12px;
	display: block;
	margin-top: 3%;
	color: #bbb;
}



/**/
.partner-list {
	width: 92%;
	margin: auto;
	margin-bottom: 20%;
	margin-top: 4%;
}

.partner-list ul {}

.partner-list .partner_nr li {
	width: 48%;
	margin-right: 4%;
	float: left;
	text-align: center;
	margin-bottom: 6%;
}

.partner-list .partner_nr li:nth-child(even) {
	margin-right: 0% !important;
}

.partner-list .partner_nr li a {}

.partner-list .partner_nr li i {
	display: block;
	width: 100%;
	border: 1px #eee solid;
}

.partner-list .partner_nr li i img {
	width: 100%;
}

.partner-list .partner_nr li p {
	font-size: 13px;
	padding-top: 4%;
}

.parther-list-nr {}

.parther-list-nr i {
	display: block;
	width: 100%;
}

.parther-list-nr i img {
	display: block;
	width: 100%;
}

.parther-list-nr p {
	padding-top: 20px;
	text-align: center;
	font-size: 20px;
}

.parther-list-nr span {
	font-size: 14px;
	line-height: 30px;
	display: block;
}


/**/
.about {
	margin-top: 12%;
	background: url(../images/about_bj.jpg) top right no-repeat;
}

.about_title {
	position: relative;
	width: 92%;
	margin: auto;
	padding-top: 10%;
}

.about_title span {
	color: #ccc;
	font-size: 14px;
}

.about_title p {
	font-size: 18px;
	color: #333;
}

.about_title p strong {
	color: #192e6a;
}

.about_title a {
	display: block;
	position: absolute;
	right: 0;
	bottom: 13px;
	color: #999;
}

.about_title a:hover {
	color: #333;
}

.about_title i {
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin-top: 10px;
}

.about_nr {
	width: 92%;
	margin: auto;
	padding-bottom: 12%;
}

.about_nr i {
	display: block;
	margin-top: 6%;
}

.about_nr i img {
	width: 100%;
}

.about_nr p {
	color: #332c2b;
	font-size: 12px;
	line-height: 22px;
	padding-top: 3%;
}

.about_nr a {
	display: table;
	margin: auto;
	padding: 3% 7%;
	border: 1px #ccc solid;
	border-radius: 3px;
	margin-top: 4%;
	font-size: 12px;
	letter-spacing: 1px;
	background: #fff;
}

.about_nr a:hover {
	border: 1px #192e6a solid;
	background: #192e6a;
	color: #fff;
}

.about_nr {}

.about_nr {}


/*news page*/
.news_wrapper {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20%;
}

.news_title {
	position: relative;
	padding-top: 4%;
	margin-bottom: 6%;
}

.news_title span {
	color: #ccc;
	font-size: 14px;
}

.news_title p {
	font-size: 18px;
	color: #333;
}

.news_title p strong {
	color: #192e6a;
}

.news_title a {
	display: block;
	position: absolute;
	right: 0;
	bottom: 13px;
	color: #999;
}

.news_title a:hover {
	color: #333;
}

.news_title i {
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin-top: 10px;
}

.news_list .news_item {
	padding: 0.6rem 0.4rem 0.6rem 0.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eee;

}

.news_list .news_item .thumb {
	width: 3.46rem;
	height: 2.26rem;
	background: red;
	overflow: hidden;
	float: left;
	margin-right: 4%;
	display: none;
}

.news_list .news_item .thumb img {
	height: 100%;
}

.news_list .news_item .center {
	flex-grow: 1;
	width: 100%;
	float: left;
}

.news_list .news_item .center .title {
	font-size: 0.4rem;
	font-weight: bold;
	color: #444;
	margin-bottom: 0.2666rem;
}

.news_list .news_item .center .desc {
	color: #888;
	line-height: 0.2666rem;
	font-size: 0.3rem;
	line-height: 0.5rem;
}

.news_list .news_item .last {
	width: 60px;
	height: 60px;
	border-left: 1px solid #ccc;
	padding: 0.2666rem;
	text-align: center;
	font-size: 0.2rem;
	float: right;
}

.news_list .news_item .last .day {
	font-size: 0.5333rem;
}

.news_wrapper {
	padding: 0.5rem 0;
}

.news_wrapper .inner {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.news_wrapper .header_tit {
	font-size: 0.6rem;
	color: #444;
	margin-bottom: 0.6rem;
	text-align: center;
}

.news_wrapper .header_tit span {
	display: block;
	font-size: 0.1rem;
	opacity: 0.3;
}

.news_wrapper .news_container {
	width: 100%;
}

.news_wrapper .news .first_item {
	display: flex;
	justify-content: flex-start;
	border: 1px #ddd solid;
	padding: 4% 2%;
}

.news_wrapper .news .first_item:nth-child(2n){
	margin-right: 0%;
}

.news_wrapper .news .first_item .thumb {
	width: 80px;
	height: 60px;
	background: #fff;
	margin-right: 4%;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.news_wrapper .news .first_item .thumb img {
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}

.news_wrapper .news .first_item .right {
	/*flex-grow: 1;*/
	width: 6.6rem;
}

.news_wrapper .news .first_item .news_header {
	display: flex;
	justify-content: space-between;
	margin-top: 3%;
}

.news_wrapper .news .first_item .news_header a {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.news_wrapper .news .first_item .news_header span {
	font-size: 12px;
	color: #bbb;
	padding-top: 2px;
}

.news_wrapper .news .first_item .right .news_desc {
	font-size: 12px;
	color: #ccc;
	word-break: wrap;
	word-wrap: break-word;
	margin-top: 3%;
}

.news_wrapper .news .first_item .right .more_btn {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background: #192e6a;
	padding: 0.053rem 0.213rem;
	border-radius: 0.24rem;
	font-size: 0.16rem;
	font-family: "fangsong";
}

.news_wrapper .news .item {
	padding: 0.213rem 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 0.0133rem solid #eee;
}

.news_wrapper .news .item a {
	text-decoration: none;
	color: #666;
	font-size: 0.3rem;
	display: block;
}

.news_wrapper .news .item a::before {
	content: '';
	display: inline-block;
	width: 0.0533rem;
	height: 0.0533rem;
	border: 0.0266rem solid #eee;
	border-radius: 50%;
	margin-right: 0.066rem;
}

.news_wrapper .news .item span {
	color: #bbb;
	font-size: 0.3rem;
	padding-top: 1px;
}

.footBar {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 1.6rem;
	width: 100%;
	background: #fff;
	display: flex;
	justify-content: flex-start;
	z-index: 5;
}

.footBar .service {
	position: relative;
}

.footBar .service:hover .service_ul {
	display: block;
}

.footBar .service_ul {
	display: none;
	position: absolute;
	bottom: 1.2rem;
	background: #333;
	width: 100%;
	text-align: center;
}

.footBar .service_ul ul {}

.footBar .service_ul ul li {
	height: 1rem;
	line-height: 1rem;
	border-bottom: 1px #fff solid;
}

.footBar .service_ul ul li:hover {
	background-color: #192e6a;
}

.footBar a {
	color: #fff;
}

.home {
	width: 2.4rem;
	height: 1.8rem;
	background: #333 url(../images/home_icon.png) no-repeat center 0.3rem;
	background-size: 0.4rem 0.4rem;
	/* font-size: 0.24rem; */
	font-size: 12px;
	text-align: center;
	line-height: 2.2rem;
	color: #fff;
}

.service {
	width: 2.4rem;
	height: 1.8rem;
	background: #333 url(../images/service_icon.png) no-repeat center 0.3rem;
	background-size: 0.4rem 0.4rem;
	font-size: 0.24rem !important;
	text-align: center;
	line-height: 2.2rem;
	color: #fff;
}

.service a {
	/* font-size: 0.24rem !important; */
	font-size: 12px;
	display: block;
}

.mui-active {
	top: unset !important;
	bottom: calc(100% + 20px);
	/* left: 100px !important; */
}

.mui-table-view {}

.mui-popover {
	width: 144px !important;
	margin-left: -5px;
}

.phone {
	flex-grow: 1;
	height: 1.8rem;
	background: #192e6a url(../images/phone_icon.png) no-repeat center 0.3rem;
	background-size: 0.4rem 0.4rem;
	/* font-size: 0.24rem; */
	font-size: 12px;
	text-align: center;
	line-height: 2.2rem;
	color: #fff;
}



/*内页*/
.container {
	margin-top: 16%;
	margin-bottom: 30%;
}

.category-title {
	background: #333;
	height: 50px;

}

.category-title-p {position: relative;}

.category-title-p strong{
	color: #fff;
	line-height: 50px;
	font-size: 20px;
	text-indent: 0px;
	text-align: right;
	display: block;
	position: absolute;
	left: 14px;
}

.category-title-p span {
	position: absolute;
	right: 14px;
	top: 12px;
	bottom: 0;
	text-transform: uppercase;
	font-size: 12px;
}

.category-title-p span a{display: block; background-color: #fff; width: 46px; height: 26px; line-height: 27px; text-align: center; border-radius: 4px;}

.category-title::after {
	content: "";
}

.category-title .pull-right {display: none;}

.category-title .pull-right .breadcrumb {
	height: 40px;
	background: #eee;
}

.category-title .pull-right .breadcrumb li {
	float: left;
	height: 40px;
	line-height: 36px;
	text-align: center;
	position: relative;
	margin-right: 10px;
}

.category-title .pull-right .breadcrumb li a {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.category-title .pull-right .breadcrumb li::after {
	content: ">";
	font-size: 12px;
	line-height: 44px;
	font-family: "fangsong";
	position: absolute;
	right: -15px;
	color: #bbb;
}


/**/
.product-list {
	width: 92%;
	margin: auto;
}

.product-list .product-list-ul {
	margin-top: 5%;
}

.product-list .product-list-ul li {
	margin-bottom: 6%;
}

.product-list ul li a {}

.product-list ul li a i {
	width: 100%;
	background: #fff;
	display: block;
	padding-top: 10%;
	padding-bottom: 10%;
}

.product-list ul li a i img {
	margin: auto;
	display: block;
}

.product-list ul li a span {
	text-indent: 20px;
	display: block;
	padding-bottom: 5%;
	border-bottom: 1px #f4f4f4 solid;
	border-left: 1px #f4f4f4 solid;
	border-right: 1px #f4f4f4 solid;
	position: relative;
}

.product-list ul li a span p {
	font-size: 16px;
	padding-top: 16px;
}

.product-list ul li a span em {
	font-size: 12px;
	text-indent: 20px;
	display: block;
	padding-top: 6px;
	opacity: 0.5;
}

.product-list ul li a span::after {
	content: "+";
	display: block;
	position: absolute;
	top: 18px;
	right: 16px;
	font-size: 30px;
	font-weight: 100;
	color: #ccc;
}

.product-list-class {
	border-bottom: 1px #ddd solid;
	padding-bottom: 4%;
}

.product-list-class p {
	float: left;
	font-size: 16px;
	height: 30px;
	margin-top: 14px;
}

.product-list-class ul {
	margin-top: 2%;
}



.product-list-class ul li {
	float: left;
	line-height: 34px;
	height: 34px;
	background: #f6f6f6;
	padding: 0% 6%;
	text-align: center;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 6px;
}

.product-list-class ul li:first-child {
	margin-left: 0px !important;
}

.product-list-class ul li.cur {
	background: #192e6a;
}

.product-list-class ul li.cur a {
	color: #fff;
}

.product-list-class ul li a {
	font-size: 13px;
	color: #666;
	display: block;
	line-height: 34px;
}

.product-list-class {}

.panel-body {
	width: 92%;
	margin: auto;
	margin-top: 10%;
}

/**/
.news-list {
	width: 92%;
	margin: auto;
}

.news-list i {
	width: 2.2rem;
	display: block;
	height: 62px;
	float: left;
	position: relative;
}

.mui-media-object {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 68%;
	height: auto !important;
}

/**/
.article-content {
	border-bottom: 1px #ddd solid;
	padding-bottom: 10%;
}

.article-content i {
	display: block;
	text-align: center;
	margin-bottom: 4%;
}

.article-content i img {
	width: 100%;
}

.article-content span img {
	width: 100%;
}

.article-content li {
	font-size: 18px;
	background: #f1f1f1;
	padding: 4% 6%;
	margin: 4% 0% 2% 0%;
	font-weight: bold;
}

.article-content em {
	display: block;
	font-size: 14px;
	width: 100%;
	color: #777;
	line-height: 30px;
	
}

.article-content em table {
	width: 100% !important;
}

.article-content em img {
	width: 100%;
}

.article-content p {
/* 	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px; */
	color:#333;

}

.article-content>p {
	text-align: center;
}

.article-content span p {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	text-indent: 2em;
	margin-bottom: 10px;
	line-height: 2;
}

.article-tag {
	margin-top: 10%;
}

.article-tag li {
	font-size: 12px;
	background: #eee;
	float: left;
	padding: 2% 4%;
	margin-right: 2%;
	margin-bottom: 2%;
	border-radius: 5px;
}

.article-tag li a {
	font-size: 12px;
}

.article-prevnext {
	margin-top: 4%;
}

.article-prevnext li {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 2%;
}

.article-prevnext li a span {}

.article-prevnext li a {
	font-size: 14px;
	color: #fff;
	background: #333;
	padding: 2% 4%;
	border-radius: 4px;
	display: inline-block;
}

/**/
.mui-table-view {
	margin: 5px 0 !important;
}

.mui-ellipsis {
	font-size: 12px;
	color: #999;
	padding-top: 2%;
	width: 94%;
}

.mui-table-view-cell:after {
	left: 0 !important;
}


/*Pages*/
.mui-content-padded {
	text-align: center;
	margin: 0px !important;
	margin-top: 40px !important;
	justify-content: center;
	display: flex;
}

.mui-content-padded .active span {
	background: #192e6a;
	color: #fff;
}

.mui-content-padded .active a {
	background: #192e6a;
	color: #fff;
}

.mui-content-padded ul li {
	float: left;
}

.mui-content-padded ul li span {
	vertical-align: middle;
	font-size: 12px;
	line-height: 26px;
	display: inline-block;
	height: 30px;
	padding: 0 12px;
	text-align: center;
	color: #333;
	border: 1px solid #eee;
	background: #fff;
	margin-left: -1px;
}

.mui-content-padded ul li a {
	vertical-align: middle;
	font-size: 12px;
	line-height: 26px;
	display: inline-block;
	height: 30px;
	padding: 0 12px;
	text-align: center;
	color: #333;
	border: 1px solid #eee;
	background: #fff;
	margin-left: -1px;
}

.loadmore {
	text-align: center;
}


/*partner*/
.partner-list {
	width: 92%;
	margin: auto;
	margin-bottom: 20%;
	margin-top: 4%;
}

.partner-list ul {}

.partner-list .partner_c_ul li {
	width: 48%;
	margin-right: 4%;
	float: left;
	text-align: center;
	margin-bottom: 6%;
}

.partner-list .partner_c_ul li:nth-child(even) {
	margin-right: 0% !important;
}

.partner-list .partner_c_ul li a {}

.partner-list .partner_c_ul li i {
	display: block;
	width: 100%;
	border: 1px #eee solid;
}

.partner-list .partner_c_ul li i img {
	width: 100%;
}

.partner-list .partner_c_ul li p {
	font-size: 13px;
	padding-top: 4%;
}

.parther-list-nr {}

.parther-list-nr i {
	display: block;
	width: 100%;
}

.parther-list-nr i img {
	display: block;
	width: 100%;
}

.parther-list-nr p {
	padding-top: 20px;
	text-align: center;
	font-size: 20px;
}

.parther-list-nr span {
	font-size: 14px;
	line-height: 30px;
	display: block;
}

/*about-content*/
.about-content {
	width: 92%;
	margin: auto;
	margin-top: 6%;
}

.about-content i {
	display: block;
	width: 100%;
}

.about-content i img {
	display: block;
	width: 100%;
}

.about-content p {
	margin-top: 4%;
	line-height: 26px;
	text-indent: 2em;
}

/*contact-content*/
.contact-content {
	width: 92%;
	margin: auto;
	margin-top: 20px;
	font-size: 14px;
}

.contact-content p {
	line-height: 26px;
}

.contact-content p strong {
	font-size: 16px;
}

/**/
.mui-backdrop {
	z-index: auto !important;
}