a,
.section_title_1 .setting span,
a.more,
.side_box .section_title_1>p,
.form .section_title_1>p,
.catg_hide p,
.list_text a:hover p,
.catg_name a:hover,
.foot_extend a:hover,
.gallery_box:hover span {
	color: #16558c;
}

* {
	/* font-family: inherit; */
}

.section_title_1 .setting span:after,
.btn_1 a:hover,
.catg_hide,
a.btn_contact:hover,
.form input:focus,
.form textarea:focus {
	border-color: #16558c;
}

.home .section_title_3>p:after,
.home .section_title_1>p:after,
.slick-dots li.slick-active button,
.service_box_text p a,
.alpha_bg,
.btn_1 a:after,
.gallery_box:hover:before,
.btn_2 a,
.catg_name a.on,
a.btn_2:before,
.page_on a,
a.btn_contact:hover,
.formBtn button:hover {
	background-color: #16558c;
}

.header {
	background-color: #fff;
	z-index: 100000;
}

.nav li a,
.header_info p,
.header_info p a {
	color: #222;
}

.on a {
	border-color: #222;
}

#pcLoading {
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
}

#pcLoading:after {
	content: 'loading...';
	position: absolute;
	left: calc(50% - 70px);
	background: url('../images/loading.gif');
	background-repeat: no-repeat;
	background-position: 20% center;
	top: 60%;
	width: 175px;
	border-radius: 40px;
	height: 40px;
	line-height: 40px;
	text-indent: 60px;
	color: #000;
	font-weight: bold;
	background-color: rgba(255, 255, 255, .4);
}

body {
	padding-bottom: 70px !important;
}

.index {
	display: none;
}

.index .language {
	position: relative;

}

#pc_right_navs {
	position: fixed;
	z-index: 15;
	top: 80%;
	right: 30px;
	/* background-color: red; */
}

#pc_right_navs .iconfont {
	transition: all .5s;
	font-size: 35px;
	/* font-weight: bold; */
	color: #fff;
	width: 60px;
	height: 60px;
	background-color: rgba(204, 204, 204, .5);
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	display: none;
	transition: all .5s;
}

#pc_right_navs .iconfont:hover {
	background-color: #16558c;
}

#frame_pc_kefu {
	display: none;
	width: 800px;
	height: 600px;
	position: fixed;
	bottom: 20%;
	left: 20%;
	z-index: 999;
}

#frame_pc_kefu .del {
	font-weight: normal;
	z-index: 999;
	display: block;
	top: 2px;
	width: 176px;
	position: absolute;
	font-size: 40px;
	right: 18px;
	background: #fff;
	text-align: right;
}

#frame_pc_kefu iframe {
	width: 800px;
	height: 600px;
	border: 0;
	margin: 0;
	padding: 0;
}

#pc_right_navs .icon-customer-service {

	margin-bottom: 20px;
}

#mobileMask {
	display: none;
}

#mobileNav {
	display: none;
}

#mobileIndex .section .gallery_box {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
}

#mobileIndex .section .gallery_box a {
	position: static;
	width: calc(100% - 40px);
	height: 260px;
	opacity: 1;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 20px;

}

#mobileIndex .section .gallery_box img {
	/* width: auto; */
	width: auto;
	height: auto;
	margin: 0 auto;
	/* border-radius: 5px; */
	/* max-width: 260px; */
	max-height: 260px;
	padding: 0;
}

#mobileIndex .section .gallery_box .gal-two {
	width: 100%;
	display: block;
	text-align: center;
}

#mobileIndex.index_1 .superiority {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	white-space: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: 80px;
	justify-content: space-between;
}

#mobileIndex.index_1 .superiority li {
	margin-bottom: 10px;
	max-width: 24%;
	min-width: 15.5%;
	width: auto;
	background-color: #fff;
	border-radius: 4px;
	padding: 35px 0;
	border: 20px solid #fff;
	border-left: 0;
	border-right: 0;
	text-align: center;
	display: table-cell;
	position: relative;
	vertical-align: middle;

}

#mobileIndex.index_1 .superiority li img {
	position: absolute;
	max-width: 80%;
	max-height: 100%;
	transform: translate(-50%, -50%);
	transition: all .3s;
	-moz-transition: all .3s;
	/* Firefox 4 */
	-webkit-transition: all .3s;
	/* Safari and Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#mobileIndex.index_1 .superiority li img:hover {
	max-width: 100%;
	max-height: 120%;
}

#mobileIndex.index_1 .superiority li p {
	display: none;
}

#mobileIndex.index_1 .superiority li:nth-of-type(4) {
	margin-right: 0%;
}

#mobileIndex .section .gallery_box:nth-child(3n) {
	margin-right: 3%;
}

#mobileIndex .section .gallery_box:nth-child(3n+1) {
	margin-right: 0;
}

#mobileIndex .gallery_list_tt {
	font-weight: bold;
	font-size: 30px;
	line-height: 100px;
}

#mobileIndex.index_1 .service_box #server_a_cont,
#mobileIndex.index_1 .service_box #server_b_cont,
#mobileIndex.index_1 .service_box #server_c_cont,
#mobileIndex.index_1 .service_box #server_d_cont {
	margin-top: 0px;
	font-size: 13px;
	text-align: center;
	display: block;
	height: 90px;
	overflow: hidden;
}

#mobileIndex .new-cat {
	width: 100%;
	padding: 30px 0;
	padding-top: 0px;
}

#mobileIndex .new-cat .top {
	color: #fff;
	background: url('') no-repeat center center;
	background-size: 100% 100%;
	width: 100%;
	margin: 0 auto;
	font-size: 40px;
	border-radius: 5px;
	text-align: center;
	height: 400px;
	line-height: 400px;
	overflow: hidden;
}

#mobileIndex .new-cat ul {
	display: flex;
	flex-wrap: nowrap;
	margin-top: 30px;
}

#mobileIndex .new-cat ul li {
	font-size: 30px;
	border-radius: 5px;
	text-align: center;
	height: 300px;
	line-height: 300px;
	background: url('../../thumbs/z3.png') no-repeat center center;
	width: 49%;
	color: #fff;
	text-align: center;
	overflow: hidden;
}

#mobileIndex .new-cat a {
	display: block;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}

#mobileIndex .new-cat a:hover {
	background-color: rgba(0, 0, 0, .5);
	color: #16558c;
}

#mobileIndex .new-cat ul li:nth-last-of-type(1) {
	margin-left: 2%;
}

#mobileIndex .new-cat ul li:nth-last-of-type(2) {
	background: url('../../content/6-text/3.jpg') no-repeat center center;
}

#mobileIndex .service_box_text p a {
	margin-top: 5px;
}

#mobileIndex .section.home {
	margin-bottom: 10px;
}

.index .header .nav .header_info .language-list {
	background-color: #fff;
	position: absolute;
	top: 32px;
	left: 0;
	/* width: 100%; */
	display: flex;
	flex-wrap: wrap;
	box-shadow: 3px 8px 5px #8d8eb0;
	border-radius: 5px;
	padding: 0 14px;
	padding-top: 10px;
}

.index .language-list .language-list-li {
	font-size: 16px;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0;
	margin: 5px 0px;
	width: 100%;
	line-height: 30px;
	border-top: 1px solid #eee;
}

#wechat_talk {
	z-index: 99999999;
	position: fixed;
	left: 50px;
	width: 80%;
	height: 80%;
	right: 50px;
	top: 50px;
}

.index .language-list .language-list-li:nth-of-type(1) {
	margin-top: 0;
	border-top: 0;
}

.nav .language-list .language-list-li:after {
	width: 0;
	height: 0;
}

.index_1 .header_info .language:hover {
	color: #16558c;
}

.index_1 .header_info .language:hover .language-list-li {
	color: #333;
}

.index_1 .header_info .language .language-list-li:hover {
	color: #16558c;
}

.index .header_info #language {
	border: none;
	display: inline;
	color: #fff;
	padding: 0;
	margin: 0;
	height: 50px;
	font-size: 1.0vw;
	background: none;
	text-align: center;
}

a,
.section_title_1 .setting span,
a.more,
.side_box .section_title_1>p,
.form .section_title_1>p,
.catg_hide p,
.list_text a:hover p,
.catg_name a:hover,
.foot_extend a:hover,
.gallery_box:hover span {
	color: #16558c;
}

.section_title_1 .setting span:after,
.btn_1 a:hover,
.catg_hide,
a.btn_contact:hover,
.form input:focus,
.form textarea:focus {
	border-color: #16558c;
}

.home .section_title_3>p:after,
.home .section_title_1>p:after,
.slick-dots li.slick-active button,
.service_box_text p a,
.alpha_bg,
.btn_1 a:after,
.gallery_box:hover:before,
.btn_2 a,
.catg_name a.on,
a.btn_2:before,
.page_on a,
a.btn_contact:hover,
.formBtn button:hover {
	background-color: #16558c;
}


.nav li a,
.header_info .header_info-box,
.header_info .header_info-box a {
	color: #222;
}

.on a {
	border-color: #222;
}

.index_1 .header_info .searchs {
	position: relative;
}

.index_1 .header_info .search .search_info {
	display: none;
	position: absolute;
	background-color: #fff;
	left: 10px;
	top: 60px;
	width: calc(100% - 10px);
	border-radius: 6px;
	box-shadow: 10px 7px 8px rgb(61 110 168 / 25%);

}

.index_1 .header_info .search .search_info ul {
	max-height: 400px;
	overflow: scroll;
	scrollbar-width: none;
	/* firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
	overflow-x: hidden;
	overflow-y: auto;
}

.search_info ul::-webkit-scrollbar {
	/* 隐藏默认的滚动条 */

	-webkit-appearance: none;

}

.search_info::-webkit-scrollbar:vertical {
	/* 设置垂直滚动条宽度 */

	width: 10px;

}

.index_1 .header_info .search .search_info .tt {
	padding: 10px;
	line-height: 1;
	color: #333;
	border-bottom: 1px solid #eee;
	font-weight: bold;
}

.index_1 .header_info .search .search_info ul {
	position: static;
	float: none;
	display: flex;
	flex-wrap: wrap;
	padding: 6px;
	line-height: 1;
	left: 0;
	cursor: pointer;
}

.index_1 .header_info .search .search_info ul li {
	display: inline-block;
	line-height: initial;
	background-color: #ebeff3;
	border-radius: 6px;
	padding: 5px;
	margin-bottom: 5px;
	color: #333;
	font-size: 13px;
	margin-right: 5px;
}

.index_1 .header_info .search .search_info ul li:hover {
	background-color: #16558c;
	color: #fff;
}

.index_1 .header_info .search .search_info .search_top {
	font-size: 15px;
	font-weight: bold;
	line-height: initial;
	padding: 10px;
	/* border-bottom: 1px solid #eee; */
}

.index_1 .header_info .search .search_info .search_top .del {
	float: right;
	font-size: 16px;
	/* font-family: cursive; */
	cursor: pointer;
}




.mySwiper3.index_swiper .swiper-box {
	display: none;
}

#swiperNav {
	display: none;
}

/* end */



.white {
	color: #fff !important;
}

.white::placeholder {
	color: #fff !important;
}

.black {
	color: #000 !important;
}

.black::placeholder {
	color: #000 !important;
}

.bg {
	overflow: hidden;
	width: 100%;
	display: block;
	height: 400px;
	background-image: url(thumbs/z3.png);
	background-size: 100% 100%;
}

.bg p {
	color: #fff;
}

.bg p:nth-of-type(1) {
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
	border-left: 4px solid #16558c;

	padding-left: 10px;
	margin-left: 100px;
	position: relative;
	margin-top: 150px;
}

.bg p:nth-of-type(2) {
	margin-top: 30px;
	margin-left: 100px;
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
}

.section .gallery_box {
	box-shadow: 10px 12px 18px rgb(179 181 221 / 37%);
	border-radius: 10px;
	margin-right: 4%;
}

.section .gallery_box:nth-child(3n) {
	margin-right: 0;
}

.section .gallery_box img {
	padding: 20px;
	display: block;
	width: calc(100% - 180px);
	margin: auto;
}

.gallery_box span {
	display: block;
	padding-bottom: 20px;
}

.section .swiper.mySwiper.index_swiper .swiper-button-next,
.section .swiper.mySwiper.index_swiper .swiper-button-prev {
	display: none;
}

.section .swiper.mySwiper.index_swiper {
	padding: 0px 0;
	width: 70%;
	padding-bottom: 20px;
}

.section .swiper.mySwiper.index_swiper .swiper-slide {
	text-align: center;
	height: 50px;
	border-radius: 5px;
	line-height: 50px;
	/* background-color: rgba(0, 0, 0, .2); */
}

.section .swiper.mySwiper.index_swiper .swiper-slide.swiper-slide-thumb-active {
	border-bottom: 2px solid #16558c;
}

.section .swiper.mySwiper.index_swiper .swiper-slide.swiper-slide-thumb-active a {
	color: #16558c;
	font-weight: bold;
}

.section .swiper.mySwiper.index_swiper .swiper-slide a {

	color: #000;
}



.categories_index .section_title_1 .setting span,
.categories_index a.more,
.categories_index .side_box .section_title_1>p,
.categories_index .form .section_title_1>p,
.categories_index .catg_hide p,
.categories_index .list_text a:hover p,
.categories_index .catg_name a:hover,
.categories_index .foot_extend a:hover,
.categories_index .gallery_box:hover span {
	color: #16558c;
}

.categories_index .section_title_1 .setting span:after,
.categories_index .btn_1 a:hover,
.categories_index .catg_hide,
.categories_index a.btn_contact:hover,
.categories_index .form input:focus,
.categories_index .form textarea:focus {
	border-color: #16558c;
}

.categories_index .home .section_title_3>p:after,
.categories_index .home .section_title_1>p:after,
.categories_index .slick-dots li.slick-active button,
.categories_index .service_box_text p a,
.categories_index .alpha_bg,
.categories_index .btn_1 a:after,
.categories_index .gallery_box:hover:before,
.categories_index .btn_2 a,
.categories_index .catg_name a.on,
.categories_index a.btn_2:before,
.categories_index .page_on a,
.categories_index a.btn_contact:hover,
.categories_index .formBtn button:hover {
	background-color: #16558c;
}

.categories_index .header {
	background-color: #fff;
}

.categories_index .nav li a,

.categories_index .on a {
	border-color: #222;
}

.categories_index .side_r .gallery_box {
	padding: 0px;
	border-radius: 5px;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
	width: 240px;
}

.categories_index .side_r .gallery_box img {
	display: block;
	margin: 0 auto;
	border-radius: 5px;
}

.categories_index .side_r .gallery_box span {
	padding: 5px 10px;
	overflow: hidden;
	margin-top: 0;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.categories_index .side_r .gallery_box a {
	position: static;
	width: 240px;
	opacity: 1;
	height: 240px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}

.categories_index .side_r .gallery_box img {
	display: block;
	margin: 0 auto;
	border-radius: 5px;
}








.service_index input {
	background: none;
	outline: none;
	border: 1px solid #ccc;
}

.service_index input:focus {
	border: none;
}

.service_index .show {
	display: block;
}








.app_download img {
	width: 100%;
	height: 100%;
	display: block;
}




.about_index .bg {
	overflow: hidden;
	width: 100%;
	display: block;
	height: 400px;
	background-image: url(/PC/thumbs/z5.png);
	background-size: 100% 100%;
}

.about_index .bg p {
	color: #fff;
}

.about_index .bg p:nth-of-type(1) {
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
	border-left: 4px solid #16558c;

	padding-left: 10px;
	margin-left: 100px;
	position: relative;
	margin-top: 150px;
}

.about_index .bg p:nth-of-type(2) {
	margin-top: 30px;
	margin-left: 100px;
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
}




.contract_index .bg {
	overflow: hidden;
	width: 100%;
	display: block;
	height: 400px;
	background-image: url(/PC/thumbs/z4.png);
	background-size: 100% 100%;
}

.contract_index .bg p {
	color: #fff;
}

.contract_index .bg p:nth-of-type(1) {
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
	border-left: 4px solid #16558c;

	padding-left: 10px;
	margin-left: 100px;
	position: relative;
	margin-top: 150px;
}

.contract_index .bg p:nth-of-type(2) {
	margin-top: 30px;
	margin-left: 100px;
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
}

.contract_index .form {
	width: 30%;
	float: left;
}

.contract_index .side_box {
	float: right;
	width: 70%;
}

.contract_index .form dl {
	width: 100%;

}

.contract_index #allmap {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 0;
	/* font-family: "微软雅黑"; */

}



.cat_detail_index .tab-pane {
	display: none;
}

.cat_detail_index .tab-pane.show {
	display: block;
}

.cat_detail_index .slick-slider-vertical .carousel-child .slick-next,
.cat_detail_index .slick-slider-vertical .carousel-child .slick-prev {
	text-indent: 0;
	margin-top: 0;
}

.cat_detail_index .tabs-horizontal.tabs-line .nav-tabs li {
	background: none;

}

.cat_detail_index .nav.nav-tabs {
	height: auto;
}

.cat_detail_index .slick-slider-vertical .carousel-child .slick-next::after,
.cat_detail_index .slick-slider-vertical .carousel-child .slick-prev::after,
.cat_detail_index .slick-slider-vertical .carousel-child .slick-next::before,
.cat_detail_index .slick-slider-vertical .carousel-child .slick-prev::before {
	content: '';
	display: none;
	background: none;
}

.cat_detail_index .slick-slider-vertical .carousel-child .slick-next::before,
.cat_detail_index .slick-slider-vertical .carousel-child .slick-prev::before {
	display: block;
	font-family: "iconfont" !important;
	font-size: 22px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cat_detail_index .slick-slider-vertical .carousel-child .slick-next::before {
	content: "\e665";
	font-size: 26px;
}

.cat_detail_index .slick-slider-vertical .carousel-child .slick-prev::before {
	content: '\e686';
}

.cat_detail_index .single-product__title {
	max-width: 100%;
}

.cat_detail_index .layout-horizontal {
	margin: 0;
}

.cat_detail_index .layout-horizontal_1 {
	display: flex;
	width: 100%;
}

.cat_detail_index .layout-horizontal_1 .layout-horizontal__aside {
	width: 54%;
}

.cat_detail_index .layout-horizontal_1 .layout-horizontal__main {
	width: 46%;
}

.cat_detail_index .tabs-horizontal.tabs-line .nav-tabs {
	width: 100%;
}

.cat_detail_index .mySwiper2 .swiper-slide img {
	padding: 20px;
	width: 440px;
	height: 440px;
	border-radius: 30px;
}



.cat_detail_index .nav li:after {
	right: 0px;
}

.cat_detail_index .tab-content p {
	display: block;
}


.cat_detail_index .bg {
	overflow: hidden;
	width: 100%;
	display: block;
	height: 400px;
	/* background-image:url(thumbs/m_banner3.png); */
	background-size: 100% 100%;
}

.cat_detail_index .bg p {
	color: #fff;
}

.cat_detail_index {
	margin-bottom: 0;
}

.cat_detail_index .bg p:nth-of-type(1) {
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
	border-left: 4px solid #16558c;
	text-align: left;
	padding-left: 10px;
	margin-left: 100px;
	position: relative;
	margin-top: 150px;
}

.cat_detail_index .bg p:nth-of-type(2) {
	margin-top: 30px;
	margin-left: 100px;
	font-size: 30px;
	text-align: left;
	line-height: 28px;
	font-weight: bold;
}

.cat_detail_index .slick-slider-vertical .carousel-child .slick-slide.slick-center .slick-slider__inner::after {
	opacity: 0;
}

.cat_detail_index .slick-slider-vertical .carousel-child .slick-slide.slick-center.slick-current .slick-slider__inner::after {
	opacity: 1;
}

/* 	.single-product__title{
									max-width: 60%;
								} */
.cat_detail_index .slick-initialized .slick-slide {
	max-height: 400px;
	max-width: 450px;
	overflow: hidden;
}

.cat_detail_index .swiper {
	width: 100%;
	height: 100%;
}

.cat_detail_index .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	max-width: 75%;
    margin-left: 12.5%;
	margin-right: 12.5%;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.cat_detail_index .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.cat_detail_index .swiper {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.cat_detail_index .swiper-slide {
	background-size: cover;
	background-position: center;
}

.cat_detail_index .mySwiper2 {
	/* height: 80%; */
	width: 100%;
}

.cat_detail_index .mySwiper {
	box-sizing: border-box;
	padding: 10px 0;
}

.cat_detail_index .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	/* opacity: 0.4; */
	margin: 0;
	padding: 0;
}



.cat_detail_index .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*  .mySwiper {
										   overflow: inherit;
									   } */
.cat_detail_index .swiper-backface-hidden .swiper-slide {
	opacity: 1;
	
	/* border:3px solid transparent; */
}

.cat_detail_index #bottom .swiper-slide img {
	width: 150px;
	border-radius: 15px;
	border: 0px solid transparent;
	height: 150px;
}

.cat_detail_index .mySwiper #bottom .swiper-slide-thumb-active img {
	/* background-color: rgba(244, 211, 200, 0.2); */
	/* border: 0; */
	border-radius: 5px;
	
	border: 3px solid #16558C;
}

.footer ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.footer ul li {
	width: 33%;
	margin-top: 10px;
}

.footer ul li img {
	margin: 0;
}

.footer .foot_extend ul li a {
	display: inline;
}

.footer .foot_extend ul li a img {
	display: block;
	text-align: center;
	margin: auto;
	width: 48px;
	height: 48px;
}

.footer .foot_extend ul .bter a img {
	width: auto;
	height: auto;
	max-width: 118px;
	max-height: 118px;
}

.index.index_1 .top-nav {
	display: flex;
}


.service_index #tech .techs .text {
	position: relative;
	width: 70%;
}

.service_index #tech .techs .navig {
	position: absolute;
	right: 10px;
	bottom: 10px;
	/* font-family: fantasy; */
	font-size: 24px;
	color: #16558c;
	font-weight: bold;
}

.service_index #tech .techs a {
	display: flex;
	width: 100%;

}

.service_index .jspx .jspx-top ul li p {
	/* margin: 10px 0; */
	/* text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; */
}

.service_index .jspx .jspx-top ul li {
	padding: 30px;
	padding-top: 10px;
	width: calc(32% - 60px);
	/* height: 240px; */

}

.service_index .jspx .jspx-top ul li img {
	width: 100%;
	max-width: 100%;
	max-height: auto;
	max-height: 185px;
	border-radius: 5px;
}

.service_index #mask {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	z-index: 999999;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.1);
}

.service_index #mask:after {
	content: '×';
	text-align: right;
	font-size: 60px;
	color: #000;
	font-weight: bold;
	margin-right: 20px;
	display: block;
	margin-top: 10px;
}

.service_index #video {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	z-index: 999999;
	bottom: 0;
	right: 0;
	margin: 0px auto;
	margin-top: 100px;
	width: 50%;
	height: auto;
	border-radius: 10px;
	max-height: 500px;
}

.service_index #media {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	z-index: 99999;
	bottom: 0;
	right: 0;
	margin: 60px auto;
	width: 70%;
	height: 800px;
	border-radius: 10px;
}

.service_index .video_ul .video_li {
	position: relative;
	cursor: pointer;
}

.service_index .video_ul .video_li .iconfont {
	/* background: rgba(0, 0, 0, .2); */
	position: absolute;
	top: 65px;
	left: 30px;
	right: 30px;
	border-radius: 6px;
	color: #16558c;
	font-weight: bold;
	/* line-height: 168px; */
	font-size: 70px;
	text-align: center;
	bottom: 10px;
}

.service_index .xtsj ul li {
	padding: 20px 0;
	text-indent: 0;
	padding: 20px;
	text-indent: 0;
	width: calc(100% - 40px);
	border-radius: 10px;
	margin-bottom: 20px;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
	border: none;
	display: flex;
	flex-wrap: wrap;
}

.service_index .xtsj ul li .text {
	text-indent: 0;
	width: 100%;

}

.service_index .xtsj ul li .cont {
	width: 100%;
	display: none;
	border-top: 1px solid #eee;
	margin-top: 10px;
}

.service_index .xtsj ul li:nth-of-type(1) {
	padding-top: 20px;
}

.service_index .xtsj ul li:nth-of-type(1) .cont {
	display: block;
}

.service_index .xtsj ul li .text {
	position: relative;
}

.service_index .xtsj ul li .text .iconfont {
	position: absolute;
	top: 4px;
	color: #767c86;
	right: 4px;
	font-weight: bold;
	font-size: 16px;
}

.service_index .xtsj ul li .text .time {
	float: right;
	color: #999;
	margin-right: 40px;
}

.service_index .bg {
	background-image: url(/PC/thumbs/z3.png);
}

.service_index #table {
	/* font-family: verdana, arial, sans-serif; */

	font-size: 14px;

	color: #333333;

	border-width: 1px;

	border-color: #666666;

	border-collapse: collapse;
	word-break: break-all;
}

.service_index #table tr {
	font-size: 15px;
}

.service_index #table td {
	padding: 8px 0;
	text-align: center;
}

.service_index #table tr,
.service_index #table thead,
.service_index #table tbody,
.service_index #table td {
	padding: 0 3px;
	margin: 0;
}

.service_index .sjcx-search {
	cursor: pointer;
}

.service_index .catg_name #jspx_navs .jspx_nav a {
	border-radius: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 20px;
	position: relative;
}

.service_index .catg_name #jspx_navs .jspx_nav .jspx_two_navs {
	display: none;
}

.service_index .catg_name #jspx_navs .jspx_nav.on a {
	color: #16558c;
	border: none;
}

.service_index .catg_name #jspx_navs .jspx_nav .jspx_two_navs .jspx_two_nav.on {
	background-color: #16558c;
	color: #fff;
}

.service_index .catg_name #jspx_navs .jspx_nav .jspx_two_navs .jspx_two_nav {

	color: #111;
	margin: 0;
	margin-left: 10%;
	margin-bottom: 5px;
	background-color: #f2f3f6;
	text-align: center;
	border-bottom: 1px solid #eee;
	transition: 0.3s;
	text-indent: 0;
	padding: 2px 10px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	border-radius: 3px;
	padding-right: 20px;
	cursor: pointer;
}

.service_index .catg_name #jspx_navs .jspx_nav span {
	position: absolute;
	font-size: 12px;
	right: 10px;
	font-weight: bold;
}

.service_index .catg_name #jspx_navs .jspx_nav .jspx_two_navs .jspx_two_nav:last-child {
	margin-bottom: 10px;
}

.service_index .catg_name a:last-child {
	margin-bottom: 10px;
}

.service_index .jspx .jspx-top ul li .video_img {
	height: 168px;
	width: 100%;
	/* display: table-cell; */
	vertical-align: middle;
}

.service_index .jspx .jspx-top ul li .video_img img {
	display: block;
    border-radius: 5px;
    position: absolute;
    border: 1px solid transparent;
    width: auto;
    transition: 0.4s;
    max-width: 80%;
	max-height: auto;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
  
  
  
}

.service_index b {
	font-weight: normal;
}



.index_1 .header_info a {
	font-size: 1.0vw;
}

i {
	font-style: normal;
}


#mobileAbout .side_r video,
#mobileAbout .side_r img {
	width: 100%;
}

#mobileAbout .side_r {
	overflow: scroll;
	padding: 0 30px;
}

#mobileAbout .side_r .box {
	padding: 15px;
}

#mobileAbout .footer {
	padding: 15px;
}

#mobileAbout *::-webkit-scrollbar {
	width: 0 !important
}

#mobileAbout * {
	-ms-overflow-style: none;
}


#mobileAbout * {
	overflow: -moz-scrollbars-none;
}


#mobileAbout .about_index .bg {
	overflow: hidden;
	width: 100%;
	display: block;
	height: 400px;
	background-image: url(../images/about_us_1.png);
	background-size: 100% 100%;
}

#mobileAbout .about_index {
	padding-top: 90px;
	margin-top: 0;
}

#mobileAbout .about_index .second_page {
	margin-bottom: 10px;
}

#mobileAbout .about_index .second_page .side_r {
	width: 100%;
	margin-top: 10px;
}
#mobileAbout .detail_text{
	margin-top:30px;
}


#mobileApp .app_top .app_right ul li {
	line-height: 70px;
	font-size: 26px;
	color: #fff;
}

#mobileApp .app_download .top {
	position: absolute;
	top: 28%;
	left: 13vw;
}

#mobileApp .app_download .top p:nth-of-type(1) {
	font-size: 2.5vw;
	color: #3256a0;
	font-weight: bold;
	max-width: 32vw;
	overflow: hidden;
	line-height: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#mobileApp .app_download .top p:nth-of-type(2) {
	font-size: 1.6vw;
	line-height: 1.6vw;
	width: fit-content;
	max-width: 30vw;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0.7vw 2vw;
	margin-top: 1vw;
	background-color: #3256a0;
	border-radius: 50px;
	color: #fff;
	letter-spacing: 0.15vw;
}

#mobileApp #href {
	position: absolute;
	top: 61%;
	left: 28%;
	height: 22%;
	width: 15.5%;
	display: flex;
	flex-wrap: wrap;
}

#mobileApp #href a {
	display: block;
	/* background-color: red; */
	margin: 2% 1%;
	width: calc(100% - 2%);
	height: calc(50% - 4%);
	border-radius: 3px;
	color: #fff;
	background-color: #16558C;
	position: relative;
	overflow: hidden;
	padding-right: 0.2vw;
	white-space: nowrap;
	/* 然后 隐藏文本的超出部分 */
	overflow: hidden;
	/* 最后 使用省略号代替文本超出部分 */
	text-overflow: ellipsis;
}

#mobileApp #href a p {
	position: absolute;
	width: 100%;

	top: 50%;
	left: 6%;
	transform: translate(-6%, -50%);
	text-indent: 1vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#mobileApp #href a p span {
	font-size: 2vw;
	vertical-align: middle;
	margin-right: 1vw;
	min-height: 2vw;
}

#mobileApp #href a p b {
	font-size: 1vw;
	max-width: 100%;
	font-weight: normal;
	white-space: nowrap;
	/* 然后 隐藏文本的超出部分 */
	overflow: hidden;
	/* 最后 使用省略号代替文本超出部分 */
	text-overflow: ellipsis;
}

#mobileApp .img-two {
	position: relative;
}

#mobileApp .img-two .top {
	position: absolute;
	top: 6%;
	left: 44%;
}

#mobileApp .img-two .top p:nth-of-type(1) {
	font-size: 2.5vw;
	font-weight: bold;
	color: #3256a0;
	line-height: inherit;
}

#mobileApp .img-two .top p:nth-of-type(2) {
	font-size: 1.6vw;
	color: #3256a0;
	margin-top: 0.5vw;
	line-height: inherit;
}

#mobileApp .img-three {
	position: relative;
}

#mobileApp .img-three .top {
	position: absolute;
	top: 8%;
	left: 54%;
}

#mobileApp .img-three .top p {
	width: fit-content;
	border: 0.25vw solid #3256a0;
	color: #3256a0;
	margin-left: .2vw;
	border-radius: 0.9vw;
	background-color: #fff;
	padding: 1.7vw 2vw;
	font-size: 2.6vw;
	font-weight: 500;
}

#mobileApp .img-three .top ul {
	padding-top: 2vw;
}

#mobileApp .img-three .top ul li {
	color: #3256a0;
	margin-bottom: 1vw;

	overflow: hidden;
}


#mobileApp .img-three .top ul li span {

	font-size: 2.5vw;
	margin-right: 1vw;
	vertical-align: unset;
}

#mobileApp .img-three .top ul li b {
	font-weight: normal;
	font-size: 2vw;
}

#mobileApp .img-four {
	position: relative;
}

#mobileApp .img-four .top {
	position: absolute;
	top: 6%;
	left: 54%;
	z-index: 2;
}

#mobileApp .img-four .top p:nth-of-type(1) {
	font-size: 2.6vw;
	font-weight: bold;
	color: #3256a0;
	line-height: inherit;
}

#mobileApp .img-four .top p:nth-of-type(2) {
	text-indent: 0.1vw;
	font-size: 1.5vw;
	color: #3256a0;
	margin-top: 0.4vw;
	line-height: inherit;
}

#mobileApp .img-four ul {
	margin-top: 1.2vw;
	width: fit-content;
	padding: 1vw 2vw;
	border-radius: 1vw;
	border: .15vw solid #3256a0;
}

#mobileApp .img-four ul li:last-child {
	margin-bottom: 0;
}

#mobileApp .img-four ul li {
	color: #3256a0;
	font-size: 1.5vw;
	margin-bottom: 0.6vw;
}

#mobileApp #mask {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	z-index: 999999;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.1);
}

#mobileApp #mask:after {

	content: '×';
	text-align: right;
	font-size: 60px;
	color: #000;
	font-weight: bold;
	margin-right: 20px;
	display: block;
	margin-top: 10px;

}

#mobileApp #video {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	z-index: 99999;
	bottom: 0;
	right: 0;
	margin: 0px auto;
	margin-top: 100px;
	width: 50%;
	height: auto;
	border-radius: 10px;
	max-height: 500px;
}


#mobileApp .app-video img {
	max-height: 600px;
	width: 100%;
}

#mobileApp .app_download {
	position: relative;
}

#mobileApp .app_download img {
	width: 100%;
	height: 100%;

}

#mobileApp .app-video {
	position: relative;
}

#mobileApp .app-video .app_left {
	position: absolute;
	left: 8vw;
	top: 50%;
	background-color: transparent;
	width: 35%;
	transform: translate(6.3vw, -50%);
	overflow: hidden;
}

#mobileApp .app-video .app_left img {
	border-radius: 50px;
}

#mobileApp .app-video .app_left .iconfont {
	border-radius: 50px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fe6432;
	font-size: 10vw;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 24vw;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

}

#mobileApp .app-video .app_right {
	position: absolute;
	right: 12vw;
	top: 50%;
	padding-top: 0;
	width: 30vw;
	padding: 10px 15px;
	color: #3256a0;
	transform: translate(2.3vw, -50%);
}

#mobileApp main {
	padding-top: 90px;
}


#mobileCatalog .bg_blur {
	background-image: url('../images/catlog_1.jpg');
	overflow: hidden;
	width: 100%;
	display: block;
}

#mobileCatalog .download .pdf li {
	padding-top: 30px;
}

#mobileCatalog {
	margin-top: 90px;
}

#mobileContract .contract_index .form {
	float: left;
}

#mobileContract .form .uls li {
	padding: 20px;
	padding-bottom: 50px;
}

#mobileContract .form .uls li .tt {
	color: #abafc2;
	font-size: 18px;
	padding: 15px;
	font-weight: 700;
}

#mobileContract .form .uls li .cont {
	padding: 0 15px;
	font-size: 15px;
	color: #283346;
	line-height: 1.4;
}

#mobileContract .form .uls li .ins textarea,
#mobileContract .form .uls li .ins input {
	border: 1px solid #e0e4f6;
	border-radius: 3px;
	background: #f4f5fb;
	font-size: 15px;
	color: #666;
	/* font-family: sans-serif; */
	transition: all 0.2s;
	display: block;
	width: 100%;
	height: 34px;
	padding: 0 15px;
	outline: none;
	margin: 0 0 26px;
}

#mobileContract .form .uls li .ins textarea {
	height: 120px;
	width: calc(100% - 30px);
	resize: none;
	padding: 15px;
}

#mobileContract textarea::placeholder,
#mobileContract input::placeholder {
	font-size: 15px;
	color: #999;
}

#mobileContract textarea:active,
#mobileContract textarea:focus {
	border: none;
}

#mobileContract .form .uls li .ins #sendbtn {
	background: #16558c;
	transition: all 0.2s;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	height: 34px;
	display: block;
	border: none;
	letter-spacing: 0.03em;
	margin: 28px auto 40px;
	padding: 0 15px;
	cursor: pointer;
	width: 100%;
}

#mobileContract .contract_index #allmap {
	width: 50%;
	float: right;
}

#mobileContract .contract_index .form {
	width: 33%;
}

#mobileContract .contract_index .side_box {
	float: right;
}



#mobileContract {
	padding-top: 60px;
}

#mobileContract .second_page {
	padding-top: 60px;
}

#mobileIndex .new-cat .top {
	background: url('../images/index_shebei.jpg') no-repeat center center;
}

#mobileIndex .new-cat ul li:nth-last-of-type(2) {
	background: url('../images/index_peijian.jpg') no-repeat center center;
}

#mobileIndex .new-cat ul li:nth-last-of-type(1) {
	background: url('../images/index_zhuantonggongju.jpg') no-repeat center center;
}
#mobileIndex .new-cat .bottom-box{
	padding: 40px 0;
	margin: 30px auto;
	background-color: #fff;
	border-radius: 5px;
}
#mobileIndex .new-cat .bottom {
	color: #fff;
	background-size: 100% 100%;
	width: 100%;
	margin: 0px auto;
	font-size: 40px;
	border-radius: 5px;
	text-align: center;
	height: 120px;
	line-height: 120px;
	background-color: #fff;
	background-image: url('../images/index_remai.jpg');
	background-repeat: no-repeat;
	background-position: center center;

}

#mobileIndex .new-cat .bottom a span {
	padding: 0 15px;
	right: 10px;
	top: 45%;
	left: auto;
	transform: none;
	bottom: 0;
}


#mobileIndex .new-cat a:hover {
	margin: 0;
	border-radius: 5px;
}

#mobileIndex .new-cat a span {
	padding: 0px 15px;
	width: max-content;
	height: 45px;
	background-color: rgba(0, 0, 0, .3);
	border-radius: 50px;
	position: absolute;
	bottom: 10%;
	color: #fff;
	line-height: 45px;
	left: 50%;
	transform: translate(-50%, -50%);
}

#mobileIndex .new-cat a {
	position: relative;
	transition: all .5s;
	height: 100%;
	display: block;
	padding: 10px 15px;
	width: calc(100% - 30px);
	border-radius: -20px;
	font-size: 24px;
}

#mobileIndex .bg_blur {
	background-image: url('../images/index_bg_2.jpg');
}

#mobileIndex .swiper-pagination-bullet {
	color: #16558c;
}

#mobileIndex.index_1 .service_box {
	background: #fff;
    box-shadow: none;
    border-radius: 5px;
    cursor: pointer;
    padding-top: 30px;
    width: 33%;
    box-shadow: 12px 9px 10px rgba(0,0,0,.15);
}
#mobileIndex.index_1 .service_box:nth-of-type(1){
	margin: auto 2%;
    margin-top: 10px;
}
#mobileIndex.index_1 .service_box .service_box_text h4:after {
	width: 0;
	height: 0;
}

#mobileIndex.index_1 .service_box .service_box_text {
	height: auto;
	min-height: auto;
}

#mobileIndex.index_1 .service_box .service_box_text h4 {
	height: auto;
	font-weight: bold;
	font-size: 1.2vw;
}

#mobileIndex.index_1 .service_box .iconfont {
	transition: all .2s;
	padding-top: 0px;
	font-size: 5vw;
	line-height: 6.5vw;
}

#mobileIndex.index_1 .service_box .iconfont:hover {
	font-size: 6vw;

}

#mobileIndex.index_1 .section .service_list {
	display: flex;
	justify-content: space-between;
}

#mobileIndex.index_1 .header_info .search .icon-search {
	font-size: 1.6vw;
}

#mobileIndex #index_server {
	margin-bottom: 30px;
	margin-top: 10px;
}

#mobileIndex #appImg {
	background-image: url()
}

#mobileIndex .mt-10 {
	margin-top: 10px;
}

#mobileIndex .app-title {
	padding: 20px 0;
}

#mobileIndex .app-title #app_tt {
	text-align: center;
	color: #fff;
	font-size: 36px;
	line-height: 60px;
}

#mobileIndex .app-title .line {
	border-bottom: 0;
	width: 60px;
	height: 3px;
	margin: 0 auto;
	background-color: #16558c;
}

#mobileIndex .app-title #app_stt {
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
}

#mobileIndex #index_about {
	position: relative;
}

#mobileIndex #index_about .index_about_tt {
	position: relative;
	z-index: 10;
	margin-top: 30px;
	padding: 0px;
	min-height: auto;
}

#mobileIndex #index_about .index_about_tt .section_title_1 {
	margin: 0;
}

#mobileIndex #index_about .index_about_tt #about_tt {
	color: #fff;
	padding-top: 20px;
}

#mobileIndex #index_about .index_about_tt .setting {
	margin-bottom: 0;
}

#mobileIndex #index_about .home_about {
	margin-top: 0px;
	padding: 0px;
	min-height: 330px;
}

#mobileIndex #index_about .home_about .section_2_cell {
	width: 100%;
}

#mobileIndex #index_about .home_about .section_2_left {
	padding-bottom: 0px;
	background: none;
}

#mobileIndex #index_about .home_about .section_2_brief #about_cont {
	text-indent: 2em;
}

#mobileIndex #index_about .home_about #btn_1 {
	margin-top: 20px;
}

#mobileIndex #index_about .home_about #btn_1 a {
	margin-bottom: 0;
}

#mobileIndex .service-for {
	margin-top: 30px;
	padding: 0px;
	min-height: auto;
}

#mobileIndex .service-for .section_title_1 {
	margin: 0;
}

#mobileIndex .service-for .section_title_1 .bg_blur {
	z-index: 0;
	background: none;
}

#mobileIndex .service-for .section_title_1 #super_tt {
	color: #000;
	padding-top: 20px;
}

#mobileIndex .service-for .section_title_1 .setting {
	margin-bottom: 0;
}

#mobileList .categories_index .bg {
	background-image: url(../images/list_1.jpg);
}

#mobileList .catg_name a.on:hover {
	color: #fff;
}

#mobileList .gallery_list .iconfont {
	position: absolute;
	top: 8px;
	right: 12px;
	font-size: 16px;
	font-size: 40px;
	color: #fe6432;
}

#mobileList .categories_index .side_r .gallery_box span {
	height: auto;
	overflow: unset;
	display: block;
}

#mobileList .categories_index .side_r .gallery_box {
	height: auto;
	position: relative;
}

#mobileList .categories_index .side_r .gallery_list {
	display: flex;
	flex-wrap: wrap;
}

#mobileList #select {
	display: none;
}

#mobileList .second_page {
	position: relative;
}

#mobileList .categories_index {
	margin-top: 0;
}

#mobileList .categories_index .bar-content .iconfont {
	margin-right: 5px;
}

#mobileList .categories_index .bar-content .iconfont {
	margin-right: 5px;
}

#mobileList .categories_index .mr-10 {
	margin-right: 10px;
}

#mobileList .categories_index .line {
	margin-bottom: 0;
}

#mobileList .categories_index .side_l .has_sub {
	margin-bottom: 0;
}

#mobileList .categories_index .btn_contact span {
	font-size: 40px;
}

#mobileList .categories_index .side_r #list_top_tt {
	color: #b2abab;
}


#mobileNewsDeail .header {
	background-color: #fff;
}

#mobileNewsDeail .nav li a,
#mobileNewsDeail .header_info p,
#mobileNewsDeail .header_info p a {
	color: #222;
}

#mobileNewsDeail .on a {
	border-color: #222;
}

#mobileNewsDeail .news_index .bg {
	overflow: hidden;
	width: 100%;
	display: block;
	height: 400px;
	background-image: url(thumbs/z3.png);
	background-size: 100% 100%;
}

#mobileNewsDeail .news_index .bg p {
	color: #fff;
}

#mobileNewsDeail .news_index .bg p:nth-of-type(1) {
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
	border-left: 4px solid #16558c;

	padding-left: 10px;
	margin-left: 100px;
	position: relative;
	margin-top: 150px;
}

#mobileNewsDeail .news_index .bg p:nth-of-type(2) {
	margin-top: 30px;
	margin-left: 100px;
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
}

#mobileNewsDeail .side_r .list_item {
	position: relative;
}

#mobileNewsDeail .news_index .tt {
	padding: 30px;
	font-size: 30px;
}

#mobileNewsDeail .news_index .cont {
	padding: 15px 30px;
	border-radius: 9px;
	overflow: hidden;
}

#mobileNewsDeail .news_index img,
#mobileNewsDeail .news_index video {
	display: block;
	margin: 0 auto;
}

#mobileNewsDeail .service_index {
	padding-top: 70px;
}
#mobileNewsDeail .side_r{
	margin-top:10px;
}
#mobileNewsDeail .iconfont {
	margin-right: 5px;
}

#mobileNewsDeail .left-top-nav {
	margin-right: 10px;
}

#mobileNewsDeail .side_r {
	width: 100%;
}

#mobileNews .side_r .list_item {
	position: relative;
}
#mobileNews .section_title_1 .setting{
	display: block;
}
#mobileNews .news_index {
	margin-top: 0;
}
#mobileNews .second_page .side_r{
	width: 100%; margin-top:120px;
}


#mobileDetail .swiper-button-prev,
#mobileDetail .swiper-button-next {
			color: #c0c0c0;
		}

		#mobileDetail .index_1 {
			color: #333;
		}

		#mobileDetail #html {
			margin-top: 80px;  
			background-color: #fff;
		}
	

		#mobileDetail .tabs-custom.tabs-line .nav-tabs {
			z-index: 1;
		}

		#mobileDetail .section-lg {
			margin: 30px auto;
		}

		#mobileDetail .goBuy {
			margin: auto;
			cursor: pointer;
			width: fit-content;
			padding: 10px 4vw;
			background-color: #16558C;
			font-size: 2vw;
			color: #fff;
			border-radius: 50px;
		}

		#mobileDetail .section-lg {
			background-color: #fff;
			padding: 20px;
		}

		#mobileDetail .goBuy:hover {
			background-color:rgba(22, 85, 140,.5);
		}

		#mobileDetail .cat_detail_index .mySwiper2 {
			position: relative;
			box-shadow: 15px 17px 20px rgba(0, 0, 0, 0.07)
		}

		#mobileDetail .cat_detail_index .mySwiper2 .swiper-button-next,
		#mobileDetail .cat_detail_index .mySwiper2 .swiper-button-prev {
			top: 30px;
			height: 100%;
			padding: 0 10px;
		}

		#mobileDetail .cat_detail_index .mySwiper {
			box-shadow: 7px 5px 25px rgba(0, 0, 0, 0.2);
			padding-bottom: 0;
			padding-right: 5px;
		}

		#mobileDetail .cat_detail_index .mySwiper #bottom .swiper-slide {
			box-shadow: 4px 1px 10px rgba(0, 0, 0, 0.2);
		}

		#mobileDetail .cat_detail_index .mySwiper #bottom .swiper-slide-thumb-active {
			border: 3px solid #16558C;
			width: calc(100% - 6px);
		}

		#mobileDetail .cat_detail_index .mySwiper #bottom .swiper-slide-thumb-active img {
			border: none;
		}

		#mobileDetail .tabs-custom ul.nav {
			display: flex;
		}

		#mobileDetail .tabs-custom ul.nav li {
			width: 50%;
			margin: 0;
			padding: 0;
		}
		#mobileDetail .page li a{
			width: auto;
			height: auto;
		}
		#mobileDetail .tabs-custom ul.nav li a {
			font-size: 16px;
		}

		#mobileDetail .nav-tabs li .active {
			position: relative;
		}

		#mobileDetail .tab-pane {
			padding: 15px;
		}

		#mobileDetail .nav-tabs li .active:before {
			position: absolute;
			background-color: #16558C;
			content: '';
			width: 50%;
			height: 2px;
			left: 50%;

			bottom: 0;
			transform: translate(-50%, -50%);
		}

		#mobileDetail .prompt {
			display: none;
			background-color: #fffefe;
			box-shadow: 8px 11px 19px 5px rgb(71 61 61 / 45%);
			position: fixed;
			top: 30%;
			width: 80%;
			left: 50%;
			z-index: 105;
			color: #333;
			transform: translate(-50%, 3vw);
			border-radius: 5px;
		}
		
		#mobileDetail .prompt .tbShow {
			width: 100%;
			display: flex;
			padding: 3vw 0;
			flex-wrap: nowrap;
			justify-content: space-around;
		}

		#mobileDetail .prompt #bei {
			text-align: center;
			padding: 10px 30px;
			font-size: 1vw;
			color: #999;
			padding-top: 0;
			padding-bottom: 30px;
		}

		#mobileDetail .prompt .del {
			padding: 0 20px;
			padding-top: 10px;
			text-align: right;
		}

		#mobileDetail .mask {
			display: none;
			background-color: rgba(0, 0, 0, 0.1);
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 4;
		}

		#mobileDetail .single-product {
			height: 90%;
			margin-left: 2vw;
			overflow: hidden;
		}

		#mobileDetail .prompt .del .iconfont {
			font-size: 20px;
			font-weight: bold;
		}

		#mobileDetail .prompt .tbShow p {
			text-align: center;
			padding: 10px 0;


		}

		#mobileDetail .prompt .tbShow div {
			width: 30%;
		}

		#mobileDetail .prompt .tbShow div p {
			color: #16558C;
		}
		
		#mobileDetail .prompt .tbShow div p:hover {
			color: rgba(22, 85, 140, .4);
		}

		#mobileDetail .prompt .tbShow div .iconfont {
			display: block;
			font-size: 45px;
			margin-bottom: 20px;
		}

		
		#mobileDetail .cat_detail_index {
			background-color: #f8f8f8; display: none;
		}
		#mobileDetail .cat_detail_index .service_index{
			padding-top: 100px;
		}
		#mobileDetail .cat_detail_index .service_index .cat-bar .left .iconfont{
			margin-right: 5px;
		}
		#mobileDetail .mr-10{
			margin-right: 10px;
		}
		#mobileDetail .bg-default{
			border-radius: 5px;
		}
		#mobileDetail .bg-default{
			border-radius: 5px;
		}
		#mobileDetail .mySwiper2{
		--swiper-navigation-color: #fff;
		 --swiper-pagination-color: #fff;
		}
		#mobileDetail .footer{
			z-index: 3;
		}
		#mobileDetail .header{
			z-index: 3;
		}
		#mobileServers .service_index .catg_name #jspx_navs .jspx_nav a.on {
			color: #fff;
		}
		#mobileServers .service_index{
			margin-top:90px;
		}	
		#mobileServers .sjcx{
			display:none;
		}	
		#mobileServers .shfw{
			display:none;
		}	
		#mobileServers .second_page{
			position: relative;
		}
		#mobileServers .left .iconfont{
			margin-right: 5px;
		}		
		#mobileServers .mr-10{
			margin-right: 10px;
		}
		#mobileServers .side_l .rel-box {
			margin-bottom: 0;
		}
		#mobileServers  .btn_contact span{
			font-size: 40px;
		}
		#mobileServers #cat-box-p {
			font-size: 30px;
			text-align: center;
		}

		#mobileServers #table {
			display: none;
		}

		#mobileServers .video_img {
		    position: relative;
			width: 100%;
			overflow: hidden;
			padding: 10px 0;
		}

		#mobileServers .xtsj-name {
			color: #16558c;
			margin-right: 5px;
			font-size: 18px;
			font-weight: bold;
		}

		#mobileServers .afteraSales span {
			margin-left: 30px;
		}

		#mobileServers .techs .pHeadline {
			padding-bottom: 20px;
			font-size: 18px;
		}

		#mobileServers .techs .navig span {
			font-size: 16px;
			font-weight: 300;
		}
		#mobileLogin .lowin-brand img {
			width: 100%;
			margin-top: 13px;
			height: 49px;
		}

		#mobileLogin .lowin-brand {
			cursor: pointer;
		}

		#mobileLogin #login_tel,
		#mobileLogin #login_psd,
		#mobileLogin #fgtTel {
			display: flex;
			flex-wrap: nowrap;
		}
		#mobileLogin #fgtTel,
		#mobileLogin #login_psd,
		#mobileLogin #login_tel {
			display: none;
		}
		
		#mobileLogin #login_tel input,
		#mobileLogin #login_psd input,
		#mobileLogin #fgtTel input {
			width: 70%;
			display: block;
			color: #333;
		}

		#mobileLogin .lowin .lowin-box .lowin-input {
			color: #333;
		}

		#mobileLogin #login_tel .emailYa,
		#mobileLogin #login_psd .emailYa {
			width: 100%;
		}

		#mobileLogin #login_tel .intl-tel-input,
		#mobileLogin #login_psd .intl-tel-input,
		#mobileLogin #fgtTel .intl-tel-input {
			display: block;
			width: calc(30% - 2px);
			background-color: var(--color-grey);
			border-right: 2px solid #fff;
		}

		#mobileLogin .lowin .lowin-box #login_tel .lowin-input,
		#mobileLogin #areaCode {
			color: #333;
		}


		#mobileLogin #login_tel #mobile-number,
		#mobileLogin #fgtTel #fgt-number {
			display: block;
			width: calc(100% - 45px);
			float: right;
			text-align: center;
			margin-top: 12px;
		}

		#mobileLogin #login_psd #psd-number {
			display: block;
			width: calc(100% - 45px);
			float: right;
			text-align: center;
			margin-top: 12px;
		}

		#mobileLogin #login_tel input,
		#mobileLogin #fgtTel input {
			padding-left: 10px;
			color: #333;
		}

		#mobileLogin #psd-login {
			float: right;
		}

		#mobileLogin .lowin .lowin-box #login_text {
			text-align: left;
			padding: 15px 0px 30px 0;
		}

		#mobileLogin .lowin .lowin-box #login_text span {
			position: relative;
			margin-right: 10px;
			color: #333;
			cursor: pointer;
			font-weight: normal;
		}

		#mobileLogin .lowin .lowin-box #login_text span.active {
			font-weight: bold;
			color: #333;
		}

		#mobileLogin .lowin .lowin-box #login_text span.act::after {
			content: '';
			position: absolute;
			width: 100%;
			height: 3px;
			background-color: #16558c;
			left: 0%;
			bottom: -10px;
		}

		#mobileLogin .lowin .lowin-box label {
			cursor: pointer;
			color: #333;
			margin-bottom: 10px;
		}

		#mobileLogin input {
			color: #333;
		}

		#mobileLogin input[type=number] {
			-moz-appearance: textfield;
		}

		#mobileLogin input[type=number]::-webkit-inner-spin-button,
		#mobileLogin input[type=number]::-webkit-outer-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		#mobileLogin #back {
			cursor: pointer;
			position: fixed;
			left: 20px;
			top: 20px;
			font-size: 30px;
			color: #5b59cb;
		}

		#mobileLogin #back .iconfont {
			margin-right: 10px;
			font-size: 30px;
		}

		#mobileLogin .lowin .lowin-footer {
			font-size: 24px;
			color: #3e4146;
			margin: 150px;
		}
		#mobileLogin  .code_type,
		#mobileLogin .psd_type{
		   margin:0 20px; color: #16558c;
	   }
	   #mobileLogin  #mobile-number,
	   #mobileLogin #psd-number,
	   #mobileLogin #fgt-number{
		   padding-right: 5px;
	   }
	   /* #mobileLogin  #login_email{
		   display: none;
	   } */
	   #mobileLogin  .lowin-footer{
		   display: none;
	   }
	   #mobileLogin  .one_box_h{
		   display: none;
	   }
	   #mobileLogin  #fgt{
		   display: none;
	   }
	   /* #mobileLogin  #psd_emails{
		   display: none;
	   } */
	   #mobileLogin .login-back-link{
		   display: none;
	   }
	   /* #mobileLogin  #fgt_email{
		   display: none;
	   } */
	   #mobileLogin  .lowin-register{
		   display: none;
	   }
	   #mobileTeach .service_index .tt {
		padding: 30px;
		font-size: 30px;
	}

#mobileTeach .service_index .cont {
		padding: 15px 30px;
		border-radius: 9px;
		overflow: hidden;
	}
	#mobileTeach .service_index  {
		padding-top: 120px;
	}
	#mobileTeach .left-top-nav  {
		margin-right: 10px; 
	}
	#mobileTeach  .iconfont{
		margin-right: 5px;
	}
	#mobileTeach .second_page{
		background-color: #fff;border-radius: 10px;
	}