@charset "utf-8";

.flex_rb {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.flex_ra {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}

.flex_rc {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.flex_cc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.img-cover {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.img-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.img-cover:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}




.sewing {
	height: 1rem;
}

.header {
	width: 100%;
	padding: .28rem 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.header.on,
.header.active {
	background: #fff;
}

.header .wrapper {
	align-items: center;
}

.header h1 {
	width: 2.17rem;
	height: .44rem;
	background: url(../images/logo.png) no-repeat left center/contain;
}

.header.on h1,
.header.active h1 {
	background: url(../images/logo-active.png) no-repeat left center/contain;
}

.header h1 a {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.header .button {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.header .button .icon {
	width: .35rem;
	height: .35rem;
	background-position: right center;
}

.header .button .icon:not(:last-child) {
	margin-right: .25rem;
}

.header .button .search-icon {
	background-image: url(../images/search.png);
}

.header.on .button .search-icon,
.header.active .button .search-icon {
	background-image: url(../images/search-active.png);
}

.header .button .switch-icon {
	background-image: url(../images/switch.png);
}

.header.on .button .switch-icon,
.header.active .button .switch-icon {
	background-image: url(../images/switch-active.png);
}

.header .button .menu-icon {
	background-image: url(../images/menu.png);
}

.header.on .button .menu-icon,
.header.active .button .menu-icon {
	background-image: url(../images/menu-active.png);
}

.header .button .menu-icon.active {
	background-image: url(../images/close.png);
}

.header.on .button .menu-icon.active,
.header.active .button .menu-icon.active {
	background-image: url(../images/close-active.png);
}

.header .button .switch-icon a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.header .form_box {
	width: 100%;
	max-width: 6.4rem;
	position: absolute;
	top: 1rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	background: rgba(0, 0, 0, .4);
	display: none;
	z-index: 122;
}

.header .form_box form {
	display: inline-block;
	position: relative;
	margin: .25rem 0;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	width: 90%;
	max-width: 6.5rem;
}

.header .form_box form input.text {
	width: 6.5rem;
	height: .5rem;
	line-height: .5rem;
	border-bottom: 1px solid #ccc;
	background: none;
	font-size: .18rem;
	color: #666;
	outline: none;
	border: none;
	background: #fff;
	padding-left: .15rem;
	box-sizing: border-box;
}

.header .form_box form input.submit {
	width: .3rem;
	height: .3rem;
	margin-right: .15rem;
	background: none;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/form-search.png);
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}




.navtab {
	color: #fff;
	overflow: hidden;
	width: 100%;
	max-width: 6.4rem;
	height: 100vh;
	padding: 1.57rem .25rem;
	box-sizing: border-box;
	margin: 0 auto;
	position: fixed;
	top: -100vh;
	left: 0;
	right: 0;
	z-index: 99;
	transition: all ease-in-out .5s;
	background: #000;
}

.navtab.active {
	top: 0;
}

.navtab .li:not(:last-child) {
	margin-bottom: .3rem;
}

.navtab .li h4 {
	font-size: .28rem;
	font-weight: bold;
}

.navtab .li ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 .1rem;
	padding-top: .17rem;
	margin-top: .2rem;
	border-top: 1px solid #fff;
}

.navtab .li ul li {
	font-size: .24rem;
	line-height: .46rem;
}

.navtab .li ul li a {
	height: 100%;
	display: inline-block;
}




.footer {
	font-size: .18rem;
	text-align: center;
	padding: .55rem 0 .45rem;
	background: #111;
}

.footer .address {
	color: #fff;
	max-width: 5.9rem;
	margin: 0 auto .57rem;
}

.footer .address h4 {
	font-size: .36rem;
	font-weight: bold;
	margin-bottom: .09rem;
}

.footer .footer-code {
	padding: .2rem 0;
	margin-bottom: .48rem;
	border-top: 1px solid #313131;
	border-bottom: 1px solid #313131;
}

.footer .share {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 5.9rem;
	margin: 0 auto;
}

.footer .share .li {
    width: .45rem;
    height: .45rem;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer .share .li:not(:last-child) {
    margin-right: .75rem;
}

.footer .share .li:nth-child(1) {
    background-image: url(../images/wechat.png);
}

.footer .share .li:nth-child(2) {
    background-image: url(../images/wechat.png);
}

.footer .share .li:nth-child(3) {
    background-image: url(../images/wechat.png);
}

.footer .share .li:nth-child(4) {
    background-image: url(../images/video.png);
}

.footer .share .li .img {
    width: 1.2rem;
    height: 1.2rem;
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .5rem;
}

.footer .share .li .img img {
    width: 100%;
    height: 100%;
}

.footer .share .li:hover .img {
    display: block;
}

.footer .copy {
	color: #818080;
	line-height: .42rem;
}




.unity-news .list:not(:last-child) {
    margin-bottom: .68rem;
}

.unity-news .list  {
	color: #888;
	font-size: .18rem;
}

.unity-news .list .img {
    height: 2.8rem;
	margin-bottom: .39rem;
}

.unity-news .list span {
    display: block;
    margin-bottom: .23rem;
}

.unity-news .list h4 {
    color: var(--theme-color);
    font-size: .24rem;
    margin-bottom: .16rem;
}

.unity-news .list p {
    line-height: .3rem;
    margin-bottom: .28rem;
}

.unity-news .list em {
    color: var(--theme-color);
	display: inline-block;
	padding-right: .33rem;
	position: relative;
}

.unity-news .list em::after {
	content: '';
	width: .16rem;
	height: .13rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-image: url(../images/news-arrow.png);
}




.news {
	padding: .45rem 0 .55rem;
}

.news .navbar {
	margin-bottom: .21rem;
}

.news .list-container {
	margin-bottom: .63rem;
}




.newsv {
	padding: .6rem 0;
}

.newsv .title {
	margin-bottom: .35rem;
	text-align: center;
}

.newsv .title h2 {
	color: #444;
	font-size: .26rem;
	line-height: .48rem;
	margin-bottom: .1rem;
	font-weight: bold;
}

.newsv .title p {
	color: #999;
	font-size: .2rem;
	display: block;
}

.newsv .text {
	color: #333;
	font-size: .2rem;
	line-height: .42rem;
	padding-bottom: .3rem;
	margin-bottom: .38rem;
	border-bottom: 1px solid #d2d2d2;
}

.newsv .agrop {
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsv .agrop a {
	color: #666;
	font-size: .18rem;
	display: block;
	position: relative;
}

.newsv .agrop a:not(:last-child) {
	margin-right: .81rem;
}

.newsv .agrop a:hover {
	color: var(--theme-color);
}

.newsv .agrop a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: auto;
	right: -.41rem;
	transform: translate(0 , -50%);
	width: 1px;
	height: .2rem;
	background-color: #bfbfbf;
}

.newsv .agrop a:last-child::after {
	display: none;
}




.case {
	padding: .45rem 0 .55rem;
}

.case .navbar {
	justify-content: center;
	margin-bottom: .33rem;
}

.case .list-container {
	margin-bottom: .55rem;
}

.case .list {
    text-align: center;
    background: #fff;
}

.case .list:not(:last-child) {
	margin-bottom: .35rem;
}

.case .list .img {
    height: 3.75rem;
}

.case .list .name {
    padding: .29rem .15rem;
}

.case .list .name h4 {
    color: #040404;
    font-size: .2rem;
    margin-bottom: .13rem;
}

.case .list .name em {
    color: #888;
    font-size: .18rem;
}




.contact {
    padding: .63rem 0 .85rem 0;
}

.contact .title {
    text-align: center;
    margin-bottom: .47rem;
}

.contact .title h2 {
    color: #222;
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .15rem;
}

.contact .title p {
    color: #7b7b7b;
    font-size: .18rem;
}

.contact .list {
    color: #333;
    text-align: center;
    padding: .45rem .15rem .55rem;
    transition: all .2s;
    background: #fff;
}

.contact .list:hover {
    color: #fff;
    background: var(--theme-color);
}

.contact .list:not(:last-child) {
	margin-bottom: .2rem;
}

.contact .list .icon {
    width: .65rem;
    height: .55rem;
    margin: 0 auto .31rem;
}

.contact .list:nth-child(1) .icon {
    background-image: url(../images/phone.png);
}

.contact .list:nth-child(2) .icon {
    background-image: url(../images/address.png);
}

.contact .list:nth-child(3) .icon {
    background-image: url(../images/email.png);
}

.contact .list:hover .icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.contact .list h4 {
	font-size: .18rem;
    margin-bottom: .1rem;
}

.contact .list p {
	font-size: .22rem;
}




.message {
    padding: .8rem 0 .9rem;
}

.message .label:not(:last-child) {
	margin-bottom: .77rem;
}

.message .label span {
    color: #000;
    font-size: .2rem;
	display: block;
	margin-bottom: .03rem;
}

.message .label input,
.message .label textarea {
    color: #666;
    font-size: .2rem;
    width: 100%;
    height: .8rem;
	border-radius: 0!important;
	border-bottom: 1px solid #878787;
}

.message .label textarea {
	height: 2.4rem;
	padding-top: .23rem;
}

.message .label:nth-child(4) {
	margin-bottom: .7rem;
    position: relative;
}

.message .label .captcha {
    width: 1.7rem;
    height: .6rem;
    position: absolute;
    right: 0;
    bottom: .06rem;
}

.message button {
    color: #fff;
    font-size: .22rem;
	width: 100%;
    height: .7rem;
    margin-top: auto;
    border-radius: .07rem;
    transition: all ease-in-out .3s;
    background: var(--theme-color);
}

.message button:hover {
    background: #333;
}




.product {
    padding: .6rem 0 .55rem;
}

.product .product-select {
	color: #222;
	margin-bottom: .37rem;
}

.product .product-select h2 {
	color: #fff;
    font-size: .22rem;
	line-height: .75rem;
    padding: 0 .4rem 0 .25rem;
	border-radius: .1rem;
    background: #000 url(../images/product-arrow.png) no-repeat right .25rem top .32rem/.17rem .11rem;
}

.product .product-select .content {
	padding: .25rem .25rem .43rem;
	margin-top: .1rem;
	border-radius: .1rem;
	background: #fff;
}

.product .product-select h4 a,
.product .product-select ul li a
{
    padding-left: .40rem;
    background-size: .24rem .24rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/dot.png);
}

.product .product-select h4 {
	color: #222;
    font-size: .22rem;
    line-height: .6rem;
    padding-right: .25rem;
    position: relative;
}

.product .product-select h4::after {
    content: '';
    width: .18rem;
    height: .18rem;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-position: right center;
    background-image: url(../images/launched.png);
}

.product .product-select .option.active h4::after {
    background-image: url(../images/contraction.png);
}

.product .product-select h4 a {
    width: 100%;
    display: inline-block;
}

.product .product-select .option.active h4 a {
    background-image: url(../images/dot-active.png);
}

.product .product-select .content .option ul {
	margin-top: 5px;
	display:none;
}
.product .product-select .content .option.active ul {
	display:block;
}
.product .product-select ul li {
	color: #666;
    font-size: .2rem;
    line-height: .5rem;
    padding-left: .35rem;
}

.product .product-select ul li.active {
	color: #222;
}

.product .product-select ul li a {
    display: inline-block;
}

.product .product-select ul li.active a {
    background-image: url(../images/dot-active.png);
} 

.product .list-container {
    display: grid;
	grid-template-columns: 1fr 1fr;
    gap: .4rem .18rem;
    padding-top: .35rem;
	margin-bottom: .55rem;
}

.product .list {
    position: relative;
}

.product .list .icon {
    width: .58rem;
    height: .25rem;
    position: absolute;
    top: .14rem;
    right: .14rem;
    background: url(../images/hot.png) no-repeat right center/contain;
}

.product .list .img {
    height: 2.85rem;
	margin-bottom: .23rem;
	background: #fff;
}

.product .list .name {
    text-align: center;
}

.product .list .name h4 {
    color: #040404;
    font-size: .22rem;
    margin-bottom: .06rem;
}

.product .list .name p {
    color: #888;
    font-size: .18rem;
}




.introduction {
    padding: .45rem 0 .33rem;
}

.introduction .gallery-slide {
    height: 4.25rem;
    margin-bottom: .2rem;
    background: #fff;
}

.introduction .thumb-slide {
	margin-bottom: .65rem;
}

.introduction .thumb-slide .swiper-slide {
    height: 1rem;
    border: 1px solid transparent;
    background: #fff;
}

.introduction .thumb-slide .swiper-slide-thumb-active {
    border: 1px solid var(--theme-color);
}

.introduction h2 {
    font-size: .36rem;
    margin-bottom: .35rem;
}

.introduction .parameter {
    margin-bottom: .55rem;
}

.introduction .parameter .label:not(:last-child) {
    margin-bottom: .44rem;
}

.introduction .parameter h4 {
    font-size: .2rem;
    position: relative;
    padding-bottom: .22rem;
    border-bottom: 1px solid #bfbfbf;
}

.introduction .parameter h4::after {
    content: '';
    width: .17rem;
    height: .17rem;
    top: .05rem;
    right: 0;
    background-position: right center;
    background-image: url(../images/launched.png);
}

.introduction .parameter h4.active::after {
    background-image: url(../images/contraction.png);
}

.introduction .parameter .text {
    color: #222;
    font-size: .2rem;
    line-height: .36rem;
    display: none;
    margin-top: .2rem;
}

.introduction .parameter .label:nth-child(1) .text {
    display: block;
}

.introduction .button {
    display: flex;
}

.introduction .button a {
    color: #222;
    font-size: .18rem;
    text-align: center;
    line-height: .55rem;
    width: 2rem;
    height: .55rem;
    transition: all ease-in-out .3s;
    border: 1px solid var(--theme-color);
    background: #fff;
}

.introduction .button a:not(:last-child) {
    margin-right: .15rem;
}

.introduction .button a:hover {
    color: #fff;
    background: var(--theme-color);
}




.details {
	color: #222;
	font-size: .2rem;
	line-height: .4rem;
	padding: .33rem 0 .7rem;
}




.theme-about-title {
	color: #222;
}

.theme-about-title p {
	font-size: .32rem;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: .06rem;
}

.theme-about-title h2 {
	font-size: .3rem;
	font-weight: bold;
}




.about {
	padding: .45rem 0 .85rem;
}

.about .navbar {
	margin-bottom: .77rem;
}

.about .theme-about-title {
	margin-bottom: .4rem;
}

.about .article {
	color: #222;
	font-size: .2rem;
	line-height: .4rem;
}




.culture .group .img {
    height: 4.45rem;
}

.culture .group .content {
    padding: .5rem .25rem .63rem;
}

.culture .group .content h4 {
    color: #222;
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .17rem;
}

.culture .group .content .introd {
    color: #666;
    font-size: .2rem;
    line-height: .4rem;
}




.course {
	padding: .75rem 0 .59rem;
	background: #f4f4f4;
}

.course .theme-about-title {
	margin-bottom: .58rem;
}

.course .container {
	padding-top: .22rem;
	border-top: 1px solid #040404;
}

.course .group:not(:last-child) {
	margin-bottom: .22rem;
	padding-bottom: .36rem;
	border-bottom: 1px solid #dcdcdc;
}

.course .group span {
	color: #222;
	font-size: .3rem;
	font-weight: bold;
	display: block;
	margin-bottom: .05rem;
}

.course .group p {
	color: #666;
	font-size: .2rem;
	line-height: .36rem;
}




.honor {
	padding: .59rem 0 .95rem;
	background: #f4f4f4;
}

.honor .theme-about-title {
	margin-bottom: .4rem;
}

.honor-slide .swiper-wrapper {
    margin-bottom: .6rem;
}

.honor-slide .swiper-slide {
    background: #fff;
}

.honor-slide a {
    width: 100%;
    padding: .3rem .3rem .26rem;
    display: inline-block;
}

.honor-slide .img {
    height: 2.85rem;
    margin-bottom: .25rem;
}

.honor-slide p {
    color: #333;
    font-size: .2rem;
    text-align: center;
}

.honor-slide .swiper-scrollbar {
    height: 1px;
    background: #cdcdcd;
}

.honor-slide .swiper-scrollbar-drag {
    height: .07rem;
    margin-top: -.03rem;
    border-radius: 0;
    background: #222;
}




.banner .around-btn {
    color: #fff;
    font-size: .18rem;
    position: absolute;
    left: 50%;
    bottom: .35rem;
    z-index: 999;
    transform: translateX(-50%);
}

.banner .around-btn .carousel-arrow {
    width: .11rem;
    height: .17rem;
    margin-top: 0;
}

.banner .around-btn .swiper-button-prev {
    margin-right: .18rem;
    background-image: url(../images/banner-carousel-prev.png);
}

.banner .around-btn .swiper-button-next {
    margin-left: .18rem;
    background-image: url(../images/banner-carousel-next.png);
}

.banner .around-btn .swiper-scrollbar {
    width: 1.8rem;
    height: .02rem;
    overflow: hidden;
    margin: 0 .1rem;
    background: rgba(255, 255, 255, .3);
}

.banner .around-btn .swiper-scrollbar-drag {
    background: #fff;
}




.theme-index-title {
	color: #222;
	font-size: .3rem;
	font-weight: bold;
	line-height: 1;
}




.index-about {
	padding: 1.2rem 0 1.06rem;
}

.index-about .title-container {
	display: flex;
	margin-bottom: .7rem;
}

.index-about .title {
	margin-left: 1.68rem;
}

.index-about .title h4 {
	font-size: .3rem;
	font-family: Medium;
	line-height: 1;
	margin-bottom: .11rem;
}

.index-about .title p {
	font-size: .32rem;
	font-weight: bold;
	line-height: .52rem;
}

.index-about .article {
	color: #222;
	font-size: .2rem;
	line-height: .4rem;
	margin-bottom: .56rem;
}

.index-about .see-more {
    color: #fff;
    font-size: .2rem;
    text-align: center;
    line-height: .58rem;
    width: 2.3rem;
    height: .58rem;
    display: block;
    transition: all ease-in-out .3s;
    background: var(--theme-color);
}

.index-about .see-more:hover {
    background: #333;
}




.index-product {
	padding: .78rem 0 1.06rem;
	background: #e9edf0;
}

.index-product .theme-index-title {
	max-width: 5.9rem;
	margin: 0 auto .48rem;
}

.index-product .thumb-slide {
	margin: 0 0 .45rem .25rem;
    border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
}

.index-product .thumb-slide .swiper-slide {
    color: #222;
    font-size: .2rem;
    text-align: center;
    line-height: .6rem;
	width: 2.2rem;
    height: .6rem;
    border-right: 1px solid #222;
}

.index-product .thumb-slide .swiper-slide-thumb-active {
    color: #fff;
    background: #222;
}

.index-product .gallery-slide {
	max-width: 5.9rem;
	height: 3.6rem;
	margin: 0 auto .68rem;
}

.index-product .gallery-slide .img {
    position: relative;
}

.index-product .gallery-slide .img::before,
.index-product .gallery-slide .img::after {
    opacity: 0;
    position: absolute;
    transition: all ease-in-out .3s;
}

.index-product .gallery-slide .img::before {
    content: 'SEE MORE';
    color: #fff;
    font-size: .2rem;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

.index-product .gallery-slide .img::after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .3);
}

.index-product .gallery-slide .swiper-slide:hover .img::before,
.index-product .gallery-slide .swiper-slide:hover .img::after {
    opacity: 1;
}

.index-product .content {
	max-width: 5.9rem;
	display: flex;
	margin: 0 auto;
}

.index-product .article {
    color: #222;
    font-size: .18rem;
    line-height: .4rem;
    width: 3.4rem;
    padding: .12rem .45rem .12rem .60rem;
    margin-left: auto;
    position: relative;
}

.index-product .article::before,
.index-product .article::after {
    content: '';
    width: .28rem;
    height: .24rem;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.index-product .article::before {
    top: 0;
    left: 0;
    background-position: left center;
    background-image: url(../images/top-cited.png);
}

.index-product .article::after {
    bottom: 0;
    right: 0;
    background-position: right center;
    background-image: url(../images/bottom-cited.png);
}




.index-news {
	padding: .75rem 0 .9rem;
}

.index-news .theme-index-title {
	margin-bottom: .53rem;
}




.prosearh{
	margin-bottom: .2rem;
}
.prosearh form{
	display: block;
	position: relative;
}
.prosearh form input,
.prosearh form button
{
	border: none;
	outline: none;
	display: block;
}
.prosearh form input{
	color: #333;
	font-size: .2rem;
	line-height: .6rem;
	width: 100%;
	padding: 0 .55rem 0 .4rem;
	box-sizing: border-box;
	border-radius: .5rem;
	background-color: #fff;
}
.prosearh form button{
	width: .26rem;
	height: .26rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .18rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/psearch.png);
	background-color: transparent;
}




.pm_slide{
	position: relative;
}
.pm_slide::after{
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: .01rem;
	border-bottom: 1px solid #e5e5e5;
}
.pm_slide .swiper-slide{
	color: #222;
	font-size: .18rem;
	text-align: center;
	line-height: .55rem;
	height: .55rem;
	position: relative;
}
.pm_slide .swiper-slide::after{
	content: '';
	position: absolute;
	width: .3rem;
	height: .04rem;
	display: none;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background-color: #222;
}
.pm_slide .swiper-slide.on::after{
	display: block;
}
.pm_slide .swiper-slide a{
	width: 100%;
	height: 100%;
	display: inline-block;
}



.pm2{
	padding-top: .35rem;
}
.pm2 ul{
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .12rem;
}
.pm2 ul li{
	color: #222;
	font-size: .18rem;
	text-align: center;
	line-height: .6rem;
	height: .6rem;
	border-radius: .1rem;
	background: #dfdfdf;
}
.pm2 ul li.on {
    color: #fff;
    background: #222;
}
.pm2 ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}