.clear {
	background: 0px; border: 0px currentColor; border-image: none; width: 0px; height: 0px; overflow: hidden; clear: both; font-size: 0px; float: none; display: block; visibility: hidden;
}
@media all and (min-width:1200px)
{
.container {
	padding: 0px; width: 980px;
}
}
em {
	color: rgb(221, 49, 49);
}
.fl {
	float: left;
}
.fr {
	float: left;
}
.mobileweb {
	display: none;
}
.wow {
	visibility: visible !important;
}
.mc_pager {
	padding: 50px 0px; text-align: center; font-family: "Arial";
}
.mc_pager a {
	background: rgb(22, 28, 29); margin: 3px; width: 30px; height: 30px; color: rgb(255, 255, 255); line-height: 30px; display: inline-block;
}
.mc_pager span {
	background: rgb(22, 28, 29); margin: 3px; width: 30px; height: 30px; color: rgb(255, 255, 255); line-height: 30px; display: inline-block;
}
.mc_pager a:hover {
	background: rgb(221, 49, 49);
}
.mc_pager a.Ahover {
	background: rgb(221, 49, 49);
}
.mc_pager a.firstPage {
	width: 40px; font-weight: bold;
}
.mc_pager a.lastPage {
	width: 40px; font-weight: bold;
}
.mc_pager .PreSpan {
	width: 50px; font-size: 0px;
}
.mc_pager .NextSpan {
	width: 50px; font-size: 0px;
}
.mc_pager a.PreA {
	width: 50px; font-size: 0px;
}
.mc_pager a.NextA {
	width: 50px; font-size: 0px;
}
.mc_pager .PreSpan::before {
	font-size: 14px; content: "?";
}
.mc_pager a.PreA::before {
	font-size: 14px; content: "?";
}
.mc_pager .NextSpan::before {
	font-size: 14px; content: "?";
}
.mc_pager a.NextA::before {
	font-size: 14px; content: "?";
}
.mc_pager .PageText {
	display: none;
}
.mc_pager #metPageT {
	display: none;
}
.mc_pager #metPageB {
	display: none;
}
.pro2wm {
	display: inline-block; position: relative; cursor: pointer;
}
.pro2wm::before {
	top: 7px; right: -14px; border-top-color: transparent; border-right-color: rgb(255, 255, 255); border-bottom-color: transparent; border-top-width: 8px; border-right-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 1001; content: ""; opacity: 0; transition-duration: 0.5s;
}
.pro2wm::after {
	top: 10px; width: 5px; height: 10px; right: -14px; position: absolute; z-index: 1000; content: ""; opacity: 0; box-shadow: -3px 0px 10px rgba(0,0,0,0.2); transition-duration: 0.5s;
}
.pro2wm:hover::before {
	opacity: 1;
}
.pro2wm:hover::after {
	opacity: 1;
}
.pro2wm .wxewm {
	background: rgb(255, 255, 255); padding: 8px 0px; border-radius: 5px; left: 0px; width: 0px; height: 200px; bottom: -168px; position: absolute; z-index: 999; max-width: none; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); transition-duration: 0.5s;
}
.pro2wm:hover .wxewm {
	padding: 8px; width: 120px; height:120px; opacity: 1;
}
.pro2wm1 .wxewm1 {
	background: rgb(255, 255, 255); padding: 0px 0px; border-radius: 5px; left: -120px; width: 210px; height: 50px; bottom: 88px; position: absolute; z-index: 999; max-width: none; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); transition-duration: 0.5s; font-size:22px;
}
.pro2wm1:hover .wxewm1 {
	padding: 0px; width: 210px; height:50px; line-height:50px; opacity: 1;font-size:20px; text-align:center;
}

.pro2wm1 {
	display: inline-block; position: relative; cursor: pointer;
}
.pro2wm1::before {
	top: 7px; right: -14px; border-top-color: transparent; border-right-color: rgb(255, 255, 255); border-bottom-color: transparent; border-top-width: 8px; border-right-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 1001; content: ""; opacity: 0; transition-duration: 0.5s;
}
.pro2wm1::after {
	top: 10px; width: 5px; height: 10px; right: -14px; position: absolute; z-index: 1000; content: ""; opacity: 0; box-shadow: -3px 0px 10px rgba(0,0,0,0.2); transition-duration: 0.5s;
}
.pro2wm1:hover::before {
	opacity: 1;
}
.pro2wm1:hover::after {
	opacity: 1;
}

.grow {
	transition:0.8s; box-shadow: 0px 0px 1px rgba(0,0,0,0); transform: translateZ(0px); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.float-shadow {
	display: block; position: relative; transition-property: transform; transition-duration: 0.4s;
}
.float-shadow::before {
	background: radial-gradient(at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%); left: 5%; top: 100%; width: 90%; height: 10px; position: absolute; z-index: -1; content: ""; opacity: 0; pointer-events: none; transition-property: transform; transition-duration: 0.4s;
}
.float-shadow:hover {
	transform: translateY(-5px);
}
.float-shadow:hover::before {
	opacity: 1; transform: translateY(5px);
}
.fadeIn {
	-webkit-animation-name: fadeIn; -webkit-animation-duration: 1.5s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1;
}
.otherbanner img {
	left: 50%; width: 1920px; margin-left: -960px; position: relative; max-width: 1920px;
}
.more {
	padding: 12px 20px; border-radius: 5px; border: 1px solid rgb(212, 217, 217); border-image: none; color: rgb(22, 28, 29); text-transform: uppercase; overflow: hidden; display: inline-block; position: relative; transition-duration: 1s;
}
.more:hover {
	border: 1px solid rgb(221, 49, 49); border-image: none; color: rgb(255, 255, 255) !important;
}
.more::before {
	background: rgb(221, 49, 49); left: -150%; top: 0px; width: 120%; height: 100%; position: absolute; content: ""; transform: skew(-30deg); transition-duration: 1s;
}
.more:hover::before {
	left: -10%;
}
.more p {
	position: relative; z-index: 1;
}
#main {
	position: relative; z-index: 2;
}
.inabout {
	padding: 100px 0px; overflow: hidden; border-bottom-color: rgb(160, 170, 171); border-bottom-width: 1px; border-bottom-style: solid;
}
.inabout .inaboutfl {
	width: 560px; position: relative;
}
.inabout .inaboutfl::before {
	background: rgb(18, 24, 25); top: 80px; width: 500px; height: 350px; right: 0px; position: absolute; z-index: -1; content: "";
}
.inabout .inaboutfl .inaboutlist {
	background: rgb(221, 49, 49); padding: 25px 25px 0px; width: 510px;
}
.inabout .inaboutfl .inaboutlist .swiper-container {
	width: 460px; padding-bottom: 30px;
}
.inabout .inaboutfl .inaboutlist .swiper-pagination .swiper-pagination-bullet {
	background: rgb(3, 54, 63); opacity: 1;
}
.inabout .inaboutfl .inaboutlist .swiper-pagination .swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
}
.inabout .inaboutfl .inabouticon {
	margin: 70px 0px 0px 50px;
}
.inabout .inaboutfr {
	width: calc(100% - 620px);
}
.inabout .inaboutfr .namemark {
	color: rgb(18, 24, 25); font-size: 72px;
}
.inabout .inaboutfr .waptitle {
	margin: 20px 0px 50px; color: rgb(18, 24, 25); font-size: 36px;
}
.inabout .inaboutfr .description {
	color: rgb(68, 76, 77); line-height: 24px;
}
.inabout .inaboutfr .more {
	background: rgb(231, 0, 17); padding: 16px 24px; border-radius: 0px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 18px; margin-top: 50px;
}
.inpro {
	overflow: hidden; padding-top: 80px;
}
.inpro .keywords {
	text-align: center; color: rgb(18, 24, 25); font-size: 72px;
}
.inpro ul {
	padding: 40px 0px; overflow: hidden;
}
.inpro ul li {
	width: 20%; margin-top: 30px; float: left;
}
.inpro ul li a {
	display: block;
}
.inpro ul li a .imgurl {
	overflow: hidden; border-right-color: rgb(212, 217, 217); border-right-width: 1px; border-right-style: solid;
}
.inpro ul li:nth-last-child(1) a .imgurl {
	border-right-color: transparent; border-right-width: 1px; border-right-style: solid;
}
.inpro ul li a .star {
	padding: 10px 10px 5px; color: rgb(168, 175, 176); letter-spacing: 5px;
}
.inpro ul li a .name {
	padding: 0px 10px; height: 30px; color: rgb(80, 84, 85); text-transform: uppercase; line-height: 30px; overflow: hidden; font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.inpro ul li a .title {
	padding: 0px 10px; height: 40px; color: rgb(80, 84, 85); line-height: 40px; overflow: hidden; font-size: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.inpro ul li a:hover .title {
	color: rgb(221, 49, 49);
}
.innews {
	padding: 100px 0px; overflow: hidden;
}
.innews .container {
	position: relative;
}
.innews .keywords {
	top: -10px; width: 100%; color: rgb(18, 24, 25); padding-bottom: 30px; font-size: 72px; border-bottom-color: rgb(227, 230, 231); border-bottom-width: 1px; border-bottom-style: solid; position: absolute;
}
.innews .swiper-container {
	padding-top: 150px;
}
.innews .swiper-container .swiper-button-prev {
	background: 0px; border-radius: 100%; border: 3px solid rgb(205, 212, 213); border-image: none; top: 35px; width: 30px; height: 30px; text-align: center; right: 10px; color: rgb(205, 212, 213); line-height: 24px; font-family: cursive; font-size: 20px; font-weight: bold; opacity: 1;
}
.innews .swiper-container .swiper-button-next {
	background: 0px; border-radius: 100%; border: 3px solid rgb(205, 212, 213); border-image: none; top: 35px; width: 30px; height: 30px; text-align: center; right: 10px; color: rgb(205, 212, 213); line-height: 24px; font-family: cursive; font-size: 20px; font-weight: bold; opacity: 1;
}
.innews .swiper-container .swiper-button-prev {
	left: auto; right: 50px;
}
.innews .swiper-container .swiper-button-prev:hover {
	border: 3px solid rgb(221, 49, 49); border-image: none; color: rgb(221, 49, 49);
}
.innews .swiper-container .swiper-button-next:hover {
	border: 3px solid rgb(221, 49, 49); border-image: none; color: rgb(221, 49, 49);
}
.innews .swiper-container a {
	width: 50%; float: left;
}
.innews .swiper-container a .imgurl {
	width: 150px; overflow: hidden; margin-right: 20px;
}
.innews .swiper-container a .newstit {
	width: calc(100% - 220px);
}
.innews .swiper-container a .newstit .title {
	height: 30px; color: rgb(18, 24, 25); line-height: 30px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.innews .swiper-container a:hover .newstit .title {
	color: rgb(221, 49, 49);
}
.innews .swiper-container a .newstit .updatetime {
	margin: 10px 0px 20px; color: rgb(136, 140, 141); font-size: 14px;
}
.innews .swiper-container a .newstit .description {
	height: 72px; color: rgb(79, 89, 91); line-height: 24px; overflow: hidden; font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.positionnav {
	margin-top: -180px; position: absolute;
}
.positionnav .name {
	color: rgb(255, 255, 255); padding-bottom: 5px; font-size: 72px;
}
.positionnav .list ul li {
	color: rgb(255, 255, 255); line-height: 25px; padding-right: 5px; font-size: 18px; float: left;
}
.positionnav .list ul li a {
	color: rgb(255, 255, 255);
}
.positionnav .list ul li:nth-last-child(1) a {
	color: rgb(231, 0, 17);
}
.about .inabout {
	padding: 80px 0px;
}
.about .inabout .inaboutfr .content {
	color: rgb(68, 76, 77); line-height: 24px; font-size: 14px;
}
.about .inabout .inaboutfl .inabouticon {
	margin: 120px auto 70px;
}
.about .inabout .aboutlogo {
	padding: 50px 0px; border-top-color: rgb(221, 226, 227); border-top-width: 1px; border-top-style: solid;
}
.about .inabout .aboutlogo .fl {
	padding: 14px 0px; width: 40%; color: rgb(74, 81, 82); font-size: 36px;
}
.about .inabout .aboutlogo .fr {
	color: rgba(18, 24, 25, 0.05); font-size: 100px;
}
#honor {
	padding: 80px 0px 100px;
}
#honor .title1 {
	text-align: center; color: rgb(22, 28, 29); font-size: 72px;
}
#honor .certificate {
	padding: 50px 0px 80px;
}
#honor .certificate li {
	width: 18%; margin-left: 2.5%; float: left;
}
#honor .certificate li:nth-child(1) {
	margin-left: 0px;
}
#honor .certificate li img {
	width: 100%;
}
#honor .title2 {
	color: rgb(22, 28, 29); font-size: 72px;
}
#honor .title3 {
	color: rgba(18, 24, 25, 0.1); font-size: 72px;
}
#honor .culture.fl {
	width: 50%; padding-right: 5%;
}
#honor .culture.fr {
	width: 50%; padding-left: 5%;
}
#honor .culture dl {
	margin: 50px 0px 20px; color: rgb(18, 24, 25); font-size: 18px;
}
#honor .culture p {
	color: rgb(18, 24, 25); line-height: 24px; font-size: 14px;
}
.met-search {
	background: rgb(238, 238, 238); line-height: 30px; padding-top: 50px;
}
.met-search ul li a {
	display: block;
}
.product {
	overflow: hidden;
}
.product .pronav {
	margin: 50px 0px; padding: 15px 0px; border: 1px solid rgb(212, 217, 217); border-image: none; width: 220px;
}
.product .pronav ul li a {
	padding: 10px 15px; color: rgb(96, 100, 100); line-height: 20px; display: block; position: relative;
}
.product .pronav ul li a:hover {
	color: rgb(221, 49, 49);
}
.product .pronav ul li.hover a {
	color: rgb(221, 49, 49);
}
.product .pronav ul li:nth-last-child(1) > a::before {
	top: 10px; right: 15px; color: rgb(22, 28, 29); font-size: 20px; position: absolute; content: "¡ª";
}
.product .pronav ul li:nth-last-child(1).show > a::before {
	content: "+";
}
.product .pronav ul li .navdown {
	display: block;
}
.product .pronav ul li.hover .navdown {
	display: block;
}
.product .pronav ul li .navdown a {
	margin: 0px 15px; padding: 10px 0px 10px 10px; color: rgb(96, 100, 100); border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dotted;
}
.product .pronav ul li .navdown a:hover {
	color: rgb(221, 49, 49);
}
.product .pronav ul li .navdown a.hover {
	color: rgb(221, 49, 49);
}
.product .prolist {
	width: calc(100% - 250px); padding-top: 20px;
}
.product .prolist ul {
	padding: 0px;
}
.product .prolist ul li {
	width: 25%;
}
.product .prolist ul li:nth-child(4n) a .imgurl {
	border-right-color: transparent; border-right-width: 1px; border-right-style: solid;
}
.showproduct {
	padding-top: 50px;
}
.showproduct .proone {
	padding-bottom: 50px;
}
.showproduct .proone .proimgurl {
	width: 350px;
}
.showproduct .proone .prodisplayimg {
	margin: 0px 20px; padding: 30px 0px 15px; width: 70px; position: relative;
}
.showproduct .proone .proonefr {
	width:420px;
}
.showproduct .proone .proonefr .proonetitle {
	padding: 15px 0px; color: rgb(221, 49, 49); font-size: 24px; font-weight: bold;
}
.showproduct .proone .proonefr .proonename {
	color: rgb(80, 84, 85); text-transform: uppercase; font-size: 14px;
}
.showproduct .proone .proonefr .proonestar {
	padding: 20px 0px; color: rgb(168, 175, 176); letter-spacing: 5px; border-bottom-color: rgb(220, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.showproduct .proone .proonefr .prooneshare {
	padding: 20px 0px;
}
.showproduct .proone .proonefr .prooneshare a {
	background: rgb(22, 28, 29); margin: 0px 5px 5px 0px; border-radius: 5px; width: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; overflow: hidden; font-size: 18px; display: inline-block;
}
.showproduct .proone .proonefr .prooneshare a.procon {
	background: rgb(22, 28, 29); width: 160px; color: rgb(255, 255, 255);line-height: 50px; height:50px;
}
.showproduct .proone .proonefr .prooneshare a.procon i {
	background: rgb(237, 27, 36); width: 60px; color: rgb(255, 255, 255); line-height: 51px; float: left; top:-1px;
}
.showproduct .proone .proonefr .prooneshare .pro2wm::before {
	left: -5px; top: 15px; right: auto; border-right-color: currentColor; border-left-color: rgb(255, 255, 255); border-right-width: 0px; border-left-width: 8px; border-right-style: none; border-left-style: solid;
}
.showproduct .proone .proonefr .prooneshare .pro2wm::after {
	left: -5px; top: 18px; right: auto; box-shadow: 3px 0px 10px rgba(0,0,0,0.2);
}
.showproduct .proone .proonefr .prooneshare .pro2wm .wxewm {
	left: auto; right: -20px; bottom: 82px;
}
.showproduct .proone .proonefr .prooneshare .pro2wm .wxewm img {
	width: 100%; height: 100%;
}
.showproduct .proone .proonefr .content {
	color: rgb(89, 95, 96); line-height: 26px; font-size: 14px;
}
.showproduct .proone .proonefr .content p br {
	display: none;
}
.newsnav {
	padding: 40px 0px; text-align: center; border-bottom-color: rgb(228, 233, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.newsnav a {
	margin: 0px 5px;
}
.newsnav a.hover {
	background: rgb(221, 49, 49); border: 1px solid rgb(221, 49, 49); border-image: none; color: rgb(255, 255, 255);
}
.news {
	overflow: hidden;
}
.news .newslist {
	width: 58%;
}
.news ul.newsall li a {
	top: 0px; padding-top: 50px; display: block; position: relative;
}
.news ul.newsall li a:hover {
	top: -3px;
}
.news ul.newsall li a .imgurl {
	width: 150px; overflow: hidden; margin-right: 20px;
}
.news ul.newsall li a .newstit {
	width: calc(100% - 170px);
}
.news ul.newsall li a .title {
	height: 30px; color: rgb(18, 24, 25); line-height: 30px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.news ul.newsall li a:hover .title {
	color: rgb(221, 49, 49);
}
.news ul.newsall li a .updatetime {
	margin: 10px 0px 20px; color: rgb(136, 140, 141); font-size: 14px;
}
.news ul.newsall li a .description {
	height: 72px; color: rgb(79, 89, 91); line-height: 24px; overflow: hidden; font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.news .newsbar {
	padding: 50px 0px; width: 33%;
}
.news .newsbar .newshot {
	color: rgb(221, 49, 49); font-size: 48px;
}
.shownews {
	padding-top: 50px;
}
.shownews .title {
	color: rgb(18, 24, 25); line-height: 30px; font-size: 16px;
}
.shownews .updatetime {
	margin: 10px 0px 20px; color: rgb(136, 140, 141); font-size: 14px;
}
.shownews .content {
	color: rgb(79, 89, 91); line-height: 24px; padding-bottom: 20px; font-size: 14px;
}
.shownews .detailpage {
	padding: 30px 0px 50px; color: rgb(79, 89, 91); border-top-color: rgb(220, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.shownews .detailpage p {
	height: 30px; line-height: 30px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.shownews .detailpage p a {
	left: 0px; color: rgb(79, 89, 91); position: relative;
}
.shownews .detailpage p a:hover {
	left: 10px; color: rgb(221, 49, 49); text-decoration: underline;
}
.shownews .detailpage .more {
	padding: 5px 30px;
}
.contact {
	padding: 50px 0px 100px;
}
.contact .contactfl {
	width: 50%;
}
.contact .contactfl .description {
	color: rgb(221, 49, 49); line-height: 25px; font-size: 16px; margin-bottom: 30px;
}
.contact .contactfl .ftype_input {
	padding-bottom: 30px;
}
.contact .contactfl .ftype_input p {
	color: rgb(22, 28, 29); padding-bottom: 15px;
}
.contact .contactfl .ftype_input input {
	padding: 0px 20px; outline: 0px; border-radius: 10px; border: 1px solid rgb(212, 217, 217); border-image: none; width: 100%; height: 50px;
}
.contact .contactfl .ftype_input textarea {
	padding: 20px; outline: 0px; border-radius: 10px; border: 1px solid rgb(212, 217, 217); border-image: none; width: 100%; height: 180px; line-height: 30px;
}
.contact .contactfl .submit {
	background: rgb(221, 49, 49); padding: 16px 40px; outline: 0px; border-radius: 10px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 18px;
}
.contact .contactfl .submit img {
	padding-left: 10px; float: right;
}
.contact .contactfr {
	width: 45%;
}
.contact .contactfr ul li {
	padding: 50px 0px; border-bottom-color: rgb(210, 215, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.contact .contactfr ul li:nth-last-child(1) {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.contact .contactfr ul li .img {
	width: 60px; margin-right: 25px;
}
.contact .contactfr ul li .conadd {
	width: calc(100% - 85px);
}
.contact .contactfr ul li .conadd p {
	color: rgb(79, 89, 91); line-height: 24px;
}
.contact .contactfr .con2wm {
	width: 180px;
}
@media all and (max-width:1200px)
{
.showproduct .proone .proimgurl {
	margin-left: 10%;
}
.showproduct .proone .proimgurl .cloud-zoom-big {
	left: auto !important; right: 0px !important;
}
.showproduct .proone .proonefr {
	width: 100%; padding-top: 30px;
}
}
.menumain {
	background: rgb(221, 49, 49); left: 0px; top: 0px; width: 100% !important; height: 100%; overflow: auto !important; display: none; position: fixed; z-index: 999; opacity: 1 !important;
}
.menumain .menubox {
	margin: 50px 5% 80px; padding-top: 1px;
}
.menumain .menubox .menunav {
	overflow: hidden;
}
.menumain .menubox .menunav .menuone a {
	margin: 30px 0px 0px; color: rgb(124, 192, 204); font-size: 14px; display: block;
}
.menumain .menubox .menunav .menuone.home a {
	padding-bottom: 20px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid;
}
.menumain .menubox .menunav .menuone .menutwo {
	float: left; position: relative;
}
.menumain .menubox .menunav .menuone .menutwo.bai {
	width: 100%;
}
.menumain .menubox .menunav .menuone .menutwo::before {
	background: rgba(255, 255, 255, 0.2); border-radius: 50%; left: -8px; width: 3px; height: 3px; bottom: 5px; position: absolute; content: "";
}
.menumain .menubox .menunav .menuone .menutwo a {
	margin: 30px 20px 0px 5px; height: 15px; color: rgb(146, 179, 185); line-height: 15px; overflow: hidden; font-size: 13px;
}
.menumain .menubox .menunav .menuone .menutwo .menuthree {
	float: left; position: relative;
}
.menumain .menubox .menunav .menuone .menutwo .menuthree::before {
	background: rgba(255, 255, 255, 0.2); border-radius: 50%; left: -6px; width: 3px; height: 3px; bottom: 5px; position: absolute; content: "";
}
.menumain .menubox .menunav .menuone .menutwo .menuthree a {
	margin: 20px 20px 0px 10px; color: rgb(165, 179, 181); font-size: 12px;
}
.menumain .menubox .menunav a.hover {
	color: rgb(255, 255, 255) !important;
}
.menumain .menubox .lang {
	text-align: center; margin-top: 30px;
}
.menumain .menubox .lang a {
	margin: 3%; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.2); border-image: none; width: 42%; height: 40px; line-height: 40px; display: inline-block; box-sizing: border-box;
}
.menumain .menubox .lang a img {
	top: -2px; padding-right: 5px; display: inline-block; position: relative;
}
.menumain .menubox .lang a span {
	top: -1px; color: rgb(124, 192, 204); font-size: 14px; display: inline-block; position: relative;
}
#mobtool {
	background: rgb(221, 49, 49); left: 0px; width: 100%; height: 50px; bottom: 0px; border-top-color: rgba(255, 255, 255, 0.2); border-top-width: 1px; border-top-style: solid; display: none; position: fixed; z-index: 1001;
}
#mobtool ul li {
	width: 20%; text-align: center; border-left-color: rgba(255, 255, 255, 0.2); border-left-width: 1px; border-left-style: solid; float: left; box-sizing: border-box;
}
#mobtool ul li:nth-child(1) {
	border: currentColor; border-image: none;
}
#mobtool ul li a.menubutton {
	background: rgba(255, 255, 255, 0.2);
}
#mobtool ul li a {
	width: 100%; height: 50px; color: rgb(255, 255, 255); padding-top: 10px; display: block;
}
#mobtool ul li a p {
	height: 25px; text-transform: uppercase; line-height: 25px; overflow: hidden; font-size: 12px;
}
.u-layer-ath {
	background: url("/michuanimg/ath.png") no-repeat 0% 0% / contain; transition:2s; left: 50%; width: 200px; height: 75px; bottom: 0px; margin-left: -100px; display: none; position: fixed; z-index: 9999999; transform: translate3d(0px, 0px, 0px); perspective: 400px;
}
.u-layer-ath.u-ani-ath {
	transform: rotateY(360deg) translateZ(100px);
}
.u-layer-ath .ath_addhome {
	left: 0px; top: 0px; width: 140px; height: 60px; position: absolute;
}
.u-layer-ath .ath_close {
	top: 0px; width: 30px; height: 30px; right: 0px; position: absolute;
}
#sortpro {
	background: rgb(255, 255, 255); height: 40px; text-align: center; line-height: 40px; overflow: hidden; border-bottom-color: rgb(221, 49, 49); border-bottom-width: 1px; border-bottom-style: solid;
}
#sortpro .sortpro_left {
	background: rgb(221, 49, 49); width: 65%; color: rgb(255, 255, 255); font-size: 14px; float: left;
}
#sortpro .sortpro_right {
	width: 35%; color: rgb(0, 0, 0); font-size: 14px; float: right;
}
#sort_content {
	background: rgb(238, 238, 238); transition:transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 10000; transform: translate3d(0px, 100%, 0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: translate3d(0px, 100%, 0px); -moz-transform: translate3d(0px, 100%, 0px); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.show#sort_content {
	transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translate3d(0px, 0%, 0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transform: translate3d(0px, 0%, 0px); -moz-transform: translate3d(0px, 0%, 0px); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#sort_content .asort {
	height: 100%;
}
.asort .hd {
	background: rgb(221, 49, 49); height: 60px;
}
.asort .hd .fl {
	padding: 0px 20px; color: rgb(255, 255, 255); line-height: 60px; font-size: 18px;
}
.asort .hd .fr {
	background: url("../showproduct/proclose.jpg") 0% 0% / cover; margin: 15px; width: 30px; height: 30px;
}
.asort .ct {
	padding: 2%; height: calc(100% - 60px); overflow: auto;
}
.asort .ct ul {
	background: rgb(255, 255, 255); border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.asort .ct ul li {
	padding: 0px 15px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.asort .ct ul li a {
	display: block;
}
.asort .ct ul li a p {
	width: calc(100% - 30px); height: 58px; text-align: left; color: rgb(51, 51, 51); line-height: 58px; overflow: hidden; font-size: 14px; display: inline-block;
}
.asort .ct ul li a i {
	background: rgb(255, 255, 255); border-radius: 50%; border: 3px solid rgb(221, 221, 221); border-image: none; width: 15px; height: 15px; margin-top: 22px; float: right;
}
.asort .ct ul li a.hover i {
	border: 3px solid rgb(221, 49, 49); border-image: none;
}
.asort .ct ul .navdown li {
	padding: 0px 20px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dotted;
}
.asort .ct ul .navdown li a p {
	width: 100%; height: 50px; color: rgb(170, 170, 170); line-height: 50px; display: block;
}
.asort .ct ul li a.hover p {
	color: rgb(221, 49, 49);
}
@media all and (max-width:992px)
{
#mobtool {
	display: block;
}
.u-layer-ath {
	display: block;
}
.onlineservice {
	top: 55% !important; width: 30px !important;
}
.onlineservice ul li a {
	height: 31px !important;
}
.onlineservice ul li a span {
	display: none;
}
.onlineservice ul li a i {
	width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 14px !important;
}
.onlineservice ul li a i.fa-mobile {
	font-size: 20px !important;
}
.popup-wechat img {
	width: 200px;
}
.mfp-zoom-out-cur {
	width: 100% !important; height: 100% !important; overflow: hidden;
}
.mfp-wrap {
	width: 100% !important; height: 100% !important; overflow: hidden;
}
.mfp-wrap .mfp-arrow-left {
	margin-left: -47%;
}
.mfp-wrap .mfp-arrow-right {
	margin-right: -47%;
}
.pcweb {
	display: none;
}
.mobileweb {
	display: block;
}
#mcbanner {
	padding-top: 50px;
}
#mcbanner .indexbanner .swiper-pagination .swiper-pagination-bullet {
	margin: 0px 5px 10px; width: 10px; height: 10px;
}
.inabout {
	padding: 50px 0px;
}
.inabout .inaboutfl {
	width: 100%;
}
.inabout .inaboutfl::before {
	display: none;
}
.inabout .inaboutfl .inaboutlist {
	padding: 20px 20px 0px; width: 100%;
}
.inabout .inaboutfl .inaboutlist .swiper-container {
	width: 100%;
}
.inabout .inaboutfl .inabouticon {
	margin: 30px auto 50px;
}
.inabout .inaboutfr {
	width: 100%;
}
.inabout .inaboutfr .namemark {
	font-size: 50px;
}
.inabout .inaboutfr .waptitle {
	margin: 20px 0px 30px; font-size: 25px;
}
.inpro {
	padding-top: 50px;
}
.inpro .keywords {
	font-size: 50px;
}
.inpro ul {
	padding: 0px 0px 50px;
}
.inpro ul li {
	margin: 0px; width: 100%;
}
.inpro ul li a .imgurl {
	border: 0px currentColor; border-image: none;
}
.innews {
	padding: 50px 0px;
}
.innews .keywords {
	top: 8px; font-size: 40px;
}
.innews .swiper-container {
	padding-top: 80px;
}
.innews .swiper-container a {
	width: 100%; padding-top: 30px;
}
.innews .swiper-container a .newstit {
	width: calc(100% - 170px);
}
.otherbanner img {
	margin: 0px; left: 0px; width: 100%;
}
.positionnav {
	margin-top: -130px;
}
.positionnav .name {
	font-size: 38px;
}
.about .inabout {
	padding: 50px 0px;
}
.about .inabout .inaboutfl .inabouticon {
	margin: 30px auto 50px;
}
.about .inabout .aboutlogo .fl {
	padding: 0px; width: 160px; line-height: 30px; font-size: 25px;
}
.about .inabout .aboutlogo .fr {
	font-size: 60px;
}
#honor {
	padding: 50px 0px;
}
#honor .title1 {
	font-size: 50px;
}
#honor .certificate {
	padding: 0px 0px 50px;
}
#honor .certificate li {
	margin: 30px 0px 0px; width: 100%;
}
#honor .title2 {
	font-size: 50px;
}
#honor .title3 {
	font-size: 50px;
}
#honor .culture.fl {
	padding: 0px; width: 100%;
}
#honor .culture.fr {
	padding: 0px; width: 100%;
}
.product {
	padding-top: 15px;
}
.product .pronav {
	display: none;
}
.product .prolist {
	padding: 0px; width: 100%;
}
.product .prolist ul li {
	width: 100%;
}
.showproduct {
	width: 100%; padding-top: 30px;
}
.showproduct .proone .proimgurl {
	display: none;
}
.showproduct .proone .prodisplayimg {
	display: none;
}
.showproduct .proone .mobprodisplayimg .swiper-pagination-bullet-active {
	background: rgb(221, 49, 49);
}
.showproduct .proone .proonefr .prooneshare :nth-child(4).pro2wm {
	display: none;
}
#message #center {
	width: 90% !important; margin-top: 15%;
}
#message #center #feedback {
	padding: 10px 0px 10px 10px; margin-bottom: 15%;
}
#message #center #feedback .pro {
	width: calc(100% - 10%);
}
#message #center #feedback dl {
	width: 100%; padding-right: 10%;
}
.newsnav {
	display: none;
}
.news .newslist {
	width: 100%;
}
.news .newsbar {
	display: none;
}
.shownews .detailpage .more {
	display: none;
}
.contact {
	padding: 50px 0px;
}
.contact .contactfl {
	width: 100%;
}
.contact .contactfr {
	width: 100%;
}
}