* {
	margin: 0;
	padding: 0;
}
div, address, b, big, blockquote, body, center, cite, code, dd, del, dl, dt, em, fieldset, font, form, b, b, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var, th, td, input {
	margin: 0;
	padding: 0;
}
div, dl, dt, dd, form, input, button, textarea, p, ul, li, ol, table, tr, td, header, footer, aside, nav, b, b, h3, h4, h5, h6, section {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	font-size: 16px;
	font-family:"Pingfang";
	color: #333;
	padding: 0px;
	margin: 0px;
}
 @font-face {
 font-family:Pingfang;
 src:url('../fonts/pingfang.woff2') format('woff2'), url('../fonts/pingfang.woff') format('woff'), url('../fonts/pingfang.ttf') format('truetype'), url('../fonts/pingfang.eot');
}
@font-face {
	font-family: "din";
	src: url("../fonts/DIN-REGULAR-2.woff") format("woff"), url("../fonts/DIN-REGULAR-2.ttf") format("truetype"), url("../fonts/DIN-REGULAR-2.eot") format("embedded-opentype"), url("../fonts/DIN-REGULAR-2.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
 button:foucs {
 border: none !important;
 outline: none !important;
}
 button::-moz-focus-inner {
 border-color: transparent;
}
input[type=number] {
	-moz-appearance: textfield;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
i {
	font-style: normal;
}
a {
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
img {
	vertical-align: middle
}
input {
	outline: none;
}
input[type="button"], input[type="submit"], input[type="reset"], button, select {
	-webkit-appearance: none;
	outline: none;
}
textarea {
	-webkit-appearance: none;
	outline: none
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	/*兼容 IE*/
  zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*t图片样式*/
.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}
img {
	border: 0px;
	vertical-align: middle;
}
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%
}
.dot {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dot2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/
#header {
	transition: all 0.5s;
	z-index: 997;
	transition: all 0.5s;
	height: 80px;
	position: relative;
	width: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
}
#header.header-transparent {
	background: rgb(0, 0, 0, .26);
	box-sizing: border-box;
}
#header.header-scrolled {
	/*backdrop-filter: blur(1.25rem);*/
	background: hsla(0, 0%, 100%, .86);
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.top-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-box .logo {
	flex: 2;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 80px;
	margin-right: 10px;
}
.top-box .logo img {
	padding: 0;
	margin: 0;
	max-height: 70px;
}
.top-box .logo .logo-tu2 {
	display: none;
}
.top-box .tel {
	line-height: 45px;
	display: flex;
	align-items: center;
	justify-items: center;
}
.top-box .tel img {
	margin-right:10px;
}
#header.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
}
/*导航菜单 */
.nav-menu, .nav-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu {
	flex: 3;
	height: 80px;
}
.nav-menu ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.nav-menu ul li {
	position: relative;
	width: 100%;
	text-align: center;
}
.nav-menu a {
	display: block;
	color: #fff;
	padding: 0 5px;
	height: 80px;
	line-height: 80px;
	transition: 0.3s;
	font-size: 18px;
}
.nav-menu a:hover, .nav-menu .active>a, .nav-menu li:hover>a {
	color: #00ccff;
	text-decoration: none;
}
.nav-menu .drop-down ul {
	display: block;
	position: absolute;
	left: -20%;
	top: 80px;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	width: 140%;
	backdrop-filter: blur(1.25rem);
	background: hsla(0, 0%, 100%, .9);
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: ease all 0.3s;
}
.nav-menu .drop-down:hover>ul {
	opacity: 1;
	top: 80px;
	visibility: visible;
	z-index: 999;
}
.nav-menu .drop-down li {
	width: 100%;
	position: relative;
}
.nav-menu .drop-down ul a {
	font-size: 16px;
	text-transform: none;
	color: #333;
	line-height: 40px;
	height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active>a, .nav-menu .drop-down ul li:hover>a {
	color: #fff;
	background: #00ccff;
}
.nav-menu .drop-down .drop-down ul {
	top: 0;
	left: calc(100% - 80px);
}
.nav-menu .drop-down .drop-down:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
}
.nav-menu .drop-down .drop-down>a {
	padding-right: 35px;
}
.nav-menu a i {
	display: none;
}
.nav-menu .arrow {
	position: absolute;
	width: 11px;
	height: 11px;
	top: -5.5px;
	left: 45%;
	background-color: #fff;
	transform: rotate(45deg);
	cursor: pointer;
 transition: .3s;
	z-index: -1;
}
#header.header-scrolled .nav-menu a {
	color: #333;
}
#header.header-scrolled .nav-menu a:hover, #header.header-scrolled .nav-menu .active>a, #header.header-scrolled .nav-menu li:hover>a {
	color: #00ccff;
}
#header.header-scrolled .nav-menu .drop-down ul a:hover, #header.header-scrolled .nav-menu .drop-down ul .active>a, #header.header-scrolled .nav-menu .drop-down ul li:hover>a {
	color: #fff;
	background: #00ccff;
}
#header.header-scrolled .top-box .logo .logo-tu1 {
	display: none;
}
#header.header-scrolled .top-box .logo .logo-tu2 {
	display: block !important;
}
.Header-lang {
	float: right;
	position: relative;
	z-index: 999;
	margin-right: max(20px, 0.4rem);
}
.Header-lang-menu {
	display: flex;
	align-items: center;
	color: #fff;
    transition: color .4s ease;
	height: 80px;
}
.Header-lang-menu span {
	font-size: 16px;
	position: relative;
	padding-right: max(16px, 0.2rem);
}
.Header-lang-menu span::after {
content: "";
position: absolute;
right: 0;
top: 60%;
transform: translateY(-50%);
width: 8px;
height: 5px;
border: 4px solid transparent;
border-top-color: #fff;
transition: all .4s ease;
}
.Header-lang-menu i {
	font-size: 17px;
	margin-right: max(6px, 0.1rem);
}
.Header-lang.active .Header-lang-menu {
	color: #00ccff;
}
.Header-lang.active .Header-lang-menu span::after {
transform: translateY(-50%) rotate(180deg);
border-top-color: #00ccff;
}
/* 多个语言 Header-lang-more添加class="hasIcon" 就会启用图标 */
.Header-lang-more {
	width: max(170px, 1.7rem);
    margin-left: min(-85px, -0.85rem);
	border-top:max(3px, 0.04rem) solid #00ccff;
	display: none;
	z-index: 9;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.08);
	background: #fff;
	position: absolute;
	top:calc(100% - max(3px, 0.04rem));
	left: 50%;
	border-radius:max(3px, 0.05rem) max(3px, 0.05rem) 0 0;
transition: top .4s ease;
}
.Header-lang-more:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px;
	border-color: transparent transparent #00ccff transparent;
	position: absolute;
	top: -0.5rem;
	left: 50%;
	margin: 0 0 0 -6px;
}
.Header-lang-more a {
	display: flex;
	font-size: 16px;
	color: #222;
	/*justify-content: center;*/
	padding: max(6px, 0.1rem) 12px;
transition: all .4s ease;
}
.Header-lang-more a span img{ margin-right:6px;}
.Header-lang-more.hasIcon a {
	justify-content: flex-start;
	padding: max(6px, 0.1rem) 0 max(6px, 0.1rem) max(20px, 0.26rem);
}
.Header-lang-more.hasIcon a span {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: max(30px, 0.36rem);
	background-size: max(24px, 0.3rem) auto;
}
.Header-lang-more a:hover {
	color: #fff;
	background: #00ccff;
}
.Header-lang.active .Header-lang-more {
	display: block;
animation: langInUp .4s ease-out;
}
@keyframes langInUp {
0% {
transform: translateY(max(10px, 0.16rem));
opacity: 0.5;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.Header-search {
	float: right;
}
.Header-search-click {
	width: max(70px, 0.86rem);
	color: #fff;
	font-size: 17px;
	border-left: 1px solid #e6e6e6;
	cursor: pointer;
	z-index: 999;
transition: all .4s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.Header-search-click::after, .Header-search-item button::after {
content: "\e6a6";
font-family: "icon";
}
.Header-search-click.active::after {
content: "\e903";
font-size: max(15px, 0.17rem);
}
.Header-search-click:hover {
	color: #00ccff !important;
}
.Header-search-item {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
.Header-search-item.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.Header-search-item .limit {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.Header-search-item .contain {
	padding-right: max(100px, 1.1rem);
	display: flex;
	justify-content: flex-end
}
.Header-search-item form {
	display: flex;
	width: max(70px, 1rem);
	position: relative;
transition: width .8s ease;
}
.Header-search-item input {
	width: calc(100% - max(50px, 0.6rem));
	height: max(36px, 0.4rem);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: max(14px, 0.16rem);
	color: #222;
	background: transparent;
transition: border .4s ease;
}
.Header-search-item.active form {
	width: max(400px, 4.6rem);
}
.Header-search-item button {
	width: max(50px, 0.6rem);
	height: max(36px, 0.4rem);
	font-size: max(18px, 0.2rem);
	color: #222;
	background: transparent;
	cursor: pointer;
	margin-right: 0;
transition: color .4s ease;
	border: none;
}
.Header-search-item button:hover {
	color: #044f9f;
}
#header.header-scrolled .Header-search-click{ color:#222}
#header.header-scrolled .Header-lang-menu{ color:#222}
#header.header-scrolled .Header-lang-menu span::after{border-top-color:#222}
/* 改成搜索下面 Header-search-item添加class="hasDown" */
.Header-search-item.hasDown {
	height: calc(100vh - max(70px, 0.88rem));
	top: 100%;
	background: rgba(0, 0, 0, 0.3);
transition: opacity .4s ease, visibility .4s ease;
}
.Header-search-item.hasDown .limit {
	padding: max(40px, 0.6rem) 0;
	height: auto;
	background: #fff;
	border-top: 1px solid #ebebeb;
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.06);
}
.Header-search-item.hasDown form {
	width: max(120px, 1.44rem);
	margin: 0 auto;
}
.Header-search-item.hasDown input {
	border-radius: 10px;
	width: 100%;
	height: max(44px, 0.54rem);
	font-size: max(15px, 0.16rem);
	padding: 0 max(50px, 0.6rem) 0 max(16px, 0.2rem);
	border: 2px solid #ebebeb;
	color: #222;
}
.Header-search-item.hasDown input:focus {
	border-color: rgba(0, 0, 0, 0.4);
}
.Header-search-item.hasDown button {
	width: max(50px, 0.6rem);
	height: max(44px, 0.54rem);
	font-size: max(18px, 0.2rem);
	position: absolute;
	right: 0;
	top: 0;
}
.Header-search-item.hasDown.active form {
	width: max(520px, 6rem);
}
.tel b {
	font-size: 20px;
	color: #00ccff;
	font-family:Arial, Helvetica, sans-serif
}
/* 手机菜单样式 */
.mobile-nav {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 999;
	overflow-y: auto;
	left: -80%;
	width: 80%;
	padding-top: 60px;
	background: #00ccff;
	transition: 0.4s;
}
.mobile-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile-nav ul li:last-child button{ display:none;}
.mobile-nav a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	color: #fff;
	font-size: 16px;
	margin: 0 20px;
	height: 46px;
	line-height: 46px;
	font-weight: 500;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {
	color: #fff;
	text-decoration: none;
}
.mobile-nav ul li a.expanded {
	color: rgba(255, 255, 255, .7);
}
.mobile-nav ul li a button {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: none;
	outline: none;
	color: #00ccff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transform: rotate(-90deg);
	transition: transform 500ms ease;
}
.mobile-nav ul li a button.expanded {
	transform: rotate(0deg);
	background-color: #fff;
	color: #00ccff;
}
.mobile-nav .drop-down ul {
	display: none;
	overflow: hidden;
}
.mobile-nav .drop-down .arrow {
	display: none;
}
.mobile-nav .drop-down li a {
	padding-left: 20px;
}
.mobile-nav-toggle {
	position: fixed;
	right: 15px;
	top: 10px;
	z-index: 999999;
	border: 0;
	background: none;
	font-size: 24px;
	transition: all 0.4s;
	outline: none !important;
	line-height: 1;
	cursor: pointer;
	text-align: right;
	background: #00ccff;
}
.mobile-nav-toggle i {
	color: #fff;
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
.mobile-nav-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(51, 51, 51, 0.9);
	overflow: hidden;
	display: none;
}
.mobile-nav-active {
	overflow: hidden;
}
.mobile-nav-active .mobile-nav {
	left: 0;
}
.mobile-nav-active .mobile-nav-toggle i {
	color: #fff;
}
/*首页banner图*/
.pos {
	position: relative
}
.mb {
	display: none
}
.center {
	text-align: center
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}
.banner .hasVideo .banner-img img.pc {
	animation: hasVideoImg 1s ease both;
}
@keyframes hasVideoImg {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.banner .swiper-slide {
	overflow: hidden;
}
.banner-bg {
	position: relative;
}
.hasVideo .banner-bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
/*background: rgba(0, 0, 0, .05);*/
}
.banner-bg img {
	width: 100%;
	height: 100vh;
}
.banner-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner-con .contain {
	height: 100%;
	flex-direction: column;
	margin: 0 auto;
	color: #fff;
}
.banner-con .title {
	font-weight: 600;
	font-size: 70px;
	text-shadow: 0 0 10px #333;
}
.banner-con .title {
	letter-spacing: 4px;
	opacity: 0;
	transition: all 1s ease 1s;
	opacity: 0;
	transform: translateY(0.4rem);
}
.banner-con .text {
	letter-spacing: 2px;
	opacity: 0;
	transition: all 1s ease 1.1s;
	opacity: 0;
	transform: translateY(0.4rem);
	font-size: 30px;
	margin-top:18px;
	text-shadow: 0 0 5px #333;
}
.banner-con .comMore-box {
	opacity: 0;
	transition: all 1s ease 1.2s;
	opacity: 0;
	transform: translateY(0.4rem);
}
.swiper-slide-active .banner-con .title, .swiper-slide-active .banner-con .text, .swiper-slide-active .banner-con .comMore-box {
	opacity: 1;
	transform: translateY(0);
}
.swiper-slide-active.first .banner-con .title {
	transition-delay: 0s;
}
.swiper-slide-active.first .banner-con .text {
transition-delay: .1s;
}
.swiper-slide-active.first .banner-con .comMore-box {
transition-delay: .2s;
}
.banner-pagination {
	user-select: none;
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: max(20px, 0.6rem);
	width: 100%;
}
.banner-pagination .swiper-pagination-bullet {
	width: max(40px, 1rem);
	height: max(4px, 0.03rem);
	border-radius: 0;
	opacity: 1;
	background: rgba(255, 255, 255, .5);
	position: relative;
	margin: 0 max(4px, 0.07rem);
}
.banner-pagination .swiper-pagination-bullet::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #F17E0E;
transition: all .4s ease;
}
.banner-pagination .swiper-pagination-bullet.active::after {
width: 100%;
transition: all 5s linear;
}
.banner-pagination .swiper-pagination-bullet.active.first::after {
transition: all 3.8s linear;
}
.pad60 {
	padding: 60px 0 80px 0;
}
.pad90 {
	padding: 90px 0;
}
@media only screen and (max-width:1600px) {
.banner-con .title {
font-size:60px;
}
.banner-con .text {
font-size:26px;
}
}
@media all and (max-width:1151px) {
.hasVideo .banner-img img.pc {
animation: none;
}
.hasVideo video {
display: none;
}
}
@media (max-width: 1000px) {
.pc {
 display: none;
}
 .mb {
 display: block;
}
 .banner-bg img {
 height: 300px;
}
}
@media only screen and (max-width:768px) {
.banner-con .contain {
width:92%;
}
.banner-con .title {
font-size:24px;
letter-spacing: 0;
margin-bottom:5px;
}
.banner-con .text {
font-size:18px;
letter-spacing: 0;
margin-top: 8px;
}
}
/*关于我们*/
.main_title {
	text-align: center;
}
.main_title .m_p1 {
	font-size: 50px;
	color: #222;
	text-transform: uppercase;
	/* -webkit-text-stroke: 1px #dedede;
  -webkit-text-fill-color:transparent; */
  font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.main_title .m_p2 {
	color: #00ccff;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 40px;
}
.main_title .m_p3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 50px;
}
.main_title span {
	color: #7e7e7f;
	font-size: 26px;
}
.middle2 {
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0px;
	padding-right: 0px;
	min-height: 0px;
	margin-left: auto;
	margin-right: auto;
	max-width: none;
	width: auto;
}
.middle2a {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 40px;
	align-items: center;
}
.middle2a1 {
	text-align: left
}
.middle2a1_p1 {
	font-size: 18px;
	color: #00ccff
}
.middle2a1_p2 {
	font-size: 40px;
	color: #00ccff;
	font-weight: bold;
}
.middle2a1_p3 {
	font-size: 18px;
	color: #333;
}
.middle2b {
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	max-width: 1600px;
	width: 96%;
	margin: 0 auto;
	flex-wrap: wrap;
	margin-top: 50px
}
.middle2b_sub1 {
	flex: 0 0 49%;
	background: #fff;
	border-radius: 10px;
	padding: 40px 40px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 0 30px #eaeaea;
}
.middle2b_sub1 a{
  display:flex;
  justify-content: space-between;
  align-items: center;
  display: flex;
  }
.middle2b_sub1a {
	width:50%;
}
.middle2b_sub1a_p1 {
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	color: #333;
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.middle2b_sub1a_p1 a {

}
.middle2b_sub1a_p2 {
	font-size: 15px;
}
.middle2b_sub1a_p2 ul li {
	position: relative;
	padding-left: 20px;
	line-height: 28px
}
.middle2b_sub1a_p2 ul li::before {
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #00ccff;
left: 0;
top: 10px;
content: "";
}
.middle2b_sub1b {
	width:50%;
}
.middle2b_sub1b img {
	width:100%;
}
.middle2b_sub1 .middle2b_sub1b img {
	transition: 0.3s;
}
.middle2b_sub1:hover .middle2b_sub1b img {
	transition: 0.3s;
	transform: translateY(-10px);
}
.middle2b_sub1a_more {
	width: 150px;
	height: 44px;
	background: #00ccff;
	margin-top: 25px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
}
.middle2b_sub1a_more a {

}
.middle2b_sub1:hover .middle2b_sub1a_p2{
 color:#333;	
}
.middle2c {
	width: 200px;
	margin: 40px auto 20px;
	background:#00ccff;
	border-radius: 30px;
	height: 50px;
}
.middle2c a {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
/*	font-weight: bold*/
}
.flex {
	display: flex;
	flex-wrap: wrap
}
.indAb {
	background: #f5f5f7 url('../images/abIntro-bg.jpg') no-repeat top;
	padding:110px 0;
}
.indAb-flex {
	justify-content: space-between;
	align-items: center;
}
.indAb-con {
	width: 41.5%;
	color: #fff;
}
.indTitle .title-en {
	padding-left: max(18px, 0.25rem);
}
.indTitle .title-en::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: max(15px, 0.19rem);
height: max(12px, 0.15rem);
background: url('../images/indTitle-icon1.png') no-repeat center/100% auto;
}
.indTitle .title-en.white::after {
background-image: url('../images/indTitle-icon2.png');
}
.indTitle .title {
	margin-top: max(6px, 0.1rem);
	font-size:38px;
	font-size: 42px;
	font-weight: 600;
}
.indAb-desc {
	margin-top:55px;
	margin-bottom:10px;
}
.indAb-desc .text {
	line-height:32px;
	font-size:16px;
}
.indAb-desc .text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.indAb-list {
	width: 52%;
}
.indAb-item {
	background: rgba(255, 255, 255, .8);
	height: max(200px, 2.6rem);
	padding: 42px 36px;
	flex-direction: column;
	justify-content: space-between;
}
.indAb-item .ico {
	height: max(32px, 0.44rem);
}
.indAb-item .ico img {
	max-height: 100%;
}
.indAb-item .num {
	justify-content: flex-end;
	align-items: flex-end;
}
.indAb-item .num span {
	display: block;
	margin-right: 5px;
	line-height: .8;
	font-size:50px;
	font-weight:bold;
	color:#00ccff;
	font-family:Arial, Helvetica, sans-serif
}
.indAb-item .text {
	text-align: right;
	font-size:16px;
	margin-top:10px;
}
.uli {
	display: flex;
	flex-wrap: wrap;
}
.uli.mt20 {
	margin-top: min(-8px, -0.2rem);
	margin-left: min(-8px, -0.2rem)
}
.uli.ml20.uli2 li {
	width: calc(100%/2 - max(35px, 0.4rem));
	margin-left: max(35px, 0.4rem);
	margin-top: max(35px, 0.4rem)
}
.rd20 {
	border-radius: max(8px, 0.20rem);
	overflow: hidden
}
.comMore {
	border-radius: 40px;
	user-select: none;
	cursor: pointer;
	background:#00ccff;
	color:#fff;
	padding:8px 28px;
	margin-top:20px;
}
.comMore .ibox {
	margin-left: 8px;
	transform: rotate(45deg);
	font-weight: 700;
	font-size: 16px;
}
.comMore .ibox i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max(16px, 0.2rem);
	height: max(16px, 0.2rem);
transition: transform .4s ease;
}
.comMore .ibox i:nth-child(2) {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
opacity: 0;
}

.indAb_l {
	position: relative;
	width: 100%;
	height: 100%;
}
.indAb_ico {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(0, 91, 163, 0.18);*/
	transition: all 0.48s;
	text-align: center;
}
.indAb_ico a {
	width: 80px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.indAb_ico_bg {
	width: 100%;
	 filter: drop-shadow(0 0 4px #b6b6b6) drop-shadow(0 0 8px #b6b6b6);
	/*animation: bgAnimation 3s infinite alternate cubic-bezier(0.850, 0.860, 0.850, 0.940);*/
}
 @keyframes bgAnimation {
 0% {
 opacity: 0.8;
 transform: scale(1)
}
 100% {
 opacity: 0.48;
 transform: scale(1.2)
}
}
.indAb_ico_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.indAb_l:hover .indAb_ico {
	opacity: 1;
}
.indAb_img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top:36.85%; /* 16:9�������Լ��ɵ� */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.indAb_img_mbl {
	width: 100%;
	display: none;
}
/* video */

.yrVideo {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.9);
	overflow: hidden;
	text-align: center;
	z-index: 99999;
	cursor: pointer;
}
.yrVideo_box {
	z-index: 990;
	cursor: inherit;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	border: 12px solid #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.yrVideo_box video {
	display: block;
	position: relative;
	z-index: 4;
	width: 100%;
}
.yrVideo_cls {
	cursor: pointer;
	position: absolute;
	right: -12px;
	top: -11px;
	width: 42px;
	height: 42px;
	background: #fff;
	padding: 6px;
	z-index: 991;
	box-sizing: border-box;
}
.yrVideo_cls img {
	width: 100%;
}

 @media only screen and (max-width:1600px) {
.indTitle .title {
font-size:35px;
}
}
.casebox{
    background: #f6f7f8 url(../images/bg2.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.caselist {
	padding: 20px 0 90px;
}
.caselist ul li {
	width: 33.33%;
}
.caselist ul li div {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
.caselist ul li .pic {
	width: 94%;
	height: 82%;
	position: absolute;
	left: 3%;
	border-radius: 20px;
	overflow: hidden;
	top: 0;
	z-index: 5;
}
.caselist ul li .pic span {
	display: block;
	width: 100%;
	position: relative;
	height: 100%;
	/* padding-bottom: 100%; */
}
.caselist ul li .pic span::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.caselist ul li .pic img {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	z-index: 1;
}
.caselist ul li .txt {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	/* height: 280px; */
	background: #f6f7f8;
	border-radius: 20px;
	z-index: 4;
	text-align:center;
	padding: 210px 8% 20px;
	font-weight: 600;
	overflow: hidden;
}
.caselist ul li .txt span, .caselist ul li .txt em {
	display: block;
	width: 100%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
-webkit-transition: .5s;
transition: .5s;
}
.caselist ul li .txt span {
	font-size: 16px;
	line-height: 42px;
}
.caselist ul li .txt em {
	line-height: 24px;
	color: #808080;
	font-style: normal;
}
.caselist ul li .txt a {
	display: block;
	width: 18%;
	max-width:75px;
	float: right;
	text-transform: uppercase;
	color: #808080;
	text-align: center;
	line-height: 24px;
	border-radius: 12px;
	font-weight: normal;
}
.caselist ul li:hover .txt {
	background: #00ccff;
}
.caselist ul li:hover .txt em, .caselist ul li:hover .txt span, .caselist ul li:hover .txt a {
	color: #fff;
}
.caselist ul li .txt a:hover {
	background: #ff9600;
}
.caselist .btn {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.caselist .btn .iconfont {
	position: relative;
	width: 50px;
	height: 50px;
	top: 0;
	margin: 0 5px;
	background: none;
	color: #999;
	line-height: 50px;
	font-size: 48px;
	right: auto;
	left: auto;
}
.caselist .btn .iconfont:hover {
	color: #1b73b3;
}
.caselist .btn .pagination2 {
	position: relative;
	height: 50px;
	padding: 10px 0;
}
.caselist .btn .pagination2 span {
	width: 30px;
	height: 30px;
	margin: 0 5px;
	border-width: 6px;
}
.atm-img {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	display: block;
}
.atm-img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.atm5 {
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
@media only screen and (max-width:1600px) {
.caselist {
padding: 0 0 90px;
}
.caselist ul li div {
/*padding-bottom: 88%;*/
}
.caselist ul li .pic span {
}
}
@media only screen and (max-width:1200px) {
.caselist {padding-bottom: 75px;}
.caselist ul li div {
}
.caselist ul li .pic {/* width: 90%; *//* left: 5%; */}
.caselist ul li .pic span {
}
.caselist ul li .txt {/* height: 225px; */padding: 125px 6% 10px;}
.caselist ul li .txt span {
line-height: 35px;
}
.caselist ul li .txt a {
font-size: 13px;
}
}
@media only screen and (max-width:1024px) {
.caselist .btn .pagination2 span {
margin: 0;
border-width: 7px;
}
}
@media only screen and (max-width:768px) {
.caselist {
padding-bottom: 60px;
}
.caselist ul li div {
padding: 0;
border-radius: 10px;
}
.caselist ul li .pic {
width: 100%;
left: 0;
position: relative;
border-radius: 0;
}
.caselist ul li .pic span {
}
.caselist ul li .txt {
position: relative;
border-radius: 0;
padding: 5px 5% 20px;
height: auto;
text-align: center;
}
.caselist ul li .txt span {
width: 100%;
float: none;
line-height: 40px;
font-size: 15px;
}
.caselist ul li .txt em {
display: none;
}
.caselist ul li .txt a {
line-height: 30px;
padding: 0 25px;
border-radius: 15px;
float: none;
margin: 0 auto;
max-width: none;
width: auto;
display: inline-block;
background: #0f6099;
color: #fff;
}
.caselist ul li:hover .txt a {
background: #ff9600;
}
}
@media only screen and (max-width:480px) {
.caselist ul li .txt {
padding: 5px 3% 15px;
}
.caselist ul li .txt span {
line-height: 40px;
}
.caselist ul li:hover .txt a {
background: #ff9600;
}
.caselist .btn .iconfont {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 38px;
margin: 0;
}
.caselist .btn .pagination2 {
height: 40px;
padding: 8px 0;
}
.caselist .btn .pagination2 span {
width: 24px;
height: 24px;
border-width: 5px;
margin: 0 3px;
}
}
/* 新闻 */
.news_boxbg {
	background: #f6f7f8 url(../images/1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.news_box {
	display: flex;
	justify-content: space-between;
}
.news {
	margin-top:20px;
	position:relative;
}
.news .title {
	margin-bottom:0px;
	line-height:48px;
	color:#00ccff;
	font-size: 40px;
	font-weight:bold;
}
.news_cat {
	position:absolute;
	right:0px;
	top:0px;
}
.news_cat ul {
	float:right;
}
.news_cat li {
	float:left;
	width:144px;
	height:46px;
	line-height:44px;
	text-align:center;
	border: 1px solid #DBDBDB;
	margin-left:21px;
}
.news_cat a {
	display:block;
}
.news_cat li.on {
	background-color:#00ccff;
	border: 1px solid #00ccff;
	color:#fff;
}
.news_cat li.on a {
	color:#fff;
}
.news_cat a:hover {
	color:#00ccff
}
.item {
}
.index_news {
	height:auto;
	margin-top:30px;
	overflow:hidden;
}
.index_news .swiper-slide {
	width:32%;
	transform: translate3d(0, 0, 0);
	overflow:hidden;
	background: #fff;
}
.index_news h3 {
	width:100%;
	font-size:18px;
	font-weight:bold;
}
.index_news h3 a {
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.index_pic {
	overflow:hidden;
}
.index_news .index_pic img {
	width:100%;
	height:34vh;
	object-fit: cover;
	display:block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index:1;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}
.index_news .index_pic img:hover {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.12); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.12, 1.1); 	/* Opera */
}
.index_news .index_news_tit {
	border:1px #dbdbdb solid;
	padding:22px;
	border-top:0px;
}
.index_news p {
	margin-top:15px;
	line-height:26px;
	color:#666666;
	margin-bottom:22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.index_news span.more {
	float:right;
}
.index_news span.more a {
	font-size:14px;
	color:#999;
}
/*.index_news span.more a:hover{
	color:#00ccff;
}*/
.index_news span.date {
	font-size:14px;
	color:#999;
}
.index_news .swiper-slide:hover {
	background:#00ccff;
	-moz-background-size:45% auto;
	background-size:45% auto;
}
.index_news .swiper-slide:hover a {
	color:#fff;
}
.index_news .swiper-slide:hover span.more a {
	color:#fff;
}
.index_news .swiper-slide:hover span.date {
	color:#fff;
}
.index_news .swiper-slide:hover p {
	color:#fff;
}
.index_news .newspagination {
	text-align: center;
	width: 100%;
	z-index:999;
	margin-top:30px;
}
.index_news .swiper-pagination-bullet {
	display: inline-block;
	opacity:1;
	background:#d6deeb;
	width: 12px;
	height: 12px;
	overflow: hidden;
	line-height: 999px;
	border-radius: 50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	margin: 5px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}
.index_news .swiper-pagination-bullet-active {
	background: #F17E0E;
}
.news_info a {
	display: block;
	padding: 12px 20px;
 transition: all .3s;
	border-bottom: 1px solid #f1f1f1;
}
.news_info a b {
	color: #333;
	font-weight: normal;
	font-size: 18px;
	display: block;
}
.news_info a p {
	line-height: 24px;
	color: #999;
	font-size: 14px;
	padding: 16px 0 0 0;
}
.news_info a span {
	float: right;
	font-size: 18px;
	color: #999;
}
.news_info a:hover {
	background: #00ccff;
	color: #fff;
}
.news_info a:hover b, .news_info a:hover p, .news_info a:hover span {
	color: #fff;
}
.news_a {
	text-align: center;
	margin-top: 50px;
}
.news_a .more {
	border: 1px solid #00ccff;
	color: #00ccff;
	padding: 10px 40px;
}
.news_info {
	background: #fff;
}
.ftb {
	background: url(../images/ft.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}
.ftb .container {
	padding: 90px 0;
}
.ftb .txt {
	top:40%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
}
.ftb .txt b {
	display: block;
	color: #fff;
	margin: 10px 0;
	font-size: 32px;
	font-weight: 500;
}
.ftb .txt a:hover {
	background: rgba(0, 0, 0, 0.3);
}
/*底部footer*/
.footer {
	background: #293446;
	background-size: cover;
}
.foot {
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
}
.foot b {
	font-size: 20px;
	color: #bec9dc;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.foot span {
	color: #bec9dc;
	font-size: 20px;
	display: block;
	width: 40px;
	border-bottom: 1px solid #fff;
}
.foot .ft_logo {
	width: 21%;
}
.foot .ft_logo img {
	height: 70px;
}
.foot .ft_logo p {
	font-size: 16px;
	margin-top: 30px;
	color: #bec9dc;
}
.foot .ft_logo b {
	display: block;
	margin-top: 25px;
	font-size: 30px;
	font-weight: normal;
}
.foot .ft_logo b span {
	font-size: 30px;
	color: #0095BE;
	font-weight: bold;
}
.foot .ft-nav {
	width: 12%;
	border-right: 1px solid rgba(255, 255, 255, .1);
}
.foot .ft-nav ul {
	margin-top: 30px;
}
.foot .ft-nav li {
	float: left;
	margin-bottom: 8px;
	width: 100%;
}
.foot .ft-nav li a {
	font-size: 16px;
	display: block;
	color: #bec9dc;
}
.foot .ft-nav li a:hover {
	color: #00ccff;
}
.foot .ft-contact {
	width: 32%;
	border-right: 1px solid rgba(255, 255, 255, .08);
}
.ft_con {
	flex-wrap: wrap;
}
.ft_con .lxfs p {
	font-size: 16px;
	margin-top: 8px;
}
.ft_con .lxfs p a{ 
    color:#bec9dc;
}
.ft_con .ft_item {
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.ft_con .ft_item img {
	width: 30px;
	height: auto;
	margin-top:30px;
	margin-right: 15px;
}
.foot .ft-contact p {
	width: 100%;
	color: #bec9dc;
	font-size: 16px;
}
.ft_con .ft_item b {
	font-size: 22px;
	font-weight: bold;
	color: #00ccff;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif
}
.foot .footer_center {
	margin-top: 62px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.footer_phone {
	display: flex;
	margin-bottom: 30px;
}
.footer_phone p {
	color: #b4b5b5;
	margin-bottom: 5px;
	font-size: 16px;
}
.footer_phone p img {
	padding-right: 8px;
}
.footer_phone p span {
	font-weight: normal;
}
.footer_phone b {
	color: #b4b5b5;
	font-size: 24px;
	margin: 0;
	display: block;
}
.foot .footer_center {
	width: 31%;
}
.foot .footer_center .footer_tel {
	display: flex;
	flex-direction: column;
}
.foot .footer_center p {
	text-align: left;
	color: #b4b5b5;
}
.foot .ewm {
	width: 16%;
}
.foot .ewm img {
	max-width: 100px;
}
.foot .ewm p {
	margin-top: 10px;
	text-align: center;
	color: #bec9dc;
}
.ewm_box {
	display: flex;
	margin-top: 40px;
}
.ewm_box div {
	margin-right: 10px;
}
.copyright {
	padding: 20px 10px;
	text-align: center;
	color: #bec9dc;
	border-top: 1px solid rgba(255, 255, 255, .2);
}
.copyright a {
	color: #bec9dc;
}
/*右侧固定*/
.fix-side {
	position: fixed;
	right: 20px;
	bottom: 50px;
	width: 80px;
	z-index: 2000;
}
.fix-side li {
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	width: 80px;
	height: 80px;
	background-color: #00ccff;
}
.fix-side li:hover {
}
.fix-side .gzh {
	position: relative;
	width: 80px;
	text-align: center;
	cursor: pointer;
}
.fix-side .gzh .show {
	width:80px;
	color: #fff;
	cursor: pointer;
}
.fix-side .gzh:hover .box {
	display: block;
}
.fix-side .gzh:hover .box2 {
	display: block;
}
.fix-side .gzh .box2 {
	display: none;
	position: absolute;
	left: -120px;
	bottom: 0;
	width: 120px;
	line-height: 80px;
	height: 80px;
	font-size: 18px;
	color: #333;
	background-color: #f9f9f9;
	border: solid 1px #e5e5e5;
	border-right: none;
	box-sizing: border-box;
}
.fix-side .gzh:hover .box2 p {
	color: #333;
}
.fix-side .gzh .box {
	display: none;
	position: absolute;
	left: -150px;
	bottom: 0;
	width: 150px;
	height: 175px;
	color: #fff;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	border-right: none;
	box-sizing: border-box;
}
.fix-side .gzh .box img {
	margin-top: 15px;
	width: 120px;
	height: 120px;
}
.fix-side .gzh .box p {
	color: #666;
}
.fix-side p {
	margin-top: 2px;
	color: #fff;
}
.fix-side li a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
}
.fix-side li img {
	width: 32px;
	margin-top: 10px;
}
.fix-side .return {
	border-bottom: none;
	transform: scaleY(0);
	transition: 0.5s;
}
.fix-side .active {
	transform: scale(1);
}
.fix-side .phone {
	font-size: 18px;
	color: #00ccff;
	font-weight: bold;
	margin-top: 20px;
	font-family:Arial, Helvetica, sans-serif
}
.fix-side .gzh .box .img img {
	height: 30px;
	width: 30px;
	margin-top: 30px;
}
/* 手机底部导航 */
.bottom_nav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	background: #00ccff;
	display: none;
}
.bottom_nav_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	height: 62px;
}
.bottom_nav a {
	flex: 1;
	color: #fff;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}
.bottom_nav a span {
	margin-left: 6px;
}
.bottom_nav a:last-child {
	border-right: none;
}
.bottom_nav a:first-child {
	border-left: none;
}
.adminbuy_cn img {
	max-width:100% !important;
	height:auto !important;
	display:inline-block;
}
.adminbuy_cn p {
	text-wrap: inherit !important;
}
.adminbuy_cn p span {
	text-wrap: inherit !important;
}
.text-secondary {
	text-align:center;
	padding:20px 0
}
@media screen and (max-width:1440px) {
.ft_con .ft_item b {
font-size:20px;
}
}
@media screen and (max-width:1024px) {
 .foot .ewm {
 width: 25%;
}
}
 @media screen and (max-width:990px) {
/*头部*/
.back-to-top {
 display: none !important;
}
 #header {
 height: 70px;
}
 .fix-side {
 display: none;
}
 .foot .ft-nav {
 display: none;
}
 .foot {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
 .foot .ft-contact {
 width: 48%;
 padding-left: 2%;
}
 .foot .ewm {
 width: 45%;
 padding-left: 5%;
}
 .tel {
 display: none!important;
}
}
 @media screen and (max-width:768px) {
/*头部*/
#header {
 height: 60px;
}
 .top-box .logo {
 justify-content: flex-start;
 height: 60px;
}
 .top-box .logo img {
 max-height: 45px;
}
 .mobile-nav-toggle {
 top: 5px;
}
.Header-search {
/*display:none;*/
}
.Header-search-click{ width:max(50px, 0.66rem); border-left: none;}
.Header-search-item .limit{ display:block;}
.Header-search-item.hasDown.active form{ width:100%}
.Header-lang {
height:50px;
margin-right: 50px;
}
.Header-lang-menu {
height:50px;
}

.Header .btn-primary{ display:none;}
 .main_title .m_p1 {
 font-size: 36px;
 margin-bottom: 0;
}
 .foot {
 padding: 30px 0;
}
 .foot .ft-contact {
 width: 100%;
 padding: 0;
 flex-direction: column;
 display: flex;
 align-items: center;
}
 .foot .ewm {
 margin-top: 30px;
 width: 100%;
 padding: 0;
 flex-direction: column;
 display: flex;
 align-items: center;
 display:none;
}
 .ft_con .ft_item {
 margin: 15px 0;
 width: 100%;
 justify-content: center;
 flex-direction: column;
}
 .foot .ft-contact p {
text-align: center;
}
 .ft_con {
 align-items: center;
 justify-content: center;
 width: 100%;
}
 .foot span {
 margin: 0 auto;
}
 .foot {
display:none;
}
 .foot .ft_logo {
 width: 100%;
 text-align: center;
 display:none;
}
 .ftb .container {
padding: 30px 0;
}
 .ftb .txt b {
font-size: 20px;
padding: 10px;
}
 .ftb .txt {
top:20%
}
 .foot .ft_logo img {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
 .foot .ft_logo b, .foot .ft_logo p {
 margin-top: 15px;
 padding: 0 5px;
}
 .foot .ft-contact {
 margin-top: 20px;
 display:none;
}
 .bottom_nav {
display: block;
}
 .copyright {
padding-bottom: 70px;
display: none;
}
 .pad60 {
padding: 15px 0;
}
}
@media(max-width: 1024px) {
 .indAb_img_ico {
 opacity: 1;
}
 .indAb_img_ico img {
 width: 38px;
}
 .yrVideo_box {
 border-width: 6px;
}
 .yrVideo_box video{ 
 display:block!important;
 visibility: visible!important; 
 opacity: 1!important; 
 height: auto!important;
}
 .yrVideo_cls {
 right: -6px;
 top: -5px;
 width: 38px;
 height: 38px;
 padding: 6px;
}
}
 @media (max-width: 640px) {
 .main_title .m_p2 {
 font-size: 26px;
 margin-bottom:10px;
}
.main_title .m_p3 {
font-size:16px;
margin-bottom: 30px;
}
.news .title {
 font-size: 26px;
}
.indAb {
padding:30px 0;
}
 .indAb-con {
width: 100%;
}
 .indTitle .title {
font-size:22px;
}
 .indAb-desc {
margin-top:20px;
}
 .indAb-desc .text {
line-height:28px;
}
 .indAb-con .comMore-box {
margin-top: 15px;
}
 .indAb-list {
width: 100%;
margin-top: 30px;
}
 .indAb-list .uli.ml20 {
margin: -10px 0 0 -10px;
}
 .indAb-list .uli.ml20.uli2 li {
margin: 10px 0 0 10px;
width: calc(100%/2 - 10px);
}
 .indAb-item {
height: 140px;
padding: 15px;
}
 .indAb-item .text {
font-size: 13px;
}
 .indAb-item .num span {
font-size: 30px;
}
 .indAb_l{ 
 
}
.indAb_img{    padding-top: 66.85%;}
 .indAb_ico a {
 width: 48px;
}
 .indAb_ico_img {

}
.middle2{
padding-top: 30px;
padding-bottom: 30px;
}
.middle2a1_p2 {
font-size:26px;
}
.middle2a1_p3 {
font-size:16px;
}
.middle2a {
display:block;
margin: 0 auto 25px;
}
.middle2b {
display:block;
margin-top: 0px;
        overflow: hidden;
}
.middle2b_sub1 {
  display:block;
  padding: 20px 2%;
  width: 48%;
  float: left;
  margin: 0 3% 25px 0;
  /* display: flex; */
  /* 竖排就加 flex-direction: column; */
  /* flex-direction: column; */
  /* gap: 10px; */
  }
.middle2b_sub1:nth-child(2n){ margin-right:0;}
.middle2b_sub1 a{display:block;display: grid;}
.middle2b_sub1a {width:100%;display: contents;}
.middle2b_sub1a_p2{ display:none;}
.middle2b_sub1b {width:100%;text-align: center;margin:0px auto 0 auto;order: -1;}
.middle2b_sub1b img {

}
.middle2b_sub1a_p1 {margin-top: 15px;margin-bottom: 0;font-size: 16px;font-weight: normal;text-align:center;/* display: block; */}
.middle2b_sub1a_more{ display:none;}
.middle2c{width: 160px; height: 45px;margin: 15px auto 10px;}
.middle2c a{ font-size:16px; line-height:45px;}
.title {
 font-size: 24px;
 margin-bottom: 15px;
}
.news_boxbg {
padding-bottom:65px!important;
padding-top:10px!important;
}
 .index_news .index_news_tit {
 padding:10px;
padding-top:15px;
padding-bottom:15px;
}
.index_news .newspagination{ margin-top:15px;}
.news_cat {
 position:inherit;
margin-top:20px;
width:100%;
overflow:hidden;
}
.news_cat ul {
 display:flex;
display: -webkit-flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: space-between;
width:100%;
}
.news_cat li {
 width:48%;
height:46px;
line-height:44px;
text-align:center;
border: 1px solid #DBDBDB;
margin-left:0px;
}
.news_cat a {
 font-size:16px;
}
}
@media screen and (max-width:480px) {
 #header {
 height: 50px;
}
 .top-box .logo {
 justify-content: flex-start;
 height: 50px;
}
 .top-box .logo img {
 max-height: 45px;
}
 .mobile-nav-toggle {
 top: 5px;
}
 .mobile-nav-toggle {
 margin-top: 4px;
}
 .mobile-nav-toggle i {
 width: 38px;
 height: 30px;
 line-height: 30px;
}
 .mobile-nav-toggle {
 top: 7px;
}
}

.jidititle{
	text-align:center; color:#1a1a1a; font-size:40px; font-weight:bolder; margin-top:60px;
}
.jidititle .img1{
	margin-right:25px; vertical-align:middle;
}
.jidititle .img2{
	margin-left:25px; vertical-align:middle;
}

.aboutus_com_pics{
	margin-top:60px; overflow:hidden; position:relative; transform:translate3d(0,0,0); 
}
.aboutus_com_pics img{
	width:100%; height:auto; display:block;
}

.hide2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,204,255,0.7);
opacity:0; transform:scale(0);transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;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;}
.hide2 h3{width: 96%; margin: auto; text-align:center; color: #fff;font-size:22px; font-weight:normal;color: #fff; padding-left:10px; padding-right:10px;}
.aboutus_com_pics .swiper-slide:hover .hide2{opacity: 1;transform:scale(1);}

.keji_pics{
	margin-top:30px; margin-bottom:80px; transform:translate3d(0,0,0); 
}
.keji_pics img{
	border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;
}

.yanfashili{
	text-align:center; max-width:1180px; margin:0 auto; padding-left:15px; padding-right:15px; color:#666; font-size:18px; line-height:36px; margin-top:30px;
}
.yanfashili span{
	color:#0047b9;
}

.swiper-next{
	width: 55px; height: 55px; position:absolute; right:18px; top:50%; margin-top:-28px; background:url(../images/right2.png) center center no-repeat; border: 1px solid #fff; border-radius: 50%; z-index:1; cursor:pointer;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}
.swiper-prev{
	width: 55px; height: 55px; position:absolute; left:18px; top:50%; margin-top:-28px; background:url(../images/left2.png) center center no-repeat; border: 1px solid #fff; border-radius: 50%; z-index:1; cursor:pointer;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.98; opacity: 0.9;
}
.swiper-next:hover{
	background:url(../images/right2.png) center center no-repeat #00ccff; border: 1px solid #00ccff;
}
.swiper-prev:hover{
	background:url(../images/left2.png) center center no-repeat #00ccff; border: 1px solid #00ccff;
}
@media (max-width: 640px) {
    .jidititle{
        font-size: 24px;
        margin-top: 30px;
    }
	.jidititle img{
	width:100px; height:auto;
}
.jidititle .img1{
	margin-right:15px;
}
.jidititle .img2{
	margin-left:15px;
}
.yanfashili{
	text-align:left; font-size:14px; line-height:30px;margin-top: 15px;
}
.keji_pics{ margin-bottom:100px;}
.swiper-next{
	width: 30px; height: 30px; margin-top:-15px; right:10px;
}
.swiper-prev{
	width: 30px; height: 30px; margin-top:-15px; left:10px;
}
}

.newslist{
	height:auto; margin-top:50px;
}
.newslist li{
	height:auto; overflow:hidden; background-color:#fafafa; padding-right:220px; margin-bottom:50px; position:relative;
}
.newslist .newslist_pic{
	width:33%; overflow:hidden; float:left; margin-right:50px;
}
.newslist img{
	width:100%; height:auto; overflow-x: hidden; display:block;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.newslist li:hover img{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.newslist a{
	font-size:24px; color:#333333;
}
.newslist li:hover a h3{
	color:#00ccff;
}
.newslist h3{
	margin-top:25px; 
	font-weight:400;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.newslist p{
	font-size:16px;
	 margin-top:20px; 
	 line-height:30px;
	 overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.newslist .hot_more2{
	background:url(../images/news_jt.jpg) right 8px no-repeat; width:106px; height:28px; font-size: 16px; margin-top:30px; display:inline-block;
}
.newslist .hot_more2 a{
	font-size:14px !important; color:#999999;
}
.newslist .news_date{
	float:right; width:150px; text-align:center; position:absolute; right:40px; top:30%; color:#999; font-family:Arial, Helvetica, sans-serif
}
.newslist .news_date span{
	font-size:34px; color:#999;
}

.news_content{
	margin-top:50px;
	margin-bottom: 50px;
}
.news_title{
	text-align:center; margin:0 auto; font-size:30px; line-height:50px; color:#222; padding-left:20px; padding-right:20px; max-width:1000px;
}
.news_info{
	text-align:center; border-bottom:1px #d8d8d8 solid; margin-top:25px; padding-bottom:25px;
}
.content{
	width:100%; height:auto; margin:0 auto;  margin-top:45px; font-size:16px; line-height:36px; /*max-width:1000px;*/
}
.content p{
	text-indent:2em; margin-bottom:10px;
}
.content section{
	text-indent:2em; margin-bottom:10px;
}
.content p video{
	text-align:-2em; display:block; width:100% !important; height:auto !important;
}
.content div video{
	text-align:-2em; display:block; width:100% !important; height:auto !important;
}
.content img{
	max-width: 100%!important;height: auto!important;width:expression(this.width > 1000 ? "1000px" : this.width)!important;display:block; margin:0 auto;
}
.prenext{
	border-top:1px #d8d8d8 solid; margin-top:15px; padding-top:25px;
}
.prenext li{
	line-height:32px;
}
.backlist{
	float:right; width:145px; height:46px; background:url(../images/backlistbg.png) 21px center no-repeat #00ccff; line-height:46px; margin-top:-60px;
}
.backlist a{
	padding-left:57px; color:#fff; display:block;
}
@media only screen and (max-width: 1660px) {
    .newslist li {
        padding-right: 180px;
    }
}
@media (max-width: 1440px) {
.newslist li{
	padding:10px; padding-right:150px;
}
.newslist h3{
	margin-top:20px;
}
.newslist p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newslist .news_date{
	right:0px;
}
}
@media (max-width: 1024px) {
    .newslist li {
        margin-bottom: 30px;
    }
}
@media (max-width: 640px) {
.newslist{
	margin-top:30px;
	margin-bottom: 90px;
}
.newslist li{
	padding:0px; background:none; border-bottom:1px #ddd dashed; padding-bottom:35px; width:100%;
}
.newslist .newslist_pic{
	width:100%; height:auto; float:none; margin-right:0px;
}
.newslist .news_date{
	bottom:13px; top:auto; right:0px; width:auto; font-size:12px;
}
.newslist .news_date span{
	font-size:22px;
}
.news_title{
	font-size:18px; padding-left:0px; line-height:34px; padding-right:0px;/* text-align:left;*/
}
.news_info{
	/*text-align:left; */margin-top:10px; padding-bottom:15px;
}
.morenews_title{
	font-size:22px; font-weight:bolder;
}
    .newslist h3 {
        font-size: 22px;
    }
	.newslist p{ margin-top:10px;}
	.newslist .hot_more2{ margin-top:10px;}
.news_content{ margin-top:30px;}
.content{
	margin-top:20px; line-height:32px;
}
.content p{
	margin-bottom:10px;
}
.prenext{
	font-size:14px;
	        padding-bottom: 110px;
}
.prenext a{
	font-size:14px;
}
.backlist{
	margin-top:20px; height:42px; line-height:42px;
}
.backlist a{
	padding-left:65px;
}
}

.cz-service {position: relative; min-height:200px; padding:1% 0 3% 0;}
.cz-service .text{ line-height:32px; color: #333; font-size: 17px; margin-bottom: 35px; padding: 0 30px;}
.cz-service-list {clear: both;overflow: hidden;/*background: #f2f4f7;*/}
.cz-service-list .cz-content{width: 90%; padding-top:80px; padding-bottom:50px;}
.cz-service-item {overflow: hidden;position: relative;margin:0 30px 20px 30px;}
.cz-service-item a{ width:100%;}
.cz-service-item .cz-service-item-left {float: left;width:48%;/*background: #000;*/}
.img {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.img img,
.pic img {
/*	max-width: 100%;
	max-height: 100%;*/
	margin: auto;
	padding: 0;
	border: 0;
	width: 100%!important;
	height: auto;
	object-fit: cover;
}
.img-center {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: auto !important;
	height: auto !important;
	z-index: 1;
}

.img-block {
	display: block;
	width: 100%;
	height: auto;
}
.cz-service-item .cz-service-item-right {width:52%;height: 100%;position: absolute;right: 0;top: 0;}
.cz-service-item .text-1{font-size: 16px;color: #26334c;position: absolute;left: 10%;top: 10%;}
.cz-service-item .text {position: absolute;left: 10%;width: 80%;overflow: hidden;top: 50%;transform: translateY(-50%);}
.cz-service-item .text .title-1{ font-size:22px; padding-top: 60px;}
.cz-service-item .text .title-2 {position: relative;padding-top: 15px;}
.cz-service-item .text .title-2 strong{font-size: 34px;color: #26334c;position: relative;z-index: 2;}
.cz-service-item .text .title-1::before {content: '';position: absolute;top: 0;width:100px;height:87px;background:url('../images/syh.png') left top no-repeat;}
.cz-service-item .text .title-2::after {content: '';display: block;width: 25px;height:3px;margin:30px 0;background: #e6232a;}
.cz-service-item .text .item-3{overflow: hidden;font-size: 17px; line-height:32px; color: #333; text-align: justify;}
.cz-service-item .text .item-3 li{list-style: none;margin: 0;padding: 0;padding: 10px;position: relative;}
.cz-service-item .text .item-3 li::before {content: '';width:4px;height:4px;background: #666f80;position: absolute;top: 19px;left: 0;}
.cz-service-item .text .item-3 p{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.cz-service-list .cz-service-item:nth-child(2n) .cz-service-item-left {float: right;}
.cz-service-list .cz-service-item:nth-child(2n) .cz-service-item-right  {right: auto;left: 0;}

.cz-product-detail { width: 100%;padding: 5% 0 0 0;overflow: hidden;}
.cz-product-detail .cz-content{width: 90%;width:calc(90% - 60px);padding:0 30px; }
.cz-product-detail-left{float: left;width: 47.2%;background: none;overflow: hidden;}
.cz-product-detail-swiper{position: relative;overflow: hidden;width: 100%;height: 100%;}
.cz-product-detail-swiper .img{border: 2px solid #e6e8ed;}
.cz-product-detail-swiper .swiper-button-next,.cz-product-detail-swiper .swiper-button-prev {left: auto;right: 0;top: auto;bottom: 0; margin: auto;width: 95px;height: 60px;z-index: 10;}
.cz-product-detail-swiper .swiper-button-next::after,.cz-product-detail-swiper .swiper-button-prev::after {display: none;}
.cz-product-detail-swiper .swiper-button-next {right: 0;background: url('../images/jt-r1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-prev {right:96px;background: url('../images/jt-l1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-next:hover {background: url('../images/jt-r1.png') center no-repeat #e56849;}
.cz-product-detail-swiper .swiper-button-prev:hover {background: url('../images/jt-l1.png') center no-repeat #e56849;}
.cz-product-detail-right {float: left;width: 48%;padding: 2% 0 5% 5%;overflow: hidden;}
.cz-product-detail-right .title-1{color: #222; font-size:34px; font-weight:bold;}
.cz-product-detail-right .title-2{font-size: 22px;color: #26334c;}
.cz-product-detail-right .text-3{padding: 30px 0;margin-top: 30px;border-top: 2px solid #e6e8ed;overflow: hidden;font-size: 17px;color: #666e80;line-height: 30px;text-align: inherit; text-align: justify;}
.cz-product-detail-right .buttom-4{margin-top: 20px;overflow: hidden;}
.cz-product-detail-right .buttom-4 a{display: block;float: left;width: 170px;height: 60px;line-height: 60px;border-radius: 5px;padding: 0 35px;color: #fff;font-size: 17px;font-weight: bold;position: relative;margin-right: 10px;}
.cz-product-detail-right .buttom-4 a i {width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px;}
.cz-product-detail-right .buttom-4 a.down{background: #00ccff;}
.cz-product-detail-right .buttom-4 a.zhixun{background: #dedede; color:#444;}
.cz-product-detail-right .buttom-4 a.down i {background: url('../images/down.png') center no-repeat;}
.cz-product-detail-right .buttom-4 a.zhixun i {background: url('../images/xiaoxi.png') center no-repeat;}

.viewmore-4 {
	width: 180px;
	display: block;
	margin: 25px 0 0 0;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, .2);
}
.viewmore-4 span {
	font-size: 16px;
	vertical-align: middle;
	letter-spacing: 1px;
	display: inline-block;
	color: #444;
	text-align: center;
	padding: 10px 0 10px 0;
	margin-right: 10px;
	overflow: hidden;
}

.viewmore-4 i {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 8px;
	background: url('../images/jt-r.png') center no-repeat;
}

.viewmore-4:hover {
	border: 1px solid #00ccff;
}
.viewmore-4:hover span{ color:#00ccff;}
.viewmore-4:hover i{background: url('../images/jt-r3.png') center no-repeat;}

.pages {
	clear: both;
}

.pages .pagination {
	text-align: center;
	height: auto;
	width: 100%;
	font-size: 15px !important;
	margin: 50px 0 5px 0;
    padding: 0;
}

.pages .pagination a {
	padding: 0 13px;
	line-height: 28px;
	height: 28px;
	font-size: 15px !important;
	float: none;
	display: inline-block;
	margin-bottom: 10px;
}

.pages .pagination p {
	padding: 0 13px;
	line-height: 28px;
	height: 28px;
	font-size: 15px !important;
	float: none;
	display: inline-block;
}

.pages .pagination a.cur {
	background: #00ccff !important;
	border: 1px solid #00ccff !important;
}

.pages .pagination a:hover {
	color: #00ccff !important;
	border: 1px solid #00ccff !important;
}

.pages .pagination a.cur:hover {
	color: #fff !important;
}

.cz-product-detail-content {overflow: hidden;}
.cz-product-detail-content .cz-content{}
.cz-detail-content {margin: 30px 0;}
.cz-detail-content .title-1 {font-size: 24px;color: #333;font-weight: bold; position: relative;padding: 20px 0;overflow: hidden;border-bottom: 2px solid #d8dae0;}
.cz-detail-content .title-1 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #26334d;position: absolute;right: 0;top: 50%;margin-top: -15px;font-style: normal;}
.cz-detail-content .img{text-align: center;padding-top: 100px;overflow: hidden;}
.cz-detail-content .parameter-2 {margin-top: 30px;overflow: hidden;}
.cz-detail-content .parameter-2 h1{ font-size:20px; font-weight:bold;color: #00ccff;}
.cz-detail-content .parameter-2 p{ font-size:17px; line-height:28px; margin-bottom:15px;}
.cz-detail-content .parameter-22{border: 1px solid #e6e8ed;}
.cz-detail-content .parameter-22 .item-3 {background: #ffffff;border-bottom: 1px solid #d8dae0;overflow: hidden;}
.cz-detail-content .parameter-22 .item-3:first-child{background: #f2f4f7;}
.cz-detail-content .parameter-22 .item-3:last-child {border-bottom: none;}
.cz-detail-content .parameter-22 .item-3 li{font-size: 16px;color: #26334c;list-style: none;float: left;width:33.33%;text-align: center;margin: 0;padding: 0;padding: 18px 5%; border-right:1px #d8dae0 solid;}
.cz-detail-content .parameter-22 .item-3 li p{ margin-bottom:0;}

.dect {
	width: 100%;
	padding: 60px 0 100px;
}

.dect .dect_con {
	
}

.dect_top {
	line-height: 50px;
	font-size:32px;
	font-weight:bold;
}

.dect_top2 {
	color: #999999;
	margin-top: 30px;
	margin-bottom: 40px;
}

.dect .dect_txt {
	padding: 35px 0 45px;
}

.dect .dect_txt img {
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
	height: auto;
}

.dect .dect_txt {
	color: #555555;
	line-height: 30px;
	border-top: 1px solid #e1e3e6;
	border-bottom: 1px solid #e1e3e6;
}

.dect .dect_txt p {
	padding-bottom: 15px;
	text-align: justify;
}

.dect .dect_bot {
	display: flex;
	justify-content: space-between;
	padding-top:45px;
	    border-top: 1px solid #e1e3e6;
}

.dect .dect_bot .bot_le {
	width: calc(100% - 200px);
}

.dect .dect_bot .bot_le p {
	padding-bottom: 15px;
}

.dect .dect_bot .bot_le a {
	color: #666666;
	line-height: 25px;
}

.dect .dect_bot .bot_le a:hover {
	color: #00ccff;
}

.dect .dect_bot .bot_re .liaoj {
	padding-left: 0;
}

@keyframes jiant {
	0% {
		transform: translateX(20px);
	}

	20% {
		transform: translateX(30px);
	}

	40% {
		transform: translateX(20px);
	}

	100% {
		transform: translateX(20px);
	}
}

.liaoj {
	height: 40px;
	color: #00ccff;
	display: flex;
	align-items: center;
	width: 100%;
	padding-left: 30%;
}

.liaoj .a_img {
	position: relative;
	transform: translateX(20px);
	animation: jiant 3s infinite linear alternate;
	/*	fliter:drop-shadow(0 0 1px #000);
	-webkit-filter:drop-shadow(0 0 1px #000);*/
}

.liaoj .a_img img:last-child {
	position: absolute;
	left: 0;
	top: 6px;
	opacity: 0;
}

.liaoj span {
	width: 35px;
	height: 35px;
	border: 1px solid #00ccff;
	border-radius: 50px;
	/*fliter:drop-shadow(0 0 1px #333);
	-webkit-filter:drop-shadow(0 0 1px #333);*/
}

/* .liaoj:hover .a_img{transform: translateX(30px);} */

.liaoj:hover {
	color: #00ccff;
}

.liaoj:hover .a_img img:last-child {
	opacity: 0;
}

.liaoj:hover .a_img img:first-child {
	opacity: 1;
}

.liaoj:hover span {
	border: 1px solid #00ccff;
}

/* .liaoj.act .a_img{transform: translateX(30px);} */

.liaoj.act {
	color: #00ccff
}

.liaoj.act .a_img img:last-child {
	opacity: 1;
}

.liaoj.act .a_img img:first-child {
	opacity: 0;
}

.liaoj.act span {
	border: 1px solid #00ccff;
}

@media (max-width: 680px) {
.cz-service .text{ padding:0 0;}
.cz-service-item { width:100%; margin: 0 auto 20px auto;}
.cz-service-item .cz-service-item-left{ width:100%;}
.cz-service-item-right {padding: 5%;width: 100%!important;}
.cz-service-item .cz-service-item-right,.cz-service-item .text-1,.cz-service-item .text {position: relative;right: auto;top: auto;bottom: auto;left:auto;height: auto;float: none!important;clear: both;transform: translateY(0%); width:100%;}
.cz-service-item .text .title-2 strong{ font-size:28px;}
.position{ font-size:15px;}
.cz-product-detail-left,.cz-product-detail-right {width: 100%;float: left;}
.cz-product-detail-swiper .swiper-button-next, .cz-product-detail-swiper .swiper-button-prev {display: none;}
.cz-product-detail-right {padding: 5% 0 ;}
.cz-product-detail-right .buttom-4 a {width: 150px;height: 50px;line-height: 50px;}
.cz-product-detail-right .buttom-4{ margin-top:0;}
.cz-detail-content{ margin:0 0;}
.dect{padding: 30px 0 100px;}
}

.case-list1 .case-ul1{
    margin-top:20px;
    position:relative;
}
.case-list1 .case-ul1 li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom:2%;
    border:1px solid #e5e5e5;
    box-sizing:border-box;
    cursor:pointer
}
.case-list1 .case-ul1 li:nth-child(3n){
    margin-right:0;
}
.case-list1 .case-ul1 li .img{
    width:100%;
    overflow:hidden;
}
.case-list1 .case-ul1 li .img img{
    width:100%;
    transition:all 0.3s;
}
.case-list1 .case-ul1 li .img-div{
    padding:15px 5px;
}
.case-list1 .case-ul1 li .img-div .span{
    font-size:17px;
    color:#000;
    text-align:center;
    line-height:30px;
	display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition:all 0.3s;
}
.case-list1 .case-ul1 li .img-div .span .xian{
    color:#e5e5e5;
    margin:0 0;
}
.case-list1 .case-ul1 li .img-div .span-p{
font-size:16px;
color:#666;
margin-top:0.3rem;
line-height:24px;
min-height:24px;
text-align:center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
@media (max-width: 768px){
.case-list1 .case-ul1 li{
	width:100%;
	margin-right:0;
	margin-bottom:30px;
}
.case-list1 .case-ul1 li .img-div{
	padding: 0.7rem;
}
}



.culture-tx {
	padding: 3% 0 5%;
	overflow: hidden;
	text-align: center;
}
.culture-tx-box {
}
.culture-tx-items {
}
.culture-tx-img {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.culture-tx-div {
	cursor: pointer;
	position: relative;
	float: left;
	width: 32%;
	height: 230px;
	margin: 0 2% 2% 0;
	overflow: hidden;
	background: #fafafa;
	padding: 0 0 0 4%;
}
.culture-tx-div > img {
	position: absolute;
	right: 5%;
	bottom: 10%;
	width: 88px;
	opacity: 0.5;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.culture-tx-div:nth-child(3n) {
	margin: 0 0 2% 0;
}
.culture-tx-div div {
	position: relative;
	top: 46%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	text-align: left;
}
.culture-tx-div h1 {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 500;
	color: #000;
	position: relative;
	padding-bottom: 4%;
	margin-bottom: 10%;
}
.culture-tx-div h1:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 38%;
	background: #00ccff;
}
.culture-tx-div p {
	font-size: 17px;
	line-height: 32px;
	width: 80%;
	max-width: 238px;
}
.culture-tx-div p span {
	display: block;
}
.culture-tx-div:hover h1 {
	color: #00ccff;
}
.culture-tx-div:hover > img {
	bottom: 16%;
	opacity: 0.8;
}

@media (max-width: 640px) {
.culture-tx{padding: 35px 0 100px;}
.culture-tx-div {
		width: 100%;
		padding-left: 6%;
		-moz-transform: none;
		transform:none;
		margin: 0 0 25px 0;
	}
	.culture-tx-div h1 {
		font-size: 20px;
		margin-bottom: 6%;
	}
	.culture-tx-div div {
		top:16%;
		-moz-transform: none;
		transform:none;
}
	.culture-tx-div:nth-child(3n) {
		margin: 0 0 25px 0;
	}
	.culture-tx-div:nth-child(2n) {
		margin: 0 0 25px 0;
	}
}


.recruitment {
	position: relative;
	clear: both;
	overflow: hidden;
}

.recruitment .cz-content {
	padding: 0px 0 50px 0;
	overflow: hidden;
	width: 90%;
}

.recruitment-top-text {
	margin: 0px 30px 30px 30px;
	padding: 30px 0 30px 0;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
}

.recruitment-top-text .text-1 {}

.recruitment-top-text .text-2 {
	float: right;
}

.recruitment-top-text .text-2 strong {
	font-weight: normal;
	font-size: 16px;
	color: #666e80;
	margin-right: 30px;
}

.recruitment-top-text .text-2 strong:last-child {
	margin: 0;
}

.col-page-recruit .col-idea {
	height: 100%;
	overflow: hidden;
}

.col-page-recruit .col-idea h2 {
	text-align: center;
	font-weight:bold;
	margin-bottom: 20px;
}

.col-page-recruit .col-idea .content {
	text-align: center;
	font-size: 17px;
	line-height: 30px;
	color: #333;
	margin-top: 0;
	margin-bottom: 40px;
}

.col-page-recruit .col-idea ul li {
	float: left;
	width: 33.33%;
	padding: 0 3%;
	text-align: center;
	list-style: none;
}

.col-page-recruit .col-idea ul li img {
	width: auto;
	margin: 0 auto;
}

.col-page-recruit .col-idea ul li h3 {
	font-size: 20px;
	margin: 20px 0 15px;
}

.col-page-recruit .col-idea ul li h3 i {
	font-style: italic;
	color: #00ccff;
	font-size: 24px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif
}

.col-page-recruit .col-idea ul li .s-content {
	color: #333;
	line-height: 1.8
}

.join {
	padding: 2% 0 5% 0;
	background-color: #f2f4f7;
}

.join-job {}

.join-job .index-title h1 {
	display: inline-block;
}

.join-job .index-title a {
	float: right;
	margin-top: 1%;
}

.join-job-box {
	overflow: hidden;
}

.join-job .title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #d6d6d6;
	font-size: 14px;
	color: #333;
}

.join-job .title p {
	width: 19%;
	float: left;
	text-align: center;
	text-transform: capitalize;
	font-size: 17px;
}

.join-job .title p.one {
	width: 24%;
}

.join-job .title p.four {
	width: 25%;
}

.join-job .title p:last-of-type {
	text-align: center;
}

.join-job .join-list-ul {
	width: 100%;
	text-align: left;
}

.join-job .join-list-ul li {
	width: 100%;
	clear: both;
}

.join-job .join-list-ul a {
	display: block;
}

.join-job .tit1 {
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	padding: 20px 2px;
	line-height: 1.4;
	color: #333;
	min-height: 86px;
	cursor: pointer;
	border-bottom: 1px solid #e1e1e1;
	display: flex;
    align-items: center;
}

.join-job .tit1 p {
	display: block;
	float: left;
	width: 19%;
	text-align: center;
	text-transform: capitalize;
}

.join-job .tit1 p span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.join-job li.hot .tit1 p span {
	float: right;
	text-align: left;
	width: calc(100% - 32px);
}

.join-job .tit1 p.one {
	width: 24%;
	text-align: center;
}

.join-job .tit1 p.four {
	width: 25%;
	text-align: center;
}

.join-job .tit1 p:last-of-type {
	text-align: center;
	width: 13%;
	font-size: 16px;
}

.join-job .tit1 p img {
	width: 24px;
	position: relative;
	top: -3px;
	margin-right: 8px;
}

.join-job .tit1 p:last-of-type {
	/* text-align: right; */
	color: #00ccff;
	text-transform: capitalize;
}

.join-job .join-list-ul li:hover .tit1 p {
	color: #00ccff;
}

.carDet_body {
	line-height: 2;
	color: #666;
	/* margin: 35px 0 20px; */
	padding-bottom: 28px;
/*	border-bottom: 1px dashed #dbdbdb;*/
}

.carDet_body b {
	color: #333;
	display: block;
	line-height: 2;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 10px;
}

.carDet_body li {
	margin-left: 25px;
	list-style-type: disc;
	color: #004098;
}

.carDet_body li p {
	color: #666;
	font-size: 15px;
}

.carDet_btm {
	padding-top: 24px;
}

.carDet_dl {
	padding: 10px 0 36px;
	width: 100%;
	border-bottom: 1px dashed #e8e8e8;
	overflow: hidden;
}

.carDet_dl dd {
	float: left;
	width: 33.33%;
	color: #666;
	line-height: 36px;
	text-transform: capitalize;
}

@media (max-width: 680px) {
	.recruitment-top-text {
		margin: 0;
	}
	
	
	.col-page-recruit .col-idea h2{ font-size:24px;}

	.col-page-recruit .col-idea ul li {
		width: 98%;
		margin-bottom: 20px;
		padding: 0 1%;
	}
	
	.col-page-recruit .col-idea ul li img{width: 80px;}

	.join {
		padding: 30px 0 80px 0;
	}

	.carDet_dl {
		width: 100%;
	}

	.carDet_dl dd {
		width: 100% !important;
		font-size: 16px;
	}
	.join-job .title p{ width:33.33%!important;}
	.join-job .title p.two{ display:none;}
	.join-job .title p.four{ display:none;}
	.join-job .tit1 p{width:33.33%!important;}
	.join-job .tit1 p.two{ display:none;}
	.join-job .tit1 p.four{ display:none;}	
}

/* 联系我们 */
.contact1 {
	position: relative;
	padding: 2.5% 0 5% 0;
}

.contact1 .cont1_con {}

.contact1 .cont1_con .con1 {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.contact1 .cont1_con .con1 .img {
	position: relative;
}

.contact1 .cont1_con .con1 .img img {
	width: 100%;
}

.contact1 .cont1_con .con1 .txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 35px;
}

.contact1 .cont1_con .con1 .txt .tr {
	/*width: 380px;*/
	background: #fff;
	border-radius: 10px;
	padding: 20px 32px 20px 28px;
	display: flex;
	align-items: center;
	height: 92%;
	box-shadow: 0 5px 5px 2px rgba(61, 108, 160, 0.2);
}

.contact1 .cont1_con .con1 .txt .tr .n1 img{ max-width:300px;}

.contact1 .cont1_con .con1 .txt .tr .n2 {
	line-height: 1.2;
	margin: 30px 0 15px;
	font-size:32px;
	font-weight:bold;
}

.contact1 .cont1_con .con1 .txt .tr .d {
	margin-bottom: 30px;
}


.contact1 .cont1_con .con1 .txt .tr .n3 {
	padding: 30px 0;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

.contact1 .cont1_con .con1 .txt .tr .n3 p {
	margin-bottom: 10px;
}

.contact1 .cont1_con .con1 .txt .tr .n3 p:last-child {
	margin-bottom: 0;
}

.contact1 .cont1_con .con1 .txt .tr .n3 a:hover {
	color: #e6232a;
}

.contact1 .cont1_con .con1 .txt .tr .n4 {
	padding-top: 25px;
}

.contact1 .cont1_con .con1 .txt .tr .n4 li {
	float: left;
	width: 50%;
	text-align: center;
}

.contact1 .cont1_con .con1 .txt .tr .n4 img {
	max-width: 100px;
	margin: 0 auto;
}

.contact1 .cont1_con .con1 .txt .tr .n4 span {
	display: block;
	line-height: 1.785;
}

.contact1 .cont1_con .con1 .txt .tr .n4 p {}

.contact1 .cont1_con .con1 .txt .tr .n4 p:last-child {
	margin-bottom: 0;
}

.contact1 .dizhi {
	position: absolute;
	width: 0;
	height: 0;
	left: 46%;
	top: 50%;
}

.contact1 .dizhi .dic {
	width: 240px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.contact1 .dizhi .dic .t {
	width: 62px;
	margin: 0 auto;
}

.contact1 .dizhi .dic .di {
	padding: 2px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 5px 2px rgba(61, 108, 160, 0.2);
	margin-bottom: 20px;
}

.contact1 .dizhi .dic .di .d2 {
	padding: 5px 9px;
	line-height: 1.5;
}

.contact1 .cont1_con .con2 {
	margin-top: 40px;
}

.contact1 .cont1_con .con2 .ul {
	display: flex;
	flex-wrap: wrap;
}

.contact1 .cont1_con .con2 .ul .li {
	width: 32.6%;
	margin-right: 1.1%;
	margin-top: 20px;
}

.contact1 .cont1_con .con2 .ul .li:nth-child(3n) {
	margin-right: 0;
}

.contact1 .cont1_con .con2 .ul .li a {
	display: block;
	border-radius: 8px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	padding: 30px 30px 20px;
}

.contact1 .cont1_con .con2 .ul .li .lit {
	margin-bottom: 10px;
}

.contact1 .cont1_con .con2 .ul .li .lib {
	line-height: 1.5;
	color: #6E7073;
}

.contact1 .cont1_con .con2 .ul .li a:hover {
	background: #e6232a;
}

.contact1 .cont1_con .con2 .ul .li a:hover .lit {
	color: #fff;
}

.contact1 .cont1_con .con2 .ul .li a:hover .lib {
	color: #fff;
}

.contact2 {
	position: relative;
}

.contact2 .lianxiwpm .con3 .ul .li .in input {
	height: 80px;
}

.contact2 .lianxiwpm .con3 .ul .li {
	line-height: 82px;
	padding-left: 32px;
	margin-bottom: 40px;
}

.contact2 .lianxiwpm .con3 .ul .li .in textarea {
	height: 220px;
	line-height: 82px;
}

.contact2.lianxiwpm .con3 .ul .li:last-child {
	height: 220px;
}

.contact2 .lianxiwpm .con4 {
	margin-top: 60px;
}

.contact2 .lianxiwpm .con4 .sub {
	width: 210px;
	height: 60px;
	font-size:24px;
}

.contact2 .lianxiwpm .con2 {
	margin: 0px 0 60px;
	font-size:32px;
}

.contact2 .lianxiwpm .con3 .ul .li2 .yzm {
	right: 30px;
}

.lianxiwpm {
	background: url(../images/tan_1.jpg) center no-repeat;
	background-size: cover;
	padding: 5% 0 5% 0;
}

.lianxiwpm .con1 {
	text-align: center;
	font-size:64px;
	font-weight:bold;
	font-family: din;
}

.lianxiwpm .con2 {
	text-align: center;
	margin: 15px 0 40px;
}

.lianxiwpm .con3 {}

.lianxiwpm .con3 .ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.lianxiwpm .con3 .ul .li {
	width: 48.7%;
	display: flex;
	line-height: 62px;
	white-space: nowrap;
	background: #fff;
	padding-left: 20px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}

.lianxiwpm .con3 .ul .li2 {
	position: relative;
}

.lianxiwpm .con3 .ul .li2 .yzm {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 120px;
	height: 46px;
	cursor: pointer;
	border-radius: 8px;
}

.lianxiwpm .con3 .ul .li .in {
	width: 100%;
}

.lianxiwpm .con3 .ul .li .in input {
	height: 62px;
	width: 100%;
	border: 0;
	outline: none;
	font-size: 16px;
	color: #222222;
}

.lianxiwpm .con3 .ul .li p {
	display: inline-block;
}

.lianxiwpm .con3 .ul .li p span {
	color: #cf2929;
	display: inline-block;
	width: 10px;
}

.lianxiwpm .con3 .ul .li:last-child {
	width: 100%;
	margin-bottom: 0;
	height: 160px;
}

.lianxiwpm .con3 .ul .li .in textarea {
	width: 100%;
	height: 100%;
	line-height: 62px;
	resize: none;
	border: 0;
	font-size: 16px;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
}

.lianxiwpm .con4 {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.lianxiwpm .con4 .sub {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e6232a;
	color: #e6232a;
	border-radius: 10px;
	background: none;
	overflow: hidden;
	width: 168px;
	height: 58px;
}

.lianxiwpm .con4 .sub:hover {
	background: #e6232a;
	color: #fff;
}

input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;

}

textarea:-moz-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;

}

textarea::-moz-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;

}

textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;

}

.yd {
	display: none;
}

@media screen and (max-width:1480px) {
	.contact1 .cont1_con .con1 .txt .tr .n2 {
		margin: 15px 0 15px;
	}

	.contact1 .cont1_con .con1 .txt .tr .d {
		margin-bottom: 20px;
	}

	.contact1 .cont1_con .con1 .txt .tr .n3 {
		padding: 20px 0;
	}

	.contact1 .cont1_con .con1 .txt .tr .n4 {
		padding-top: 20px;
	}
}

@media(max-width:680px) {
    .contact1{    padding: 6% 0 5% 0;}
	.contact1 .cont1_con .con1 .txt {
		position: static;
		padding-right: 0;
	}

	.contact1 .cont1_con .con1 .txt .tr {
		width: 100%;
		box-shadow: 0 5px 5px 1px rgba(61, 108, 160, 0.1);
		padding: 30px 0px;
	}

	.contact1 .cont1_con .con1 .txt .tr .nei {
		width: 100%;
	}

	.contact1 .cont1_con .con1 {}

	.contact1 .cont1_con .con2 {
		margin-top: 0;
	}
	
	.contact1 .cont1_con .con1 .txt .tr .n1 img{ max-width:250px;}
	
	.contact1 .cont1_con .con1 .txt .tr .n2{ font-size:22px;}

	.contact1 .cont1_con .con2 .ul .li {
		width: 100%;
	}

	.contact1 .cont1_con .con2 .ul .li a {
		padding: 20px;
	}

	.contact1 .dizhi .dic .t {
		width: 42px;
        padding-left: 10px;
	}

	.contact2 .lianxiwpm .con2 {
		margin: 0px 0 25px;
		font-size:22px;
	}

	.contact2 .lianxiwpm .con3 .ul .li .in input {
		height: 60px;
	}

	.contact2 .lianxiwpm .con3 .ul .li,
	.contact2 .lianxiwpm .con3 .ul .li .in textarea {
		line-height: 62px;
	}

	.contact2 .lianxiwpm .con3 .ul .li2 .yzm {
		right: 10px;
	}

	.contact2 .lianxiwpm .con3 .ul .li {
		padding-left: 18px;
		margin-bottom: 20px;
	}

	.lianxiwpm .con3 .ul .li {
		margin-bottom: 20px;
		width: 100%;
	}
	
	.lianxiwpm .con1{ font-size:36px;}

	.contact2 .lianxiwpm .con4 {
		margin-top: 30px;
	}

	.contact2 .lianxiwpm .con4 a {
		width: 140px;
		height: 50px;
	}

	.lianxiwpm {
		padding: 40px 0 120px 0;
	}

	.contact2 .lianxiwpm .con4 .sub {
		width: 180px;
		height: 60px;
		font-size:20px;
	}
	.contact1 .dizhi .dic .di{ display:none;}
	.pc {
		display: none;
	}

	.yd {
		display: block;
	}
}

.downloadbox-cont {
    margin-bottom: 80px;
    width: 100%;
}

@media (max-width: 767px) {
    .downloadbox-cont {
        margin-bottom: 35px;
    }
}

.downloadbox-cont .tit {
    padding: 25px 38px;
    display: flex;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .downloadbox-cont .tit {
        padding: 15px 16px;
    }
}

.downloadbox-cont .tit div {
    flex: 1;
    color: #333;
	font-weight:bold;
    font-size: 18px;
}

.downloadbox-cont .tit div:last-child {
    text-align: center;
	flex: 2;
}

@media (max-width: 767px) {
    .downloadbox-cont .tit div {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .downloadbox-cont .tit .smhied {
        display: none;
    }
}

.downloadbox-cont .tit .name {
    flex: 4;
}

@media (max-width: 767px) {
    .downloadbox-cont .tit .name {
        flex: 2;
    }
}

.downloadbox-cont .item {
    padding: 10px 38px;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .downloadbox-cont .item {
        padding: 15px 16px;
    }
}

.downloadbox-cont .item>div {
    flex: 1;
    color: #444;
    font-size: 16px;
}

.downloadbox-cont .down-img {
    width: 66px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
    flex: initial!important;
}

.downloadbox-cont .down-img img {
    max-width: 100%;
    max-height: 82px;
}

@media (max-width: 767px) {
    .downloadbox-cont .item>div {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .downloadbox-cont .item .smhied {
        display: none;
    }
}

.downloadbox-cont .item .name {
    flex: 4;
    display: flex;
    height: 62px;
    line-height: 26px;
	align-items: center;
}

.downloadbox-cont .item .name span{
	overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
    .downloadbox-cont .item .name {
        flex: 2;
    }
}

.downloadbox-cont .item .cz{
display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 2;
}

.downloadbox-cont .item a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 1;
	margin-right:15px;
}

.downloadbox-cont .item a:last-child{ margin-right:0;}

.downloadbox-cont .item .yl {
    display: block;
    width: 150px;
    height: 36px;
	line-height: 36px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-image: url(../images/see1.png);
    background-size: 20px 18px;
    background-repeat: no-repeat;
    background-position: 32%;
	flex: inherit;
	padding-left: 30px;
}

.downloadbox-cont .item .xz {
    display: block;
    width: 150px;
    height: 36px;
	line-height: 36px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-image: url(../images/download1.png);
    background-size: 20px 18px;
    background-repeat: no-repeat;
    background-position: 32%;
	flex: inherit;
	padding-left: 30px;
}


.downloadbox-cont .item .yl:hover{
    background-color: #00ccff;
    background-image: url(../images/see1-1.png);
}

.downloadbox-cont .item .xz:hover{
    background-color: #00ccff;
	background-image: url(../images/download1-1.png);
}

.downloadbox-cont .item:nth-child(2n) {
    background-color: #fff;
}
@media (max-width: 767px) {
    .downloadbox-cont .down-img{ display:none;}
	.downloadbox-cont .item .cz{}
	.downloadbox-cont .item .yl{ width:50px; background:none;padding-left: 0px;}
	.downloadbox-cont .item .xz{ width:50px; background:none;padding-left: 0px;}
}

/* 二级分类容器 */
        .sub-category-wrap {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            margin-top: 30px;
        }

        /* 二级分类项 */
        .sub-category-item {
            min-width: 150px;
            height: 50px;
            padding: 0 10px;
            border: 2px solid #ddd;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: #333;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .sub-category-item:hover {
            border-color: #40c9ff;
        }
        
        .sub-category-item:hover a{
            color: #40c9ff;
        }

        /* ========== 手机端自适应 ========== */
        @media (max-width: 768px) {
            .sub-category-wrap {
                gap: 20px;
            }
            .sub-category-item {
                min-width: 40%;
                height: 45px;
                font-size: 15px;
            }
        }