ul {
	list-style: none;
}
.sellangbox {
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}

.sellang {
	width: 1180px;
	margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.sl-box {
	display: flex;
}

.selflag {
	margin-left: 15px;
}

#swiper2 {
	width: 100%;
	height: 350px;
}


.banner {
	width: 100%;
	height: 450px;
	object-fit: cover;
}

.top {
	display: flex;
	width: 1180px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	justify-content: space-between;
}

.logo>img {
	width: 200px;
	height: 60px;
	object-fit: contain;
}

.search {
	margin-top: 10px;
	display: flex;
	border: 0;
}

.form-control {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border-color: #d4d0cf;
	font-size: 13px;
	color: #000000;
	
	padding-left: 22px;
	height: 24px;
}

.btn-default {
	height: 24px;
	padding: 6px;	
	font-size: 13px;
	line-height: 8px;
	
	background-color: #d1d1d1;
	color: #d90708;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	position: relative;
	left: -5%;
}

.topbarbox {
	width: 100%;
	background-color: #343434;
}

.topbar {
	height: 40px;
	width: 1180px;
	margin: 0 auto;
	background-color: #343434;

	
}

.allbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.firbar {
/* 	width: 100%; */
}

.firbar-title {
	padding: 10px 20px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bolder;
	
/* 	display: flex;
	justify-content: center;
	align-items: center; */
}



.firbar:hover {
	background-color: red;
}

.firbar:hover>.secbar {
	display: block;
}


.secbar {
	padding: 20px 85px 20px 37px;
	border-top: 4px solid red;
	position: absolute;
	display: none;	
	background-color: #ffffff;
	max-width: 600px;
	
}

.secbar::before {
	content: "";
	width:0;
	height:0;
	border-right:7px solid transparent;
	border-left:7px solid transparent;
	border-top:7px solid red;	
	position: absolute;
	left: 35px;
	top: -3px;
}

.secbar-title {
	color: red;
	font-size: 16px;
	font-weight: lighter;
	padding: 10px 0;
}

.secbar-one {
	display: inline-table;
	margin-right: 20px;
}

.thirbar {
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.thirbar:hover {
	color: red;
	
}

.top-footerbox {
	width: 100%;
	background-color: #696d74;
	padding: 10px 0;
}

.ttop-footer {
	width: 100%;
	background-color: #696d74;
	padding: 10px 0;
}

.top-footer {
	width: 1180px;	
	margin: 0 auto;	
	display: flex;
}

.top-footerleft {
	display: flex;
	justify-content: space-between;
}

.footerleft-one {
	margin: 10px 30px 0 0;
}

.footerleft-onetitle {
	padding: 15px 65px 10px 0;
	border-bottom: 1px solid #787878;
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: bolder;
}

.footerleft-onecontent {
	color: #ffffff;
	margin-bottom: 5px;
}

.footerleft-onecontent>a:hover {
	color: #19d9ff;
}

.footer-right {
	padding: 10px 0;
	color: #ffffff;
	font-weight: bolder;
	border-bottom: 1px solid #787878;
}

.footer-info {
	color: #ffffff;
	margin-top: 15px;
}

.footer-info>ul {
	padding: 0;
}

.footer-info>ul>li {
	margin-bottom: 6px;
}

.footer-search {
	margin-left: 10px;
}

.footer-searchbtn {
	background-color: #007ead;
	color: #ffffff;
	border:0;
	height: 25px;
	margin-left: 20px;
	font-size: 13px;
}

.footer-searchbtn:hover {
	background-color: #00ccff;
}

.bottom-footerbox {
	width: 100%;
	background-color: #202020;
}

.footer-rightall {
	width: 380px;
}

.footer-rightout {
	margin-top: 15px;
}

.bottom-footer {
	width: 1180px;
	height: 37px;
	margin: 0 auto;
	padding-top: 8px;
	background-color: #202020;
	
	display: flex;
	justify-content: space-between;
}

.bottom-footerleft>a,.bottom-footerleft>span {
	color: #9a9a9a;	
	padding: 5px;
}

.bottom-footerleft>a:hover {
	color: #3589c9;
}

.bottom-footerright>span {
	color: #9a9a9a;
	padding: 5px;
}

.bottom-footerright>span>a:hover {
	color: #3589c9;
}

.fixserve {
	position: fixed;
	width: 130px;
	border: 1px solid red;
	
	top: 115px;
	right: 0px;
	z-index: 100;
	
	background-color: #f2f2f2;
	display: none;
	
}

.fixserve>a>img {
	width: 128px;
	object-fit: contain;
}

.weixin {
	width: 128px;
	object-fit: contain;
}

.fixserve-title {
	width: 100%;
	height: 39px;
	background-color: red;
	color: #ffffff;
	
	text-align: center;
	line-height: 39px;
	font-weight: bolder;
}

.fixserve>button {
	background-color: red;
	color: #ffffff;
	border: 0;
	width: 84px;
	height: 27px;
	border-radius: 5px;
	margin: 10px 23px;
}

.tagserve {
	position: fixed;
	top: 385px;
	right: -50px;
	z-index: 10;
	border: 0;
	
	width: 130px;
	height: 25px;
	background-color: red;
	transform:rotate(90deg);
	line-height: 25px;
	color: #ffffff;
	display: none;
}

.fixserve-words {
	display: flex;
	justify-content: center;
	align-items: center;
}

.QQonlineserve>img {
	margin-top: 10px;
}


/* 手机端css */

.mo{
	display: none;
}

@media screen and (max-width: 992px) {
    .pc{
			display: none;
		}

		.mo{
			display: block;
			width: 100%;
			background-color: #ffffff;
		}
		
		.mologo>img {
			width: 14rem;
			height: 4rem;
			object-fit: contain;
		}
		
		.motopbar {
			width: 100%;
			display: flex;
			justify-content: space-between;
			padding: 10px 20px;
		}
		.mosearch {
			display: flex;
		}
		
		.mosearchbtn {
			margin-right: 2rem;
		}
		
		.mobtn {
			width: 4rem;
			height: 4rem;
			border-radius: 50%;
		}
		
		.mobtn>i {
			font-size: 2rem;
		}
		
		.mosearchnav>i {
			font-size: 4rem;
		}
		
		.moonebar {
			width: 100%;
			padding: 1rem;
			font-size: 1.5rem;
		}
		
		.moallbar {
			display: none;
		}
		
		#swiper2 {
			width: 100%;
			height: 20rem;
		}
		
		
		.banner {
			width: 100%;
			height: 20rem;
			object-fit: fill;
		}
		
		.mofooter {
			width: 100%;
			color: #ffffff;
			background-color: #787878;
		}
		
		.mofooter-info {
			padding: 2rem;
		}
		
		.mofooter-company {
			padding-bottom: 1rem;
			border-bottom: 1px solid #ffffff;
		}
		
		.mofooter-address {
			padding-top: 1rem;
			width: 100%;
		}
		
		.mofooter-address>ul {
			padding: 0;
		}
		
		.mofooter-address>ul {
			width: 100%;
		}
		
		.mocopyright {
			width: 100%;
			background-color: #000000;
			color: #ffffff;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0.5rem;
			font-size: 1rem;
		}
		
		.molangbox {
			display: flex;
		/* 	justify-content: center; */
			align-items: center;
			padding: 1rem 2rem 0 0;
		}
		
		.molangsel {
			display: none;
			position: absolute;
			top: 4rem;
			background-color: #ffffff;
		}
		
		.molangsel>div {
			padding: 1rem 1rem 1rem 1rem;
		}
		/* index页面 */
			
		.moindexprobox {
			width: 100%;
			padding: 1rem;
		}
		
		.moindextitle {
			font-size: 2rem;
/* 			background-color: #6ff9b1; */
			width: 100%;
			display: flex;
			justify-content: space-between;
			margin: 1rem 0;
			padding: 1rem 0.5rem;
			border-bottom: 1px solid #eeeeee;
		}
		
		.moindexswiper {
		width: 100%;
		}
		
		.moprooneslide {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 2rem;
			background-color: #eeeeee !important;
		}
		
		.moprooneslide>div>a>img {
			border-bottom: 1px solid #dddddd;
		}
		
		.moindexonepro {
			
			width: 100%;
			border: 1px solid #eeeeee;
			border-radius: 0.5rem;
		}
		
		.moprooneimg {
			width: 90%;
			height: 20rem;
		}
		
		.moitem-img {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		
		.moproonedesc {

			padding-top: 10px;
			text-align: center;
		}
		
		.moitem-img>img {
			width: 10rem;
			height: 10rem;
			object-fit: contain;
			margin-bottom: 1rem;
		}
		
		.moitem-words {
			font-size: 1rem;
			padding: 2rem 1rem;
			border-top: 1px solid #eeeeee;
		}
		
		.moindexnewsbox {
			width: 100%;
			background-color: #f8f8f8;
		}
		
		.moindexnews {
			padding: 1rem;
		}
		
		.monewsnum {
			width: 3rem;
			height: 3rem;
			border-radius: 50%;
			background-color: #7ef7a0;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #ffffff;
			font-size: 2rem;
		}
		
		.moindexonenews {
			border-bottom: 1px solid #eeeeee;
			padding: 1rem 0;

		}
		
		.moindexonenews >a {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		
		.monewswords {
			width: 85%;
		}
		
		.moindexsupportbox{
			width: 100%;
		}
		
		.moindexus {
			padding: 1rem;
		}
		
		.moindexuscontent {
			overflow: hidden;
			margin-top: 1rem;
		}
		
		.moshowbox {
			width: 100%;
		}
		
		.moshow-words {
			width: 100%;
			padding: 1.5rem;
		}
		
		.moshow-words p {
			max-width: 90%;
		}
		
		.moshow-words img {
			max-width: 100%;
		}
		
		/* nav页面 */
		.monavbox {
/* 			display: grid;
			grid-template-columns: repeat(2,50%); */
			display: none;
		}
		
		.motopcol {
			display: flex;
			justify-content: space-between;
			padding: 1rem 1rem;
			font-size: 2rem;
			background-color: #eeeeee;
			margin: 0 0 1rem 0;
		}
		
		.monavonebox {
			padding: 0.5rem;
			/* border: 1px solid #f8f8f8; */
			margin-bottom: 0.5rem;
			
		}
		
		.monavone {
			display: flex;
			justify-content: space-between;
			padding: 0 1rem 1rem 3rem;
			border-bottom: 1px solid #eeeeee;
		}
		
		.moprochild {
			display: none;
			padding-left: 6rem;
		}
		
		.moprochild div {
			padding: 1rem;
			border-bottom: 1px solid #eeeeee;
		}
		
		
		/* 新闻列表 */
		.monewslistone {
			padding: 1rem;
			border-bottom: 1px solid #eeeeee;
		}
		
		.monewslisttime {
			display: flex;
			justify-content: space-between;
			padding-top: 1rem;
		}
		
		/* 新闻内容 */
		.moarticle {
			padding: 1rem;
			max-width: 100%;
			overflow: hidden;
		}
		
		.moarticle img {
			max-width: 100%;
		}
		.moarticle p {
			max-width: 90%;
		}
		.moarticle table {
			max-width: 100%;
		}
		
		/* 产品列表 */
		.moprolistone {
			
		}
		
		
		/* 产品内容 */
		.moprotopinfo {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		
		.moprotopinfo {
			max-width: 90%;
		}
		
		.moprotopname {
			font-size: 1.5rem;
			padding: 1rem 1rem;
			border-bottom: 1px solid #eeeeee;
		}
		
		.moprotopdesc {
			font-size: 1.5rem;
			padding: 1rem 1rem;
			border-bottom: 1px solid #eeeeee;
		}
		
		.moprocon table{
			max-width: 95%;
			margin: 0 1rem;
		}
		.moprocon img{
			max-width: 100%;			
		}
		.moprocon p{
			max-width: 90%;			
		}
		
		.modetailsbar {
			background-color: #00CCFF;
			width: 100%;
			padding: 1rem 1.5rem;
		}
		
		.modownload {
			margin-left: 1rem;
			border: 1px solid #000000;
			padding: 0.5rem;
		}
}

.defaswiper1 {
	width: 100%;
	display: flex;
	justify-content: center;
}

.defaswiper1 {
	top: 60%;
	/* left: 48%; */
}

.defaswiper1 .swiper-pagination-bullet {
	margin-left: 10px;
	
}