/* main */
#mainBox {
	display: flex;
	max-width: 79rem;
	margin: 0 auto;
	padding: 0 2rem;
	flex-wrap: wrap;
}
/* warp */
.warp {
	display: flex;
	position: relative;
	flex-wrap: nowrap;
}
/* breadcrumb */
#breadcrumb {
	display: flex;
	position: relative;
	width: 100%;
	height: 40px; line-height:40px;
	border-bottom: 1px solid var(--e3Color);
	flex-wrap: nowrap;
	overflow: hidden; margin-bottom:10px;
}

#breadcrumb .position {
	width: auto;
	max-width: 6rem;
	font-size: 0.7rem;
	line-height: 2.5rem;
}

#breadcrumb .list {
	display: flex;
	justify-content: flex-start;
	width: calc(100% - 6rem);
	position: relative;
	flex-wrap: wrap;
}

#breadcrumb .list{
	display: flex;
	text-align: left;
	margin: 0;
	padding: 0 0.25rem 0 0;
	font-size: 0.875rem;
	color: var(--hColor);
	transition: 0.35s ease-in-out;
	width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex-wrap: wrap;
}

#breadcrumb .list li:nth-last-child(1) .iconfont {
	display: none;
}

#breadcrumb .list a {
	display: inline-block;
	margin: 0;
	font-size: 0.7rem;
	color: var(--hColor);
	margin-left:5px; margin-right:5px;
	transition: 0.35s ease-in-out;
	width: auto;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#breadcrumb .list a:hover {
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

#breadcrumb .list li i {
	margin: 0;
	font-size: 0.7rem;
	color: var(--e3Color);
	line-height: 2.5rem;
	transform: rotate(180deg);
}
/* mMenu */
.mOpen {
	transform: translateX(0%) !important;
	transition: 0.35s ease-in-out;
}

.mC90 {
	transform: rotate(90deg) !important;
	transition: 0.35s ease-in-out;
}

.mcShow {
	height: auto !important;
	transform: translateX(0%) !important;
	transition: 0.35s ease-in-out;
}
/* headerBox */
#headerBox {
	position: relative;
	background: var(--fColor);
}

#headerBox .loginBox {
	margin: 0.75rem 0;
}

#headerBox .buttonBox {
	position: absolute;
	top: calc((100% - 1rem)/2);
	right: 2rem;
	width: auto;
	overflow: hidden;
}

#headerBox .buttonBox a {
	padding: 0 0.5rem;
	color: var(--hColor);
	border-right: 1px solid var(--e3Color);
	transition: 0.35s ease-in-out;
}

#headerBox .buttonBox a:hover {
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

#headerBox .buttonBox a:nth-last-child(1) {
	border-right: none;
}

#headerBox .mMenu {
	display: none;
	position: absolute;
	top: 1.875rem;
	right: 1rem;
	width: 4rem;
	height: 1.25rem;
	z-index: 200;
}

#headerBox .mMenu .iconfont {
	display: none;
}

#headerBox .mMenu .iconfont:before {
	margin: 0 0.25rem 0 0;
}

#headerBox .mMenu  .icon-menu_vs {
	display: block;
}

#headerBox .navBox {
	position: relative;
}

#headerBox .navBox:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 3rem;
	background-image: linear-gradient(#029ce4, #0f78b4);
	z-index: 1;
}

#headerBox .navBox:after {
	content: " ";
	position: absolute;
	top: 3rem;
	left: calc((100% - 75rem)/2);
	width: 100vw;
	max-width: 75rem;
	height: 2rem;
	background: var(--fColor);
	z-index: 1;
}

#headerBox .navBox .iconfont {
	display: none;
	position: absolute;
	top: 1.25rem;
	right: 2rem;
	font-size: 0.7rem;
	color: var(--fColor);
	opacity: 0.5;
	transition: 0.35s ease-in-out;
}

#headerBox .navBox .topBox {
	position: relative;
    /* overflow:hidden; */
	z-index: 2;
}

#headerBox .navBox .topBox .nav {
	position: relative;
	width: calc(100%/8);
	max-width: 9.625rem;
}

#headerBox .navBox .topBox .nav:nth-last-child(1){
	display:none;
}

#headerBox .navBox .topBox #8 .childBox{
	margin:0 0 0 -10rem;
}

#headerBox .navBox .topBox .langNav {
	display: none;
}

#headerBox .navBox .topBox .nav:before {
	content: " ";
	text-align: center;
	position: absolute;
	top: 0.5rem;
	right: 0;
	width: 4px;
	height: 2rem;
	background-image: linear-gradient(90deg,#029ce4, #0f78b4);
	border-radius: 4rem;
	transition: 0.35s ease-in-out;
}

#headerBox .navBox .topBox .nav:nth-last-child(1):before {
	background: transparent;
}

#headerBox .navBox .topBox .nav .mobile {
	display: none;
}

#headerBox .navBox .topBox .nav h1 {
	text-align: center;
	padding: 1rem 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--fColor);
	line-height: 1rem;
	background: transparent;
	transition: 0.35s ease-in-out;
}

#headerBox .navBox .topBox .nav .langEn {
	font-size: 0.875rem !important;
	text-transform: capitalize;
}

#headerBox .navBox .topBox .nav .langEnchild {
	font-size: 0.875rem !important;
	color: var(--bColor) !important;
}

#headerBox .childBox {
	display: none;
	position: absolute;
	z-index: 10;
}

#headerBox .topBox .nav:nth-child(5) .enChildBox {
	margin: 0 0 0 -19rem;
}

#headerBox .topBox .nav:nth-child(6) .childBox {
	margin: 0 0 0 -24.5rem;
}

#headerBox .topBox .nav:nth-child(6) .enChildBox {
	margin: 0 0 0 -15.5rem;
}

#headerBox .topBox .nav:nth-child(7) .childBox {
	margin: 0 0 0 -20.5rem;
}

#headerBox .topBox .nav:nth-child(7) .enChildBox {
	margin: 0 0 0 -15.5rem;
}

#headerBox .topBox .nav:nth-child(8) .childBox {
	margin: 0 0 0 -17rem;
}

#headerBox .topBox .nav:hover .childBox .child {
	position: relative;
}

#headerBox .topBox .nav .childBox .child h2 {
	margin: 0;
	padding: 0rem 1rem;
	font-size: 1rem;
	color: var(--hColor);
	line-height: 2rem;
	border-right: 1px solid var(--e3Color);
	transition: 0.35s ease-in-out;
}

#headerBox .topBox .nav .childBox .child:nth-child(1) h2 {
	border-left: 1px solid var(--e3Color);
}

#headerBox .topBox .nav:hover .childBox .child:hover h2 {
	color: var(--redColor);
	transition: 0.35s ease-in-out;
}
/* bannerBox */
#bannerBox {
	position: relative;
	max-width: 75rem;
	margin: 2rem auto 0;
}

#bannerBox .swiper-pagination-bullet {
	width: 0.6rem;
	height: 0.6rem;
	background: var(--bColor);
	opacity: 1;
	border-radius: 0;
	transition: 0.35s ease-in-out;
}

#bannerBox .swiper-pagination-bullet:hover,#bannerBox .swiper-pagination-bullet:active {
	background: var(--hColor);
	transition: 0.35s ease-in-out;
}

#bannerBox .swiper-pagination-bullet-active {
	width: 0.6rem;
	height: 0.6rem;
	background: var(--fColor);
	opacity: 1;
	border-radius: 0;
}
/* smallBox */
.smallBanner {
	width: 25rem;
	height: 18rem;
	margin: 0 !important;
	overflow: hidden;
}

.smallBanner .leftSignBox {
	width: 2rem;
	height: 18rem;
	margin: 0px 0 0 0;
	background: url(/assets/addons/cms/images/leftSignPic.jpg) #0069b8 no-repeat center top;
	background-size: cover;
	float: left;
	overflow: hidden;
}

.smallBanner .leftSignBoxen {
	width: 2rem;
	height: 18rem;
	margin: 0px 0 0 0;
	background: url(/assets/addons/cms/images/leftSignPicen.jpg) #0069b8 no-repeat center top;
	background-size: cover;
	float: left;
	overflow: hidden;
}

.smallBanner .leftSignBox span {
	display: inline-block;
	width: 2rem;
	padding: 2.75rem 0.5rem 0;
	font-size: 1rem;
	color: var(--fColor);
}

.smallBanner img {
	width: 100%;
	max-height: 18rem;
}

.smallBanner .title {
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2rem;
	margin: -2.4rem auto 0;
	font-size: 1rem;
	line-height: 2rem;
	background: rgba(255,255,255,0.9);
}

.smallBanner .swiper-button-prev-smallBanner {
	left: 1rem;
	width: 2rem;
	height: 2rem;
	margin: -1rem 0 0 -10rem;
	background: var(--hColor);
	transition: 0.35s ease-in-out;
}

.smallBanner:hover .swiper-button-prev-smallBanner {
	margin: -1rem 0 0 0;
	transition: 0.35s ease-in-out;
}

.smallBanner .swiper-button-prev-smallBanner:hover,.smallBanner .swiper-button-prev-smallBanner:active {
	background: var(--bColor);
	transition: 0.35s ease-in-out;
}

.smallBanner .swiper-button-prev-smallBanner .iconfont {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 1rem;
	color: var(--fColor);
	line-height: 2rem;
}

.smallBanner .swiper-button-next-smallBanner {
	right: 1rem;
	width: 2rem;
	height: 2rem;
	margin: -1rem -10rem 0 0;
	background: var(--hColor);
	transition: 0.35s ease-in-out;
}

.smallBanner:hover .swiper-button-next-smallBanner {
	margin: -1rem 0 0 0;
	transition: 0.35s ease-in-out;
}

.smallBanner .swiper-button-next-smallBanner:hover,.smallBanner .swiper-button-next-smallBanner:active {
	background: var(--bColor);
	transition: 0.35s ease-in-out;
}

.smallBanner .swiper-button-next-smallBanner .iconfont {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 1rem;
	color: var(--fColor);
	line-height: 2rem;
}

.smallBanner .swiper-pagination-smallBanner {
	position: absolute;
	left: auto;
	right: 1rem;
	bottom: 3rem;
	width: auto;
	height: 1.25rem;
	line-height: 1rem;
	background: var(--hColor);
	border-radius: 0.25rem;
}

.smallBanner .swiper-pagination-smallBanner .swiper-pagination-bullet {
	width: auto !important;
	height: 1.25rem !important;
	padding: 0 0.25rem !important;
	font-size: 0.75rem !important;
	color: var(--fColor) !important;
	background: transparent !important;
	line-height: 1.25rem !important;
}

.smallBanner .swiper-pagination-smallBanner .swiper-pagination-bullet-active {
	width: auto;
	padding: 0 0.25rem !important;
	font-size: 0.75rem !important;
	color: var(--fColor) !important;
	line-height: 1.25rem !important;
	background: var(--redColor) !important;
}
/* indexNewsBox */
#indexNewsBox {
	position: relative;
	width: 28.25rem;
	height: 18rem;
	margin: 0 0.5rem;
	overflow: hidden;
}

#indexNewsBox .navBox {
	position: relative;
	background: url(/assets/addons/cms/images/newsBoxBg.jpg) #0069b8 no-repeat center top;
	background-size: cover;
}

#indexNewsBox .navBox ul {
	display: flex;
	flex-wrap: nowrap;
}

#indexNewsBox .navBox ul li {
	text-align: center;
	width: auto;
	max-width: calc(100%/2);
	margin: 0.5rem 0 0 0.2rem;
	padding: 0.5rem 0;
	background: rgba(255,255,255,0.9);
	border-radius: 0.5rem 0.5rem 0 0;
	transition: 0.35s ease-in-out;
}

#indexNewsBox .navBox ul li h1 {
	padding: 0 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--bColor);
}

#indexNewsBox .navBox ul .more {
	position: absolute;
	top: 0.25rem;
	right: 0.5rem;
	color: var(--fColor);
	font-size: 0.875rem;
	line-height: 2rem;
}

#indexNewsBox .navBox ul .active {
	background: var(--bColor);
	transition: 0.35s ease-in-out;
}

#indexNewsBox .navBox ul .active h1 {
	color: var(--fColor);
	transition: 0.35s ease-in-out;
}

#indexNewsBox .newsList {
	position: relative;
	margin: 0;
	padding: 0.4rem 0.5rem 0;
	border: 1px solid var(--e3Color);
}

#indexNewsBox #company {
	display: none;
}

#indexNewsBox .newsList li {
	position: relative;
	height: auto;
	background: url(/assets/addons/cms/images/newsSingBg.jpg) #fff no-repeat left;
}

#indexNewsBox .newsList li h1 {
	padding: 0 0 0 1rem;
	font-size: 0.875rem;
	color: var(--hColor);
	line-height: 1.5rem;
	transition: 0.35s ease-in-out;
}

#indexNewsBox .newsList li:hover h1 {
	padding: 0 0 0 1.5rem;
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}
/* indexProductBox */
.indexProductBox {
	position: relative;
	width: 100%;
}
/* indexProductBox */
#indexProductBox {
	position: relative;
	width: calc(100% - 54.25rem);
	height: 18rem;
	overflow: hidden;
}

#indexProductBox .topTitle {
	padding: 0.4rem 0 0 0;
	background: url(/assets/addons/cms/images/newsBoxBg.jpg) #0069b8 no-repeat center top;
	background-size: cover;
}

#indexProductBox .topTitle h1 {
	text-align: center;
	width: calc(100%/3);
	margin: 0 0 0 1rem;
	padding: 0.5rem 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--bColor);
	background: rgba(255,255,255,0.9);
	border-radius: 0.5rem 0.5rem 0 0;
	transition: 0.35s ease-in-out;
}

#indexProductBox .navBox {
	position: relative;
	border: 1px solid var(--e3Color);
}

#indexProductBox .navBox li {
	height: auto;
	margin: 0.915rem 1rem;
}

#indexProductBox .navBox li:nth-child(1) {
	background: url(/assets/addons/cms/images/pListBg01.jpg) #0069b8 no-repeat center top;
	background-size: cover;
}

#indexProductBox .navBox li:nth-child(2) {
	background: url(/assets/addons/cms/images/pListBg02.jpg) #0069b8 no-repeat center top;
	background-size: cover;
}

#indexProductBox .navBox li:nth-child(3) {
	background: url(/assets/addons/cms/images/pListBg03.jpg) #0069b8 no-repeat center top;
	background-size: cover;
}

#indexProductBox .navBox li:nth-child(4) {
	background: url(/assets/addons/cms/images/pListBg04.jpg) #0069b8 no-repeat center top;
	background-size: cover;
}

#indexProductBox .navBox li:nth-child(5) {
	background: url(/assets/addons/cms/images/pListBg05.jpg) #0069b8 no-repeat center top;
	background-size: cover;
}

#indexProductBox .navBox li h1 {
	padding: 0 1rem;
	font-size: 1rem;
	color: var(--fColor);
	line-height: 2rem;
	transition: 0.35s ease-in-out;
}

#indexProductBox .navBox li:hover h1 {
	padding: 0 1rem 0 1.5rem;
	transition: 0.35s ease-in-out;
}

#pagesNav .no{ display:none!important}
/* scrollyPic */
#scrollyPic {
	display: flex;
	position: relative;
	width: 53.75rem;
	height: auto;
	max-height: 11.75rem;
	margin: 0.5rem 0 0;
	background: var(--leftIconColor);
	overflow: hidden;
	flex-wrap: nowrap;
}

#scrollyPic .scPicBox {
	position: relative;
	width: 51rem;
	margin: 0.5rem;
	background: var(--fColor);
	overflow: hidden;
}

#scrollyPic .scPicBox .str_move {
	display: flex;
	position: absolute;
	flex-wrap: nowrap;
}

#scrollyPic .scPicBox .str_move .list {
	margin: 0.3rem 0.1rem 0.1rem 0.1rem;
}

#scrollyPic .scPicBox .str_move .list .imgBox {
	width: 12.5rem;
	height: 0;
	padding: 0 0 70%;
	border: 1px solid var(--e3Color);
	overflow: hidden;
}

#scrollyPic .scPicBox .str_move .list .imgBox img {
	width: 100%;
	height: 100%;
	min-height: 8.6rem;
	transform: scale(1);
	transition: 0.35s ease-in-out;
}

#scrollyPic .scPicBox .str_move .list:hover .imgBox img {
	transform: scale(1.05);
	transition: 0.35s ease-in-out;
}

#scrollyPic .scPicBox .str_move .title {
	text-align: center;
	margin: 0.25rem auto 0;
	font-size: 0.7rem;
	color: var(--bColor);
}

#scrollyPic .scrIconBox {
	width: 1rem;
	margin: 0.5rem 0 0 0;
	padding: 1.5rem 0 0 0;
	font-size: 1rem;
	color: var(--bColor);
	background: url(/assets/addons/cms/images/indexSrcIcon.jpg) no-repeat center top;
}

#scrollyPic .scrIconBoxen {
	width: 1rem;
	margin: 0.5rem 0 0 0;
	padding: 1.5rem 0 0 0;
	font-size: 1rem;
	color: var(--bColor);
	background: url(/assets/addons/cms/images/rightSignPicen.png) no-repeat center top;
}
/* indexInfoBox */
#indexInfoBox {
	width: calc(100% - 54.25rem);
	margin: 0.5rem 0 0 0.5rem;
	background: #f8f8f8;
	border: 1px solid var(--e3Color);
}

#indexInfoBox .contentBox {
	width: calc(100% - 1rem);
	height: calc(100% - 0rem);
	max-height: 10.5rem;
	margin: 0.5rem;
	padding: 1rem;
	border: 1px solid var(--e3Color);
}

#indexInfoBox .contentBox .telBox {
	padding: 0 0 0 4rem;
	background: url(/assets/addons/cms/images/telIcon.jpg) no-repeat left top;
}

#indexInfoBox .contentBox .telBox span {
	display: block;
	font-size: 0.875rem;
	color: var(--bColor);
	line-height: 1.65rem;
}

#indexInfoBox .contentBox .telBox span a {
	display: inline-block;
	padding: 0 0 0 0.5rem;
	color: var(--bColor);
}

#indexInfoBox .contentBox .copyRightBox {
	position: relative;
	padding: 1rem;
}

#indexInfoBox .contentBox .copyRightBox span {
	display: block;
	text-align: center;
	font-size: 0.875rem;
	color: var(--hColor);
	line-height: 1.5rem;
}

#indexInfoBox .contentBox .copyRightBox span i {
	font-style: normal;
	padding: 0 0.25rem;
	color: var(--redColor);
}
/* pageAbout */
.pageBox {
	display: flex;
	position: relative;
}

.pageBox .pagesNavBox {
	position: relative;
	width: 30%;
	background: #FAFCFF; float:left
}
/* pagesMNav */
.pagesMNav {
	display: none;
	text-align: left;
	margin: 0rem auto;
	padding: 0.5rem 1rem;
	background: #f4f4f4;
}

.pagesMNav i {
	width: 1rem;
	height: 1rem;
	font-size: 1rem;
	color: var(--hColor);
}

.pagesMNav i:before {
	padding: 0 0.5rem 0 0;
	font-size: 1rem;
	color: var(--bColor);
}

.pagesMNav .icon-guanbi {
	display: none;
}
/* pagesContentBox */
.pagesContentBox {
	position: relative;
	width: calc(100% - 16.5rem);
	padding: 0 1rem;
}

.pagesContentBox .pageDetail {
	position: relative;
	margin: 1rem auto 0;
}

.pagesContentBox .pageDetail {
	position: relative;
}

.pagesContentBox .topTitle {
	position: relative;
	margin: 0 0 0.5rem;
}

.pagesContentBox .topTitle h1 {
	font-size: 1rem;
	font-weight: bold;
	color: var(--bColor);
	line-height: 1.5rem;
}

.pageProduct .edit {
	position: relative;
	margin: 1rem auto;
}


.pagesContentBox .pageDetail p,.pagesContentBox .pageDetail span,.pagesContentBox .pageDetail span a {
	margin: 0;
	font-size: 0.875rem;
	color: var(--bColor);
	line-height: 1.5rem;
}

.scroll::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	opacity: 0.4;
}

.scroll::-webkit-scrollbar-thumb {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(255,153,0,0.2);
	background: var(--bColor);
}
/* pageProduct */
.pageProduct .topTitle {
	position: relative;
	margin: 0 0 0.5rem;
}

.pageProduct .topTitle h1 {
	font-size: 1rem;
	font-weight: bold;
	color: var(--bColor);
	line-height: 1.5rem;
}

.pageProduct .edit {
	position: relative;
	margin: 1rem auto;
}

.pageProduct .appEdit {
	text-indent: 0rem;
	font-size: 1rem;
	color: var(--bColor);
}

.pageProduct .downlistBox {
	position: relative;
	width: 100%;
	margin: 0 auto 1rem;
	float: left;
}

.pageProduct .downlistBox .h1 {
	font-size: 1rem;
	line-height: 2rem;
}

.pageProduct .downlistBox .titleBox {
	position: relative;
	margin: 0.5rem auto;
}

.pageProduct .downlistBox .titleBox li {
	text-align: center;
	font-size: 0.875rem;
	color: var(--fColor);
	line-height: 2rem;
	background: #029ce4;
	border-right: 1px solid var(--fColor);
}

.pageProduct .downlistBox .listBox {
	position: relative;
	margin: 0.5rem auto;
}

.pageProduct .downlistBox .listBox li{
    display: flex;
    margin: 0;
    border-bottom: 1px solid rgba(51,51,51,0.2);
    clear: both;
}

.pageProduct .downlistBox .listBox li span,.pageProduct .downlistBox .listBox li span a {
	text-align: center;
	font-size: 0.875rem;
	color: var(--hColor);
	line-height: 2rem;
	background: var(--e3Color);
	border-right: 1px solid rgba(51,51,51,0.1);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.pageProduct .sonEdit p {
	text-indent: 2rem;
}

.pageProduct .edit p,.pageProduct .edit span {
	margin: 0;
	font-size: 1rem;
	color: var(--bColor);
	line-height: 1.5rem;
}

.pageProduct .edit p img,.pageProduct .edit span img {
	width: 100%;
}

.pageProduct .listBox {
	position: relative;
	margin: 1rem auto;
}

.pageProduct .DetailTwo {
	display: flex;
	flex-wrap: wrap;
}

.pageProduct .listBox .list {
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	overflow: hidden;
	border-bottom: 1px solid var(--e3Color);
	flex-wrap: nowrap;
}

.pageProduct .DetailTwo .list {
	width: calc(100%/2);
}

.pageProduct .listBox .list .imgBox {
	width: 15rem;
	height: 0;
	padding: 0 0 16%;
	border: 1px solid var(--e3Color);
	overflow: hidden;
}

.pageProduct .DetailTwo .list .imgBox {
	padding: 0 0 30%;
}

.pageProduct .listBox .list .imgBox img {
	width: 100%;
	min-height: 9rem;
	max-height: 9rem;
	transform: scale(1);
	transition: 0.35s ease-in-out;
}

.pageProduct .listBox .list:hover .imgBox img {
	transform: scale(1.05);
	transition: 0.35s ease-in-out;
}

.pageProduct .listBox .pChild {
	margin: 0 0 1rem;
}

.pageProduct .listBox .pChild h2 {
	margin: 1.5rem 0 0.5rem;
	font-size: 1rem;
	font-weight: bold;
	color: var(--redColor);
}

.pageProduct .list .contentBox {
	width: calc(100% - 16rem);
	margin: 0 0 0 1rem;
}

.pageProduct .list .contentBox .title {
	position: relative;
}

.pageProduct .list .contentBox .title h2 {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	font-weight: bold;
	color: var(--bColor);
	line-height: 1.5rem;
}

.pageProduct .list .contentBox .edit {
	height: auto;
	max-height: 4.25rem;
	overflow: hidden;
}

.pageProduct .list .contentBox .description {
	display: -webkit-box;
	margin: 0.5rem auto 0;
	font-size: 0.875rem;
	color: var(--bColor);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.pageProduct .list .contentBox .appDescription {
	display: -webkit-box;
	font-size: 0.875rem;
	color: var(--bColor);
	text-indent: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.pageProduct .list .contentBox .edit {
	color: var(--bColor);
}

.pageProduct .list .contentBox .edit,.pageProduct .list .contentBox .edit p,.pageProduct .list .contentBox .edit p span {
	display: -webkit-box;
	font-size: 1rem;
	text-indent: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.pageProduct .list .contentBox .more {
	display: block;
	position: absolute;
	bottom: 1rem;
	text-align: center;
	width: auto;
	font-size: 0.7rem;
	padding: 0 0.5rem;
	color: var(--fColor);
	line-height: 1.5rem;
	background: var(--e3Color);
	border-radius: 0.25rem;
	transition: 0.35s ease-in-out;
}

.pageProduct .list:hover .contentBox .more {
	padding: 0 1rem;
	background: var(--bColor);
	transition: 0.35s ease-in-out;
}

.pagesContentBox .pBack {
	display: block;
	text-align: center;
	position: relative;
	width: 4rem;
	margin: 2rem auto 0;
	padding: 0.25rem;
	font-size: 0.875rem;
	color: var(--fColor);
	background: var(--bColor);
	border-radius: 0.5rem;
	opacity: 0.2;
	transition: 0.35s ease-in-out;
}

.pagesContentBox .pBack:hover {
	width: 6rem;
	background: var(--bColor);
	border-radius: 1rem;
	opacity: 1;
	transition: 0.35s ease-in-out;
}

.feedBackBox {
	display: block;
	text-align: center;
	position: relative;
}

.feedBackBox .form-group {
	position: relative;
}

.feedBackBox .form-group .col-sm-2 {
	font-size: 0.875rem !important;
}

.feedBackBox button {
	display: inline-block;
	padding: 0.25rem 2rem;
	font-size: 0.7rem;
	color: var(--fColor);
	background: var(--hColor);
	border: none;
	border-radius: 0.25rem;
	transition: 0.35s ease-in-out;
}

.feedBackBox button:hover {
	background: var(--bColor);
	transition: 0.35s ease-in-out;
}

.feedBackBox button:nth-of-type(1) {
	background: var(--bColor);
}
/* pageNews */
.pageNews {
	position: relative;
	overflow: hidden;
}

.pageNews .newsBox {
	position: relative;
}

.pageNews .newsBox .list {
	display: flex;
	position: relative;
	margin: 0 0 0.5rem;
	padding: 0 0 0.5rem;
	line-height: 2rem;
	border-bottom: 1px solid #e3e3e3;
	flex-wrap: nowrap;
}

.pageNews .newsBox .list h1 {
	width: calc(100% - 5rem);
	padding: 0 2rem 0 0;
	color: var(--hColor);
	font-size: 1rem;
	line-height: inherit;
	transition: 0.35s ease-in-out;
}

.pageNews .newsBox .list:hover h1 {
	padding: 0 0 0 0.5rem;
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

.pageNews .newsBox .list h1 i {
	color: var(--sfColor);
	transition: 0.35s ease-in-out;
}

.pageNews .newsBox .list:hover h1 i {
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

.pageNews .newsBox .list h1 i:before {
	padding: 0 0.5rem 0 0;
}

.pageNews .newsBox .list h1 .sign {
	display: inline-flex;
	font-family: arial;
	margin: 0 0.5rem 0 0;
	font-size: 0.7rem;
	font-weight: bold;
	font-style: normal;
	color: var(--sfColor);
	line-height: inherit;
	transition: 0.35s ease-in-out;
}

.pageNews .newsBox .list:hover h1 .sign {
	font-style: italic;
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

.pageNews .newsBox .list .time {
	display: inline-flex;
	width: 5rem;
	font-size: 0.875rem;
	color: var(--sfColor);
	line-height: inherit;
}

.pageNews .pager {
	position: relative;
	margin: 2rem auto 0;
}

.pageNews .pager .pagination {
	margin: 0 !important;
	padding: 0 !important;
}

.pageNews .pager .pagination li {
	margin: 0;
	border: none;
}

.pageNews .pager .pagination li.active span {
	color: var(--fColor);
	background: var(--bColor);
	border: 1px solid var(--bColor);
}

.pageNews .pager .pagination li a,.pageNews .pager .pagination li span {
	display: block;
	margin: 0 0.25rem;
	color: var(--hColor);
	border: 1px solid var(--e3Color);
	background: transparent;
	border-radius: 0.6rem;
	transition: 0.35s ease-in-out;
}

.pageNews .pager .pagination li:hover a,.pageNews .pager .pagination li:hover span {
	color: var(--fColor);
	background: var(--bColor);
	border: 1px solid var(--bColor);
	transition: 0.35s ease-in-out;
}
/* pagesNav */
#pagesNav {
	position: relative;
}

#pagesNav .topTitle {
	background: var(--bColor);
}

#pagesNav .topTitle h1 {
	padding: 0 1rem;
	font-size: 1rem;
	color: var(--fColor);
	font-weight: normal;
	line-height: 2.5rem;
	background: var(--bColor);
	border-radius: 0.5rem 0 0 0;
}

#pagesNav .topTitle h1 .iconfont {
	padding: 0 0.5rem 0 0;
}

#pagesNav .navList {
	display: none;
	position: relative;
	overflow: hidden;
}

#pagesNav .navList .nav {
	position: relative;
	background: #f8f8f8;
}

#pagesNav .navList .nav h2 {
	margin: 0;
	padding: 0 2rem 0 1rem;
	font-size: 1rem;
	color: var(--hColor);
	border-bottom: 1px solid var(--e3Color);
	transition: 0.35s ease-in-out;
}

#pagesNav .navList .nav h2 a {
	color: var(--hColor);
	line-height: 2.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: 0.35s ease-in-out; font-weight:normal
}

#pagesNav .navList .child h3 {
	padding: 0 2rem 0 1.5rem;
	font-size: 0.875rem;
	color: var(--desColor);
	line-height: 2.5rem;
	border-bottom: 1px solid var(--e3Color);
}

#pagesNav .navList .child h3 a {
	display: block;
	color: var(--desColor);
	line-height: 2.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: 0.35s ease-in-out; font-weight:normal
}

#pagesNav .navList .son h4 {
	padding: 0 2rem 0 2rem;
	font-size: 0.875rem;
	color: var(--desColor);
	line-height: 2.5rem;
	border-bottom: 1px solid var(--e3Color);
}

#pagesNav .navList .son h4 a {
	color: var(--desColor);
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: 0.35s ease-in-out;font-weight:normal
}

#pagesNav .navList .sons h5 {
	padding: 0 3rem 0 2.5rem;
	font-size: 0.875rem;
	color: var(--desColor);
	line-height: 2.5rem;
	border-bottom: 1px solid var(--e3Color);
}

#pagesNav .navList .sons h5 a {
	color: var(--desColor);
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: 0.35s ease-in-out;font-weight:normal
}

#pagesNav .navList .sonss h6 {
	padding: 0 2rem 0 3rem;
	font-size: 0.875rem;
	color: var(--desColor);
	line-height: 2.5rem;
	border-bottom: 1px solid var(--e3Color);
}

#pagesNav .navList .sonss h6 a {
	color: var(--desColor);
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: 0.35s ease-in-out;font-weight:normal
}

#pagesNav .navList .sonsss h7 {
	display: block;
	padding: 0 2rem 0 3.5rem;
	font-size: 0.875rem;
	color: var(--desColor);
	line-height: 2.5rem;
	border-bottom: 1px solid var(--e3Color);
}

#pagesNav .navList .sonsss h7 a {
	color: var(--desColor);
	line-height: 2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: 0.35s ease-in-out;font-weight:normal
}

#pagesNav .navList li {
	position: relative;
}

#pagesNav .navList li .link {
	display: inline-block;
	width: calc(100% - 1rem);
}

#pagesNav .navList li .iconfont {
	position: absolute;
	top: 0;
	right: 1rem;
	font-size: 1rem;
	color: var(--bColor);
}

#pagesNav .navList .nav h2 .iconfont{
	top:0.7rem;
}

#pagesNav .navList li .icon-123-01 {
	display: none;
}

#pagesNav .navList li h2:hover,#pagesNav .navList li h3:hover,#pagesNav .navList li h4:hover,#pagesNav .navList li h5:hover,#pagesNav .navList li h6:hover,#pagesNav .navList li h7:hover {
	background: var(--fColor);
	transition: 0.35s ease-in-out;
}

#pagesNav .navList li h2:hover a,#pagesNav .navList li h3:hover a,#pagesNav .navList li h4:hover a,#pagesNav .navList li h5:hover a,#pagesNav .navList li h6:hover a,#pagesNav .navList li h7:hover a {
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

#pagesNav .navShow {
	display: block;
}

#leftIcon {
	position: relative;
	padding: 0.5rem;
	background: var(--leftIconColor);
}

#leftIcon li {
	margin: 0 0 1rem;
	transition: 0.35s ease-in-out;
	border: 1px solid var(--e3Color);
	overflow: hidden;
}

#leftIcon li:nth-last-child(1) {
	margin: 0;
}

#leftIcon li img {
	width: 100%;
	transform: scale(1);
	transition: 0.35s ease-in-out;
}

#leftIcon li:hover img {
	width: 100%;
	transform: scale(1.05);
	transition: 0.35s ease-in-out;
}
/* aboutHonor */
.aboutHonor {
	position: relative;
}

.aboutHonor .title {
	margin: 0.5rem auto;
	font-size: 1.25rem;
	font-weight: bold;
	color: var(--redColor);
}

.aboutHonor ul {
	display: flex;
	position: relative;
	width: calc(100% + 1rem);
	flex-wrap: wrap;
}

.aboutHonor ul li {
	width: calc((100% - 3rem)/3);
	margin: 0 1rem 1rem 0;
	background: #f8f8f8;
	overflow: hidden;
}

.aboutHonor ul li .imgBox {
	width: 100%;
	height: 0;
	padding: 0 0 75%;
	overflow: hidden;
}

.aboutHonor ul li img {
	width: 100%;
	transform: scale(1);
	transition: 0.35s ease-in-out;
}

.aboutHonor ul li:hover img {
	width: 100%;
	transform: scale(1.05);
	transition: 0.35s ease-in-out;
}

.aboutHonor ul li span {
	display: block;
	margin: 0 auto 1rem;
	text-align: center;
	font-size: 1rem;
	color: var(--bColor);
	line-height: 2rem;
}
/* showHonor */
.showHonor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.9);
	transform: scale(0);
	z-index: 100;
}

.showHonor .icon-guanbi {
	position: absolute;
	top: 2rem;
	right: 2rem;
	font-size: 1.5rem;
	color: var(--fColor);
}

.showHonor .showBox {
	text-align: center;
	position: relative;
	margin: 10vh auto;
}

.showHonor .showBox img {
	width: auto;
	height: 80vh;
}

.sHonor {
	transform: scale(1);
	opacity: 1;
	transition: 0.35s ease-in-out;
}

.hHonor {
	display: block;
	transform: scale(0);
	opacity: 0;
	transition: 0.35s ease-in-out;
}
/* companyNameBox */
.companyNameBox {
	position: relative;
}

.companyNameBox .titleBox {
	margin: 1rem auto;
}

.companyNameBox .titleBox h1 {
	margin: 0 0 1rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: var(--redColor);
}

.companyNameBox .titleBox span {
	font-size: 1rem;
	color: var(--redColor);
	line-height: 1.5rem;
}

.companyNameBox .nameList {
	display: flex;
	position: relative;
	flex-wrap: wrap;
}

.companyNameBox .nameList li {
	width: calc((100% - 3rem)/3);
	margin: 0 0.5rem 1rem 0.5rem;
	font-size: 0.875rem;
	color: var(--bColor);
	line-height: 1rem;
	overflow: hidden;
	white-space: nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
	text-overflow: ellipsis;
}

.companyNameBox .nameList li i {
	display: block;
	width: 1rem;
	height: 1rem;
	margin: 0 0.5rem 0 0;
	font-size: 0.875rem;
	color: var(--bColor);
	float: left;
}
/* productDetail */
#productDetail {
	position: relative;
	max-width: 58.5rem;
	margin: 0 auto;
	font-size: 0.875rem;
	overflow: hidden;
}

#productDetail .imgPicBox {
	display: flex;
	justify-content: center;
	margin: 1rem auto 1rem;
	padding: 0;
	flex-wrap: nowrap;
}

#productDetail .imgPicBox .list {
	width: auto;
	height: auto;
	margin: 0 3rem;
	overflow: hidden;
}

#productDetail .imgPicBox .list .imgBox {
	width: 320px;
	height: 220px;
	max-height: 220px;
	border: 1px solid #e3e3e3;
	overflow: hidden;
}

#productDetail .imgPicBox .list .imgBox img {
	width: 100%;
	height: 100%;
	min-height: 220px;
}

#productDetail .imgPicBox .list .title {
	display: block;
	text-align: center;
	font-size: 1rem;
	color: #003399;
	line-height: 2.25rem;
}

#productDetail .infoBox {
	position: relative;
	margin: 1rem auto;
	font-size: 0.875rem;
}

#productDetail .infoBox p {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color: #003399;
	line-height: 1.5rem;
	text-indent: 0rem;
}

#productDetail .infoBox p a {
	color: #003399 !important;
}

#productDetail .formBox {
	position: relative;
}

#productDetail .formBox .topTitle {
	position: relative;
	text-align: center;
	margin: 1.5rem 0 0.25rem;
	font-size: 1rem;
	color: #1c1c1c;
	line-height: 1; text-align:left
}

#productDetail .formBox .mobilePic img{
	display:none;
	position:relative;
	width:100%;
}

#productDetail .formBox .form {
	position: relative;
	background: #e3e3e3;
}

#productDetail .formBox .form ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	
border-bottom: 1px solid #fff;}

#productDetail .formBox .form .title {
	background: #029ce4;
}

#productDetail .formBox .form ul .list:nth-child(1) {
    width: calc(19.4% - 0rem);
    padding: 0 0.5rem;
}
#productDetail .formBox .form ul .list:nth-child(4) {
    width: calc(14% - 0px);
    padding: 0 0.5rem;
    border-left: 1px solid #fff;
}
#productDetail .formBox .form ul .list {
	text-align: center;
	position: relative;
	width: calc(100%/4);
	padding: 0;
	font-size: 0.875rem !important;
	color: var(--hColor);
	line-height: 2rem;
	border-right: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
border-left: 1px solid #fff; margin-top:0; margin-bottom:0}

#productDetail .formThreeForm .form .num .list{
	width: calc(100%/3) !important;
}

#productDetail .formThreeForm .form .num .list span{
	width: calc(100%/1) !important;
}

#productDetail .Form0201 .form .title .list{
	width: calc(100%/2) !important;
}

#productDetail .formBox .form ul .list span {
	font-size: 0.875rem !important;
	color: var(--fColor);
}

#productDetail .formBox .form .num span {
	color: var(--hColor) !important;
}

#productDetail .formBox .form ul .list a {
	text-decoration: none;
	color: var(--hColor);
	transition: 0.35s ease-in-out;
}

#productDetail .formBox .form ul .list:hover a {
	color: var(--redColor);
	transition: 0.35s ease-in-out;
}

#productDetail .appForm ul .list:nth-child(n+1) {
	width: calc(100%/6) !important;
	line-height: 1.5rem !important;
}

#productDetail .fiveForm ul .list:nth-child(n+1) {
	width: calc(100%/5) !important;
	line-height: 2rem !important;
border-left: 1px solid #fff;}

#productDetail .formBox .form ul .list:nth-child(3) {
	width: calc(14% - 0rem);
	padding: 0 0.5rem;
}

#productDetail .formFourForm .form ul .list:nth-child(3) {
	width: calc(30% - 0rem) !important;
	padding: 0 0.5rem;
}

#productDetail .formFourForm .form ul .list:nth-child(5) {
	width: calc(20% - 0rem) !important;
	
}

#productDetail .formFourForm .form ul .list:nth-child(7) {
	width: calc(20% - 0rem) !important;
	
}

#productDetail .formFourForm .form ul .list:nth-child(9) {
	width: calc(30% - 0rem) !important;
	
}

#productDetail .formBox .form ul .list:nth-child(6) {
	width: calc(36% - 0px);
	border-left: 1px solid #fff;
	
}

#productDetail .Form0201 .form .num .list {
	width: calc(100%/4) !important;
	border-left: 1px solid #fff;
}

#productDetail .Form0201 .form .num .list span{
	width: calc(100%/1) !important;
}

#productDetail .formBox .form ul .list:nth-child(9) {
	width: calc(36% - 0px);
border-left: 1px solid #fff;}

#productDetail .formBox .form ul .list:nth-child(12) {
	width: calc(14% - 0px);
	padding: 0 0.5rem;
	border-left: 1px solid #fff;
}

#productDetail .formBox .form .title .list {
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* padding: 0.5rem 0; */
	font-size: 0.875rem !important;
	line-height: 4rem;
	color: var(--fColor);
	}
#productDetail .formBox .form .title .list br{
	display:block;
	line-height:1;
}
#productDetail .formThreeForm .form .title .list{
	width: calc(100%/3) !important;
	line-height: 3rem;
}

#productDetail .formBox .form .title .list span {
	display: block;
	font-size: 1rem;
	padding: 0 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#productDetail .formBox .form .title .list:nth-child(6) p span:nth-child(1) {
	display: block;
	font-size: 1rem;
	line-height: 2rem;
border-bottom: 1px solid #fff;}

#productDetail .formBox .form .title .list:nth-child(6) p span:nth-child(2) {
	display: inline-block;
	text-align: center;
	width: calc(48% - 0px);
	font-size: 1rem;
	line-height: 2rem;
	;;;;border-right: 1px #fff solid;float: left; padding:0
}

#productDetail .formBox .form .title .list:nth-child(6) p span:nth-child(3) {
	display: inline-block;
	text-align: center;
	width: calc(48% - 0px);
	line-height: 2rem;
	border-left: none;
	float: left; padding:0
}

#productDetail .formBox .form .title .list:nth-child(9) p span:nth-child(1) {
	display: block;
	line-height: 2rem;
	
border-bottom: 1px solid #fff;}

#productDetail .formBox .form .title .list:nth-child(9) p span:nth-child(2) {
	display: inline-block;
	text-align: center;
	width: calc(45% - 0px);
	line-height: 2rem;
	border-right: 1px solid #fff;
	float: left; padding:0
}

#productDetail .formBox .form .title .list:nth-child(9) p span:nth-child(3) {
	display: inline-block;
	text-align: center;
	width: calc(45% - 0px);
	line-height: 2rem;
	
	
	float: left; padding:0
}

#productDetail .formBox .form .num .list:nth-child(6) p span:nth-child(1) {
	display: inline-block;
	text-align: center;
	width: calc(48% - 0px);
	line-height: 2rem;
	border-right: 1px solid #fff;float: left;
}

#productDetail .formBox .form .num .list:nth-child(6) p span:nth-child(2) {
	display: inline-block;
	text-align: center;
	width: calc(48% - 0px);
	line-height: 2rem;
}

#productDetail .formBox .form .num .list:nth-child(9) p span:nth-child(1) {
	display: inline-block;
	text-align: center;
	width: calc(45% - 0px);
	line-height: 2rem;
	border-right: 1px solid #fff;float: left;
}

#productDetail .formBox .form .num .list:nth-child(9) p span:nth-child(2) {
	display: inline-block;
	text-align: center;
	width: calc(45% - 0px);
	line-height: 2rem;
}

#productDetail .pSBox {
	position: relative;
	margin: 1rem auto 0;
	color: var(--bColor);
}

#productDetail .pSBox span {
	display: block;
	font-size: 0.875rem;
	color: var(--bColor);
	line-height: 1.5rem;
}
#productDetail .pSBox span p{
	font-size: 0.875rem;
}
/* footerBox */
#footerBox {
	position: relative;
	height: 8rem;
	margin: 0px auto 0;
	padding: 0;
	background: url(/assets/addons/cms/images/footerBg.jpg) top;
}

#footerBox .copyright {
	display: block;
	text-align: center;
	padding: 1.5rem 0 0 0;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

#footerBox .contactBox {
	display: block;
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

#footerBox .contactBox a {
	margin: 0 0.25rem;
	color: var(--hColor);
}
/* onLineBox */
#onLineBox {
	display: flex;
	position: fixed;
	padding: 0;
	right: 0;
	bottom: 2rem;
	height: auto;
	background: var(--fColor);
	overflow: hidden;
	cursor: default;
	flex-wrap: wrap-reverse;
	z-index: 100;
}

#onLineBox a {
	text-decoration: none;
}

#onLineBox .iconBox {
	position: relative;
	text-align: center;
	width: 7rem;
	height: 2rem;
	margin: 0 -1px 0 0;
	padding: 0.5rem 0;
	line-height: 2rem;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	border: 1px solid #efefef;
	border-radius: 0;
	transition: 0.35s ease-in-out;
	overflow: hidden;
}

#onLineBox .iconBox:hover .iconfont:before {
	color: red;
	transition: 0.35s ease-in-out;
}

#onLineBox .iconBox .iconfont:before {
	padding: 0 0.25rem 0 0;
	font-size: 0.875rem;
	color: #999;
}

#onLineBox .iconBox span {
	font-size: 0.875rem;
	color: #1c1c1c;
}

#onLineBox .onLineContentBox {
	position: relative;
	width: auto;
	height: 12rem;
	margin: 0;
	border: 1px solid #efefef;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	transform: translateX(0%);
	transition: 0.35s ease-in-out;
	overflow: hidden;
}

#onLineBox .onLineContentBox .contactBox {
	position: relative;
	text-align: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border-top: 1px solid #efefef;
}

#onLineBox .onLineContentBox .listBox {
	position: relative;
}

#onLineBox .onLineContentBox .listBox:hover .iconfont {
	color: var(--bColor);
}

#onLineBox .onLineContentBox .contactBox .iconfont {
	display: block;
	padding: 0.8rem 0 0.25rem 0;
	font-size: 1.25rem;
	color: #1c1c1c;
	line-height: 1;
	transition: 0.35s ease-in-out;
}

#onLineBox .onLineContentBox .contactBox span {
	display: block;
	font-size: 0.7rem;
	color: #1c1c1c;
	line-height: 1rem;
}

#onLineBox .onLineContentBox .wechatBox {
	position: relative;
	text-align: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border-top: 1px solid #efefef;
}

#onLineBox .onLineContentBox .wechatBox .iconfont {
	display: block;
	padding: 0.8rem 0 0.25rem 0;
	font-size: 1.25rem;
	color: #1c1c1c;
	line-height: 1;
}

#onLineBox .onLineContentBox .wechatBox span {
	display: block;
	font-size: 0.7rem;
	color: #1c1c1c;
	line-height: 1rem;
}

#onLineBox .onLineContentBox .topBackBox {
	position: relative;
	text-align: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border-top: 1px solid #efefef;
}

#onLineBox .onLineContentBox .topBackBox .iconfont {
	display: block;
	padding: 0.9rem 0 0 0;
	font-size: 1rem;
	color: #1c1c1c;
	line-height: 1;
}

#onLineBox .onLineContentBox .topBackBox span {
	display: block;
	font-size: 0.875rem;
	color: #1c1c1c;
	line-height: 1rem;
}

#onLineBox .contactAlertBox {
	display: none;
	position: fixed;
	right: 4rem;
	width: 0;
	height: auto;
	padding: 0;
	background: #fff;
	border: 1px solid #efefef;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	transition: 0.35s ease-in-out;
	z-index: 100;
}

#onLineBox .contactAlertBox .listBox {
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid #efefef;
}

#onLineBox .contactAlertBox .listBox:nth-last-child(1) {
	margin: 0;
	padding: 0;
	border-bottom: transparent;
}

#onLineBox .contactAlertBox .listBox .iconfont {
	position: relative;
	color: #999;
	transition: 0.35s ease-in-out;
}

#onLineBox .contactAlertBox .listBox:hover .iconfont {
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

#onLineBox .contactAlertBox .listBox .iconfont:before {
	margin: 0 0.25rem 0 0;
}

#onLineBox .contactAlertBox .listBox a {
	color: #1c1c1c;
	transition: 0.35s ease-in-out;
}

#onLineBox .wechatCodeBox {
	display: none;
	text-align: center;
	position: fixed;
	right: 4rem;
	width: 0;
	padding: 0;
	background: var(--fColor);
	border: 1px solid #efefef;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	transition: 0.35s ease-in-out;
	opacity: 0;
	overflow: hidden;
	z-index: 100;
}

#onLineBox .wechatCodeBox .listBox {
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid #efefef;
}

#onLineBox .wechatCodeBox .listBox:nth-last-child(1) {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

#onLineBox .wechatCodeBox img {
	width: 100%;
}

#onLineBox .wechatCodeBox span {
	display: block;
	font-size: 0.7rem;
	line-height: 1;
}
#ClCache{
	display:none !important;
}
/* animation */
.mSMenu {
	animation: mSMenu 1s ease-in-out;
	-webkit-animation: mSMenu 1s ease-in-out;
}

@keyframes mSMenu {
	0% {
		height: 0;
	}

	50% {
		height: 40vh;
	}

	100% {
		height: 100vh;
	}
}

#productDetail .formBox .form ul .list:nth-child(2) {
    width: calc(43% - 0px);
    border-left: 1px solid #fff;
}
#productDetail .formBox .form ul .list:nth-child(3) {
    width: calc(21% - 0px);
    border-left: 1px solid #fff; padding:0
}
#productDetail .formBox .form .title .list:nth-child(2) span:nth-child(1) {
    display: block;
    font-size: 1rem;
    line-height: 2rem;
    border-bottom: 1px solid #fff;
}#productDetail .formBox .form .title .list:nth-child(2) span:nth-child(2) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    font-size: 1rem;
    line-height: 2rem;
    border-right: 1px #fff solid;
    float: left; padding:0
}

#productDetail .formBox .form .title .list:nth-child(2) span:nth-child(3) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    line-height: 2rem;
    border-left: none;
    float: left; padding:0
} 
#productDetail .formBox .form .num .list:nth-child(2) span:nth-child(1) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    line-height: 2rem;
    border-right: 1px solid #fff;
    float: left;
}

#productDetail .formBox .form .num .list:nth-child(2) span:nth-child(2) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    line-height: 2rem;
}

@media screen and (max-width: 768px) {

#productDetail .formBox .form ul .list span {
    font-size: 0.375rem !important;
}
#productDetail .formBox .form ul .list{  font-size: 0.375rem !important;}
}

@media screen and (min-width: 1920px) {

.container{ width:80%}
.ct2-mn{ width:100%}
#productDetail{ max-width:100%}
.header, .content, .footer{ width:80%}
.nav .container{ width:100%;}
.g_ft .m_fnav{ width:1200px; margin:0 auto;}
.header, .content, .footer{ width:80%;}
.pageBox .pagesNavBox{ width:25%}
}


#productDetail .formBox .form4 ul .list:nth-child(1) {
    width: calc(29% - 0rem);
    padding: 0 0.5rem;
}
#productDetail .formBox .form4 ul .list:nth-child(4) {
    width: calc(26% - 0rem);
    padding: 0 0.5rem;
    border-left: 1px solid #fff;
}
#productDetail .formBox .form4 ul .list:nth-child(2) {
    width: calc(17% - 0rem);
    padding: 0 0.5rem;
    border-left: 1px solid #fff;
}
#productDetail .formBox .form4 ul .list:nth-child(3) {
	width: calc(28% - 0rem);
	padding: 0 0.5rem;
} 
#productDetail .formBox .form4 {
	position: relative;
	background: #e3e3e3;
}

#productDetail .formBox .form4 ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	
border-bottom: 1px solid #fff;}

#productDetail .formBox .form4 .title {
	background: #029ce4;
}

#productDetail .formBox .form4 ul .list {
	text-align: center;
	position: relative;
	width: calc(100%/4);
	padding: 0;
	font-size: 0.875rem !important;
	color: var(--hColor);
	line-height: 2rem;
	border-right: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
border-left: 1px solid #fff; margin-top:0; margin-bottom:0}


#productDetail .formBox .form4 ul .list span {
	font-size: 0.875rem !important;
	color: var(--fColor);
}

#productDetail .formBox .form4 .num span {
	color: var(--hColor) !important;
	display: inline-block;
}

#productDetail .formBox .form4 ul .list a {
	text-decoration: none;
	color: var(--hColor);
	transition: 0.35s ease-in-out;
}

#productDetail .formBox .form4 ul .list:hover a {
	color: var(--redColor);
	transition: 0.35s ease-in-out;
}

#productDetail .formBox .form4 .title .list {
	font-size: 0.875rem !important;
	line-height: 4rem;
	color: var(--fColor);
	}
#productDetail .formBox .form4 .title .list br{
	display:block;
	line-height:1;
} 
#productDetail .formBox .form4 .title .list span {
	display: block;
	font-size: 1rem;
	padding: 0 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
} 


#productDetail .formBox .form4 .title .list:nth-child(2) span:nth-child(1) {
    display: block;
    font-size: 1rem;
    line-height: 2rem;
    border-bottom: 1px solid #fff;
}#productDetail .formBox .form4 .title .list:nth-child(2) span:nth-child(2) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    font-size: 1rem;
    line-height: 2rem;
    border-right: 1px #fff solid;
    float: left; padding:0
}

#productDetail .formBox .form4 .title .list:nth-child(2) span:nth-child(3) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    line-height: 2rem;
    border-left: none;
    float: left; padding:0
}
ne-height: 2rem;
}
#productDetail .formBox .form4 .num .list:nth-child(2) span:nth-child(1) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    line-height: 2rem;
    border-right: 1px solid #fff;
    float: left;
}

#productDetail .formBox .form4 .num .list:nth-child(2) span:nth-child(2) {
    display: inline-block;
    text-align: center;
    width: calc(50.7% - 0px);
    line-height: 2rem;
    border-left: 1px solid #fff;
    float: right; padding:0
}

#productDetail .formBox .form4 .num .list:nth-child(2) span:nth-child(3) {
    display: inline-block;
    text-align: center;
    width: calc(49% - 0px);
    line-height: 2rem;
    border-right: 1px solid #fff;
    float: left; padding:0
}

@media screen and (max-width: 768px) {

#productDetail .formBox .form4 ul .list span {
    font-size: 0.375rem !important;

}
#productDetail .formBox .form4 ul .list{  font-size: 0.375rem !important;}
}