@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	min-height: 100%;
	font-family: 'Arial', 'Microsoft YaHei', 'PingFang SC', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background: #fff;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	content-visibility:display;
}

.text-primary {
	color: #4A7FF5;
}

.text-cur {
	color: #017bc4;
}

img {
	border: 0;
	vertical-align: top;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #4A7FF5;
}

input,
button {
	-webkit-appearance: none;
	border-radius: 0;
}

button {
	cursor: pointer;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

textarea {
	resize: none;
	overflow: auto;
}

input,
button,
textarea,
select {
	border: 0;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: transparent;
}

select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

table {
	border-collapse: collapse;
}

.scale {
	display: block;
	overflow: hidden;
}

.scale img {
	transition: 0.6s all;
}

.scale:hover img {
	transform: scale(1.06);
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	zoom: 1;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

.flex-center {
	display: flex;
	align-items: center;
}

.flex {
	display: flex;
}

.flex_bd {
	flex: 1;
	min-width: 0;
}

/* ljc
 */
.flex_bd_ljc{
	min-width: 0;
	margin-right:20px;
}
/* 认证图标 */
.logo-list{
	margin-top:80px;
	display: flex;
	justify-content: space-around;
}
.detail-right{
	width: 320px;
	background-color: #ffffff;
}
/* .logo-list-wrap{
	float: left;
} */
.layui-form-item{ margin-bottom:10px !important; }
.detail-right-title{
	margin-bottom: 5px;
	height:40px;
	line-height:40px; 
	text-align:center;
	font-size:18px;
	color:#fff;
	background-color:#017bc4;
	border-radius:4px;
}
/* .layui-input-ljc{
	width: 40% !important;
} */

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 显示两行文字 */
.line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


.line-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}



.line-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}


.container {
	margin: 0 auto;
	width: 73%;
}

/* c-foot-item2  底部*/
.container .c-foot-item2 {
	/* align-self: flex-end; */
	justify-content: center;
}

/* c-foot-item3  底部*/
.container .c-foot-item3 {
	/* align-self: flex-end; */
	justify-content: right;
}
.art-content {
 font-size: 18px;
}
.art-content table{ max-width:100%;}
.art-content a{ color:#0782C1}
.art-content p {
	margin-bottom: 20px;
}
.art-content {
	line-height: 2;
}
.art-content  ul{ list-style:none;}
.art-content  li{ list-style-type:disc;}
 /*update by peter 12-5*/
@media (max-width: 1580px) {
	.container {
		width: 84%;
	}
}

@media (max-width: 767px) {
	.container {
		padding: 0 15px;
		width: 100%;
	}
}

/* 占位标签，设置导航样式 */
#c-placeholder {
	height: 80px;
}

@media (max-width: 991px) {
	#c-placeholder {
		height: 60px;
	}
}

img {
	max-width: 100%;
}

/*顶部*/
#c-header {
	width: 100%;
	text-align: center;
	transition: all 0.5s;
}

#c-header.c-head-move {
	top: -100px;
}

#c-header .c-right-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

/*顶部logo*/
#c-header .c-logo {
	display: flex;
	align-items: center;
}

#c-header .c-logo .c-img-box {
	display: flex;
	align-items: center;
}

#c-header .c-logo .c-img-box img {
	height: 50px;
}


#c-header .c-logo span {
	display: inline-block;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
	#c-header .c-logo span {
		display: none;
	}
}


/*顶部导航开关*/
#c-header .c-switch {
	display: none;
	width: 32px;
	height: 32px;
	background-image: url('../images/web/menu.png');
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}


.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	padding: 0 12px;
	border-radius: 4px;
}

@media (min-width:1300px) {
	.container {
		width: 1260px;
	}
}


.btn-warning {
	background-color: #FFBF78;
	color: #333333;
}

.btn-primary {
	background-color: #4A7FF5;
	color: #fff;
}


.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}


.logo {
	display: flex;
	align-items: center;
}


.top-tel {
	display: flex;
	align-items: center;
	line-height: 1;
	margin-left: 90px;
}

.top-tel img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

.top-tel .iconfont {
	color: #4A7FF5;
	margin-right: 8px;
	font-size: 32px;
}

.top-tel .v {
	font-size: 24px;
	font-weight: bold;
	white-space: nowrap;
	color: #222222;
}

.top-tel .d {
	color: #999;
	white-space: nowrap;
}

@media (max-width:992px) {
	.top-tel .v {
		display: none;
	}

	.top-tel {
		position: absolute;
		right: 55px;
		top: 2px;
	}


	#c-header .c-switch {
		display: block;
		position: absolute;
		right: 15px;
		top: 2px;
	}

	.mt-head-bd {
		margin-left: 0 !important;
		margin-top: 20px;
	}

	.logo span {
		display: none;
	}

	.mt-nav li {
		margin-right: 0px;
	}

	.mt-nav li a {
		padding: 10px;
	}

	.mt-head {
		padding: 15px 0;
	}

	.mt-banner .container {
		display: block;
	}

	.login-left {
		margin-top: 20px;
	}

	.login-left img {
		display: none;
	}

	.login-left .l-text {
		font-size: 32px;
	}

	.login-main {
		width: auto;
		margin-right: 50px;
	}

	.login-left-tab {
		right: -50px;
		width: 50px;
	}

	.mt-foot a {
		font-size: 14px;
	}

	.mt-foot .line {
		padding: 0 5px;
	}

	.login-bar {
		padding: 10px;
	}

	.login-left-tab li a {
		font-size: 14px;
	}
}





.top-nav .container {
	display: flex;
	height: 42px;
	align-items: center;
	justify-content: space-between;
}

.top-nav-welcome {
	color: #323232;
}

.top-nav-right {
	display: flex;
	align-items: center;
}

.top-nav-right a {
	color: #323232;
}

.top-nav-right a .iconfont {
	font-size: 18px;
	margin-right: 5px;
}

.top-nav-right .line {
	color: #e5e5e5;
	margin: 0 20px;
}

.top-nav-link {
	font-size: 14px;
	color: #111111;
	display: inline-flex;
	align-items: center;
}

.top-nav-link .iconfont {
	color: #3579be;
	margin-right: 6px;
}

.top-nav-link img {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.search-bar {
	display: flex;
	border: 1px solid #005bac;
	border-radius: 5px;
	align-items: center;
}

.search-bar .layui-input {
	border: 0;
	padding-left: 20px;
	font-size: 18px;
}

.search-bar .layui-form-select .layui-edge {
	border-top-color: #222222;
	border-width: 7px;
	right: 20px;
}

.layui-form-select dl {
	border-radius: 5px !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: 0px 0px 20px rgba(118, 126, 148, 0.2) !important;
}

.layui-form-select dl dd,
.layui-form-select dl dt {
	text-align: left;
	padding: 0 20px !important;
	line-height: 40px !important;
	font-size: 18px;
	color: #222222;
}

.layui-form-select dl dd.layui-this {
	background-color: #017bc4 !important;
}

.search-bar .layui-form {
	width: 126px;
}

.search-bar .form-control {
	height: 40px;
	border: 0;
	font-size: 16px;
	padding: 0 20px;
	line-height: 40px;
}

.search-bar-input {
	position: relative;
}

.search-bar-input::before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	width: 1px;
	height: 18px;
	background-color: #e5e5e5;
	margin-top: -9px;
}

::placeholder {
	color: #c8c9cc;
}

.search-btn {
	color: #fff;
	background-color: #025cad;
	font-size: 18px;
	color: #fff;
	white-space: nowrap;
	height: 40px;
	padding: 0 20px;
}

.mt-head-bd {
	margin-left: 58px;
}

#c-header .logo span {
	font-size: 26px;
	color: #323232;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #f1f1f1;
	line-height: 32px;
}

#c-header .mt-head {
	padding: 30px 0;
}

.top-nav {
	background-color: #f0f4f6;
}

.navbar {
	display: flex;
}

.nav-warp {
	background-color: #005bac;
}

.navbar>li {
	position: relative;
	flex-grow: 1;
}

.nav-bd .navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.navbar>li>a {
	font-size: 15px;
	padding: 0 10px;
	line-height: 46px;
	display: block;
	color: #ffffff;
	text-align: center;
}

.nav-hd {
	margin-right: 0px;  /*by peter*/
}

.navbar>li>a .iconfont {
	font-size: 15px;
	margin-right: 5px;
}

.navbar>li.active>a,
.navbar>li:hover>a {
	background-color: #017bc4;
}

.nav-child {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	z-index: 9;
	width: 250px;
}

.navbar>li.active .nav-child,
.navbar>li:hover .nav-child {
	display: block;
}
.homeCateLI{ width:250px}

.child-list {
	background-color: #fff;
}

.child-list>li {
	position: relative;
}

.nav-right-child {
	position: absolute;
	left: 100%;
	background-color: #fff;
	top: 0;
	width: 250px;
	display: none;
}

.child-list>li>a {
	display: block;
	font-size: 16px;
	color: #222222;
	padding: 10px 35px 10px 20px;
	line-height: 26px;
	text-align: left;
	position: relative;
}

.child-list>li>a .iconfont {
	font-size: 14px;
	position: absolute;
	line-height: 1;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
}

.child-list>li:hover>a {
	color: #017bc4;
}


.child-list>li:hover .nav-right-child {
	display: block;
}

.news-row {
	margin: -10px;
}



@media (max-width:1300px) {
	#c-header .mt-head {
		padding: 25px 0;
	}

	.top-tel {
		margin-left: 50px;
	}

	.top-tel .v {
		font-size: 20px;
	}

	.mt-head-bd {
		margin-left: 38px;
	}

	#c-header .logo {
		width: 188px;
	}


	.navbar>li>a {
		font-size: 13px;
	}

	.nav-bd .navbar>li>a {
		padding: 0 2px;
	}
}



@media (max-width:992px) {
	.nav-warp {
		display: none !important;
	}

	#c-header .mt-head {
		padding: 14px 0;
		margin-bottom: 0;
	}

	#c-header .logo {
		margin-right: 10px;
	}
}

.c-open #c-header .nav-warp {
	display: block;
	height: calc(100vh - 100px);
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.70);
	overflow-y: auto;
	transition: all 0.5s;
	text-align: center;
}

.c-open #c-header .nav-warp .navbar {
	display: block;
	margin-top: 30px;
}

.c-open #c-header .nav-warp .navbar li {
	margin-left: 0;
}

.c-open #c-header .nav-warp .navbar li a {
	color: #fff;
}

@media (max-width:768px) {
	.top-nav-link {
		font-size: 12px;
	}

	.top-nav-link img {
		margin-right: 4px;
		width: 14px;
		height: 14px;
	}

	.top-nav-right .line {
		margin: 0 8px;
	}
}


.indexSwiper-item__content {
	margin-left: 24%;
	height: 100%;
	display: flex;
	align-items: center;
}

.indexSwiper-content__left{
	max-width: 54%;
}

.indexSwiper-item {
	height: 414px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.indexSwiper-item .container {
	height: 100%;
}

.indexSwiper-item__title {
	font-size: 30px;
	color: #ffffff;
	line-height: 50px;
	margin-bottom: 25px;
}

.learn-more,
.learn-more:hover {
	display: block;
	font-size: 20px;
	border: 1px solid #fff;
	line-height: 50px;
	color: #fff;
	text-align: center;
	width: 150px;
}


.indexSwiper .swiper-pagination-bullet {
	width: 12px;
	margin: 0 15px !important;
	background-color: #fff;
	opacity: 0.5;
	height: 12px;
}

.indexSwiper .swiper-pagination-bullet-active {
	opacity: 1;
}

.indexSwiper .swiper-pagination {
	bottom: 14px;
}

/* 设置底部背景色 */
.c-center-box,
.c-bottom-box {
	background-color: #017bc4;
}

.c-list li a,
.c-list li {
	font-size: 16px;
	color: #ffffff;
}

.c-list li {
	margin-top: 10px;
}

.c-title {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
}


.c-list li a:hover {
	text-decoration: underline;
	color: #fff;
}

.c-copyright p {
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
}

.c-bottom-box {
	padding: 15px 0;
}

.c-list-box {
	width: 25%;
	position: relative;
	border-right: 1px solid #e5e5e5;
	margin-right: 100px;
}


.c-list-box:last-child {
	margin-right: 0;
	border-right: 0;
}

.c-list-group {
	padding: 30px 0 20px;
	border-bottom: 1px solid #e5e5e5;
}

.c-foot-item {
	font-size: 16px;
	color: #222222;
	text-align: center;
}

.c-foot-info {
	padding: 14px 0;
}

.c-top-box {
	border-bottom: 1px solid #e5e5e5;
}

.sec-head {
	text-align: center;
	position: relative;
}

.sec-title {
	font-size: 22px;
	color: #222222;
	padding: 0 40px;
	display: inline-block;
	position: relative;
}

.sec-head .more-link {
	position: absolute;
	right: 0;
	top: 5px;
}

.more-link {
	font-size: 14px;
	color: #666666;
}

.section {
	padding: 40px 0 26px 0;
}

.sec-title::before {
	position: absolute;
	content: '';
	left: -120px;
	width: 120px;
	background-color: #222222;
	height: 2px;
	top: 50%;
	margin-top: -1px;
}


.sec-title::after {
	position: absolute;
	content: '';
	right: -120px;
	width: 120px;
	background-color: #222222;
	height: 2px;
	top: 50%;
	margin-top: -1px;
}

.product-list {
	margin: -12px;
}

.product-list li {
	width: 20%;
	padding: 12px;
	float: left;
}


.product-list li a {
	display: block;
	border: 1px solid #e2e4e6;
	padding: 0 20px 20px;
	border-radius: 8px;
	overflow: hidden;
}

.product-list__title {
	font-size: 14.5px;
	color: #222222;
	line-height: 1;
	text-align: center;
}

.product-list__desc {
	font-size: 14px;
	color: #666666;
	height: 52px;
	line-height: 26px;
	margin-top: 10px;
	text-align: center;
}


.product-list__pic {
	text-align: center;
	font-size: 0;
	padding:5px;
}

.product-list__pic img {
	width: 144px;
	height: 144px;
}

.sec-head {
	margin-bottom: 50px;
}

.nav-head {
	background-color: #f7f7f7;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.nav-title {
	font-size: 22px;
	color: #222222;
}

.news-list a {
	display: flex;
	align-items: center;
}


.news-list li {
	border-top: 1px dashed #e2e4e6;
	padding: 13.5PX 0;
}

.news-list {
	border-bottom: 1px dashed #e2e4e6;
}

/* 最新新闻标题样式 */
.first-news-title {
	font-weight: 700;
	font-size: 16px !important
}

.news-title {
	font-size: 14px;
	color: #666666;
}

.news-time {
	font-size: 12px;
	color: #666666;
	margin-left: 40px;
}

.news-left {
	width: 52%;
	margin-right: 30px;
}

.news-desc {
	font-size: 14px;
	color: #666666;
	line-height: 28px;
}

.news-pic {
	box-sizing: border-box;
	flex: 0;
}

.news-pic img {
	border-radius: 5px;
}

.news-list li.on {
	display: flex;
	padding-top: 0;
	border-top: 0;
}


.news-list li.on .news-title {
	margin-bottom: 4px;
}

.news-col {
	padding: 10px;
}


.news-col a {
	display: block;
	box-shadow: 0 0 20px rgba(118, 126, 148, 0.2);
	background-color: #ffffff;
}


.news-col__pic img {
	width: 100%;
}

.news-col__content {
	padding: 20px 10px 20px 20px;
}

.news-col__pic {
	font-size: 0;
}

.news-col__title {
	font-size: 20px;
	color: #222222;
	text-align: center;
	margin-bottom: 5px;
}

.news-col__desc {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	height: 156px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.news-flex {
	margin-bottom: 50px;
}

.link-list li a {
	font-size: 14px;
	color: #666666;
}


.link-list li {
	float: left;
	width: 20%;
	margin-bottom: 16px;
}

.panter-list {
	margin: -16px -12px;
}

.panter-list li {
	float: left;
	width: 20%;
	padding: 16px 12px;
}

.panter-list li a {
	display: block;
	padding: 28px 0;
	text-align: center;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(229, 229, 229, 0.8);
}


.parts-bar {
	background-color: #f7f7f7;
	overflow: hidden;
	border-radius: 8px;
	padding: 20px;
}

.parts-hd {
	font-size: 18px;
	color: #222222;
}

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

.parts-list a,
.parts-list span {
	font-size: 18px;
	color: #222222;
	 display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;   
}
.parts-list a:hover, a.active{ background-color:#4066b8; color:#fff;border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;    
    }


.language-btn {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-size: 14px;
	color: #111111;
	line-height: 24px;
	padding: 0 5px;
    cursor:pointer;
}

.language-btn .layui-icon {
	font-size: 12px;
	margin-left: 4px;
}

.language-select {
	position: relative;
}

.language-dropdown {
	position: absolute;
	top: 26px;
	padding-top: 20px;
	z-index: 99;
	right: 0;
	display: none;
}

.language-dropdown-content {
	background-color: #ffffff;
	box-shadow: 0 0 20px rgba(118, 126, 148, 0.2);
}

.language-item__title {
	font-size: 20px;
	color: #017bc4;
	margin-bottom: 14px;
}

.language-list li a {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #666666;
	white-space: nowrap;
}

.language-list li a span {
	color: #a0a0a0;
}

.language-item {
	padding: 30px 10px 30px 30px;
	text-align: left;
	position: relative;
}


.language-list li a img {
	margin-right: 10px;
	width: 22px;
	height: 22px;
}

.language-list li {
	margin-bottom: 14px;
}

.language-list2 li {
	width: 50%;
	float: left;
}

.language-list {
	width: 170px;
}

.language-list2 {
	width: 600px;
}

.language-item::after {
	position: absolute;
	content: '';
	right: 0;
	top: 67px;
	bottom: 30px;
	width: 1px;
	background-color: #e5e5e5;
}


.language-select:hover .language-dropdown {
	display: block;
}

.indexSwiper-item__content2 .indexSwiper-item__title {
	font-size: 48px;
}

.indexSwiper-item__content2 .indexSwiper-item__desc {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
}

.indexSwiper-item__content2 {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
	margin-left: 25%;
	width: 75%;
}

.indexSwiper-content2__left {
	padding-bottom: 40px;
}

.indexSwiper-content2__right {
	margin: 0 40px 0 80px;
}

.indexSwiper-item__content3 {
	margin-left: 250px;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
}

.indexSwiper-content3__left{
	margin: 0 40px;
}

.indexSwiper-content3__right{
	padding: 0 20px;
}

.indexSwiper-item__content3 .text2 {
	font-size: 40px;
	font-family: Arial;
	font-weight: bold;
	color: #FFD200;
	margin: 20px 0;
}

.indexSwiper-item__content3 p {
	font-size: 30px;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 48px;
}

.indexSwiper-item__content4 {
	margin-left: 250px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.indexSwiper-item__content4 .indexSwiper-item__desc {
	font-size: 16px;
	font-family: Arial;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	text-align: left;
	padding: 12px 0;
	background-image: url('../images/web/text4_bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.content4-width {
	width: 442px;
	margin: 0 auto;
}

.indexSwiper-item__content4 img {
	max-width: 100%;
}

.content4-width .text4 {
	margin-bottom: 12px;
}

.content4-width .text4-sm {
	margin-bottom: 12px;
}

@media (min-width:1500px) {
	.sec-title::before {
		left: -200px;
		width: 200px;
	}


	.sec-title::after {
		right: -200px;
		width: 200px;
	}

}



@media (max-width:1300px) {
	.sec-title {
		font-size: 24px;
		padding: 0 20px;
	}
	
	.indexSwiper-content__right img{
		height: 250px;
	}
	

	.indexSwiper-content3__left img{
		height: 230px;
	}
	
	.indexSwiper-item__content3{
		margin-left: 200px;
	}
	
	.indexSwiper-content3__left{
		margin: 0 40px 0 0;
	}
	
	.content4-width{
		width: 360px;
	}
	
	.content4-width .text4{
		margin-bottom: 6px;
	}

	.content4-width .text4 img {
		height: 106px;
	}
	
	.content4-width .text4-sm{
		margin-bottom: 6px;
	}
	
	.indexSwiper-item__content4 .indexSwiper-item__desc{
		padding: 6px 0;
		font-size: 14px;
		line-height: 20px;
	}
	
	.content4-width .text4-sm img {
		height: 60px;
	}
	
	.content4-width{
		font-size: 14px;
	}
	
	.indexSwiper-content3__right{
		padding: 0;
	}

	.indexSwiper-item__content3 .text2 {
		font-size: 28px;
		margin: 12px 0;
	}

	.indexSwiper-item__content3 p {
		font-size: 20px;
		line-height: 32px;
	}

	.indexSwiper-item__content2 .indexSwiper-item__title {
		font-size: 38px;
	}

	.indexSwiper-item__content2 .indexSwiper-item__desc {
		font-size: 20px;
	}

	.indexSwiper-content2__right {
		margin: 0 40px;
	}

	.indexSwiper-content2__right img {
		height: 220px;
	}

	.more-link {
		font-size: 16px;
	}

	.link-list li a {
		font-size: 14px;
	}

	.news-col__desc {
		font-size: 14px;
	}

	.news-col__title {
		font-size: 18px;
	}

	.c-foot-item {
		font-size: 20px;
	}

	.c-foot-item img {
		width: 42px;
		height: 42px;
	}

	.c-list li a,
	.c-list li {
		font-size: 14px;
	}

	.c-list-box {
		margin-right: 60px;
	}

	.c-title {
		font-size: 20px;
	}


	.c-list-group {
		padding: 40px 0 25px;
	}

	.c-list li {
		margin-top: 30px;
	}

	.c-copyright p {
		font-size: 12px;
	}

	.news-title {
		font-size: 16px;
	}

	.news-time {
		font-size: 16px;
	}


	.news-desc {
		font-size: 13px;
		line-height: 22px;
	}

	.nav-title {
		font-size: 24px;
	}

	.product-list__desc {
		font-size: 14px;
		line-height: 22px;
		height: 44px;
		margin-top: 5px;
	}

	.product-list__title {
		font-size: 16px;
	}

	.product-list li a {
		padding: 0 15px 15px;
	}


	.product-list__pic img {
		width: 114px;
		height: 114px;
	}

	.parts-hd {
		font-size: 16px;
	}

	.parts-list a,
	.parts-list span {
		font-size: 16px;
	}

	.top-tel .v {
		font-size: 18px;
	}

	.layui-form-select .layui-input {
		font-size: 16px;
		padding-left: 10px;
		padding-right: 20px !important;
	}

	.search-bar .layui-form-select .layui-edge {
		border-width: 5px;
		right: 10px;
	}

	.search-bar .form-control {
		font-size: 14px;
	}

	.search-btn {
		font-size: 16px;
	}

	.search-bar .layui-form {
		width: 146px;
	}

	.layui-form-select dl dd,
	.layui-form-select dl dt {
		padding: 0 10px !important;
		line-height: 36px !important;
		font-size: 16px;
	}

	.indexSwiper-item {
		height: 304px;
	}

	.child-list>li>a {
		font-size: 14px;
		padding: 4px 25px 4px 10px;
	}

	.nav-child .homeCateLI{
		width: 200px;
	}

	.nav-right-child {
		width: 200px;
	}

	.child-list>li>a .iconfont {
		font-size: 12px;
		right: 12px;
	}


	.indexSwiper-item__title {
		font-size: 24px;
		line-height: 40px;
	}

	.learn-more,
	.learn-more:hover {
		font-size: 16px;
		width: 110px;
		line-height: 32px;
	}


	.product-list li {
		width: 25%;
	}

	.language-list li a {
		font-size: 14px;
	}

	.language-item__title {
		font-size: 18px;
	}

	.language-list li a img {
		width: 18px;
		height: 18px;
	}

	.language-list {
		width: 150px;
	}

	.language-list2 {
		width: 550px;
	}

	.language-item {
		padding: 20px 10px 10px 20px;
	}
}


@media(max-width:1100px) {
	.language-items {
		display: block;
	}

	.language-list li {
		float: left;
		width: 50%;
		height: 20px;
	}

	.language-list {
		width: 550px;
	}


	.indexSwiper-item__content {
		margin-left: 230px;
	}

}

@media(max-width:992px) {
	.indexSwiper-item__content2 {
		margin-left: 0;
		width: 100%;
	}
	
	.indexSwiper-item__content3{
		justify-content: center;
	}
	
	.indexSwiper-item__content3{
		margin-left: 0;
	}
	
	.indexSwiper-content3__right{
		margin-right: 40px;
	}
	
	.indexSwiper-item__content4{
		margin-left: 0;
	}

	.c-list li a {
		font-size: 12px;
	}

	.c-list li {
		font-size: 12px;
		margin-top: 15px;
	}

	.c-title {
		font-size: 16px;
	}

	.c-list-box {
		margin-right: 40px;
	}

	.c-foot-item {
		font-size: 16px;
	}

	.c-foot-item img {
		width: 32px;
		height: 32px;
	}

	.mt-head .container {
		display: block;
		position: relative;
	}

	.panter-list li {
		width: 25%;
	}

	.sec-head {
		margin-bottom: 15px;
		background-color: #f7f7f7;
		text-align: left;
		padding: 10px 0;
	}

	.sec-title::after {
		display: none;
	}

	.sec-title::before {
		display: none;
	}

	.sec-title {
		font-size: 20px;
	}

	.sec-head .more-link {
		top: 14px;
		right: 15px;
	}

	.parts-list a,
	.parts-list span {
		font-size: 14px;
	}

	.indexSwiper-item__content {
		margin-left: 0;
	}

}


@media(max-width:768px) {
	.c-list-group {
		display: block;
		padding: 20px 0 0;
	}
	


	.c-list-box {
		width: 50%;
		float: left;
		margin-right: 0;
		border-right: 0;
		margin-bottom: 15px;
		overflow:hidden;
	}

	.product-list li {
		width: 50%;
		padding: 6px;
	}

	.product-list__title {
		font-size: 14px;
	}

	.product-list__desc {
		font-size: 12px;
		line-height: 17px;
		height: 34px;
		margin-top: 10px;
	}

	.product-list__pic img {
		width: 100px;
		height: 100px;
	}

	.news-title {
		font-size: 14px;
	}

	.news-list li {
		padding: 8px 0;
	}

	.product-list {
		margin: -6px;
	}


	.link-list li {
		width: 50%;
	}

	.link-list li a {
		font-size: 12px;
	}

	.sec-title {
		font-size: 16px;
	}
    .nav-title
    {
     font-size:16px;	
    	}
	.c-list-box:nth-child(even) {
		padding-left: 15px;
		border-left: 1px solid #e5e5e5;
	}

	.c-list li a img {
		width: 15px;
		height: 15px;
	}

	.c-foot-item {
		font-size: 14px;
		text-align: left;
		margin-bottom: 10px;
		width: 50%;
		float: left;
	}

	.news-col {
		padding: 8px;
	}

	.c-foot-item:first-child {
		width: 50%;
	}

	.c-foot-item img {
		width: 26px;
		height: 26px;
	}

	.c-foot-info {
		display: block;
		padding: 18px 0 0;
	}

	#c-header .c-switch {
		width: 24px;
		height: 24px;
	}

	.top-tel {
		right: 40px;
	}

	.top-tel img {
		width: 24px;
		height: 24px;
	}

	.top-tel .iconfont {
		margin-right: 10px;
		font-size: 24px;
	}

	#c-header .logo {
		width: 128px;
	}

	.mt-head-bd {
		margin-top: 12px;
	}

	.layui-form-select .layui-input {
		font-size: 12px;
	}

	.search-bar .layui-form {
		width: 110px;
	}

	.layui-form-select dl dd,
	.layui-form-select dl dt {
		line-height: 32px !important;
		font-size: 12px;
	}

	.search-bar .form-control {
		font-size: 12px;
		padding: 0 10px;
	}

	.search-btn {
		font-size: 12px;
		padding: 0 10px;
	}

	.banner {
		display: none;
	}

	.panter-list li {
		width: 33.3333%;
		padding: 6px;
	}

	.panter-list li a {
		padding: 12px 0;
	}

	.panter-list {
		margin: -6px;
	}

	.news-left {
		width: 100%;
		margin-right: 0;
	}

	.news-list li.on {}


	.news-pic {
		padding-right: 10px;
	}

	.news-desc {
		font-size: 12px;
		line-height: 15px;
		-webkit-line-clamp: 3;
	}

	.news-col__desc {
		display: none;
	}

	.news-row {
		margin: -8px;
	}

	.news-col a {
		box-shadow: unset;
	}

	.news-col__content {
		padding: 10px 10px 0;
	}

	.news-col__title {
		font-size: 14px;
		margin-bottom: 0;
	}

	.link-list li {
		margin-bottom: 16px;
	}

	#c-footer {
		background-color: #f8f8f8;
	}

	.parts-bar {
		display: block;
	}

	.section {
		padding: 20px 0;
	}

	.nav-head {
		margin-bottom: 20px;
	}

	.news-flex {
		display: block;
		margin-bottom: 20px;
	}

	.news-right {
		display: none;
	}

	.parts-list {
		display: block;
	}

	.parts-bar {
		padding: 15px 10px 5px 15px;
	}

	.parts-list a,
	.parts-list span {
		margin: 0 10px 10px 0;
		display: inline-block;
	}


	.language-list li {
		width: 100%;
		margin-bottom: 7px;
	}

	.language-list {
		width: 240px;
	}

	.language-list li a {
		font-size: 12px;
	}

	.language-items {
		height: 300px;
		overflow-y: scroll;
	}
}


.layui-menu a {
	display: block;
}

.layui-menu .layui-menu-item-checked a,
.layui-menu .layui-menu-item-checked2 a {
	color: #017bc4 !important;
}

.layui-menu .layui-menu-item-checked:after {
	display: none;
}

/* 内页 */
.page-banner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 424px;
	color: #ffffff;
	margin:auto; max-width:1920px;
}

.max360 {
	max-width: 360px;
}

.banner-grid .line {
	width: 60px;
	height: 2px;
	background-color: #ffffff;
	margin-bottom: 15px;
}

.banner-grid h2 {
	font-size: 40px;
	margin-bottom: 15px;
}

.banner-grid p {
	font-size: 20px;
}


@media(max-width:1024px) {
	.page-banner {
		height: 312px;
	}
}


.bs-breadcrumb {
	margin-bottom: 20px;
}

.bs-breadcrumb .mid {
	padding: 0 20px;
}

.bs-breadcrumb .text-cur {
	font-weight: bold;
}

.page-section {
	background-color: #f8f8f8;
}

.layui-h-title {
	font-size: 20px;
}

.page-section .layui-card {
	margin-bottom: 20px;
}

.page-section .layui-card-header {
	height: 60px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 58px;
}

.page-section .layui-card-body {
	padding: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.layui-vp-form .layui-form-item {
	margin-bottom: 0;
}

.layui-input-label {
	display: block;
	margin-bottom: 15px;
}

.text-red {
	color: #ff0000;
}

.text-center {
	text-align: center;
}

.layui-btn {
	border-radius: 6px;
}

.layui-btn-normal {
	background-color: #017bc4;
}

.layui-vp-form .layui-btn {
	min-width: 120px;
}

.contact-cells {
	padding: 0 15px;
}

.contact-row_item {
	margin-bottom: 14px;
}

.contact-row_item .iconfont {
	font-size: 20px;
	margin-right: 10px;
}

.contact-tabs {
	padding: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.contact-tabs .layui-btn {
	min-width: 188px;
	margin: 5px;
}

.contact-tabs .layui-btn-primary {
	background-color: #f8f8f8;
}

.black-banner .line {
	background-color: #222;
}

.black-banner {
	color: #222;
}

.art-content {
	line-height: 2;
}

.art-content p {
	margin-bottom: 20px;
}


.media-aside {
	width: 240px;
	margin-right: 20px;
}

.media-cells {
	background-color: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}

.aside-nav {
	background-color: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}

.aside-nav li {
	border-bottom: 1px solid #f0f2f5;
}

.aside-nav li a {
	display: block;
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
}

.aside-nav .all a {
	background-color: #017bc4;
	color: #ffffff;
}

.aside-nav .active a {
	color: #017bc4;
}

.media-list li {
	padding: 20px 0;
	border-bottom: 1px solid #f0f2f5;
}

.media-list .media-cell {
	color: #222222;
	display: flex;
	align-items: center;
}

.media-cell .flex_bd {
	padding: 10px 20px;
}

.media-list li .media-pic {
	text-align: center;
	width: 30%;
}

.media-list li .media-pic img {
	width: 200px;	
	object-fit: cover;
}
@media (max-width: 745px) 
{
	.media-list li .media-pic {
	text-align: center;
	width: 100%;
}

.media-list li .media-pic img {
	width: 100%;	
	object-fit: cover;
}
	
}

.media-cell .media-title {
	font-size: 18px;
	margin-bottom: 30px;
}

.media-cell .media-more:hover {
	color: #017bc4;
}

.media-cell .media-title:hover {
	color: #017bc4;
}

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

.page-cell {
	padding: 20px 0;
	text-align: center;
}

.page-cell a {
	min-width: 32px;	
	height: 32px;
	margin: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #017bc4;
	border-radius: 4px;
	color: #017bc4;
}

.page-cell a.active {
	background-color: #017bc4;
	color: #ffffff;	
}

.way-section {
	margin-bottom: 40px;
}

.way-head {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 20px;
	white-space: nowrap;
}

.way-head span {
	font-size: 30px;
	padding: 0 20px;
}

.way-head::before,
.way-head::after {
	width: 216px;
	height: 20px;
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}

.way-head::before {
	background-image: url(../images/page/dot-left.png);
}

.way-head::after {
	background-image: url(../images/page/dot-right.png);
}

.way-section {
	padding: 20px 0;
}

.way-body {
	font-size: 16px;
}

.row-way {
	margin-top: 20px;
}

.row-way>div {
	padding: 10px;
}

.way-item {
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}

.way-item::before {
	position: absolute;
	left: 0;
	top: 4px;
	width: 14px;
	height: 14px;
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/page/sqdot.png);
}

.banner-grid .way-item::before {
	background-image: url(../images/page/white_sq.png);
}

.max590 {
	max-width: 590px;
}

.pay-table {
	font-size: 18px;
}

.layui-table tbody tr:hover,
.layui-table thead tr,
.layui-table-click,
.layui-table-header,
.layui-table-hover,
.layui-table-mend,
.layui-table-patch,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr {
	background-color: #e5e5e5;
}

.solink-row>div {
	padding: 5px 0;
}

.solink-row a {
	color: #005bac;
}

.how-title {
	font-size: 24px;
}

.how-cel {
	display: block;
	text-align: center;
	overflow: hidden;
	border-radius: 8px;
	background-color: #ffffff;
}

.how-cel .how-grid {
	padding: 12px 20px;
}

.how-cel h2 {
	font-size: 18px;
	margin-bottom: 6px;
}

.how-cel p {
	text-align: left;
	color: #666666;
	line-height: 22px;
	height: 44px;
}

.ahout-section {
	padding: 20px 0;
}

.ahout-section img {
	border-radius: 8px;
}

.way-pic img {
	border-radius: 8px;
}

.ahout-cells {
	margin-bottom: 60px;
}

.about-text {
	margin-bottom: 30px;
}

.about-head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.about-head span {
	font-size: 30px;
	padding: 0 20px;
	white-space: nowrap;
}

.about-head::after,
.about-head::before {
	display: block;
	content: '';
	width: 200px;
	height: 3px;
	background-color: #222;
}

.about-cell {
	margin: 0 auto;
	max-width: 580px;
	background-color: #f7f7f7;
}

.about-cell .about-grid {
	padding: 20px;
}

.about-cell h3 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 15px;
}

.about-cell p {
	min-height: 100px;
}

.about-intro h2 {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}

.about-swiper-item {
	position: relative;
}

.about-swiper-item::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	position: absolute;
	top: 0;
	left: 0;
}

.about-swiper {
	position: relative;
	padding: 0 20px;
	z-index: 22;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #ffffff;
}

.about-swiper h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 40px;
	font-size: 30px;
}

.about-swiper h3 span {
	padding: 0 20px;
}

.about-swiper h3 img:first-child {
	margin-top: -20px;
}

.about-swiper h3 img:last-child {
	margin-top: 20px;
}

.form-tip h3 {
	margin-bottom: 10px;
}

.inq-head {
	padding: 15px 20px;
	background-color: #017bc4;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	border-radius: 8px;
	overflow: hidden;
}

.inquiry-cells {
	margin-left: -20px;
	margin-right: -20px;
}

.layui-table {
	border-radius: 8px;
}

.layui-table-view {
	margin: 0;
}

.layui-card-body .layui-table {
	margin: 0;
}

.inq-body {
	padding: 15px;
}

.inq-body thead tr {
	background-color: #ffffff;
}

.inq-body thead tr td {
	font-weight: bold;
	font-size: 18px;
	color: #222;
	padding: 15px;
}

.inq-body .layui-table {
	border-top: 2px solid #017bc4;
}

.inq-body .icon-del {
	color: #005bac;
	font-size: 20px;
	cursor: pointer;
}

.layui-form-checked[lay-skin=primary] i {
	border-color: #005bac !important;
	background-color: #005bac;
	color: #fff;
}

.ac-foot {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.layui-card-header strong {
	font-weight: bold;
	font-size: 18px;
}

.product-top {
	font-size: 18px;
	margin-bottom: 16px;
}

.layui-pro-links {
	margin: 0 -15px;
}

.layui-pro-links>div {
	padding: 2px 15px;
}

.layui-pro-links .p-item_row {
	display: block;
	padding-left: 20px;
	line-height: 20px;
	height: 40px;
	background: url(../images/page/sq-left.png) 0 0 no-repeat;
}

.product-cell {
	display: block;
	margin: 0 auto;
	max-width: 320px;
	padding: 15px 20px;
	background-color: #ffffff;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.05);
	color: #000;
	transition: .3s all;
	overflow: hidden;
	border-radius: 8px;
}

.product-cell:hover {
	transform: translateY(-10px)
}

.product-cell .photo {
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.product-cell .p-logo {
	line-height: 1;
}

.product-cell .p-logo img {	
	height: 30px;
}

.photo img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.product-cell .title {
	margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.product-cell .p-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.product-cell .intro {
	margin-bottom: 20px;
	color: #6666;
}

.product-cell .p-id {
	color: #ff7200;
}

.product-cell .ft {
	/* padding: 20px 0; */
	text-align: center;
}

.max880 {
	max-width: 880px;
}

.layui-card-qul {
	padding: 30px;
	text-align: center;
}

.ins-box {
	padding: 15px;
	text-align: center;
}

.ins-box p {
	margin-top: 15px;
}

.qul-cell {
	margin-top: 20px;
}

.qul-cell h3 {
	font-weight: bold;
	margin-bottom: 15px;
}

.qul-cell p {
	margin-bottom: 10px;
}

.art-title {
	font-size: 28px;
	margin-bottom: 15px;
}

.aside-panel {
	padding: 15px;
	background-color: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}

.news-aside {
	width: 100%;
}

.aside-pic-list li {
	margin-bottom: 16px;
}

.a-list-cell {
	display: flex;
	line-height: 1.2;
	align-items: center;
}

.a-list-cell .pic {
	font-size: 0;
	margin-right: 10px;
}

.a-list-cell .pic img {
	width: 75px;
	height: 75px;
	object-fit: cover;
}

.a-list-cell .time {
	font-size: 14px;
}

.a-list-cell .title {
	margin-bottom: 5px;
}

.logo-rows {
	padding: 10px;
	text-align: center;
}

.zh-intro {
	margin: 30px 0;
}

.zh-intro h2 {
	margin-bottom: 5px;
	font-size: 30px;
}

.cir-nav {
	overflow: hidden;
}

.cir-nav li {
	float: left;
	padding: 5px;
}

.cir-nav li a {
	display: block;
	padding: 4px 10px;
	border-radius: 4px;
	font-weight: bold;
}

.cir-nav li.current a {
	background-color: #005bac;
	color: #ffffff;
}

.zh-top {
	font-size: 30px;
	margin-bottom: 20px;
}

.zh-cell .zh-logo {
	font-size: 0;
}

.zh-cell .zh-logo img {
	width: 156px;
	height: 42px;
}

.zh-table-cells {
	background-color: #ffffff;
}

.zh-cell_row:hover {
	background-color: #f8f8f8;
}

.zh-left {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.zh-cell_row .flex_bd {
	display: flex;
	align-items: center
}

.zh-cell_top {
	color: #005bac;
}

.zh-cell_top .zh-item {
	font-size: 20px;
	padding: 15px;
}

.zh-table-cells .zh-cell_row {
	border: 1px solid #e2e4e6;
	margin-top: -1px;
}

.zh-table-cells .zh-cell_row:first-child {
	border-radius: 8px 8px 0 0;
}

.zh-table-cells .zh-cell_row:last-child {
	border-radius: 0 0 8px 8px;
}

.zh-cell_row .zh-item {
	padding: 15px;
}

.zh-btn-center {
	min-width: 150px;
	text-align: center;
}

.zh-btn-center .layui-btn {
	min-width: 94px;
	margin: 6px 0;
}

.layui-btn-warm {
	background-color: #ff7200;
}

.pro-thead {
	color: #017bc4;
	font-weight: bold;
	font-size: 20px;
}

.pro-row {
	display: flex;
	align-items: center;
	padding: 15px;
}

.pro-tbody {
	background-color: #ffffff;
}

.pro-tbody .pro-row {
	border: 1px solid #e2e4e6;
	margin-top: -1px;
}

.pro-tbody .pro-row:hover {
	background-color: #f8f8f8;
}

.pro-tbody .pro-row:first-child {
	border-radius: 8px 8px 0 0;
}

.pro-tbody .pro-row:last-child {
	border-radius: 0 0 8px 8px;
}

.pro-logo {
	display: inline-flex;
	align-items: center;
	font-size: 0;
	border: 1px solid #e2e4e6;
	background-color: #ffffff;
}

.pro-logo img {
	width: 90px;
	height: 90px;
	object-fit: cover;
}

.pro-row>.pro-item {
	width: 160px;
}

.pro-action {
	width: 120px;
	margin: 0 auto;
	padding: 8px 0;
}

.pro-action .layui-btn-warm {
	width: 100%;
}

.pro-panel {
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	background-color: #ffffff;
}

.pro-panel .pro-panel_hd {
	padding: 10px 15px;
	background-color: #017bc4;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.pro-panel .pro-panel_bd {
	padding: 15px;
}

.layui-table {
	margin: 0;
}

.p-logo {
	display: block;
	line-height: 1;
}

.p-logo img {
	width: 90px;
	height: 90px;
	object-fit: cover;
}

.pro-panel .layui-table thead tr {
	background-color: transparent;
	font-size: 18px;
}

.pro-panel .layui-table thead tr th {
	font-size: 18px;
	padding: 15px;
}

.layui-border-blue , .layui-btn{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff !important;
	color: #fff !important;
	background-color: #ff7200;
}

.detail-photo {
	text-align: center;
	font-size: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.detail-photo img {
	width: 270px;
	height: 270px;
	object-fit: cover;
}

.detail-left .intro {
	color: #cccccc;
	margin-top: 15px;
}

.layui-detail-table td {
	border-style: dashed;
}

.pro-detail-flex h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

.pro-bar {
	max-width: 500px;
	margin-top: 15px;
}

.pro-bar .flex_bd {
	padding: 0 10px;
}

.bs-layui-tab {
	margin: 0;
}

.bs-layui-tab .layui-tab-title li {
	width: 50%;
	font-size: 20px;
	line-height: 60px;
}

.bs-layui-tab .layui-tab-title .layui-this {
	background-color: #017bc4;
	color: #ffffff;
}

.bs-layui-tab .layui-tab-title .layui-this:after {
	display: none;
}

.sys-cell {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	max-width: 320px;
	background-color: #ffffff;
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.085);
	color: #000;
	transition: .3s all;
	border-radius: 8px;
}

.sys-section .layui-table thead tr {
	background-color: #f7f7f7;
	font-weight: bold;
}

.sys-section .layui-table td {
	padding: 15px;
}

.sys-section {
	padding: 15px 0;
}

.sys-bar {
	margin-bottom: 30px;
	background-color: #f7f7f7;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	padding: 15px;
	text-align: center;
	border-radius: 8px;
}

.sys-cell .sys-title {
	margin: 15px 0;
	padding: 0 15px;
	height: 60px;
	line-height: 30px;
	font-size: 20px;
}

.tip-cell {
	background-color: #f7f7f7;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 8px;
}

.bs-layui-tab .layui-tab-title {
	background-color: #f7f7f7;
	border-bottom: 0;
	border-radius: 8px;
	overflow: hidden;
	height: 60px;
}

.page-section .bs-layui-tab .layui-tab-title {
	background-color: #ffffff;
}

.layui-item_row {
	padding: 8px 0;
}

.layui-item_row .form-label {
	height: 30px;
	line-height: 30px;
	min-width: 170px;
	font-weight: bold;
}

.layui-item_row .layui-form-radio {
	min-width: 30px;
	height: 30px;
	position: relative;
	border: 1px solid #c8cacc;
	border-radius: 6px;
	margin-bottom: 10px;
	margin-top: 0;
	text-align: center;
	padding: 0 8px;
}

.layui-item_row .layui-form-radio .layui-anim.layui-icon {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0 !important;
}

.layui-item_row .layui-form-radioed,
.layui-item_row .layui-form-radioed:hover {
	border: 1px solid #017bc4;
	color: #017bc4 !important;
}

.layui-item_row .layui-form-radio:hover div {
	color: #017bc4 !important;
}

.input-flex {
	display: flex;
	align-items: center;
}

.input-flex .mid-span {
	padding: 0 10px;
}

.input-flex .layui-input {
	border-radius: 6px;
	height: 30px;
	border: 1px solid #c8cacc;
}

.input-group {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.input-group .subfix {
	text-align: center;
	background-color: #e9ecef;
	height: 28px;
	width: 50px;
	position: absolute;
	top: 1px;
	right: 1px;
	font-size: 12px;
	color: #666666;
}

.input-sm {
	width: 140px;
}

.layui-form-radio .icon-arrowUp {
	display: none;
}

.layui-form-radioed .icon-arrowUp {
	display: inline-block;
}

.color-span {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	margin-right: 6px;
}

.sys-grid {
	max-width: 560px;
}

.sys-grid .sys-title {
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 24px;
	;
	color: #000;
}

.sys-photo {
	text-align: center;
}

.sys-row .layui-tab {
	border-radius: 8px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.8);
}

.sys-row .layui-vp-form {
	padding: 30px 20px 15px 20px;
	color: #000;
}


.sys-row .layui-tab-title li {
	width: 50%;
	font-size: 20px;
	background-color: #ffffff;
	line-height: 60px;
	color: #222;
}

.sys-row .layui-tab-title .layui-this {
	background-color: #017bc4;
	color: #fff;
}

.sys-row .layui-tab-title .layui-this:after {
	display: none;
}

.sys-row .layui-input-label {
	margin-bottom: 10px;
}

.sys-row .layui-btn-lg {
	width: 280px;
}





@media(min-width:1000px) {
	.sys-grid {
		margin-left: 40px;
	}

	.sys-grid .sys-title {
		font-size: 32px;
		;
	}

	.pro-detail-flex {
		display: flex;
	}

	.detail-left {
		width: 270px;
		margin-right: 20px;
	}

	.pro-col {
		width: 200px;
	}

	.pro-col:last-child {
		text-align: center;
	}

	.pro-row .flex_bd {
		display: flex;
		align-items: center;
		justify-content: space-around; 
	}

	.zh-cell_row {
		display: flex;
		align-items: center;
	}

	.zh-left {
		display: flex;
		align-items: center;
		width: 50%;
	}

	.news-aside {
		width: 280px;
		margin-left: 20px;
	}

	.art-content {
		font-size: 18px;
	}
    .art-content table{ max-width:100%;}
    .art-content a{ color:#0782C1}
	.qul-cell {
		display: flex;
		align-items: center;
	}

	.qul-cell:nth-child(even) {
		flex-direction: row-reverse;
	}

	.qul-cell:nth-child(even) .qul-pic {
		margin-left: 60px;
	}

	.qul-cell:nth-child(odd) .qul-pic {
		margin-right: 60px;
	}

	.about-swiper {
		padding: 0 70px;
	}

	.about-intro h2 {
		font-size: 20px;
	}

	.about-info-flex {
		display: flex;
	}

	.about-info-flex .about-pic {
		margin-right: 30px;
	}

	.media-panel {
		display: flex;
		flex-direction: row-reverse;
	}

	.pay-table td,
	.pay-table th {
		padding: 20px;
		font-size: 18px;
	}

	.form-tip h3 {
		font-weight: bold;
		font-size: 30px;
	}

	.zh-cell {
		display: flex;
		align-items: center;
	}

	.zh-left .zh-item {
		flex: 1;
	}
}

@media (max-width:1024px) {

	.news-row {
		display: block;
	}
}


@media(max-width:768px)
{
.container .c-foot-item1
{
  width:50%;justify-content:left;
}
	
	/* c-foot-item2  底部*/
.container .c-foot-item2 {
  display:none;
}

/* c-foot-item3  底部*/
.container .c-foot-item3 {
	/* align-self: flex-end; */
	 width:50%;justify-content:right;
}
.mobileQuickC{ display:none;}
}


@media(max-width :750px) {
	.sys-banner {
		height: auto;
		background-size: cover;
		padding: 30px 0;
	}

	.sys-cell .sys-title {
		overflow: hidden;
		font-size: 16px;
	}

	.sys-grid {
		margin-top: 20px;
	}

	.sys-banner .sys-row {
		display: block;
	}

	.pro-action {
		margin: 5px 0;
	}

	.pro-row .flex_bd .pro-item {
		padding: 6px 0;
	}

	.pro-row>.pro-item {
		width: 140px;
	}

	.pro-thead {
		display: none;
	}

	.pro-row {
		align-items: flex-start;
	}

	.zh-logo {
		width: 100%;
		text-align: center;
	}

	.zh-cell_top {
		display: none;
	}

	.news-aside {
		margin-top: 20px;
	}

	.qul-pic {
		margin-bottom: 20px;
	}

	.banner-grid p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.about-info-flex .about-pic {
		margin-bottom: 30px;
	}

	.way-head span {
		font-size: 18px;
	}

	.media-aside {
		margin-top: 20px;
		margin-right: 0;
		width: 100%;
	}

	.media-list .media-cell {
		display: block;
	}

	.media-cell .media-title {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.layui-table-scroll .layui-table {
		white-space: nowrap;
		min-width: 640px;
	}

	.layui-table-scroll {
		overflow: hidden;
		overflow-x: auto;
	}

	.how-cel h2 {
		font-size: 15px;
	}

	.how-cel p {
		font-size: 13px;
	}

	.about-swiper-item {
		height: 660px;
	}

	.about-swiper h3 {
		margin-bottom: 16px;
	}

	.about-swiper h3 span {
		font-size: 18px;
		padding: 0 10px;
		font-weight: bold;
	}

	.about-swiper h3 img {
		width: 20px;
	}

	.detail-left {
		margin-bottom: 20px;
	}

	.layui-item_row {
		display: block;
	}

	.layui-item_row .form-label {
		display: block;
		margin-bottom: 10px;
	}
}

.ahout-section img {
	border-radius: 8px;
}

.how-pic img {
	border-radius: 8px;
}

.way-pic img {
	border-radius: 8px;
}

.qul-pic img {
	border-radius: 8px;
}

.media-list li .media-pic img {
	border-radius: 8px;
}

.a-list-cell .pic img {
	border-radius: 8px;
}

.backUp {
	position: fixed;
	right: 20px;
	bottom: 10%;
}

.icon-long-arrow-up {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #017bc4;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.085);
}

.layui-card {
	border-radius: 8px;
}

.c-foot-item {
	display: flex;
	line-height: 1;
	align-items: center;
}




.c-foot-item img {
	margin-right: 10px;
	width: 40px;
}

.slink {
	display: inline-block;
	line-height: 1;
	margin-right: 20px;
}

.c-list li {
	display: flex;
	align-items: center;
}

.c-list a .iconfont {
	font-size: 24px;
}

.icon-liaotian {
	color: #fff !important;
}

.icon-Facebook {
	color: #fff !important;
}

.icon-tuite {
	color: #fff !important;
}


.art-end {
	text-align: center;
	padding: 30px 0;
}

.art-end .art-end-label {
	margin-bottom: 30px;
	color: #d7d9db;
}

.art-link {
	padding: 0 10px;
	display: inline-block;
}

.art-link .iconfont {
	font-size: 32px;
}


.icon-facebookfacebook52 {
	color: #537bbc !important;
}

.icon-tuite1 {
	color: #1296db !important;
}

.icon-Linkedin {
	color: #0073b1 !important;
}

.icon-pdf {
	font-size: 18px;
	color: #ff0000 !important;
}

.icon-a-xingzhuang866 {
	color: #0073b1 !important;
}



.detail-photo {
	border: 1px solid #eee;
}

.mySwiper {
	margin: 0 23px;
}

.thumbs2 {
	position: relative;
	margin-top: 8px;
}

.thumbs2 .swiper-button-next,
.thumbs2 .swiper-button-prev {
	width: 15px;
	border: 1px solid #ddd;
	background: #eee;
	top: 0;
	height: 100%;
	bottom: 0;
	margin-top: 0;
	opacity: 1;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.thumbs2 .swiper-button-next:hover,
.thumbs2 .swiper-button-prev:hover {
	color: #ffffff;
	background-color: #017bc4;
}

.thumbs2 .swiper-button-prev {
	left: 0;
}

.thumbs2 .swiper-button-next {
	right: 0;
}

.thumb-img {
	height: 50px;
	width: 50px;
	border: 1px solid #ddd;
}

.thumb-img img {
	width: 100%;
	height: 100%;
}


.swiper-slide-thumb-active .thumb-img {
	border-color: #017bc4;
}


#exzoom {
	width: 270px;
	/*height: 400px;*/
}
.news-col:hover{
	transform: scale(1.05);
}

.newsSwiper{
	padding-bottom:10px;
}