@charset "utf-8";
/* CSS Document */
:root{
	--baseFont:1.8rem;
	--blue:#4381ff;
}
body, html {
	width:100%;
}
html{font-size:10px;}
@media screen and (max-width: 1800px) {
	html {
	  font-size: 0.555555556vw;
	}
  }
  
body {
	margin:0;
	padding:0;
	font-family:"Montserrat", "微软雅黑", Arial;
	line-height:1.5;
	color:#000000;
	width:100%; background:#fff;
	font-size:var(--baseFont);
}

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

a:hover {}

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;
	font-size: inherit;
	font-weight: inherit;
}

* {
	box-sizing: border-box;
}

.container {
	margin: 0px auto;
	width: min(95%,1416px);
}
.app{ position: sticky; top: 0; z-index: 99;}
header .logo img{ height: 40px;}
header{ background:var(--blue);}
header .top{ display:flex; align-items:center; justify-content:space-between;}
header .nav { padding:3.3rem 0;}
header .nav ul{ display:flex;}
header .nav ul li{ margin:0 1.5rem;}
header .nav ul li a:hover:after{content:"";width:7rem; height:2px; position:absolute; bottom:-1rem; left:0; right: 0; margin: 0 auto; background:#fff;}
header .nav ul li.active a:after{content:"";width:3.5rem; height:2px; position:absolute; bottom:-1rem; left:0; background:#fff;}
header .nav a{color:#fff; position:relative;}
header .tel{ font-size:var(--baseFont);color:var(--blue); background:#fff; height:5.6rem; line-height:5.6rem; border-radius:5.6rem; padding:0 2rem; font-weight:bold; display:flex; align-items:center;}
header .tel:before{content:"";width:2.4rem; height:2.4rem; margin-right:1rem; background:url(../images/phone-call.png) center no-repeat; background-size:contain;}
header .tpright{ display: flex; align-items: center;}

.part_1{background:var(--blue);}
.part_1 .txt-banner{ text-align:center; padding-bottom:6.7rem;}
.part_1 .txt-banner .title{color:#fff; font-size:6.5rem; font-weight:bold; line-height:1.2;}
.part_1 .txt-banner .desc{width:78rem; margin:auto; color:#fff; margin-top:2.6rem;}


.banner { position:relative; margin-bottom:7.2rem; z-index:1; overflow:hidden;}
.banner:before{content:""; position:absolute; top:0;left:0; height:68%; width:100%; background:var(--blue);}
.banner .swiper{margin:0 auto;}
.banner li{ position:relative;border-radius:1.5rem; overflow:hidden;}
.banner li:before{ content:""; display:block; width:100%; height:0px; overflow:hidden; padding-bottom:55.55%;}
.banner li img,
.banner li video{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%; object-fit: cover;object-position: center center;}
.banner li .play-button{ position:absolute; top:50%; left:50%; width:8rem;height:8rem; transform:translate(-50%,-50%); cursor:pointer; z-index:10;}
.banner li.playing .play-button{ display:none;}

.tags { text-align:center;}
.tags a{ display:inline-block; height:8.2rem; line-height:8.2rem; border-radius:8.2rem; padding:0 3.5rem; white-space:nowrap; margin:1rem; background:#f0f5fd; color: #000;}

.product{ padding-top:7.2rem; padding-bottom:15.8rem;}
.product .list{ display:grid;grid-template-columns:repeat(4,1fr); grid-column-gap:4rem;grid-row-gap:4rem;}
.product .list li{ background:#fff; border:solid 1px #e3e3e3; border-radius:1rem; padding:2rem;}
.product .list li .ico{ display:flex; width:5.6rem; height:5.6rem; background:#fff; border-radius:100%; border:solid 1px #e6e6e6; align-items:center; justify-content:center;}
.product .list li .ico img{width:2.4rem; height:2.4rem;}
.product .list li .ico img:nth-child(2){ display: none;}
.product .list li a{color:#000;}
.product .list li .title{ font-size:2.4rem; font-weight:bold; margin:3.5rem 0 1.4rem;}
.product .list li .desc{ font-size:1.6rem; color: #8A8A8A;}
.product .list li:hover{ background:var(--blue);color:#fff; border: 1px var(--blue) solid;}
.product .list li:hover a{color:#fff;}
.product .list li:hover .ico img{width:2.8rem; height:2.8rem;}
.product .list li:hover .ico img:nth-child(2){ display: block;}
.product .list li:hover .ico img:nth-child(1){ display: none;}
.product .list li:hover .desc{ color: #fff;}

.blue{color:var(--blue);}
.thead{ text-align:center; font-size:5.6rem; font-weight:bold; margin-bottom: 10px;}
.tinfo{ width:min(90%,703px); margin:auto; text-align:center;color:#8c8e8f;}
.bgl{ background:#f4f7fa;}

.product .tabbox{ margin-top:7.2rem; display:flex;}
.product .tabbox .tabbtns{width:48rem; padding-right:6.2rem;}
.product .tabbtns li{ margin-bottom:3.4rem; text-align:right; cursor:pointer;}
.product .tabbtns li:last-child{ margin-bottom:0;}
.product .tabbtns li .title{ font-size:4rem; margin-bottom:1.2rem; font-weight:bold; position:relative;color:#12141d;}
.product .tabbtns li .num{ position:absolute; font-style:normal;width:4.4rem; height:4.4rem; border-radius:100%; display:flex; align-items:center; justify-content:center; right:-6.2rem; top:0; background:#ecf2ff;color:var(--blue); font-size:1.6rem; font-weight:normal; top:50%; margin-top:-2.2rem;}
.product .tabbtns li .desc{color:#4B4B4B;}
.product .tabbtns li.cur .title{color:var(--blue);}
.product .tabbtns li.cur .num{color:#fff; background:var(--blue);}
.product .tabcontents{ flex:1; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-left: 5%;}
.product .tabcontents .content{ display:none; flex:1; flex-direction: column; }
.product .tabcontents .content .pic{overflow:hidden; text-align: center;}
.product .tabcontents .content .txt{ text-align: center; color: #4B4B4B;}
.product .tabcontents .pic img{width:auto; max-width:80%;}
.product .tabcontents .content.cur{display:flex;}
.more{ width: 20rem; height: 5.6rem; margin: 0px auto; background-color: #2B59FF; display: flex; align-items: center; justify-content: center; border-radius: 5rem; color: #fff; margin-top: 5rem; }
.more:hover{ background-color: #1540d9;}

.solution{padding-top:7.2rem; padding-bottom:15.8rem;}
.solu_box{ max-width: 1012px; width: 100%; display: flex; align-items: center; justify-content: space-between;margin: 0px auto; margin-top: 8.5rem; }
.solu_box .tabcontents1{ width: 66.2%;}
.solu_box .solu_right{ }
.solu_box .solu_right ul li{ display: flex; align-items: center; cursor: pointer; color: #12141D; font-weight: bold; font-size: 4rem; margin: 2rem 0px;}
.solu_box .solu_right ul li .num{ font-style: normal;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 100%; margin-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ecf2ff;
    color: var(--blue);
    font-size: 1.6rem;
    font-weight: normal;}
.solu_box .solu_right ul li.cur{color:var(--blue); }
.solu_box .solu_right ul li.cur .num{ background-color: var(--blue); color: #fff;}
.solu_box .solu_left { width: 100%;}
.solu_box .solu_left .photo{ display: block; margin-bottom: 6.6rem;}
.solu_box .solu_left .photo img{ width: 100%; border-radius: 1.5rem;}
.solu_box .solu_left .desc{ font-size: 1.9rem; color: #5c606c; line-height: 1.8; margin-bottom: 6.2rem;}
.solu_box .solu_left ul{ display: flex; align-items: stretch; flex-wrap: wrap;}
.solu_box .solu_left ul li{ width: 50%; padding-left: 3.4rem; background-image: url(../images/checkmark-circle-01.png); background-repeat: no-repeat;background-position: left center; background-size: 2.5rem 2.4rem; color: #202939; margin: 1rem 0px;}
.solu_box .solu_left ul li.no2{ width: 66.66%;}
.solu_box .solu_left .more{ margin-top: 5.6rem;}

.solu_box .tabcontents1 .solu_left{display:none;}
.solu_box .tabcontents1 .solu_left.cur{display:block;}
.service{ background-color: #FAFAFA; padding: 8rem 0rem;}
.index_date{ padding: 6rem 0px;}
.index_date ul{ display: flex; align-items: stretch; justify-content: center;}
.index_date ul li{ width: 30rem; text-align: center; margin: 0px 5.5rem;}
.index_date ul li .num{display: flex; align-items: center; justify-content: center; font-size: 6.4rem; font-weight: bold; color: var(--blue); margin-bottom: 1.4rem;}
.index_date ul li .desc{ color: rgba(22,28,45,0.7); font-size: 1.9rem;}

.index_customer ul{ display:grid;grid-template-columns:repeat(4,1fr); grid-column-gap:3.3rem;grid-row-gap:3.3rem;}
.index_customer ul li{ background:#fff; border:solid 1px #ecf2ff; border-radius:1.6rem; padding:3.8rem;box-shadow:0px 7px 14px rgb(0 0 0 / 7%); text-align: center;}
.index_customer ul li .ico{ display:flex; width:4.8rem; height:4.8rem; background:#ecf2ff; border-radius:100%;  align-items:center; justify-content:center; margin: 0px auto;}
.index_customer ul li .ico img{width:2.4rem; height:auto;}
.index_customer ul li .ico img:nth-child(2){ display: none;}
.index_customer ul li a{color:#000;}
.index_customer ul li .title{ font-size:2.4rem; font-weight:bold; color: #202939; margin:1.9rem 0 2rem;}
.index_customer ul li .desc{ font-size:1.6rem; color: #697586; /* text-align: left; */ line-height: 1.6;}

.index_his ul{ display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap;}
.index_his ul li{text-align: center; margin: 5.7rem 5.5rem 0rem;  color: rgba(22, 28, 45, 0.7); font-size: 1.7rem;}
.index_his ul li .num{font-size: 4.8rem; font-weight: bold; color: var(--blue); margin-bottom: 1.4rem; position: relative; display: inline-block; line-height: 1.1;}
.index_his ul li .desc{ color: rgba(22,28,45,0.7); font-size: 1.9rem;}
.index_his ul li .num .txt{ position: absolute; top: 0px; left:100% ; color: rgba(22, 28, 45, 0.7); font-size: 1.7rem; font-weight: normal;}
.index_new{ padding: 7.6rem 0px; }
.index_new .list{ margin-top: 8rem; padding-bottom: 4rem;}
.index_new .list ul{display:grid;grid-template-columns:repeat(4,1fr); grid-column-gap:3.3rem;grid-row-gap:3.3rem;}
.index_new .list ul li .photo a{position:relative; display:block; padding-top:62.3%; width:100%; overflow:hidden; border-radius: 1.6rem;}
.index_new .list ul li .photo a 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_new .list ul li:hover .photo a img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .index_new .list ul li .content{ padding: 3rem 2.7rem 0rem;}
 .index_new .list ul li .content .lab{ color: rgba(22, 28, 45, 0.7); font-size: 1.5rem;}
 .index_new .list ul li .content .title{ margin: 1.8rem 0px;}
 .index_new .list ul li .content .title a{ font-size: 2.1rem; color: #161C2D; font-weight: bold;}
 .index_new .list ul li .content .desc{ color: #697586; line-height: 1.6;}
 .index_cop{    background-color: #FAFAFA;
    padding: 8rem 0rem 0rem;}
.index_cop .index_customer{ margin-top: 8rem; margin-bottom: 14rem;}
.index_link{ margin-top: 7.4rem; margin-bottom: 10rem;}
.index_link ul li{ display: flex; align-items: center; justify-content: center; margin-top: -24px;}
.index_link ul li .con{  display: block;
    width: 9.6%; padding-top: 10%; position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/fc.png); background-size: 100% auto;
    font-size: 0;
    text-align: center;}
.index_link ul li .con img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: inline-block;
		vertical-align: middle;
		max-width: 65%;
		max-height: 65%;}
		.index_link ul li:nth-child(1){ margin-top: 0px;}
.index_contact{ background-color: var(--blue); padding: 6.2rem 19.2rem; color: #fff; border-radius: 0.8rem; margin-bottom: -12.4rem; position: relative; z-index: 5;}
.index_contact a{ color: #fff;}
.index_contact .title{ font-size: 4rem;  font-weight: bold; text-align: center; margin-bottom: 7.9rem;}
.index_contact .box{ display: flex; align-items: flex-start;}
.index_contact .box .weix{ width: 120px; text-align: center; font-size: 14px;}
.index_contact .box ul{ display: flex; align-items: stretch; flex-wrap: wrap; flex: 1; margin-left: 8.5rem;}
.index_contact .box ul li{ width: 50%; margin-bottom: 2rem;}
.index_contact .tell{margin: 0px auto; margin-top: 2.5rem; margin-bottom: 2.8rem; text-align: center;}
.index_contact .tell span{ line-height:3.4; font-size: 2rem; color: #fff; padding: 0px 3.6rem; background-color: #12141D; border-radius: 24px; display: inline-block; }
.index_contact .more1{text-align: center;}
.index_contact .more1 a{ font-size: 2rem; font-weight: bold; text-decoration: underline;}
.footer{ background-color: #12141D; color: #fff; padding-top: 16.5rem; padding-bottom: 7rem; text-align: center; font-size: 14px;}
.footer a{ color: #fff;}
.footer .dbmenu{ margin-bottom: 2.9rem;}
.footer .dbmenu a{ display: inline-block; margin: 0px 1.5rem;}
.xf_menu{ position: fixed; right: 20px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); background-color: #fff;box-shadow: 0px 0px 8px rgb(0 0 0 / 8%); width: 52px; border-radius: 24px; padding: 22px 0;z-index: 200;box-shadow: 0 2px 20px 0 rgba(202,223,250,.4);}
.xf_menu ul{ display: flex; flex-direction: column; gap:20px;}
.xf_menu ul li{ display: flex; flex-direction: column; position: relative; align-items: center; justify-content: center; border-bottom: 1px #eef2f5 solid; cursor: pointer;}
.xf_menu ul li .icon{ width: 20px;}
.xf_menu ul li .content{ flex:1; line-height: 2rem;}
.xf_menu ul li .content .txt { font-size: 12px; color: #000;}
.xf_menu ul li:last-child{ border-bottom: 0px;}
.xf_menu ul li .box{ position: absolute; right: 100%;right: 66px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 12px 16px;
    border-radius: 8px;
	min-width: 182px;
    filter: drop-shadow(0 4px 12px rgba(56,98,137,.2)); display: none;}
.xf_menu ul li:hover .box{ display: block;}
.xf_menu ul li .box *{
	white-space: nowrap;
}
.xf_menu ul li .box .title{
	color: #2d3033;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.xf_menu ul li .box .txt{
	margin-top: 4px;
    color: #7b818f;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.xf_menu ul li .qrcode{
	display: flex;
	align-items: center;
	gap:16px;
}

.xf_menu ul li .qrcode .photo{
	width: 67px;
	height: 67px;
}

.xf_menu ul li .qrcode .txt{
	margin-top: 12px;
}

.xf_menu ul li .qrcode .info{
	flex:1;
}

.phone_menu{ position: fixed; bottom: 0px; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); background-color: #fff;box-shadow: 0px 0px 8px rgb(0 0 0 / 8%); width: 100%;z-index: 40; display: none;}
.phone_menu ul{ display: flex; align-items: stretch;}
.phone_menu ul li{ text-align: center; padding: 6px 0rem; flex: 1;} 
.phone_menu ul li .icon{ width: 17px; margin: 0px auto 5px; display: inline-block;}
.phone_menu ul li .content{ flex:1; }
.phone_menu ul li .content .txt { font-size: 2.2rem; color: #3b3e41; font-weight: bold; }
.phone_menu ul li:last-child{ border-bottom: 0px;}

.fixed-r {
    position: fixed;
    right: 10px;
    bottom: 10%;
    width: 40px;
    z-index: 999;
}
.fixed-r a {
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.fixed-r a .icon {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    border: 1px solid #018dfe;
    text-align: center;
    line-height: 26px;
    background-color: #fff;
}
/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 40px;
	right: 0px;
	z-index: 100;
	display: none;
	position: relative;
	margin-left: 15px;

}

.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: #fff;
	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: 85px;
	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 24px;
}

.menu-mc .list ul li {
	line-height: 60px; border-bottom: 1px #eee solid;
}
.menu-mc .list ul li a{ font-size: 16px; color: #333;}

.p_list { width:90%; margin:0px auto;}
.p_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 4rem 4rem;
}
.p_list ul li .item{ margin-bottom:3.8rem;}
.p_list ul li .item:last-child{ margin-bottom:0rem;}
.p_list ul li a{ display:block;}
.p_list ul li a .photo{position:relative; display:block; padding-top:77.5%; width:100%; overflow:hidden; border-radius:8px; margin-bottom:10px;}
.p_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;}
.p_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.p_list ul li a .title{ display:flex; align-items: center;
    }
.p_list ul li a .title .tpleft{ display:block; margin-right:10px; color:var(--blue); font-size:2.1rem; max-width:86%; overflow:hidden;}
.p_list ul li a .title .icon{ width:16px; height:16px; background-image: url(../images/tail-right.png); background-position:center center; background-repeat:no-repeat; background-size:cover; display:inline-block;}
.p_list ul li:nth-child(2n){ padding-top:13.1rem;}

.p_list2 { width:90%; margin:0px auto;}
.p_list2 ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3.8rem 3.8rem;
}
.p_list2 ul li .item{ margin-bottom:3.8rem;}
.p_list2 ul li .item:last-child{ margin-bottom:0rem;}
.p_list2 ul li a{}
.p_list2 ul li a .photo{position:relative; display:block; padding-top:123.5%; width:100%; overflow:hidden; border-radius:8px; margin-bottom:10px;}
.p_list2 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;}
.p_list2 ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.p_list2 ul li a .title{ display:flex; align-items: center;
    }
.p_list2 ul li a .title .tpleft{ display:block; margin-right:10px; color:var(--blue); font-size:2.1rem;}
.p_list2 ul li a .title .icon{ width:16px; height:16px; background-image: url(../images/tail-right.png); background-position:center center; background-repeat:no-repeat; background-size:cover; display:inline-block;}
.p_list2 ul li:nth-child(2n){padding-top:13.1rem;}
.p_list2 ul li:nth-child(3n){ padding-top:6rem;}


@media screen and (max-width: 1450px) 
{
	:root{
		--baseFont:14px;}
		.index_link ul li{ margin-top: -20px;}
}
@media screen and (max-width: 1200px) 
{
	header .nav{ display: none;}
	.menubtn,
	.menu-mc {
		display: flex;
	}
	header{position: sticky; padding: 10px 0px; left:0px; top: 0px; width: 100%;background: var(--blue); z-index: 50; z-index: 9999;}
	.part_1 .txt-banner .desc{ width: 90%;}
	.part_1{ padding: 20px 0px;}
	.part_1 .txt-banner .desc{ margin-top: 15px;}
	.product .tabcontents .pic img{ max-width: 90%;}
	.solu_box .solu_left .desc{ font-size: 14px;}
	.index_date ul li .desc{ font-size: 14px;}
	.index_customer ul li .title{ font-size: 16px; margin: 12px 0px;}
	.index_customer ul li .desc{ font-size: 14px;}
	.index_customer ul li{ padding: 20px 10px;}
	.index_customer ul li .ico{ width: 45px; height: 45px;}
	.index_customer ul li .ico img{ width: 26px; height: 26px;}
	.index_his{ margin-top: 15px;}
	.index_his ul li{ font-size: 12px; margin-top: 20px;}
	.index_his ul li .desc{ font-size: 12px;}
	.index_his ul li .num { margin-bottom: 7px;}
	.index_his ul li .num .txt{ font-size: 10px;}
	.index_new .list ul li .content .lab{ font-size: 12px;}
	.index_new .list ul li .content .title a{ font-size: 16px;}
	.index_link ul li{ margin-top: -15px;}
}
@media screen and (max-width: 1000px) {
	.product{ padding: 40px 0px;}
	.product .list li .title{ font-size: 16px;}
	.product .list li .desc{ font-size: 14px;}
	.product .list li{ padding: 15px;}
	.product .list li .ico{ width: 45px; height:45px;}
	.product .list li .title{ margin: 20px 0px 10px;}
	.product .list li .ico img{ width: 23px; height: 23px;}
	.product .list li:hover .ico img{ width: 26px; height: 26px;}
	.more{ width: 150px; height: 35px; margin-top: 30px; border-radius: 25px;}
	.solution{ padding: 40px 0px;}
	.service{ padding: 40px 0px;}
	.index_date ul li{ flex:1;}
	.index_new{ padding: 40px 0px;}
	.index_new .list ul{ grid-template-columns: repeat(2, 1fr);grid-column-gap: 15px;
		grid-row-gap: 15px;}
		.index_new .list ul li .content{ padding: 15px 0px 0px;}
		.index_cop{ padding: 40px 0px 0px;}
}

@media screen and (max-width: 750px) 
{
	.banner li .play-button{width:16rem; height:16rem;}
	header .logo img{ height: 35px;}	
	header .tel{ line-height: 30px; height: 30px; padding: 0px 7px; border-radius: 25px;}
	header .tel:before{ width: 14px; height: 14px;}
	.part_1 .txt-banner .title{ font-size: 25px;}
	.tags a{ height: 30px; line-height: 30px; margin: 5px;}
	.banner{ margin-bottom: 30px;}
	.product .list{grid-template-columns: repeat(2, 1fr);grid-column-gap: 15px;
		grid-row-gap: 15px;}
	.product .list li{ border-radius: 7px;}
	.thead{ font-size: 20px;}
	.product .tabbox{ flex-direction: column; margin-top: 30px;}
	.product .tabbox .tabbtns{ width: 100%; overflow-x: auto; margin-bottom: 20px;}
	.product .tabbox .tabbtns ul{ display: flex; align-items: stretch; min-width: 800px;}
	.product .tabbtns li{ text-align: left; flex:1; margin-right: 15px;}
	.product .tabbtns li:last-child{ margin-right: 0px;}
	.product .tabbtns li .num{ position: static; margin-top: 0px; margin-bottom: 10px; width: 23px; height: 23px; font-size: 14px;}
	.product .tabbtns li .title{ display: flex; flex-direction: column;flex-direction: column-reverse; font-size: 14px;}
	.product .tabbtns li .desc{ font-size: 12px; display: flex; flex-wrap: wrap;}
	.product .tabbtns li .desc p{ display: inline-block;}
	.product .tabcontents .pic img{ max-width: 100%;}
	.solu_box{flex-direction: column;flex-direction: column-reverse; margin-top: 30px;}
	.solu_box .solu_right{ width: 100%; overflow-x: auto; margin-bottom: 20px;}
	.solu_box .solu_right ul{display: flex; align-items: stretch; min-width: 800px;}
	.solu_box .solu_right ul li{ text-align: left; flex:1; margin-right: 10px; font-size: 16px;white-space:nowrap}
	.solu_box .solu_right ul li .num{width: 23px; height: 23px; font-size: 14px; margin-right: 5px;}
	.solu_box .solu_right ul li:last-child{ margin-right: 0px;}
	.solu_box .tabcontents1{ width: 100%;}
	.solu_box .solu_left .photo{ margin-bottom: 15px;}
	.solu_box .solu_left .desc{ margin-bottom: 20px;}
	.solu_box .solu_left ul li{ width: 50%; margin: 5px 0px; background-size: 20px 19px; padding-left: 25px;}
	.solu_box .solu_left ul li.no2{ width: 100%;}
	.solu_box .solu_left .more{ margin-top: 30px;}
	.index_date{ padding: 20px 0px 30px;}
	.index_date ul li .num{ font-size: 25px;}
	.index_customer ul{    grid-template-columns: repeat(2, 1fr);grid-column-gap: 15px;
		grid-row-gap: 15px;}
		.index_his ul li .num{ font-size: 20px;}
		.index_new .list{ margin-top: 30px;}
		.index_cop .index_customer{ margin-top: 30px;}	
		.index_link{ overflow: hidden; margin-top: 30px; margin-bottom: 30px;}
		.index_link ul { }
		.index_link ul li{ display: inline; margin-top: 0px; overflow: hidden;}
		.index_link ul li .con{ width: 20%; float: left; height: 80px; background-size: 100% 100%;}
		.index_contact .title{ font-size: 22px; margin-bottom: 25px;}
		.index_contact{ padding: 30px 5%;}
		.index_contact .box ul li{ width: 100%; display: flex; flex-wrap: wrap;}
		.index_contact .box ul li p{ display: inline;}
		.index_contact .tell span{ font-size: 14px; line-height: 3; padding: 0px 20px;}
		.index_contact .tell{ margin: 15px 0px;}
		.index_contact .more1 a{ font-size: 14px;}
		.index_contact{ margin-bottom: -40px; border-radius: 5px;}
		.footer{ padding: 55px 0px 70px;}
		.footer .dbmenu a{ margin: 0px 10px;}
		.index_contact .box .weix{ width: 100px;}
		.phone_menu{ display: block;}
		.xf_menu{ display: none;}
		.p_list ul li a .title .tpleft{ font-size:14px;}
		.p_list ul li a .title .icon{ width:12px; height:12px;}
		.p_list2{ width:100%;}
		.p_list2 ul li a .title .tpleft{ font-size:14px;}
		.p_list2 ul li a .title .icon{ width:12px; height:12px;}
		.p_list{ width:100%;}
		.product .tabcontents{ margin-left:0px;}
		.p_list ul{    grid-gap: 15px 15px;}
		.p_list2 ul{    grid-gap: 15px 15px;}
		.p_list ul li .item,.p_list2 ul li .item{ margin-bottom:20px;}
}
@media screen and (max-width: 450px) 
{
	.index_new .list ul{ grid-template-columns: repeat(1, 1fr);grid-column-gap: 20px;
		grid-row-gap: 20px;}	
		.index_new .list ul li .content .title{ margin: 10px 0px;}
}

/*9月16日新增*/
.hex_part1{ padding-top: 3rem; margin-bottom: 10rem;}
.hex_part1 ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
align-items: stretch; gap:3.1rem;}
.hex_part1 ul li{ background-color: #f7f8fa;position: relative;z-index: 30; border-radius: 2.7rem;}
.hex_part1 ul li .icon img{width: 100%;}
.hex_part1 ul li .icon{flex:1; display: flex; align-items: center; justify-content: center;}
.hex_part1 ul li .title{ font-size: 3rem; font-weight:bold;color: #000; line-height: 1.8;}
.hex_part1 ul li .info{width:60%;}
.hex_part1 ul li .content{position: relative; z-index: 10; display: flex; align-items: center; gap:12px; padding: 2.2rem 2.5rem 4rem 7rem;}
.index_product{ display: flex; align-items: stretch;gap: 22px; margin-top: 8.5rem; /* margin-bottom: 14.2rem; */}
.index_product .list{ flex:1;}
.index_product .list ul li a{ display: block; position: relative; width: 100%; height: 100%; background-color: #f3f3f3;transition: all .3s ease;-webkit-transition: all .3s ease; color: #000; }
.index_product .list ul li a .content{ position: absolute; top: 3.2rem; left: 3.2rem;}
.index_product .list ul li a .content .title{ font-size: 3rem; font-weight: 600;}
.index_product .list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 19px;
align-items: stretch;}
.index_product .list.no1 ul li:nth-child(1){grid-column: 1 /span 2;}
.index_product .list ul li a img{ width: 100%; height: 100%;}
.index_product .list ul li a:hover{ background-image: url(../images/bluebg.jpg); background-repeat: no-repeat; background-size: cover;}
.index_product .list ul li a:hover{ color: #fff;}
.index_product .list ul li a .more1{ opacity: 0; margin-top: 5px;}
.index_product .list ul li a:hover .more1{ opacity: 1;}
.index_product .list.no2 ul li:nth-child(3){grid-column: 1 /span 2;}
.index_his{ width: 94%; margin: 0px auto;}
.index_his ul li{margin: 5.7rem 8.5rem 0rem;}
/* .index_customer ul li .desc.no1{ text-align: center;} */
.links{ margin: 14rem auto;}
.links ul{display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 5rem 3rem;
align-items: stretch;}
.links ul li{ display: flex; align-items: center; justify-content: center; height: 80px;}
.index_customer.no2 ul{ grid-template-columns: repeat(5, 1fr);}

@media (max-width:768px){
	.hex_part1 ul li .title{font-size: 16px;}
	.index_product{ margin-top: 20px; flex-direction: column;}
	.index_product .list ul{gap: 15px;}
	.index_product .list ul li a .content .title{ font-size: 16px;}
	.index_product .list ul li a .content{ left: 15px; top: 15px;}
	.hex_part1 ul{  grid-gap: 20px 0px;}
	.index_his{ margin-top: 20px;}
	.index_customer.no2 ul{grid-template-columns: repeat(2, 1fr);}
	.links ul{grid-template-columns: repeat(4, 1fr);gap: 30px 20px;}
}

@media (max-width:750px){
	.hex_part1 ul{grid-template-columns: repeat(1,1fr);}
}
@media (max-width:480px){
	.solu_box .solu_left ul li{
		width:100%;
	}
}