@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "思源黑体 CN Reqular";
    src: url('../fonts/SourceHanSansCN-Regular.otf');
}
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat","微软雅黑", Arial;
	font-size:16px;
	line-height:1.5;
	color:var(--graycolor);
	max-width:1920px;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:var(--graycolor);
	text-decoration:none;
}
a:hover {
	color:var(--graycolor);
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	width: 90%;
	max-width:1660px;
	margin:0px auto;
	height:auto;

}

* {
	box-sizing: border-box;
}

.main{ overflow:hidden;}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
  :root{
	--linkColor:#00448a;
    --graycolor:#343434;
   }
   
/* 首页 */

header{ position: fixed; width: 100%; left: 0%; top: 0px;  z-index: 1000;}
header .container{ height: 76px;}
header .container .logo img{ height: 39px;}
header .container .logo .img2{ display: none;}
header .tpright .menu{ margin-right: 80rem;}
header .tpright .menu ul li a{ color: #fff; display: block; padding: 0px 31rem;}
header .tpright .tool a img{ height: 24rem; display: block;}
header .tpright .tool a { position: relative; border-right: 1px #fff solid; padding: 0px 6px;}
header .tpright .tool a:last-child{ border-right: 0px !important;}
header .tpright .tool a .img2{ display: none;}
header .search{ position: absolute; right: 0px; top: 0px; width: 76rem; cursor: pointer;}
header.play .container .logo .img1{ display: none;}
header.play .container .logo .img2{ display: block;}
header.play .tpright .tool a .img2{ display: block;}
header.play .tpright .tool a .img1{ display: none;}
header.play{ background-color: #fff; border-bottom: 1px #e4e4e4 solid;}
header.play .tpright .tool a{ border-right: 1px #484848 solid;}
header.play .tpright .menu ul li a{ color: #484848;}

header.play2 .container .logo .img1{ display: none;}
header.play2 .container .logo .img2{ display: block;}
header.play2 .tpright .tool a .img2{ display: block;}
header.play2 .tpright .tool a .img1{ display: none;}
header.play2{ background-color: #fff; border-bottom: 1px #e4e4e4 solid;}
header.play2 .tpright .tool a{ border-right: 1px #484848 solid;}
header.play2 .tpright .menu ul li a{ color: #484848;}
header .tpright .menu ul li .title{ height: 76px; display: flex; align-items: center; justify-content: center;}

header .tpright .sea_one{ width: 25px;  cursor: pointer; display: none; margin: 0px 5px;}
.banner .img2{ display: none;}

.banner{ position: relative; z-index: 10;}
.shengming .img2{ display: none;}
.shengming{margin-bottom: 10px;}

.index_about{ margin-top: -77rem;}
.part_1{ max-width: 1494px; width: 90%; margin: 0px auto; margin-top: -313rem; position: relative; z-index: 20;}
.part_1 .video{ width: 45.6%; border-radius: 10px; overflow: hidden; cursor: pointer;}
.part_1 .video video{ width: 100%;object-fit: cover;
	object-position: center center;}
.part_1 .content{ flex:1; margin-right: 6.8%; line-height:2;}
.part_2{ margin-top: 188rem; margin-bottom: 230rem;}
.part_2 ul li{text-align: center; color: #838383; font-size: 28rem; font-family: "思源黑体 CN Reqular"; flex:1;}
.part_2 ul li .title{  font-size: 50rem; line-height: 1.3; font-weight: 500;}
.index_bt{ line-height: 1;font-family: "思源黑体 CN Reqular"; margin-bottom: 75rem; align-items: flex-end; }
.index_bt .eng{ font-size: 102rem;text-transform: uppercase; margin-bottom: 30rem; font-weight: 600;}
.index_bt .title{ font-size: 62rem;}
.index_bt .more img{ width: 47rem; height: auto;}
.index_bt .tpright a{ margin-left: 10px;}
.index_product:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_product ul li{ width: 32.65%; border: 2px #363737 solid;border-radius: 10px; overflow: hidden; margin-right: 1%; float: left;}
.index_product ul li:last-child{ margin-right: 0px;}
.index_product ul li a{display: block;}
.index_product ul li a .photo{position:relative; display:block; padding-top:105.7%; width:100%; }
.index_product ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .index_product ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .index_product ul li a .box{ padding: 0px 31rem 33rem 46rem; margin-top: -30rem; position: relative; z-index: 10;}
 .index_product ul li a .box .title{ font-size: 35.7rem; line-height: 1.4;}
 .index_product ul li a .more{ display: flex; align-items: center;}
 .index_product ul li a .more img{ width: 14rem; height: auto; margin-left: 8px;}
 .index_product{ margin-bottom: 290rem;}

 .index_solu{ position: relative; margin-bottom: 274rem;}
 .index_solu:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
 .index_solu ul li{ width: 1007px; position: relative; float: left;}
 .index_solu ul li a{ display: block;}
 .index_solu ul li a .photo{position:relative; display:block; padding-top:57.7%; width:100%; overflow:hidden; border-radius: 20rem;}
 .index_solu ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
  object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_solu ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_solu ul li a .photo img{ width: 100%;}
.index_solu ul li a .box{ width: 44.9%; position: absolute; top: 7%; right: 45rem;background-color:rgba(255,255,255,0.74); border-radius: 20rem; display: flex; flex-direction: column; height: 82%; padding: 50px 54px; justify-content: space-between; display: none;}
.index_solu ul li a .box .title{ font-size: 24px; font-weight: 600; margin-bottom:37rem;}
.index_solu ul li a .box .desc{ font-size: 18px; font-weight: 600; flex:1; overflow-y: auto; margin-bottom: 20px; line-height: 1.7; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index_solu ul li a .box .more{ border-top: 1px #343434 solid; padding-top: 25rem;}
.index_solu ul li a .box .more img{ width: 14rem; margin-left: 6px;}
.index_solu .btn{ width: 141rem; height: 141rem; border-radius: 50%; display: flex;  align-items: center; justify-content: center; background-color: #343434; position: absolute; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index: 20; cursor: pointer;}
.index_solu .btn img{ width: 30rem; height: auto;}
.index_solu .prev{ left: 10%;}
.index_solu .next{ right: 10%;}
.part_3  .index_bt{ margin-bottom: 122rem;}
.index_solu ul li.swiper-slide-active .box{ display: flex;}
.index_solu .btn:hover{ opacity: .8;}
.index_service ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 23px 23px;
align-items: stretch;}
.index_service ul li{border: 2px #363737 solid;
    border-radius: 10px; text-align: center; overflow: hidden; padding: 59rem 32rem 23rem; display: flex; flex-direction: column; justify-content: space-between;}
.index_service ul li .pic img{ width: 136rem; height: auto;}
.index_service ul li .title{ font-size: 30rem; margin-top: 35rem; margin-bottom: 22rem;}
.index_service ul li .desc{ text-align: left; margin-bottom: 80rem;}
.index_service ul li .more{ display: flex; align-items: center; justify-content: flex-end;}
.index_service ul li a{ display: flex; align-items: center;}
.index_service ul li a img{ width: 14rem; margin-left: 6px;}
.index_service{ }
.index_news ul li{ float: left;border: 2px #363737 solid;
    border-radius: 10px; width: 32.6%; margin-right: 1%; overflow: hidden; }
.index_news:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_news ul li:last-child{ margin-right: 0%;}
.index_news ul li a .photo{position:relative; display:block; padding-top:77%; width:100%; overflow:hidden;}
.index_news ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .index_news ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .index_news ul li a .box{padding: 28rem 42rem;}
 .index_news ul li a .title{ display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 24rem; line-height: 36rem; height: 72rem;}
 .part_4{margin-bottom: 227rem;}
 footer{ background-color: #00448a; padding-top: 137rem; background-image: url(../images/dbbg_93.jpg); background-repeat: no-repeat; background-position: center top; color: #fff;}
 footer a{ color: #fff;}
 footer .foot_1{  display: flex; align-items: flex-start; padding-bottom: 150rem;}
 footer .foot_1 .box{ width: 591rem;}
 footer .foot_1 .box .infor{ margin-bottom: 60rem;}
 footer .foot_1 .box .infor .dblogo{ margin-right: 55rem;}
 footer .foot_1 .box .infor .dblogo img{ width: 222rem; height: auto;}
 footer .foot_1 .box .infor .share{white-space:nowrap}
 footer .foot_1 .box .infor .share img{ width: 34rem;height: auto; display: block;}
 footer .foot_1 .box .infor .share a{ margin-left: 12rem; position: relative;}
 footer .foot_1 .box .infor .share a .cont{ position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 100%; background-color: #fff; width: 120px; border-radius: 5px; padding: 5px; display: none;box-shadow: 0px 0px 8px rgb(0 0 0 / 18%);}
 footer .foot_1 .box .infor .share a:hover .cont{ display: block;}
 footer .foot_1 .box .infor .share a .cont img{ width: 100%; height: auto;}
 footer .foot_1 .box .desc{ font-size: 20rem; line-height: 2;}
 footer .foot_1 .dbmenu{ flex:1; margin-left: 9%;}
 footer .foot_1 .dbmenu ul{ align-items: flex-start;}
 footer .foot_1 .dbmenu ul li .title{ margin-bottom: 21rem;}
 footer .foot_1 .dbmenu ul li .icon{ width: 15px; height: 8px;background-image: url(../images/arr_03.png); background-repeat: no-repeat; background-position: center top; background-size: cover; display: none;transition: all .3s ease;-webkit-transition: all .3s ease;}
 footer .foot_1 .dbmenu ul li .sumenu a{ display: block; font-size: 14px; line-height: 2;}
 footer .foot_1 .dbmenu ul li .sumenu a:hover{ color: #fff;}
 footer .copyright{ border-top: 1px #fff solid; padding: 25rem 0px;}
 footer .copyright .link{ width: 208px; position: relative;  border: 1px #fff solid; border-radius: 5px; cursor: pointer;}
 footer .copyright .link .cont{display: flex; align-items: center; justify-content: space-between; height: 37px; padding-left: 13px;}
 footer .copyright .link .cont .icon{ height: 37px;display: flex; align-items: center; justify-content: center;  width: 43px; border-left: 1px #fff solid;}
 footer .copyright .link .ship{ position: absolute; width: 100%; bottom: 100%; left: 0px; border-radius: 5px; background-color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease; opacity: 0;visibility:hidden}
 footer .copyright .link .ship a{ padding: 10px 10px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; border-bottom: 1px #e6e6e6 solid; color: #333; font-size: 14px;}
 footer .copyright .link .ship a:last-child{ border-bottom: 0px;}
 footer .copyright .link:hover .ship{ opacity: 1;visibility: visible;}
 footer .copyright1{ 
	border-top: 0px #fff solid; 
	padding: 25rem 0px;
}
.trademarks-container {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px; /* 商标项之间的间距 */
  }
  
  /* 强制每个商标不换行 */
  .trademarks-container span {
    white-space: nowrap;
	float: right;

  }
 header .drop-down{ position: absolute; top: 100%; width: 100%; height: 256px; left: 0px; background-color: #fff;box-shadow:3px 3px 3px 0px rgb(0 0 0 / 8%); -webkit-box-shadow:3px 3px 3px 0px rgb(0 0 0 / 8%);border-top: 1px #e4e4e4 solid; padding: 56rem 0px; opacity: 0; visibility:hidden}
header .drop-down .tpleft{ width: 20%; border-right:1px #e4e4e4 solid ; text-align: center; font-size: 18px; padding: 35px 0px;}
header .drop-down .tpleft .title{ font-size: 24px; color: #004283; font-weight: 600;}
header .drop-down .list{ display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 30px 5px; margin-left: 5%;
align-items: stretch; flex:1;}
header .drop-down .list dd { width: 100%;}
header .drop-down .list dd .txt{ margin-bottom: 12px;}
header .drop-down .list dd .txt a{ color: #004283 !important; font-weight: 600; padding: 0px;}
header .drop-down .list dd .links a{ display: block;color: #343434; padding: 0px; line-height: 2;}
header .drop-down .container{ height: 100%;}
header .drop-down .list a{ padding: 0px; padding: 0px;}
header .menu ul li:hover .drop-down{ opacity: 1; top: 100%;visibility: visible;}

 /*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 40px;
	right: 0px;
	z-index: 100;
	display: none;
	position: relative;
	margin-left: 10px;

}

.menubtn .name {
	font-size: 16px;
	left: -60px;
	font-weight: 500;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
	font-weight: 600;
}

.menubtn .navbar-icons {
	height: 20px;
	width: 100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #333;
	position: relative;
	border-radius: 5px;
}

.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	width: 70%;
}

.menubtn .navbar-icons span:nth-child(3) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
	opacity: 0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 1px;
}

.menu-mc {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 500;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	padding-top: 50px;
	display: flex;
	flex-direction: column;
	display: none;

}

.menu-mc.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.menu-mc .list {
	flex: 1;
	overflow: auto;
}

.menu-mc .list ul {
	padding: 0 0px;
}

.menu-mc .list ul li {
	line-height: 60px;
}

.menu-mc .list ul li .submenu {
	display: none;
}

.menu-mc .list ul li .title {
	border-bottom: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	color: #343434;
	padding: 0px 15px; background-color: #f2f5f9;
}

.menu-mc .list ul li .title .icon{
	width: 15px; height: 15px;  background-image: url(../images/icon_21.png);
	background-repeat: no-repeat; background-size: cover; background-position: center;
	margin-right: 5px;transform: rotate(
		180deg);
		-webkit-transform: rotate(180deg); display: inline-block;
}
.menu-mc .list ul li .title .txt{ display: flex; align-items: center; font-size: 16px;}
.menu-mc .list ul li .title .txt img{ width: 25px; height: auto; margin-right: 10px;}
.menu-mc .list ul li a {
	display: block;
	font-size: 15px;
	color: #333;
}
.menu-mc .list ul li .submenu{ padding-top: 7px; padding-bottom: 7px;}
.menu-mc .list ul li .submenu a {
	padding-left: 20px;
	line-height: 35px;
}

.menu-mc .list ul li .submenu a:hover {

	font-weight: 600;
}
.menu-mc .list ul li .submenu dd .lab a{ color: #004283; font-weight: 600;}
.xfoot{ background-color: #00448a; width: 100%;position: sticky; color: #fff; padding: 7px 0px; left: 0px; bottom: 0px; z-index: 30; display: none;}
.xfoot ul li{ flex:1; text-align: center;}
.xfoot ul li img{ width: auto; height: 20px; margin-bottom: 5px;}
.xfoot ul li a{ color: #fff;}
.online {
	position: fixed;
	top: 50%;
	right: 0px;
	width: 48px;
	z-index: 1000;
	color: #999; background-color: #f8f8f8;
	transform:translateY(-50%);-webkit-transform:translateY(-50%);
	border-radius: 10px;
}
.online a {
	color: #666;
}
.online a:hover {
	text-decoration: none;
}
.online dl {
	padding: 10px 5px;

	position: relative;
}
.online dl.scroll-top{ display:none;}
.online dl.no1{ border-radius: 5px 5px 0px 0px; background-color: #00448a; border-bottom: 2px #fff solid;}
.online dl.no2{ border-top: 2px #fff solid; margin-bottom: 0px;}

.online dl dd { margin: auto;	cursor: pointer; overflow: hidden; text-align: center;}
.online dl dd img{ width: 25px;}
.online dl dd i {
	font-size: 25px;
}
.online dl.active{ background-color: #00448a;}
.online dl:hover dd {
	color: #fff;
}
.online dl dt {
	position: absolute;
	top: 0px;
	right: 48px;
	background: #fff;
	width: 200px;
	z-index: 9999;
border-radius: 5px;
	padding: 10px 15px;
	font-weight: normal;
	transition: all .3s ease;-webkit-transition: all .3s ease;
	display: none;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 18%);
}
.online dl:hover dt { display: block;}
.online dl dt h3 {
	display: block;
	font-size: 20px;
	color: #ffa400; text-align: center;
	
	padding-bottom: 5px;
}
.online dl dt p{ border-radius: 10px; overflow: hidden;}
.online dl dt .tel{ font-weight: 600; color: #00448a; font-size: 20px; margin-bottom: 10px;}
.online dl dt .tit{ color: #333;}
.online dl dt h3 i {
	margin-right: 5px;
}
.online dl dt span { margin-top: 10px;font-size: 20px;
	color: #ffa400; text-align: center; width: 100%; display: block;
}
.online dl dt input {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 5px;
	width: 100%;
}
.online dl dt button {
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #28a7e1;
	color: #fff;
	cursor: pointer;
}
.case_list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px 15px;
align-items: stretch;}
.case_list ul li{ border: 2px #363737 solid;
    border-radius: 10px; width: 100%; overflow: hidden; }
.case_list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.case_list ul li a .photo{position:relative; display:block; padding-top:77%; width:100%; overflow:hidden;}
.case_list ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .case_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .case_list ul li a .box{padding: 25rem 40rem;}
 .case_list ul li a .title{ font-size:30rem;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
 .case_list ul li a:hover .title{ color: var(--linkColor);}
 .case_list ul li a .desc{ font-size: 24rem;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin: 5px 0px 8px; }
 .case_list ul li a .lab{ flex-wrap: wrap; gap: 8rem;}
 .case_list ul li a .lab span{ font-size: 18rem; border: 1px #343434 solid; border-radius: 2px; display: inline-block; padding: 0px 6rem;}
 .dance{ margin-bottom: 175rem;}

 /*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:90rem;text-transform: uppercase;
}
/*分页*/
.divid-a {
   display: flex;
   align-items: center;
   justify-content: center;
flex-wrap: wrap; font-size:14px;
}
.divid-a a {
   background: #fff;
   color: #343434; font-size:24rem;
  min-width:35px;
   padding:0px 10px; height:35px;
   cursor:pointer; margin:5px 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   border:1px #eaeaea solid; border-radius:5px;
   
} 
.divid-a span{ margin:5px 10px;}
.divid-a .active ,.divid-a a:hover{
  color: #fff;
   background:#343434;
   border:1px #343434 solid;
}

.index_case1 ul li{ float: left;border: 2px #363737 solid;
    border-radius: 10px; width: 32.6%; margin-right: 1%; overflow: hidden; }
.index_case1:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_case1 ul li:last-child{ margin-right: 0%;}
.index_case1 ul li a .photo{position:relative; display:block; padding-top:77%; width:100%; overflow:hidden;}
.index_case1 ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .index_case1 ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .index_case1 ul li a .box{padding: 25rem 40rem;}
 .index_case1 ul li a .title{ font-size:30rem;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
 .index_case1 ul li a:hover .title{ color: var(--linkColor);}
 .index_case1 ul li a .desc{ font-size: 24rem;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin: 5px 0px 8px; }
 .index_case1 ul li a .lab{ flex-wrap: wrap; gap: 8rem;}
 .index_case1 ul li a .lab span{ font-size: 18rem; border: 1px #343434 solid; border-radius: 2px; display: inline-block; padding: 0px 6rem;}
 .case_4{ margin-bottom: 148rem;}


 @media screen and (max-width: 1550px) {
	.index_product ul li a .box .desc{ font-size: 14px;}
	.index_solu ul li a .box{    padding: 30px 25px;}
	.index_solu ul li a .box .title{ margin-bottom:20px}
 }
 @media screen and (max-width: 900px) 
 {
	header .tpright .sea_one{ display: block;}
	header .search{ display: none;}
	header .tpright .menu{ display: none;}
	header .container .logo img{ height: 29px;}
	header .tpright .tool a img{ height: 17px;}
	header .tpright .tool a{ padding: 0px 10px;}
	header .container{ height: 56px;}
	header .container .logo .img1{ display: none;}
	header{position: sticky; left: 0px;transform: translateX(-0%); -webkit-transform: translateX(-0%);}
header .container .logo .img2{ display: block;}
header .tpright .tool a .img2{ display: block;}
header .tpright .tool a .img1{ display: none;}
header{ background-color: #fff; border-bottom: 1px #e4e4e4 solid;}
header .tpright .tool a{ border-right: 1px #484848 solid;}
header .tpright .menu ul li a{ color: #484848;}
.menubtn,.menu-mc {
		display: flex;
	}
	.index_solu ul li a .box{ padding: 30px 30px;}
	.index_solu ul li a .box .title{ font-size: 18px;}
	.index_solu ul li a .box .desc{ font-size: 14px;}
	.index_solu ul li a .box .more img{ width: 10px;}
	
 }

header.sticky1{ position: sticky; width: 100%; left: 0px;}
 /*搜索弹框*/
 .serch_bullet{ position:fixed; width:100%; height:100%; left:0px; top:0px; background: rgba(0,0,0,.8); z-index:1000000; display: none; }
.serch_bullet.active{ display:block;}
.serch_bullet .formbit{  border-bottom:1px #fff solid; margin-bottom:10px;}
.serch_bullet .formbit input{ flex:1; height:50px; line-height:normal; font-size:18px; color:#fff; background:none; border:0px; outline:none;}
.serch_bullet .formbit input::-webkit-input-placeholder {
color:#fff; font-size:18px;
}
.serch_bullet .content{width:80%; position:absolute; left:50%; top:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); font-size:18px; }
.serch_bullet .formbit .iconfont{ font-size:22px; cursor:pointer;}
.serch_bullet .hot_key a{ margin-right:15px;}
.serch_bullet .close {
	box-sizing:content-box;
	position:absolute;
	right:5%;
	top:3%;
	padding:10px;
	width:22px;
	height:22px;
transition:.5s
}
.serch_bullet .close:after,.serch_bullet .close:before {
	background:#fff;
	width:20px;
	height:3px;
	display:block;
transition:all .3s ease 0s;
	content:"";
	position:absolute;
	left:13px;
	top:12px
}
.serch_bullet .close:before {
	transform-origin:left bottom;
	transform:rotate(45deg)
}
.serch_bullet .close:after {
	transform-origin:left top;
	transform:rotate(-45deg);
	top:27px
}
.serch_bullet .close:hover {
	transform:rotate(360deg)
}
.serch_bullet .close:hover:after, .serch_bullet .close:hover:before {
	background:#fff
}
.serch_bullet .formbit .icon{ background: none; border: 0px; width: 35px;cursor: pointer;}
.swiper3D .swiper-slide{
	width:55%;
}

.local{ color: #484848; font-size: 14px; padding: 20px 0px;}
.local a{ color: #484848;}
.local a:hover{ color: #00448a;}
.case{ padding-top: 80rem;}
.case .bigtitle{ font-size: 62rem; font-weight: 600; margin-bottom: 30rem;}
.case .smltxt{ font-size: 36rem;}
.case.no11 .bigtitle{ margin-bottom: 10rem;}
.case.no11 .smltxt{ margin-bottom: 30rem; }
.smltitle{ font-size: 48rem; font-weight: 600; margin-bottom: 50rem;}
.sear_one{ width: 69.5%; margin-bottom: 34rem;}
.sear_one .box{ flex:1; border: 1px var(--graycolor) solid; border-radius: 10px; padding: 0px 26rem; height: 72rem;}
.sear_one .box .icon{ width: 27rem;}
.sear_one .box .icon img{  display: block;}
.sear_one .box input{ height: 68rem; line-height: normal; border: 0px; flex:1; overflow: hidden; outline: none; margin-left: 30rem; font-size: 30rem; overflow: hidden;}
.sear_one .box input::-webkit-input-placeholder {
	color:#d3d1d1;
	}
.sear_one .sumbit{ background-color: var(--graycolor); color: #fff; padding: 0px 57rem; border-radius: 10px; height: 72rem; line-height: 72rem; text-align: center; border: 0px; font-size: 35rem; margin-left: 30rem;white-space: nowrap;}
.case_class{ line-height: 72rem;}
.case_class .items{ display: flex; align-items: flex-start; margin-bottom: 74rem;}	
.case_class .items .tpleft{ width: 246rem; margin-right: 16rem; font-size: 48rem; font-weight: 600;}
.case_class .items .box{ flex:1;}
.case_class .items .box .list ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30rem 15rem;
align-items: stretch; margin-bottom: 30rem;}
.case_class .items .box .list ul li{ overflow: hidden;}
.case_class .items .box .list ul li a{ height: 72rem; align-items: center; justify-content: center;display:flex; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 35.7rem;border: 1px #343434 solid; border-radius: 10px;}
.case_class .items .box .list ul:last-child{ margin-bottom: 0px;}
.case_class .items .box .list ul li.active a,.case_class .items .box .list ul li a:hover{ background-color: #343434; color: #fff;}

/*选择下拉效果*/

.select-ui{ width:941rem;border: 1px #343434 solid;border-radius: 10px; position: relative;}
.select-ui select{
	display:none;
	position:relative;
	width:100%;
	cursor:pointer; 
}

.select-ui .select .button{
	width:100%;
	padding:0 8px 0 10px;
	height:72rem;
	line-height:72rem;
	display:flex;
	align-items:center;
	justify-content: center;
	background:#ffffff;
	border-radius:10px;
	box-sizing:border-box;-webkit-box-sizing:border-box;  color:#343434;
	cursor:pointer;
}


.select-ui .select.focus{ padding:0px;}


.select-ui .select.focus .button{
	border-color:rgb(55,65,81);
}


.select-ui .select .button .text{
	flex:1;
	color:#343434;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	padding-left: 63rem;
	overflow:auto;
	box-sizing:border-box;
	font-size: 35.7rem;
	text-align:center;
}

.select-ui-multiple .select .button .text::-webkit-scrollbar {
    width: 7px;
	height:7px;
	background:#ffffff;
}
.select-ui-multiple .select .button .text::-webkit-scrollbar-thumb {
    background: rgba(214,216,221,.7);
    scrollbar-arrow-color:#898989;
	border-radius:7px;
}


.select-ui .select .button .text .item{
	display:flex;
	margin-right:5px;
	align-items:center;
	padding:0 5px;
	color:#ffffff;
	background-color:#333333;
	line-height:26px;
	white-space:nowrap;
	flex-wrap:nowrap;
	border-radius:3px;
	font-size:12px;
}


.select-ui .select .button .fill-current{
	fill:rgb(52,52,52);
}


.select-ui .select .options{
	--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
	position:absolute;
	top:100%;
	border-radius:4px;
	background:#ffffff;
	border:1px #efeff0 solid;
	display:flex;
	flex-direction:column;
	width:100%;
	z-index:1000;
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	visibility:hidden;
	opacity:0;
	box-sizing:border-box;
	margin-top:-8px;
   
}


.select-ui .select.focus .options{
	margin-top:0px;
	opacity:1;
	visibility:visible; 
	transition:all .3s;
	-webkit-transition:all .3s;
}


.select-ui .select .options li{
	font-size:28rem;
	text-align:left;
	margin:0;
	color:#666;
	width:100%;
	padding:0px;
}

.select-ui .select .options li{ margin-right:0px;}


.select-ui .select .options li.selected span{
	color:#fff;
	 background-color:#343434;
	
}


.select-ui .select .options li span{
	display:block;
	padding:0px 15px; width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;
	cursor:pointer;
	padding-left: 68rem;
}

.select-ui .select .options li span:hover{
	 background-color:#666;color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;
}

.case_show1{ background-color: #efefef; align-items: stretch;}
.case_show1 .photo{ width: 50%;}
.case_show1 .photo img{ width: 100%; height: 100%;}
.case_show1 .box{ display: flex; align-items: center; justify-content: center; padding: 20rem 57rem; flex:1;}
.case_show1 .box .content .title{ color: #484848; font-size: 62rem; font-weight: 600; line-height: 1.3;}
.case_show1 .box .content .lab{  font-size: 24rem; margin-top: 29rem; margin-bottom: 60rem;}
.case_show1 .box .content .infor{  font-size:32rem; font-weight: 600; margin-bottom: 30rem;}
.case_show1 .box .content .more{color: #484848; border: 1px var(--graycolor) solid; border-radius: 10px; font-size: 32rem; font-weight: 600; display: inline-block; padding: 0rem 88rem; line-height: 2;}
.case_show1 .box .content .more:hover{ background-color: var(--graycolor); color:#fff;}
.case_show2{ margin-top: 72rem;  border-top: 1px #363737 solid; padding: 30px 0px 5px; line-height: 2; font-size: 24rem; color: #484848;}
.case_show2 p{ margin-bottom:50rem;}
.goback{ display: flex; justify-content: flex-end; padding-top: 23rem; margin-bottom: 55rem;border-top: 1px #363737 solid;}
.goback a{ display: flex; align-items: center; font-size: 24rem;}
.goback a img{ width: 24rem; height: auto; margin-left: 10px;}
.case_bt{ font-size: 48rem; font-weight: 600; margin-bottom: 50rem;}
.pro_tit .title{ font-size: 102rem;    font-family: "思源黑体 CN Reqular"; line-height: 1; font-weight: 600;}
.dance2{ margin-top: 100rem;}
.pro_tit .desc{ font-size: 36rem; margin: 40rem 0rem;}
.pro_tit .list ul{ display: flex;flex-wrap: wrap; align-items: stretch; gap:16rem;}
.pro_tit .list ul li a{ display: block; font-size: 35rem; color: #484848; border-radius: 10px; min-width: 300rem; padding: 0px 20px; border: 1px var(--graycolor) solid; text-align: center; line-height: 2;}
.pro_tit .list ul li a:hover{ background-color: var(--graycolor); color: #fff;}
.pro_tit{ margin-bottom: 146rem;}
.la_class{ display: flex; gap:35rem; align-items: stretch; flex-wrap: wrap; margin-bottom: 59rem;}
.la_class a{font-size: 35rem; color: #484848; border-radius: 10px; min-width: 300rem; padding: 0px 20px; border: 1px var(--graycolor) solid; text-align: center; line-height: 2; display: inline-block;}
.la_class a:hover{ background-color: var(--graycolor); color: #fff;}
.index_bt.no3{ margin-bottom: 50rem;}
.index_product.no4{ margin-bottom: 177rem;}
.case_class.no4 .items .box .list ul{ display: flex; flex-wrap: wrap;}
.case_class.no4 .items .box .list ul li a{ padding: 0px 20px; min-width: 202rem; text-align: center;}
.pro_tit.no3{ margin-bottom: 50rem;}

.pro_show2{ margin-top: 85rem;}
.pro_show2 .items{ margin-bottom: 68rem;font-size:24rem; color: #484848; line-height: 2;}
.pro_show2 .items .title{ font-size: 32rem; font-weight: 600; margin-bottom: 5px;}
.pro_show2 .items p{ margin-bottom: 45rem;}

.ques_list ul li{ border: 2px #363737 solid; border-radius: 10px; margin-bottom: 12px;font-size: 24rem; line-height: 2;}
.ques_list ul li .title{ padding: 15rem 29rem; cursor: pointer; font-weight: 600;}
.ques_list ul li .title .icon{ width: 17px; height: 17px; background-image: url(../images/ques_03.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;
	transition: all .3s ease;-webkit-transition: all .3s ease;}
.ques_list ul li .content{ color: #484848; padding: 10rem 29rem 52rem; display: none; }
.ques_list ul li.active .title .icon{background-image: url(../images/ques_07.jpg); }
.part_4.no5{ margin-bottom: 203rem; margin-top: 104rem;}
.sear_one.no2{ margin-bottom: 75rem;}

.case.no3 .bigtitle{ margin: 0px;}
.case.no3 .desc1{ font-size: 36rem; margin-top: 20rem; margin-bottom: 50rem;}

/*产品手册*/
.manual_list { margin-bottom: 58rem;}
.manual_list ul li{ border: 2px var(--graycolor) solid; border-radius: 10px; padding: 60rem 40rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 22rem;}
.manual_list ul li .txt{ flex:1; font-size: 35.7rem;} 
.manual_list ul li .model{ width: 25%; margin-left: 5%; font-size: 24rem;}
.manual_list ul li .function a{ font-size: 35.7rem; padding: 0px 56rem; margin-left: 23rem; line-height: 2; border-radius: 10px; border: 1px var(--graycolor) solid;}
.manual_list ul li .function a:hover{ background-color: var(--graycolor); color: #fff;}
.case .view{ font-size: 24rem; margin-bottom: 38rem; margin-top: 10rem;}

.case .list4{ margin-bottom: 96rem;}
.case .list4 ul{ display: flex;flex-wrap: wrap; align-items: stretch; gap:16rem;}
.case .list4 ul li a{ display: block; font-size: 35rem; color: #484848; border-radius: 10px; min-width: 300rem; padding: 0px 20px; border: 1px var(--graycolor) solid; text-align: center; line-height: 2;}
.case .list4 ul li a:hover,.case .list4 ul li.active a{ background-color: var(--graycolor); color: #fff;}
.video_list{ margin-bottom: 100rem;}
.video_list ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 25rem 25rem;
align-items: stretch;}
.video_list ul li{ border-radius: 10px; border: 2px var(--graycolor) solid; overflow: hidden; cursor: pointer;}
.video_list ul li .video{position:relative; display:block; padding-top:57.6%; width:100%; overflow:hidden;}
.video_list ul li .video img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .video_list ul li:hover .video img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .video_list ul li .video .icon{ background-image: url(../images/video2_03.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 71rem; height: 71rem; position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); z-index: 8;}
 .video_list ul li .title{ text-align: center; font-size: 30rem; padding: 26rem 10px 45rem;}
 .case.no11 .sear_one{ margin-bottom: 54rem;}
 .solu_list ul li{ border-radius: 10px; border: 1px var(--graycolor) solid; padding: 0rem 28rem; margin-bottom: 19rem; font-size: 24rem; display: flex; align-items: center; justify-content: space-between; line-height: 2.6;}
 .solu_list ul li:last-child{ margin-bottom: 0px;}
 .solu_list ul li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right: 10px; flex:1;}

 .show_2{ margin-top: 75rem; font-size: 24rem;}
 .show_2 .title{ font-size: 62rem; font-weight: 600; line-height: 1.3;}
 .show_2 .date{ border-bottom: 1px #363737 solid; padding: 18rem 0px; margin-bottom: 55rem;}
 .show_2 .content{ color: #484848; line-height: 2; padding-bottom: 50rem;}
 .show_2 .content p{ margin-bottom:50rem ;}
 .fany_1{ position: relative; 
    border-top: 1px #363737 solid;}
.fany_1 .back{ display: flex; align-items: center; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.fany_1 .back img{ width: 24rem; margin-left: 8px;}
.fany_1 ul li{ padding: 23rem 0px; width: 45%;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.fany_1 ul li:last-child{ text-align: right;}
.book{ max-width: 1024rem; margin: 0px auto;}
.book .bigtitle{}
.bigtitle1{ font-size: 62rem; font-weight: 600; margin-bottom: 30rem; margin-bottom: 75rem;}
.book .book_cont{ display: flex; align-items: stretch; justify-content: space-between;}
.book .book_cont ul li{ margin-bottom: 14px;}
.book .book_cont .box{ width: 49%;}
.book .book_cont .box ul{ display: flex; flex-direction: column; justify-content: space-between;}
.book .book_cont .box .formbit{ width: 100%; border: 2rem var(--graycolor) solid; border-radius: 10px; height: 76rem; line-height: normal; padding: 0px 18rem; font-size: 24rem; outline: none;}
.book .book_cont .box .formbit::-webkit-input-placeholder {
	color:#cccccc; 
	}
.book .book_cont ul li.no2{ flex:1;}
.book .book_cont ul li .select-ui{ width: 100%;border: 2rem #343434 solid;}
.book .book_cont ul li .select-ui .select .button .text{ font-size: 24rem; padding-left: 0px;}
.book .book_cont ul li .select-ui .select .button{ height: 70rem; line-height: 70rem;}
.book .book_cont ul li .select-ui .select .options li span{ padding-left: 10px;}
.book .book_cont ul li .select-ui .select .options li{ font-size: 24rem; line-height: 2;}
.book .book_cont ul li .textarea1{ width: 100%; height: 100%;border: 2rem #343434 solid; padding: 10px; outline: none; border-radius:10px; font-size: 24rem;font-family:"Montserrat","微软雅黑", Arial;}
.book .book_cont .box ul{ height: 100%;}
.book .book_cont ul li .textarea1::-webkit-input-placeholder {
	color:#cccccc; 
	}
.book_one{ margin-top: 45rem;}
.book_one .btn{ background-color: var(--graycolor); color: #fff; border-radius: 10px; border: 0px; outline: none; line-height: 2; font-size: 35rem; padding: 0px 72rem; cursor: pointer; margin-right: 20rem;}
.about_1{ margin-bottom: 180rem; overflow:hidden;}
.part_1 .content .pic{ margin-bottom: 5px;}
.part_1 .content .pic img{ border-radius: 20rem;}
.part_1.no3{ display: flex; align-items: stretch;}
.part_1.no3 .video video{ height: 100%;}
.part_1.no3 .content{ margin-right: 3%;}
.culture_1{ display: flex; align-items: flex-start; margin-bottom: 180rem;}
.culture_1 .photo{ width: 50%;}
.culture_1 .content{ flex:1; margin-left: 5%;}
.culture_1 .content .title{ font-size: 24rem; font-weight: 600;}
.culture_1 .content .desc{ font-size: 18rem; margin-bottom: 20rem;}
.culture_1 .content .desc:last-child{ margin-bottom: 0px;}
.innova{ margin-bottom: 117rem; font-size: 16px; line-height: 1.7;}
.innova .photo { margin-bottom: 35rem;}
.innova .photo img{ border-radius: 10px;}
.process{ }
.process ul li{ float: left; width: 62.9%; position: relative;}
.process:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.process ul li .photo{position:relative; display:block; width:100%; overflow:hidden; border-radius: 20rem; margin-right: 1%;}
.process ul li .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .process ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .process ul li .box{
	width: 44.9%; position: absolute; top: 7%; right: 45rem;background-color:rgba(255,255,255,0.74); border-radius: 20rem; display: flex; flex-direction: column; height: 82%; padding: 45rem 54rem; justify-content: space-between; 
 }
 .process ul li .box .txt{ font-size: 30rem; font-weight: 600; margin-bottom: 25rem;}
 .process ul li .box .link{ font-size: 18rem; flex:1; overflow-y: auto; line-height: 1.7; font-weight: 600;}
 .honor_1{ }
 .honor_1 ul li{float: left;width: 32.65%; border: 2px #363737 solid;border-radius: 10px; overflow: hidden; margin-right: 1%; float: left;}
 .honor_1 ul li:last-child{ margin-right: 0px;}
 .honor_1:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
 .honor_1 ul li .photo{position:relative; display:block; padding-top:97%; width:100%; overflow:hidden;}
 .honor_1 ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
  object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.honor_1 ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.honor_1 ul li .title{ text-align: center; padding: 35rem 20rem 50rem; font-size: 30rem;}
.our_service ul{display: flex; align-items: stretch; gap:32rem; margin-bottom: 34rem;}
.our_service ul li{flex:1;}
.our_service ul li img{ width: 100%; height: 100%; border-radius: 10rem; }
.our_service .desc{ font-size: 18rem;}

.Employ ul li{ border: 2px #363737 solid; border-radius: 10px; margin-bottom: 12px;font-size: 24rem; line-height: 2;}
.Employ ul li .title{ padding: 15rem 29rem; cursor: pointer; font-weight: 600; font-size: 24rem;}
.Employ ul li .title .icon{ width: 17px; height: 17px; background-image: url(../images/ques_03.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;
	transition: all .3s ease;-webkit-transition: all .3s ease;}
.Employ ul li .content{ color: #484848; padding: 10rem 29rem 52rem; display: none; font-size: 18rem; display: flex; align-items: flex-start; display: none; }
.Employ ul li.active .title .icon{background-image: url(../images/ques_07.jpg); }
.Employ ul li .title .tpleft{ width: 40%;}
.Employ ul li .title .box{ flex:1; margin-right: 10%;}
.Employ ul li .content .tpleft{width: 40%;}
.Employ ul li .content .box{ flex:1; margin-right: 10%;}
.Employ ul li .content .tit{ font-size: 24rem; font-weight: 600; margin-bottom: 5px;}
.Employ ul li .content .tpleft p{ display: flex; align-items: center; margin-bottom: 15rem;}
.Employ ul li .content .tpleft p img{ width: 25rem; margin-right: 5px;}
.Employ ul li .content .box .desc{ border-bottom: 1px var(--graycolor) solid; padding-bottom: 45rem; margin-bottom: 20rem;}
.Employ ul li .content .box .desc:last-child{ border-bottom: 0px;padding-bottom: 0px; margin-bottom: 0px;}
.Employ ul li.active .content{ display: flex;}
.pro_tit.no3 .desc.no3{ margin-top: 0px;}
.pro_tit.no3 .bigtitle1{ margin-bottom: 10rem;}
.case_list.no3 ul li a .desc{ margin: 0px;}
.contact_1{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 99rem;}
.contact_1 .tpleft{ width: 32.6%; font-size: 18rem;}
.contact_1 .list{ width: 335rem;}
.contact_1 .tpright{ width: 378rem; height: 321rem;display: flex; align-items: center; justify-content: center; background-image: url(../images/contact_03.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; font-size: 20rem;}
.contact_1 .tpleft .tit{ font-size: 24rem; font-weight: 600; margin-bottom: 30rem;}
.contact_1 .tpleft .desc p{ margin-bottom: 23rem;}
.contact_1 .list{ font-size: 18rem; text-align: center;}
.contact_1 .list ul li { text-align: center; font-weight: 600;}
.contact_1 .list ul li img{ width: 104rem; margin-bottom: 28rem;}
.contact_1 .tpright .big{ font-size: 36rem; font-weight: 600;}
.contact_1 .tpright .tel{ margin-top: 8px;}
.contact_2{ align-items: stretch; display: flex;}
.contact_2 .photo{ width: 37.9%; margin-right: 2%;}
.contact_2 .photo img{ width: 100%; height: 100%; border-radius: 20rem;}
.contact_2 .book{ flex:1; width: auto;}
.contact_3{ border: 2px var(--graycolor) solid; border-radius: 10px; overflow: hidden; margin-top: 48rem; margin-bottom: 117rem;}
.contact_4{ margin-bottom: 120rem;}
.contact_5 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px 15px;
align-items: stretch;}
.contact_5 ul li{ border-radius: 10px; border: 2px var(--graycolor) solid; padding: 50rem 45rem; min-height: 340rem; font-size: 18rem;}
.contact_5 ul li .txt{ font-size: 24rem; font-weight: 600;  padding-bottom: 15rem;}
.contact_5 ul li .list p{ margin-top: 27rem;}
.case .smltitle.no2{ font-size: 36rem;}
.case.no13{ margin-bottom: 80rem;}
.pro_tit.no31{ margin-bottom: 100rem; }
.probox .bigtitle1{ margin-bottom: 0px;}
.updown_1{ font-size: 18rem; border-bottom: 1px var(--graycolor) solid; padding-bottom: 20rem;}
.updown_2{ padding: 24rem 0px; font-size: 20rem;}
.updown_2 .tpleft{ font-weight: 600;}
.updown_2 .select-ui{ width: 221rem; margin-left: 10px;}
.updown_2 .select-ui .select .button .text{ font-size: 20rem;}
.updown_2 .select-ui .select .button .text{ padding-left: 10rem;}
.updown_2 .select-ui .select .button{ height: 58rem; line-height: 58rem;}
.updown_2 .select-ui .select .options li span{ font-size: 20rem; padding: 5px 5px; }
.undown_tab ul{ display: flex; align-items: stretch; font-size: 18rem;}
.undown_tab ul li{ flex:1;}
.undown_tab ul li:nth-child(1){ flex:none; width: 60%;}
.undown_tab{ border-top: 1px var(--graycolor) solid; border-left: 1px var(--graycolor) solid;}
.undown_tab ul li{ border-right: 1px var(--graycolor) solid; border-bottom: 1px var(--graycolor) solid; display: flex; align-items: center; justify-content: center; padding: 10px;}
.undown_tab ul li:nth-child(1){ justify-content: flex-start;}
.undown_tab ul.first li:nth-child(1){ justify-content: center;}
.undown_tab ul.first { background-color: #f0f0f0;}
.register{ width: 862rem; margin: 0px auto; font-size: 24rem;}
.reg_cont ul li .input1 .formbit{width: 100%;
    border: 2px var(--graycolor) solid;
    border-radius: 10px;
    height: 76rem;
    line-height: normal;
    padding: 0px 18rem;
    font-size: 24rem;
    outline: none;}
.reg_cont ul li .input1{ position: relative;}
.reg_cont ul li .tit{ margin-bottom: 7px;}
.reg_cont ul li .tit .red{ color: #a00202;}
.register .bigtitle1{ margin-bottom: 40rem;}
.register .lab_1{ margin-bottom: 40rem ; font-size: 36rem; line-height: 1;}
.reg_cont ul li{ margin-bottom: 30rem;}
.reg_cont ul li .input1 .get{background-color: var(--graycolor);
    color: #fff; position: absolute; right: -340rem; top: 0px;
    border-radius: 10px; width: 305rem;
    border: 0px;
    outline: none; height: 76rem; line-height: normal;
    line-height: 2;
    font-size: 35rem;
    cursor: pointer;
    margin-right: 20rem;}
.register .tip{ margin-top: 74rem;}
.register .affirm{ margin-top: 22rem; margin-bottom: 84rem;}
.register .affirm a{ color: #004283;font-size: 36rem;font-weight: bold;display: flex; align-items: center ;}
.register .affirm a img{ width: 22rem; margin-left: 5px;}
.member_1 ul li,.member_1 ul li a{ display: flex; align-items: center;}
.member_1 ul li img{ width: 23rem; margin-right:7px;}
.member_1 ul li{ margin-bottom: 3px;}
.manul_show{border:solid 1px #e3e3e3;}
.manul_show .pdfbox{ position:relative; padding-bottom:137%;}
.manul_show .pdfbox iframe{ position:absolute; width:100%; height:100%; top:0; left:0;}
.manul_show .tools{ background:#f2f2f2; display:flex; align-items:center; justify-content:flex-end; border-top:solid 1px #e3e3e3; padding:15px 26px;}
.manul_show .tools .btn{width:30px; height:30px;  cursor:pointer;}
.manul_show .tools .fullscreen{background:url(../images/fullscreen.svg) center no-repeat; background-size:contain;}
.manul_show .tools .reduce{background:url(../images/reduce.svg) center no-repeat; background-size:contain; display:none;}
.manul_show.full{position:fixed;top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; z-index:99999;}
.manul_show.full .pdfbox{ padding:0;flex:1; overflow:hidden;}
.manul_show.full .tools .reduce{ display:block;}
.manul_show.full .tools .fullscreen{ display:none;}
html.hidden{ height:100%; overflow:hidden;}

.video-popup{ position:fixed; top:0; left:0; height:100%; width:100%; z-index:99999; background:rgba(0,0,0,1); visibility:hidden; opacity:0; transform:scale(.8);-webkit-transform:scale(.8); transition:all .25s; -webkit-transition:all .25s;}
.video-popup.show{visibility:visible; opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.video-popup .content{ position:absolute;width:100%;height:100%;top:0;left:0;}
.video-popup .closebtn{background-image:url(../images/close.svg); background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute;width:30px; height:30px;  top:20px; right:20px; z-index:1000; cursor:pointer;}
.p_frame{    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 100000000;
    left: 0px;
    top: 0px;
    display: flex;
    align-items:flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: none;}
.p_frame.show{ display: flex;}
.p_frame .p_cont{ width: 100%; font-size: 14px; background-color: #fff;}
.p_frame .p_cont ul li a{ display: flex; align-items: center; justify-content: space-between; padding: 0px 20px; height: 50px; background-color: #fff; color: #333;}
.p_frame .p_cont ul li{border-bottom: 1px rgba(0,0,0,0.2) solid;}
.p_frame .p_cont ul li a .tel{ flex:1; margin: 0px 25px;}
.p_frame .p_cont ul li a .icon{ width: 15px; height: 15px; background-image:url(../images/right22x-2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.p_frame .p_cont ul li.closed{ height: 50px; line-height: 50px; text-align: center; cursor: pointer; background-color: #f9f9f9; color: #666; font-size: 15px;}

.tag{ margin-bottom: 25px; font-size: 14px;}
.tag a{ color: var(--linkColor); margin-right: 10px;}
.tag .tpleft{ margin-right: 20px;}

.video_23{ width: 45.6%; border-radius: 10px; overflow: hidden; cursor: pointer; margin:0px auto 20px;}
.video_23 video{ width: 100%;object-fit: cover;
	object-position: center center;}


@media screen and (max-width: 1550px) {
	.our_service .desc{ font-size: 14px;}
	.Employ ul li .content{ font-size: 12px;}
	.updown_1{ font-size: 14px;}
	.updown_2{ font-size: 14px;}
	.undown_tab ul{ font-size: 14px; }
	}
@media screen and (max-width: 1200px) {
	body{ font-size: 14px;}
	footer .foot_1 .box .desc{ font-size: 14px;}
	footer .foot_1 .dbmenu ul li .sumenu a{ font-size: 12px;}
	footer .foot_1 .dbmenu ul li .title .txt{ font-size: 14px;}
	.index_solu ul li{ width: 100%;}
	}
@media screen and (max-width: 768px) {
	.banner .img1{ display: none;}
	.banner .img2{ display: block;}
	.shengming .img1{ display: none;}
	.shengming .img2{ display: block;}
	header .container .logo img{ height: 25px;}
	header .container{ height: 50px;}
	.part_1{ flex-direction: column; margin-top: 0px;}
	.part_1 .content{ line-height: 1.5; margin-right: 0px; margin-bottom: 20px; flex:none; width: 100%;}
	.part_1 .video{ width: 100%;}
	.part_2 ul li:nth-child(1){ display: none;}
	.part_2 ul li{ font-size: 12px;}
	.part_2 ul li .title{ font-size: 18px;}
	.part_2 ul li .lab{ margin-bottom: 5px;}
	.index_bt .eng{ font-size: 25px; margin-bottom: 6px;}
	.index_bt .title{ font-size: 20px;}
	.index_bt{ margin-bottom: 20px;}
	.part_3 .index_bt{ margin-bottom: 20px;}
	.index_bt .more img{ width: 20px;}
	.index_product ul li{ width: 100%;}
	.index_product ul li a .box .title{ font-size: 18px;}
	.index_product ul li a .box{ padding: 0px 20px 15px;}
	.index_product ul li a .more img{ width: 10px;}
	.index_service ul li .title{ font-size: 16px;}
	.index_service ul li .desc{ font-size: 12px;}
	.index_service ul li a{ font-size: 12px;}
	.index_service ul li a img{ width: 10px; margin-left: 6px;}
	.index_service ul{grid-template-columns: repeat(2, 1fr);    grid-gap: 15px 15px;}
	.index_service ul li{ padding: 20px 10px 10px;}
	.index_service ul li .pic img{ width: 50px;}
	.index_service ul li .title{ margin-top: 15px; margin-bottom: 10px;}
	.index_news ul li a .title{ font-size: 14px; line-height: 22px; height: 44px;}
	.index_case1 ul li a .title{ font-size: 16px; }
	footer{ background-size: 100% auto;}
	footer .foot_1{ flex-direction: column;}
	footer .foot_1 .box{ width: 100%;}
	footer .foot_1 .box .infor .dblogo img{ width: 150px;}
	footer .foot_1 .box .infor .share{ font-size: 12px;}
	footer .foot_1 .box .infor .share img{ width: 18px;}
	footer .foot_1 .box .infor .share a{ margin-left: 5px;}
	footer{ padding-top: 40px;}
	footer .foot_1 .box .desc{ line-height: 1.5;}
	footer .foot_1 .box .desc{ margin-bottom: 20px;}
	footer .foot_1 .box .infor{ margin-bottom: 20px;}
	footer .foot_1 .dbmenu{ margin-left: 0px; flex: none; width: 100%;}
	footer .foot_1 .dbmenu ul{ flex-direction: column;}
	footer .foot_1 .dbmenu ul li{ width: 100%; margin-bottom: 15px;}
	footer .foot_1 .dbmenu ul li .title{ padding: 6px 0px; display: flex; align-items: center; justify-content: space-between;}
	footer .foot_1 .dbmenu ul li .icon{ display: block;}
	footer .copyright{ font-size: 12px; padding: 10px 0px 12px; flex-direction: column;}
	footer .copyright1{ font-size: 12px;margin-right: 0px;
		  display: grid;
		grid-template-columns: repeat(3, 1fr); /* 每行2个商标 */
		gap: 5px; text-align: justify;  flex-direction: column;}
	.trademarks-container { font-size: 12px;   display: inline-flex;
		flex-wrap: wrap;
		gap: 2px; /* 商标项之间的间距 */}
	.trademarks-container span {
		font-size: 12px;
			white-space: nowrap;
			float: right;
			text-align: justify;
		  }

	footer .copyright .link{ width: 100%; margin-top: 10px;}
	.index_solu ul li a .box{ padding: 15px; width: 50%;}
	.xfoot{ display: block;}
	.online{ display: none;}
	.serch_bullet .formbit input{ font-size: 16px;}
	.index_solu ul li a .box .title{ margin-bottom:10px}
	.index_solu .prev{ left:3%;}
	.index_solu .next{ right:3%;}
	footer .foot_1 .dbmenu ul li .sumenu{ display:none }
	footer .foot_1 .dbmenu ul li .title.active .icon{transform: rotate(
180deg);-webkit-transform: rotate(180deg);}
.sear_one .box{ height: 35px; border-radius: 5px;}
.sear_one .box input{ height: 32px; font-size: 14px;}
.sear_one .sumbit{ height: 35px; font-size: 14px; border-radius: 5px;}
.sear_one .box .icon{ width: 13px;}
.case_class .items .box .list ul li a{ height: 30px;}
.case_class{ line-height: 30px;}
.select-ui .select .button{ height: 30px; line-height: 30px; border-radius: 5px;}
.select-ui{ border-radius: 5px;}
.case_class .items .box .list ul li a{ border-radius: 5px;}
.case_list ul{grid-template-columns: repeat(2, 1fr);}
.case_list ul li a .title{ font-size: 16px;}
.case_list ul li a .desc{ font-size: 14px;}
.case_list ul li a .lab span{ font-size: 12px; padding: 0px 3px;}
.case_list ul li a .box{ padding: 15px 15px;}
.case .bigtitle{ font-size: 20px;}
.smltitle{ font-size: 18px;}
.case_class .items .tpleft{ font-size: 16px; width: 80px;}
.case_class .items .box .list ul li a{ font-size: 14px;}
.case_class .items .box .list ul{grid-template-columns: repeat(2, 1fr);}
.select-ui .select .button .text{ font-size: 14px;}
.sear_one{ margin-bottom: 15px;}
.smltitle{ margin-bottom:15px;}
.case_class .items{ margin-bottom: 20px;}
.sear_one .box{ padding: 0px 10px;}
.case_list ul li a .lab{ gap:5px}
.divid-a a{ font-size: 14px;}
.case_show1{ flex-direction: column;}
.case_show1 .photo{ width: 100%;}
.case_show1 .box{ width: 100%; padding: 30px 5%;}
.case_show1 .box .content{ width: 100%;}
.case_show1 .box .content .title{ font-size: 19px;}
.case_show1 .box .content .lab{ font-size: 14px; margin-top: 10px; margin-bottom: 15x;}
.case_show1 .box .content .infor{ font-size: 14px;}
.case_show1 .box .content .more{ font-size: 16px; border-radius: 5px; line-height: 2.4;}
.case_show1 .box .content .infor{ margin-bottom: 15px;}
.case_show2{ margin-top: 35px; padding: 15px 0px 20px; font-size: 14px;}
.case_bt{ font-size: 20px; margin-bottom: 15px;}
.goback{ padding-top: 7px; margin-bottom: 20px;}
.goback a{ font-size: 14px;}
.goback a img{ width: 12px;}
.index_case1 ul li a .box{ padding: 15px;}
.index_case1 ul li a .desc{ font-size: 14px;}
.index_case1 ul li a .lab span{ font-size: 12px; padding: 0px 4px;}
.index_case1 ul li a .lab{ gap:7px}
.local{ font-size: 12px; padding: 15px 0px;}
.pro_tit .title{ font-size: 20px;}
.pro_tit .desc{ font-size: 14px;}
.pro_tit .list ul li a{ font-size: 14px; border-radius: 5px;}
.pro_tit .list ul{ gap:9px;}
.pro_tit .desc{ margin: 15px 0px;}
.la_class a{ font-size: 14px; border-radius: 5px;}
.la_class { gap:9px;}
.la_class{ margin-bottom: 20px;}
.index_bt.no3{ margin-bottom: 15px;}
.dance2{ margin-top: 30px;}
.index_product.no4{ margin-bottom: 35px;}
.case_bt.no1{ font-size: 18px;}
.case_class .items .box .list ul{gap:10px; margin-bottom: 10px;}
.pro_show2 .items .title{ font-size: 16px;}
.pro_show2 .items{ font-size: 14px; line-height: 1.6; margin-bottom: 25px;}
.pro_show2{ margin-top: 30px;}
.pro_show2 .items p{ margin-bottom: 20px;}
.ques_list ul li{ font-size: 14px;}
.ques_list ul li .title{ padding: 15px 15px; line-height: 1.3;}
.ques_list ul li .title .icon{ width: 13px; height: 13px;}
.ques_list ul li .content{ padding: 0px 15px 25px;}
.ques_list{ margin-top: 30px;}
.ques_list ul li{ border-radius: 5px;}
.part_4.no5{ margin-top: 35px;}
.case.no3 .desc1{ font-size: 14px;}
.manual_list ul li{ border: 1px var(--graycolor) solid; display: flex; flex-direction: column; align-items: flex-start; padding: 15px; margin-bottom: 12px;}
.manual_list ul li .txt{ font-size: 16px;}
.manual_list ul li .model{ margin-left: 0px; width: 100%; font-size: 12px; margin: 6px 0px 12px;}
.manual_list ul li .function a{ font-size: 14px; padding: 0px 10px; margin-left: 0px; margin-right: 10px; border-radius: 5px;}
.manual_list{ margin-bottom: 20px;}
.case .view{ font-size: 12px; margin-top: 10px; margin-bottom: 20px;}
.video_list{ margin-bottom: 25px;}
.video_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);  grid-gap: 15px 15px;}
	.video_list ul li .title{ font-size: 14px; padding: 15px 10px;}
	.video_list ul li .video .icon{ width: 25px; height: 25px;}
	.case .list4 ul{ gap:9px;}
	.case .list4 ul li a{ font-size: 14px; border-radius: 5px;}
	.case .list4{ margin-bottom: 25px;}
	.solu_list ul li{ font-size: 14px; border-radius: 5px; margin-bottom: 10px; padding: 0px 15px;}
	.case.no11 .smltxt{ font-size: 14px; margin-bottom: 10px;}
	.case.no11 .bigtitle{ margin-bottom: 5px;}
	.show_2{ font-size: 14px;}
	.show_2 .title{ font-size: 20px;}
	.show_2 .date{ padding: 13px 0px; margin-bottom: 20px;}
	.fany_1 ul{ flex-direction: column;}
	.fany_1 { padding-top: 10px;}
	.fany_1 ul li{ width: 100%; padding: 6px 0px;}
	.fany_1 ul li:last-child{ text-align: left;}
	.fany_1 .back{ position: static;transform: translate(0%, 0%); margin-top: 10px;}
	.fany_1 .back img{ width: 14px;}
	.book{ width: 100%; max-width: 100%;}
	.book .book_cont{ flex-direction: column;}
	.book .book_cont .box{ width: 100%;}
	.book .book_cont .box .formbit{ height: 40px; font-size: 14px; padding: 0px 14px; border: 1px var(--graycolor) solid; border-radius: 5px;}
	.bigtitle1{ font-size: 20px;}
	.book .book_cont ul li .select-ui{ border: 1px var(--graycolor) solid; }
	.book .book_cont ul li .select-ui .select .button{ height: 38px; line-height: 38px;}
	.book .book_cont ul li .select-ui .select .button .text{ font-size: 14px;}
	.book .book_cont ul li .textarea1{ font-size: 14px; border-radius: 5px; border: 1px var(--graycolor) solid; height: 100px;}
	.book_one .btn{ font-size: 16px; border-radius: 5px; height: 40px; padding: 0px 20px; margin-right: 10px;}
	.part_1 .content .pic{ margin-bottom: 10px;}
	.culture_1{ flex-direction: column;}
	.culture_1 .photo{ width: 100%; margin-bottom: 15px;}
	.culture_1 .content{ flex:none; margin-left: 0px; width: 100%;}
	.culture_1 .content .title{ font-size: 18px; margin-bottom: 3px;}
	.culture_1 .content .desc{ font-size: 14px; margin-bottom: 10px;}
	.innova .photo{ margin-bottom: 10px;}
	.process ul li{ width: 100%;}
	.process ul li .box .txt{ font-size: 16px;}
	.process ul li .box .link{ font-size: 10px;}
	.honor_1 ul li{ width: 100%;}
	.honor_1 ul li .title{ font-size: 16px; padding: 15px 10px;}
	.our_service ul{ flex-direction: column;}
	.our_service ul li{flex:none; width: 100%;}
	.our_service ul{ margin-bottom: 15px;}
	.innova{ font-size: 14px;}
	.Employ ul li { border-radius: 5px;}
	.Employ ul li .title{ font-size: 14px;}
	.Employ ul li .title .box{ display: none;}
	.Employ ul li .title{ padding: 10px 15px;}
	.Employ ul li .title .icon{ width: 13px; height: 13px;}
	.Employ ul li .content{ flex-direction: column; padding: 0px 15px 20px;}
	.Employ ul li .content .tpleft{ width: 100%; margin-bottom: 15px;}
	.Employ ul li .content .tit{  font-size: 14px;}
	.Employ ul li .content .box{ flex:none; width: 100%; margin-right: 0px;}
	.Employ ul li .content .tpleft p img{ width: 12px;}
	.Employ ul li .content .box .desc{ padding-bottom: 15px; margin-bottom: 15px;}
	.Employ ul li{ font-size: 14px;}
	.contact_1{ margin-bottom: 25px; justify-content: space-between;}
	.contact_1 .tpleft{ font-size: 14px; width: auto;}
	.contact_1 .tpleft .tit{ font-size: 16px;}
	.contact_1 .list{ width: auto;}
	.contact_1 .list ul{ justify-content: flex-start;}
	.contact_1 .list ul li{ margin-right: 15px; font-size: 14px;}
	.contact_1 .list ul li img{ width: 80px;}
	.contact_1 .tpright{ width: 200px; height: 170px; font-size: 12px; display: none;}
	.contact_1 .list{ margin: 15px 0px;}
	.contact_1 .tpright .big{ font-size: 16px;}
	.contact_2{ flex-direction: column;}
	.contact_2 .photo{ display: none;}
	.contact_2 .book{ flex:none; width: 100%;}
	.contact_3{ margin-top: 25px;}
	.contact_5 ul{ grid-template-columns: repeat(2, 1fr);}
	.contact_5 ul li{ font-size: 12px; padding: 15px;}
	.contact_5 ul li .txt{ font-size: 16px;}
	.case .smltitle.no2{ font-size: 13px;}
	.case.no13{ margin-bottom: 30px;}
	.probox{ flex-direction: column; align-items: flex-start;}
	.probox .bigtitle1{ margin-bottom: 15px;}
	.updown_1{ padding-bottom: 7px; }
	.updown_2{ padding: 15px 0px;}
	.updown_2 .select-ui{ width: 150px;}
	.updown_2 .select-ui .select .button{ height: 30px; line-height: 30px;}
	.updown_2 .select-ui .select .button .text{ font-size: 14px;}
	.reg_cont ul li .input1 .formbit{height: 40px;
        font-size: 14px;
        padding: 0px 14px;
        border: 1px var(--graycolor) solid;
        border-radius: 5px;}
		.register{ font-size: 14px; width: 100%;}
		.reg_cont ul li .input1 .get{ position: static; margin-top: 10px;}
		.register .lab_1{ font-size: 15px; margin-bottom: 15px;}
		.reg_cont ul li .input1 .get{ width: auto; padding: 0px 15px; font-size: 14px; border-radius: 5px; height: 40px;}
		.reg_cont ul li{ margin-bottom: 15px;}
		.register .affirm a img{ width: 12px;}
		.member_1 ul li img{ width: 15px;}
		.register .affirm{ margin-bottom: 25px; margin-top: 5px;}
		.register .tip{ margin-top: 25px;}
		.tag{ margin-bottom: 15px;}
		.video_23{ width:100%; margin-bottom:15px;}
		}

@media (max-width:750px){
	.swiper2,
	.swiper1{ overflow:hidden;}
	.video-popup .closebtn{width:20px; height:20px; top:10px; right:10px;}
}
@media (min-width:769px){
	footer .foot_1 .dbmenu ul li .sumenu{ display:block !important; height:auto !important;}
}
@media (max-width:450px){
	.sear_one{ width: 100%;}
	.case_list ul{  grid-template-columns: repeat(1, 1fr);}
	.contact_1 .list ul{ flex-direction: column; width: 100px;}
	.contact_1 .list ul li{ font-size: 12px; text-align: center; margin-right: 0px; margin-bottom: 12px;}
	.contact_1 .list{ margin: 0px;}
	.contact_1 .list ul li img{ width: 60px;}
}