@charset "utf-8";
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: .16rem;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* For some Androids */
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
}

html {
	font-size: 100px;
	overflow-x: hidden;
	/* background: #F5F5F5; */
}

body {
	font-family: Microsoft YaHei, Microsoft YaHei;
	/*font-size: .14rem;*/
	color: #666;
	line-height: 1.5;
	width: 100%;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
}

img {
	max-width: 100%;
}

ul {
	list-style: none;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: Microsoft YaHei, Microsoft YaHei;
}

a:link,
a:visited {
	text-decoration: none;
	outline: 0;
	color: #666;
}

a:hover,
a:active,
a:focus {
	/*color: #8aBa29;*/
	text-decoration: none
}

img {
	border: 0;
	padding: 0;
	margin: 0;
	max-width: 100%;
}

table {
	border-collapse: collapse;
	width: 100%
}

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

input,
textarea {
	font-size: .14rem;
	outline: 0;
	overflow: hidden;
	font-family: Microsoft YaHei, Microsoft YaHei;
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
	cursor: pointer;
	outline: 0;
	border: none;
}

input[type='checkbox'],
input[type='radio'] {
	position: relative;
	vertical-align: middle;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	outline: 0;
	color: #666;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='text'],
select,
button {
	-webkit-appearance: none
}

input,
select,
textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-input-placeholder {
	color: #999;
}

:-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #999;
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.clear {
	clear: both;
}

.continer1 {
	width: 1600px;
	margin: 0 auto;
}


/*首页开始*/

.clear {
	clear: both;
}

body {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .14rem;
	color: #666;
	line-height: 1.5;
	width: 100%;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.pic {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.pic:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.pic img {
	transition: .5s;
}

.table_pro {
	vertical-align: top;
	border: none;
}

.table_pro td,
.table_pro th {
	border: 1px solid #e1d8d8;
	padding: 5px 10px 5px 10px;
	line-height: 170%;
}

.table_pro th {
	background: #c4c8d3;
	width: 20%;
	font-weight: bold;
	color: #000;
}

.bg1 {
	background: url(../picture/bgc1.png) no-repeat top center;
	background-size: cover;
}

.bg2 {
	background: url(../picture/solution_img11.png) no-repeat top center;
	background-size: cover;
}

.bg3 {
	background: #eee;
}

.bg2 h3,
.bg2 p {
	color: #fff!important;
}

.video-img {
	position: absolute;
	top: 40%;
	left: 50%;
	z-index: 10000;
	margin-left: -35px;
	cursor: pointer;
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.tp {
	overflow: hidden;
}

.tp img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
	transition: .5s;
}

.tp:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.container1 {
	width: 96%;
	margin: 0 auto;
}

.container2 {
	/*width: 1441px;*/
	width: 90%;
	margin: 0 auto;
}

header {
	width: 100%;
	margin: 0 auto;
}

.daohang {
	width: 100%;
	margin: 0 auto;
	height: 84px;
	clear: both;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.about_con1_img {
		text-align: center;
		padding-left: 0!important;	
	}

.left_p2{
	padding-left: 1rem;
	padding-right:1rem;
}
.img2:hover{
	transform: scale(1.1);
}

.yx {
	float: left;
	font-size: 0.2rem;
}

.yx a {
	display: block;
	padding-top: 18px;
	font-size: 0.3rem;
}

.yx a:hover {
	color: #0059AB;
	font-weight: bold;
}

.yx img {
	max-width: 100%;
	height: auto;
}
 p.lineheight{
		line-height: 200%;
		margin-top: 0.2rem;
		text-indent: 2em;
	}
.navdaohang {
	float: right;
	margin-right: 25px;
}

.menupc li {
	float: left;
	text-align: center;
	line-height: 84px;
	z-index: 9;
	position: relative;
	margin: 0 23px;
}

.menupc li:hover a {
	color: #333;
}

.menupc li:hover a:after {
	width: 100%;
}

.menupc li a {
	display: block;
	font-family: Microsoft YaHei, Microsoft YaHei;
	color: #0059AB;
	font-size: .17rem;
	padding: 0px 5px;
	z-index: 999;
	position: relative;
}

.menupc li a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 5px;
	background-color: #0059AB;
	margin: 0 auto;
	border-radius: 5px;
	z-index: -1;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

.menupc li a:hover:after {
	width: 100%;
}

.menupc li a:hover {
	color: #0059AB;
	font-weight: bold;
}

.menupc li .current {
	color: #333;
}

.menupc li .current:after {
	width: 100%;
}

.menupc .xiala {
	background-color: rgba(255, 255, 255, .8);
	position: absolute;
	display: none;
	left: 50%;
	width: 632px;
	margin-left: -316px;
	padding: 15px 17px;
	overflow: hidden;
	z-index: 999;
}

.nav_fr {
	float: right;
}

.search {
	float: left;
	width: 199px;
	position: relative;
	margin-top: 10px;
}

.finput1 {
	width: 100%;
	border: 1px solid #333;
	border-radius: 25px;
	height: 37px;
	line-height: 35px;
	padding-left: 10px;
}

.finput2 {
	position: absolute;
	right: 15px;
	top: 9px;
	background: url("../images/search.png") no-repeat center;
	width: 15px;
	height: 15px;
	text-indent: -999px;
	border: none;
}

.link {
	float: right;
	margin-top: 31px;
}

.link li {
	float: left;
	margin-left: 15px;
	color: #fff;
}

.link li a {
	display: block;
}

.structure_txt22{
	position: absolute;
	left: 0.3rem;
	bottom: 0.5rem;
	background: rgba(0,0,0,0.3);
	font-size: 0.4rem;
	padding:0.1rem 0.4rem;
	color: #fff;
}


/*swiper的banner*/

.home-banner {
	overflow: hidden;
	/* width: 96%;*/
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.banners a {
	display: block;
}

.banners a img {
	display: block;
	border-radius: 10px;
	width: 100%;
	height: auto;
}

.home-banner .swiper-container .swiper-pagination {
	display: block;
	bottom: 5px;
	right: 0px;
}

.home-banner .swiper-container .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #fff;
	opacity: 1;
	outline: none;
	margin: 0px 7px;
	border-radius: 25px;
}

.home-banner .swiper-container .swiper-pagination-bullet-active {
	background-color: #0059AB;
	width: 35px;
}

.home-banner .swiper-button-next,
.home-banner .swiper-button-prev {
	display: block;
	position: absolute;
	top: 50%;
	width: 13px;
	height: 23px;
	margin-top: -12px;
	z-index: 10;
	cursor: pointer;
	outline: none;
	font-size: .36rem;
	color: #fff;
	text-align: center;
	border-radius: 0;
	background: url("../images/arrow.png") no-repeat center;
}

.home-banner .swiper-button-prev {
	left: 1.5%;
	right: auto;
}

.home-banner .swiper-button-next {
	right: 1.5%;
	left: auto;
	transform: rotateY(-180deg);
}

@media (max-width: 1200px) {
	.daohang {
		height: 60px;
	}
	.yx a {
		padding-top: 15px;
	}
	.yx img {
		height: 30px;
	}
	.phone-nav {
		display: block;
	}
	.navdaohang {
		display: none;
	}
	.search {
		margin-top: 11px;
	}
	.link {
		margin-right: 45px;
		margin-top: 20px;
	}
}

.fwx {
	position: relative;
}

.fwx::before {
	content: url(../images/djjma.png);
	position: absolute;
	right: -20px;
	top: -165px;
	z-index: 99;
	width: 120px;
	height: 120px;
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.fwx:hover::before {
	transform: scale(1);
	opacity: 1;
}

.menulist li {
	float: none;
	width: 100%;
	padding: 0;
	color: #fff;
	font-size: .12rem;
	line-height: 0.25rem;
}

.footer1_fc li .tit {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.menulist li:nth-child(2) {
	width: 100%;
}

.menulist li a {
	font-size: .12rem;
	color: #fff;
	line-height: 0.25rem;
}

.menulist li a:hover {
	color: #fff;
}

.home-news {
	width: 100%;
	margin: 0 auto;
	background: #00366C;
	color: #fff;
}

.index_title {
	background-color: #F8F8F8;
	overflow: hidden;
	padding: 0.25rem 0 0.4rem 0;
	text-align: center;
}

.index_title span {
	font-family: Microsoft YaHei, Microsoft YaHei;
	display: block;
	font-size: .15rem;
	color: #999;
	text-transform: uppercase;
	line-height: 1;
}

.index_title h3 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .30rem;
	color: #333;
	line-height: 1;
	margin: 0.40rem 0 0.4rem 0;
}
.index_title h3.small {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .30rem;
	color: #333;
	line-height: 1;
	margin: 0.30rem 0 0.1rem 0;
}

.index_title h4 {
	font-size: 0.20rem;
	line-height: 200%;
	color: #0059AB;
}

.items {
	background: #fff;
	height: 100%;
	border-radius: 0.30rem;
	padding: 0.50rem;
}

.pad0 {
	padding: 0;
	background: url(../picture/hexin.jpg);
	background-size: cover;
}

.border-gray {
	height: 460px;
}

.flex {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.h100 {
	height: 100%;
}

.h100 p {
	margin-bottom: 20px;
}

.index_title p {
	font-family: Microsoft YaHei, Microsoft YaHei;
	color: #999;
	line-height: 200%;
}

.news_con {
	padding: 0.59rem 0 0.59rem 0;
	overflow: hidden;
	/*background: url(../picture/b11.jpg) no-repeat top center;*/
	background: #F8F8F8;
	/*background-size: cover;*/

}

.ulserver{
	display: flex;
	justify-content: space-between;
}
.news_con li {
	float: left;
	width: 24%;
	/*padding: 0 0.2rem;*/
	margin-bottom: 0.43rem;
}

.news_con li a {
	/*display: block;*/
	padding:0.4rem 0.2rem;
	border-radius: 0.10rem;
	transition: .5s;
	background: #ffffff8a;
	box-shadow: 0.05rem 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.services{
	display: flex;
	align-items: center;
}
.services .img{
	width:25%;
}
.services .desc{
	width:75%;
	padding-left: 0.2rem;
}

.news_con li a:hover {
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

.news_con li:nth-child(1) a {
	/*background: #ffffff8a url(../picture/t1.png) no-repeat right center;*/
}

.news_con li:nth-child(2) a {
	/*background: #ffffff8a url(../picture/t2.png) no-repeat right center;*/
}

.news_con li:nth-child(3) a {
	/*background: #ffffff8a url(../picture/t3.png) no-repeat right center;*/
}

.news_con li:nth-child(4) a {
	/*background: #ffffff8a url(../picture/t4.png) no-repeat right center;*/
}

.principle_inbox {
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0px -3px 11px 0px rgb(0 0 0 / 10%);
	text-align: center;
}

.principle_inbox h1{
	/*border:0.1rem solid #0059AB;*/
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	background: #fff;
	padding:0.1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.news_txt1 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .20rem;
	color: #07689f;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news_txt2 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	color: #333;
}

.news_txt3 {
	color: #666;
	overflow: hidden;
	margin: 0.10rem 0 0 0;
}

.news_con li a:hover .news_txt1 {
	/*color: #8aBa29;*/
}

.news_con li a:hover .news_txt4 {
	color: #111;
}

.news_con li a:hover .news_txt4:after {
	width: 24px;
	left: 80px;
}

.home-xsqy {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.xsqy_con {
	margin: 70px 0 55px 0;
	position: relative;
	padding-bottom: 40px;
}

.xsqy_con .swiper-container {
	overflow: inherit;
}

.xsqy_con .swiper-slide {
	display: initial;
}

.xsqys {
	transition: .5s;
}

.xsqys a {
	display: block;
	position: relative;
}

.xsqys a .pic {
	border-radius: 10px;
}

.xsqys a .pic:after {
	padding-bottom: 73.29%;
}

.xsqys a:hover .pic img {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.xsqys_txt {
	position: absolute;
	width: 0;
	left: 5%;
	right: 5%;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, .89);
	padding: 30px 10px 22px 10px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transition: .5s;
	opacity: 0;
	color: #0059AB;
}

.xsqys a:hover .xsqys_txt {
	width: 90%;
	opacity: 1;
}

.xsqys_txt h3 {
	text-align: center;
	color: #111;
	font-size: .24rem;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px;
}

.xsqys_txt p {
	width: 100%;
	margin: 0 auto;
	line-height: 20px;
	/*background-color: #fff;*/
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	/*padding:10px;
	border-radius: 25px;*/
	text-align: left;
}

.xsqys.swiper-slide-active {
	/*transform: scale(1.1);*/
}

.swiper-pagination1 {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.xsqy_con .swiper-pagination1 {
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.xsqy_con .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background-color: #ccc;
	opacity: 1;
	outline: none;
	margin: 0px 11px;
	border-radius: 25px;
}

.xsqy_con .swiper-pagination-bullet-active {
	background-color: #0059AB;
}

.home-about {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}


.about_con1 {
	position: relative;
	line-height: 200%;
}

.about_con1 .tp {
	width: 30%;
	border-radius: 10px;
}

.about_con1_title {
	position: absolute;
	right: 15px;
	top: -13%;
}

.about_con1_title h3 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: 45px;
	color: #333;
	line-height: 1;
	margin-bottom: 30px;
}

.about_con1_title a {
	display: flex;
	justify-content: flex-end;
}

.about_con1_info {
	/*position: absolute;
	right: 0;
	width:70%;
	bottom: 0;*/
	/*background: #fff url(../picture/aboutbg.jpg) right center no-repeat;*/
	/*rgba(255,255,255,0.9);*/
	/*background-size: contain;*/
	background: #fff;
	/*padding: 0.50rem;*/
	box-shadow: 0.05rem 0.05rem 0.1rem 0px rgba(0, 0, 0, 0.1);
	line-height: 200%;
}

.p2{
	padding: 0 15px;
}
.home-about h3{
	color: #000;
}
.about_con1_info p{
	text-indent: 2em;
	font-size: 0.22rem;
	margin-top: 0.2rem;
	line-height: 200%;
}

.about_con1_info p:first-child{
	padding-top: 0.5rem;
}
.aboutbg{
	background: url(../picture/about.jpg) top center no-repeat;
	background-size:cover;
}

.about_con1_info ul li {
	padding-left: 0.50rem;
	transition: all 1s;
	font-size: 0.22rem;
	cursor: pointer;
	line-height: 260%;
}

.about_con1_info ul li:nth-child(1) {
	background: url(../picture/icon1.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(2) {
	background: url(../picture/icon2.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(3) {
	background: url(../picture/icon3.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(4) {
	background: url(../picture/icon4.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(5) {
	background: url(../picture/icon5.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(6) {
	background: url(../picture/icon6.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(7) {
	background: url(../picture/icon7.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(8) {
	background: url(../picture/icon8.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:nth-child(9) {
	background: url(../picture/icon9.png) left center no-repeat;
	background-size: 0.40rem 0.40rem;
}

.about_con1_info ul li:hover {
	padding-left: 0.60rem;
}

.about_con1_info ul li.text-blue {}

.index_title2 {
	padding: .50rem 0 0.35rem 0;
	background: none;
	color: #fff;
}

.index_title2 h3 {
	margin: 0.10rem 0 0.15rem 0;
	color: #fff;
}
.index_title2 span{
	color: #fff;
}
.index_title3{
	padding: .30rem 0 0.3rem 0;
}

.about_con1_info1 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .20rem;
	color: #333;
	line-height: 1;
}

.about_con1_info1 span {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .14rem;
	color: #999;
	text-transform: uppercase;
}

.about_con1_info2 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .15rem;
	color: #333;
	line-height: 28px;
	overflow: hidden;
	margin-bottom: 10%;
	/* margin-top: 5%;*/
}

.about_con1_info2 h3 {
	color: #0059AB;
	padding-bottom: 10px;
}

.about_con1_info2 li {
	margin-bottom: 15px;
}

.about_con2 {
	margin: 8% 0 6% 0;
	overflow: hidden;
	/*display: none;*/
}

.about_con2 li {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 1;
	cursor: default;
	overflow: hidden;
	padding: 0 10px;
}

.about_con2 li h3 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .15rem;
	color: #005691;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 20px;
}

.about_con2 li h3 span {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .20rem;
	color: #8aBa29;
	margin-right: 5px;
	font-weight: bold;
}

.about_con2 li p {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: .15rem;
	color: #999;
}

.home-pro {
	width: 100%;
	margin: 0px auto 20px;
	overflow: hidden;
}

.bluebg {
	/*background-image: linear-gradient(#07689f, #9198e5);*/

	background: #003667;
}

.te3-ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.2rem;
	justify-content: space-between;
}

.te{
	padding:0.1rem;
	margin-top: 0.10rem;
	line-height: 170%;
	width:45%;
}
.te1{
	/*background: #89B366;
	color: #fff!important;*/
	/*padding:0.5rem;*/
}

.te1 .img{
	background: #fff;
	width: 0.5rem!important;
	height: 0.5rem!important;
	line-height: 0.5rem;
	display: inline-block;
	margin-right: 0.1rem;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
}
.te1 li{
	display: flex;
	overflow: hidden;
	align-items: center;
}
.te1 li .img{
	float:left;
}
.te1 li p{
	width: calc(100% - 0.5rem);
}

.te2{
	background: #00AEEF;
	color: #fff;
}

.te5 .text-blue{
	color: #003667;
}
.te5{
	background: #eee;
	color: #fff!important;
	padding:0.3rem;
}

.te3{
	background: #003667;
	color: #fff!important;
	padding:0.5rem;
}

.te3 p{
	text-indent: 2em;
}

.te3 .img {
  
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #fff ;
    display: inline-block;
    margin-right: 0.1rem;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    font-weight: bolder;
    
    
}
.te3 strong{
    height: 0.5rem;
    flex-grow: 1;
    display: block;
    line-height: 0.5rem;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	
}

.te3 .te-content{
	margin-top: 0.15rem;
}

.te-title{
	display: flex;
}

.te3 .img img{
	width: 80%;
}

.te3 li{
	/*display: flex;*/
	overflow: hidden;
}
.te3 li .img{
	float:left;
}

.teicon{
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 0.2rem auto 0;
	
	
}
.teicon li{
	text-align: center;
}
.teicon li img{
	border-radius: 50%;
	width: 0.7rem;
	height: 0.7rem;
	transition: 1s all;
	overflow: hidden;
}

.teicon li img:hover{
	transform:rotate(360deg) scale(1.1);
	
}

/*首页结束*/

.c1 {
	color: #0059AB;
	font-size: .20rem;
}

.about_con2 li h3 {
	padding: 0;
	margin: 0;
}

.about_con2 li h3 span {
	color: #000;
	padding: 15px 0 10px;
}


.original_header {
	width: 100%;
	height: auto;
	background: #eee;
	/* box-shadow: 0rem 0rem 0.08rem 0.01rem rgb(8 3 4 / 58%); */
	border-bottom: 2px solid transparent;
	z-index: 99;
	transition: all 0.3s;
}

.original_header .header_center {
	width: 96%;
	height: 80px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.original_header .header_center a {
	color: #0059AB;
}


/* logo */

.original_header .header_logo {
	width: 136px;
	height: 60px;
}

.original_header .header_logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.original_header .header_logo .logo2 {
	display: none;
}


/* right */

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

.head_boxr .navs {
	margin-right: 200px;
	display: flex;
	align-items: center;
}

.head_boxr .navs .item {
	position: relative;
	height: 1rem;
	margin: 0 10px;
	margin-left: 20px;
	/* padding: 0 0.25rem; */
}

.head_boxr .navs .item>a {
	font-size: 0.2rem;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	color: #0059AB;
	line-height: 1rem;
	font-size: 0.16rem;
}

.head_boxr .navs .item:hover>a {
	font-weight: bold;
}

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

.head_boxr .icons .icon {
	width: 26px;
	height: 26px;
	margin-left: 18px;
}

.head_boxr .icons .icon:first-child {
	margin-left: 0;
}

.head_boxr .icons img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.head_boxr .icons .i2 {
	display: none;
}


/* 微信 */

.head_boxr .wechat {
	position: relative;
}

.head_boxr .wechat .qrcode {
	position: absolute;
	left: 50%;
	top: calc(100% + 0.1rem);
	transform: translateX(-50%);
	width: 200px;
	height: 200px;
	padding: 0.05rem;
	background: white;
	border: 0.01rem solid #dddddd;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}

.head_boxr .wechat .qrcode img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.head_boxr .wechat:hover .qrcode {
	visibility: visible;
	opacity: 1;
	top: calc(100% + 0.2rem);
}

.head_boxr .wechat .qrcode {
	position: absolute;
	left: 50%;
	top: calc(100% + 10px);
	transform: translateX(-50%);
	width: 98px;
	height: 98px;
	padding: 5px;
	background: white;
	border: 0.01rem solid #dddddd;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	z-index: 1000;
}

.cp_con {
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin: 70px auto 0;
	position: relative;
	padding-bottom: 70px;
	width: 96%;
	flex-wrap: wrap;
}

.cp_con h3 {
	line-height: 200%;
	color: #000;
	font-size: 0.16rem;
	font-weight: bold;
	padding: 10px 0;
}

.cp_con img {
	transition: 1s;
	transform: scale(1);
}

.cp_con img:hover {
	transform: scale(0.95);
}

.cp_con a:hover {
	color: #002f5a;
}

.cp_con .cp_list {
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
	width: 24%;
	margin-bottom: 0.2rem;
}

.cp_con a.btn-jiantou {
	padding: 5px 30px;
	color: #0059AB;
}

.a_link {
	text-align: center;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
}

.a_link a {
	color: #0059AB;
	font-size: 0.16rem;
}

.a_link a:hover {
	color: #002f5a;
}


/*关于我们开始*/

.pro_con .pro-con-list {
	display: flex;
	flex-direction: row;
	padding-top: 37px;
	padding-bottom: 37px;
	align-items: center;
	position: relative;
}

.pro_con .pro-con-list2 {
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: default;
	align-items: center;
	position: relative;
	margin-bottom: 30px;
	padding:0.5rem 0.5rem 0;
	/*background: rgba(254, 254, 254, 1);
	box-shadow: 0px -3px 11px 0px rgb(0 0 0 / 10%);*/
}


.pro_con .pro-con-list3 {
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: default;
	align-items: center;
	position: relative;
	margin-bottom: 30px;
	padding:0.03rem;
	background: rgba(254, 254, 254, 1);
	box-shadow: 0px -3px 11px 0px rgb(0 0 0 / 10%);
}

.pro_con .pro-con-list3:hover{
	background: #EEEEEE;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.structure_title h4{
	font-weight: bold;
	font-size: 0.3rem;
}
#m33 .text4{
	line-height: 240%;
}
.pro_con .pro-right2{
	
    padding-right: 5%;
}

.home-banner .swiper-button-next, .home-banner .swiper-button-prev {
    display: block;
    position: absolute;
    top: 50%;
    width: 13px;
    height: 23px;
    margin-top: -12px;
    z-index: 10;
    cursor: pointer;
    outline: none;
    font-size: 36px;
    color: #fff;
    text-align: center;
    border-radius: 0;
    background: url(../picture/arrow.png) no-repeat center;
}

.home-banner .swiper-button-next, .home-banner .swiper-button-prev {
    display: block;
    position: absolute;
    top: 50%;
    width: 13px;
    height: 23px;
    margin-top: -12px;
    z-index: 10;
    cursor: pointer;
    outline: none;
    font-size: 36px;
    color: #fff;
    text-align: center;
    border-radius: 0;
    background: url(../picture/arrow.png) no-repeat center;
}

.green{
	color:green;
	font-size:0.3rem;
	text-align: center;
}

/*.pro_con .pro-con-list2:hover {
	background: #EEEEEE;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
*/
.pro_con .pro-con-list .pro-grey {
	position: absolute;
	width: 70%;
	background-color: #F8F8F8;
	z-index: -1;
	padding-top: 37px;
	padding-bottom: 37px;
	height: 100%;
}

.pro_con .pro-con-list .pro-left {
	width: 55%;

}

.pro_con .pro-con-list .pro-left2 {
	width: 45%;
	
}


.pro_con .pro-con-list .pro-left3 {
	width: 35%;
	
}

.pro_con .pro-con-list .pro-left5 {
	width: 40%;
	
}



.pro_con .pro-con-list2:nth-child(3) .pro-left2 {
	height: auto;
}

.principle {
	padding: 0.5rem;
	text-align: center;
}

.principle_box {
	border-radius: 0.3rem;
	padding: 0.4rem 0.5rem;
	background:#f8f8f800;
}

.principle .row div {
	margin: 0;
	padding: 0.4rem 0.2rem;
	transition: 0.5s all;
	box-sizing: border-box;
	
}

.principle_inbox{
	background: #003667d9;
	border-radius:0.1rem;
	color: #fff;
	
}
.principle_inbox h1,.principle_inbox strong{
	text-align: center;
	color: #fff;
	margin: 0 auto;
}


.principle .row div:hover {
	transform: scale(1.02);
}

.principle h3 {
	font-size: .30rem;
	color: #333;
	line-height: 1;
	margin: 0.4rem 0 0.45rem 0;
}

.principle-pro {
	/*background: url(../picture/bg2.jpg);
	background-size: cover;*/
}

.text-info {
	color: #0059AB;
	padding: 0.1rem;
	display: block;
}

.process-box{
	color:#333;
	padding: 0 0.2rem;
}

.flowchart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color:#333;
    justify-content: space-between;
    
}

@keyframes mymove {
           from {left:-0.3rem;
           opacity: 0;
           }
	       to {left:0;
	       opacity: 100%;
	       }
        }

.typed-text span{
	font-size: 0.26rem;
	color: #000;
}

.typed-text span {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* 设置透明度过渡效果 */
    display: inline-block; /* 确保span元素占据空间 */
}

.pro_con .pro-con-list .pro-left img.img {
	width: 100%;
	height: auto;
	max-height: 100%;
	margin-bottom: 0rem;
    margin-top: 0rem;
    transition: 1s all;
}

.pro_con .pro-con-list .pro-left img.img:hover{
	transform: scale(1.1);
}
.pro_con .pro-con-list .pro-right img.img2 {
	width: 100%;
	height: auto;
	max-height: 100%;
	margin-bottom: 0rem;
    margin-top: 0rem;
    transition: 1s all;
}

.pro_con .pro-con-list .pro-right img.img:hover{
	transform: scale(1.1);
}

.pro_con .pro-con-list .container2 {
	top: -85px;
}

.pro_con .pro-right {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding-left: 5%;
	/*padding-right: 5%;*/
}

.pro_con .pro-right .text1 {
	font-size: .40rem;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}

.pro_con .pro-right .text3 {
	font-size: .30rem;
	font-weight: 400;
	color: #07689f;
	line-height: 30px;
	/*transition: all 1s;*/
}

.sub {
	width: 100%;
	height: 1px;
	background: #d2d2d2;
	float: left;
	margin: 20px 0;
	position: relative;
}

.sub:before {
	content: "";
	height: 3px;
	width: 20%;
	position: absolute;
	background: #07689f;
	left: 0;
	top: -1px;
	transition: all 1s linear;
}

.pro-con-list2:hover .sub {}

.pro-con-list2:hover .sub::before {
	/*animation: background 1s   forwards;*/
	width: 100%;
}

.good_con {
	background: url("../picture/youshibg.jpg") no-repeat top center;
	background-size: cover;
	color: #fff;
	padding: 100px 0;
	line-height: 180%;
}

.good_ul {
	margin-bottom: 30px;
}

.good_left {
	padding-right: 50px;
	width: 70%;
}

.good_left h2 {
	font-size: 0.32rem;
}

.good_left h2 img {
	width: 1rem;
}

.d-flex {
	display: flex;
}

.good_right {
	width: 30%;
	min-width: 300px;
	display: flex;
	align-items: center;
	/* 垂直居中 */
	;
	justify-content: center;
	/* 水平居中，如果也需要水平居中的话 */
}

.good_right img {
/*animation: scale2 4s infinite;*/
	max-width: 100%;
	/* 确保图片不会超出容器 */
	max-height: 100%;
	/* 确保图片不会超出容器 */
}

.fas{
	font-size: 0.5rem;
}

.structure_con {
	/*background: url(../picture/bg.png) top center no-repeat;*/
	
            display: flex;
            justify-content: center;
            align-items: center;
}


.structure_title{
	
}

.structure_title p{
	line-height: 180%;
	padding-top: 0.3rem;
	text-indent: 2em;
}
.structure_title p:last-child{
	padding-bottom: 0.3rem;
}

.structure_left{
	width:25%;
	display: flex;
	flex-direction: column;
	justify-content:space-around;
	padding:2% 2%;
	
}
.structure_right{
	width:75%;
	padding-top: 1.2rem;
}
.table1 td,.table1 tr{
	vertical-align: top;
}
.table1>tr{
	
}
.table1 td{
	padding-right: 0.1rem;
}
.table1 th{
	color: #00AEEF;
	font-size: 0.24rem;
	padding-bottom: 0.1rem;
}

.timeline-container {
	width: 92%;
	margin: 0 auto;
	height: 800px;
	position: relative;
	padding: 0 50px;
}

.timeline {
	position: absolute;
	width: calc(100% - 100px);
	height: 4px;
	background: #e0e0e0;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	z-index: 1;
}

.progress-line {
	position: absolute;
	height: 4px;
	background: linear-gradient(to right, #3a7bd5, #00d2ff);
	top: 0;
	left: 0;
	width: 0;
	z-index: 2;
	transition: width 0.5s ease;
}

.step-number {
	position: absolute;
	width: 0.40rem;
	height: 0.40rem;
	background: #e0e0e0;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #666;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: all 0.3s ease;
	font-size: 0.18rem;
}

.step-number.active {
	background: #3a7bd5;
	color: white;
	transform: translate(-50%, -50%) scale(1.2);
	box-shadow: 0 0 15px rgba(58, 123, 213, 0.7);
}

.steps-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.step {
	position: absolute;
	opacity: 0;
	transition: all 0.5s ease;
	width: 220px;
	text-align: center;
	transform: translateX(-50%); /* 让步骤居中对齐到数字 */
}

.step.active {
	opacity: 1;
}

.step.top {
	top: calc(50% - 0.70rem);
	transform: translate(-50%, -100%);
}

.step.bottom {
	bottom: calc(50% - 0.70rem);
	transform: translate(-50%, 100%);
}

.step-icon {
	width: 0.80rem;
	height: 0.80rem;
	background: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.32rem;
	color: #3a7bd5;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	margin: 0 auto 0.20rem;
	border: 4px solid #e0e0e0;
	transition: all 0.3s ease;
}

.step.active .step-icon {
	border-color: #3a7bd5;
	transform: scale(1.1);
}

.step-content {
	background: white;
	padding: 0.20rem;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.step-title {
	font-size: 0.18rem;
	font-weight: bold;
	margin-bottom: 0.12rem;
	color: #333;
}

.step-desc {
	font-size: 0.14rem;
	color: #666;
	line-height: 1.5;
}


/* 大屏设备 */
@media (min-width: 1440px) {
	.timeline-container {
		width: 80%;
		
	}
	.step {
		width: 2.6rem;
	}
	.step-icon {
		width: 0.9rem;
		height: 0.9rem;
		font-size: 0.36rem;
	}
	.step-title {
		font-size: 0.20rem;
		margin-bottom: 0.14rem;
	}
	.step-desc {
		font-size: 0.15rem;
	}
	.step-content {
		padding: 0.24rem;
	}
}

/* 平板设备 */
@media (max-width: 1024px) {
	.timeline-container {
		width: 80%;
		padding: 0 0.3rem;
	}
	.timeline {
		width: calc(100% - 0.6rem);
		left: 0.3rem;
	}
	.step {
		width: 2.0rem;
	}
	.step-icon {
		width: 0.7rem;
		height: 0.7rem;
		font-size: 0.28rem;
	}
	.step-title {
		font-size: 0.17rem;
	}
	.step-desc {
		font-size: 0.13rem;
	}
	.step-content {
			padding: 0.18rem;
	}

	.banner-title {
font-size: 0.2rem;
}
.feature-text{
font-size: 0.2rem; 
}
}

/* 移动设备 */
@media (max-width: 768px) {
	.timeline-container {
		width: 95%;
		padding: 0 20px;
		height: auto;
		min-height: 50vh;
	}
	.timeline {
		width: calc(100% - 40px);
		left: 20px;
	}
	.step {
		width: 0.16rem;
	}
	.step-icon {
		width: 0.60rem;
		height: 0.60rem;
		font-size: 0.24rem;
		margin-bottom: 0.15rem;
	}
	.step-title {
		font-size: 0.16rem;
		margin-bottom: 0.10rem;
	}
	.step-desc {
		font-size: 0.12rem;
	}
	.step-content {
		padding: 0.15rem;
	}
	.step.top {
		top: calc(50% - 0.60rem);
	}
	.step.bottom {
		bottom: calc(50% - 0.60rem);
	}
}

/* 小屏手机 */
@media (max-width: 480px) {
	.timeline-container {
		width: 80%;
		padding: 0 0.1rem;
	}
	.timeline {
		width: calc(100% - 0.2rem);
		left: 0.1rem;
	}
	.fas {
font-size: 0.2rem;
}
	.step {
		width: 1.5rem;
	}
	.step-icon {
		width: 0.50rem;
		height: 0.50rem;
		font-size: 0.20rem;
		margin-bottom: 0.12rem;
	}
	.step-title {
		font-size: 0.14rem;
		margin-bottom: 0.08rem;
	}
	.step-desc {
		font-size: 0.11rem;
	}
	.step-content {
		padding: 0.12rem;
	}
	.step-number {
		width: 0.30rem;
		height: 0.30rem;
		font-size: 0.16rem;
	}
}

/* 项目弹窗样式 */
.project-modal-content {
	padding: 0.20rem;
}

.project-modal-image {
	margin-bottom: 0.20rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.project-modal-img {
	max-width: 100%;
	
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.project-modal-info {
	line-height: 1.6;
}

.project-modal-title {
	font-size: 0.24rem;
	color: #333;
	margin-bottom: 0.20rem;
	padding-bottom: 0.10rem;
	border-bottom: 2px solid #0059AB;
	text-align: center;
}

.project-modal-section {
	margin-bottom: 0.20rem;
}

.project-modal-subtitle {
	font-size: 0.18rem;
	color: #0059AB;
	font-weight: bold;
	margin-bottom: 0.10rem;
	display: flex;
	align-items: center;
}

.project-modal-subtitle::before {
	content: '●';
	margin-right: 0.08rem;
	color: #0059AB;
}

.project-modal-text {
	font-size: 0.16rem;
	color: #666;
	line-height: 1.8;
	text-align: justify;
	background: #f8f9fa;
	padding: 0.15rem;
	border-radius: 0.08rem;
	border-left: 4px solid #0059AB;
}

/* 项目图片点击样式 */
.project-img {
	cursor: pointer;
	transition: all 0.3s ease;
}

.project-img:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* 弹窗响应式设计 */
@media (max-width: 768px) {
	.project-modal-content {
		padding: 0.15rem;
	}
	
	.project-modal-img {
		max-height: 300px;
	}
	
	.project-modal-title {
		font-size: 0.20rem;
		margin-bottom: 0.15rem;
	}
	
	.project-modal-subtitle {
		font-size: 0.16rem;
	}
	
	.project-modal-text {
		font-size: 0.14rem;
		padding: 0.12rem;
	}
}

@media (max-width: 480px) {
	.project-modal-content {
		padding: 0.10rem;
	}
	
	.project-modal-img {
		max-height: 250px;
	}
	
	.project-modal-title {
		font-size: 0.18rem;
	}
	
	.project-modal-subtitle {
		font-size: 0.15rem;
	}
	
	.project-modal-text {
		font-size: 0.13rem;
		padding: 0.10rem;
	}
}

/* 施工工艺板块样式 */
.construction-process-container {
	max-width: 12rem;
	margin: 0 auto;
	padding: 0.20rem 0;
}

/* 主区域左右布局 */
.process-main-section {
	display: flex;
	gap: 0.30rem;
	margin-bottom: 0.30rem;
}

.h-auto{
	min-height: 230px!important;
}
/* 左侧：施工工艺介绍 */
.process-intro-left {
	flex: 0.3;
	background: #ffffff;
	border-radius: 0.12rem;
	padding: 0.30rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.process-intro-content {
	text-align: left;
}

.process-intro-title {
	font-size: 0.20rem;
	color: #000;
	margin-bottom: 0.15rem;
	font-weight: bold;
}

.process-intro-text {
	font-size: 0.14rem;
	color: #000;
	line-height: 1.6;
	margin-bottom: 0.15rem;
	text-align: justify;
}

.process-features {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.process-feature {
	display: flex;
	align-items: flex-start;
	background: #f8f9fa;
	padding: 0.12rem 0.15rem;
	border-radius: 0.08rem;
}

.feature-icon {
	display: none;
}

.feature-text {
	font-size: 0.12rem;
	color: #000;
	font-weight: 500;
	line-height: 1.5;
}

/* 右侧：群抱杆工装系统图解 */
.process-diagram-right {
	flex: 0.7;
	background: #ffffff;
	border-radius: 0.12rem;
	padding: 0.30rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

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

.diagram-title {
	font-size: 0.20rem;
	color: #000;
	margin-bottom: 0.20rem;
	font-weight: bold;
}

.diagram-placeholder {
	background: #f8f9fa;
	border: 2px dashed #ddd;
	border-radius: 0.08rem;
	padding: 0.15rem;
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.diagram-image {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: contain;
	border-radius: 0.08rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.diagram-placeholder-text {
	text-align: center;
	color: #999;
}

.diagram-placeholder-text i {
	font-size: 0.40rem;
	margin-bottom: 0.10rem;
	display: block;
}

.diagram-placeholder-text p {
	font-size: 0.16rem;
	margin-bottom: 0.05rem;
}

.diagram-placeholder-text small {
	font-size: 0.12rem;
}

/* 施工工艺流程 - 简约设计 */
.process-flow {
	background: #ffffff;
	border-radius: 0.12rem;
	padding: 0.30rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.white{
	color: #fff;
}

.flow-title {
	font-size: 0.2rem;
	color: #000;
	margin-bottom: 0.25rem;
	font-weight: bold;
	text-align: center;
}

.flow-timeline {
	display: flex;
	flex-wrap: wrap;
	gap: 0.15rem 0.10rem;
	padding: 0.15rem 0;
	position: relative;
	align-items: flex-start;
}

.flow-step {
	
	padding: 0.15rem 0.20rem;
	text-align: center;
	transition: all 0.2s ease;
	position: relative;
	min-width: 1.20rem;
	height: 0.60rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.12rem;
	white-space: nowrap;
}

.flow-step:hover {
	background: #0059AB;
	color: #fff;
	border-color: #0059AB;
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 89, 171, 0.2);
}

/* 箭头连接线 */
.flow-step::after {
	content: '→';
	position: absolute;
	right: -0.15rem;
	top: 50%;
	transform: translateY(-50%);
	color: #0059AB;
	font-size: 0.14rem;
	font-weight: bold;
	z-index: 1;
}

/* 每行最后一个步骤不显示箭头 */
.flow-step:nth-child(4n)::after,
.flow-step:nth-child(7n)::after,
.flow-step:nth-child(11n)::after,
.flow-step:last-child::after {
	display: none;
}



.step-content {
	font-size: 0.11rem;
	font-weight: 500;
	line-height: 1.2;
	color: #333;
	text-align: center;
}

.flow-step:hover .step-content {
	color: #fff;
}

/* 多排大气布局（覆盖之前的流程样式） */
#flow-timeline {
	padding: 0.20rem 0;
}

.flow-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(2.40rem, 1fr));
	gap: 0.20rem;
	align-items: stretch;
	min-width: 100%;
}

.flow-arrow { display: none !important; }

.flow-step {
	background: #ffffff;
	border: 2px solid #e9ecef;
	border-radius: 0.12rem;
	padding: 0.26rem 0.26rem 0.24rem 0.26rem;
	text-align: left;
	transition: all 0.3s ease;
	position: relative;
	min-height: 0.90rem;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

.flow-step:hover {
	background: linear-gradient(135deg, #0059AB, #157efb);
	color: #fff;
	border-color: #0059AB;
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(0, 89, 171, 0.25);
}




.step-content {
	font-size: 0.14rem;
	font-weight: 600;
	line-height: 1.4;
	color: #333;
}


/* 新的流程容器样式 */
#flow-timeline {
	overflow-x: auto;
	padding: 0.20rem 0;
}

.flow-container {
	display: flex;
	align-items: center;
	gap: 0.15rem;
	padding: 0.20rem 0;
	min-width: max-content;
}

.flow-arrow {
	color: #0059AB;
	font-size: 0.16rem;
	font-weight: bold;
	opacity: 0.8;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.flow-arrow:last-child {
	display: none;
}

/* 响应式设计 */
@media (max-width: 1200px) {
	.construction-process-container {
		max-width: 10rem;
	}
	
	.process-main-section {
		flex-direction: column;
	}
	
	.process-intro-left {
		flex: 1;
	}
	
	.process-diagram-right {
		flex: 1;
	}
	
	.diagram-placeholder {
		min-height: 400px;
	}
	
	.diagram-image {
		max-height: 500px;
	}
	
	.flow-timeline {
		gap: 0.12rem 0.08rem;
	}
	
	.flow-container {
		gap: 0.12rem;
	}
	
	.flow-step {
		min-width: 1.20rem;
		height: 0.60rem;
		padding: 0.15rem 0.20rem;
	}
	
	.flow-arrow {
		font-size: 0.14rem;
	}
	
	.flow-title {
		font-size: 0.16rem;
	}
}

@media (max-width: 768px) {
	.construction-process-container {
		max-width: 100%;
		padding: 0.15rem;
	}
	
	.process-main-section {
		flex-direction: column;
		gap: 0.20rem;
	}
	
	.process-intro-left,
	.process-diagram-right,
	.process-flow {
		padding: 0.20rem;
	}
	
	.process-intro-title {
		font-size: 0.20rem;
	}
	
	.process-intro-text {
		font-size: 0.14rem;
	}
	
	.feature-text {
		font-size: 0.12rem;
	}
	
	.diagram-title,
	.flow-title {
		font-size: 0.16rem;
	}
	
	.diagram-placeholder {
		min-height: 300px;
		padding: 0.15rem;
	}
	
	.diagram-image {
		max-height: 350px;
	}
	
	.flow-timeline {
		gap: 0.10rem 0.06rem;
	}
	
	.flow-container {
		gap: 0.10rem;
	}
	
	.flow-step {
		min-width: 1.00rem;
		height: 0.55rem;
		padding: 0.12rem 0.15rem;
	}
	
	.flow-arrow {
		font-size: 0.12rem;
	}
	
	.step-content {
		font-size: 0.10rem;
	}
	

	
	.flow-step::after {
		right: -0.12rem;
		font-size: 0.12rem;
	}
}

@media (max-width: 480px) {
	.process-intro-left,
	.process-diagram-right,
	.process-flow {
		padding: 0.15rem;
	}
	
	.process-intro-title {
		font-size: 0.18rem;
	}
	
	.process-intro-text {
		font-size: 0.13rem;
	}
	
	.diagram-title,
	.flow-title {
		font-size: 0.14rem;
	}
	
	.diagram-placeholder {
		min-height: 250px;
		padding: 0.10rem;
	}
	
	.diagram-image {
		max-height: 300px;
	}
	
	.flow-timeline {
		gap: 0.08rem 0.05rem;
	}
	
	.flow-container {
		gap: 0.08rem;
	}
	
	.flow-step {
		min-width: 0.90rem;
		height: 0.50rem;
		padding: 0.10rem 0.12rem;
	}
	
	.flow-arrow {
		font-size: 0.10rem;
	}
	
	.step-content {
		font-size: 0.09rem;
	}
	

	
	.flow-step::after {
		right: -0.10rem;
		font-size: 0.10rem;
	}
}

/* 瀑布流容器样式 */
.masonry {
	display: flex;
	gap: 0.30rem;
	align-items: flex-start;
	padding: 0.20rem 0;
}

.masonry-column {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.30rem;
}

.masonry-item {
	width: 100%;
	animation: fadeInUp 0.6s ease forwards;
	opacity: 0;
}

/* 卡片样式 */
.card {
	background: #ffffff;
	border-radius: 0.12rem;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform: translateY(0);
	margin-bottom: 8px; /* 增加卡片底部间距 */
}

.card:hover {
			transform: translateY(-0.08rem);
	box-shadow: 0 0.12rem 0.35rem rgba(0, 0, 0, 0.15);
}

.card-img-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #f8f9fa;
}

.card-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.card:hover .card-img {
	transform: scale(1.08);
}

.card-content {
	padding: 20px 24px 24px;
	text-align: center;
}

.card-title {
	font-size: 0.18rem;
	margin-bottom: 0.12rem;
	color: #2c3e50;
	font-weight: 600;
	line-height: 1.5;
}

.card-client {
	font-size: 0.14rem;
	color: #7f8c8d;
	line-height: 1.3;
}

/* 动画定义 */
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeInUp {
	from { 
		opacity: 0;
		transform: translateY(0.30rem);
	}
	to { 
		opacity: 1;
		transform: translateY(0);
	}
}

/* 响应式布局 */
@media (max-width: 1200px) {
	.masonry {
		gap: 0.24rem;
		padding: 0.15rem 0;
	}
	.masonry-column {
		gap: 0.24rem;
}
}

@media (max-width: 768px) {
	.masonry {
		flex-direction: column;
		padding: 0.15rem 0.10rem;
		gap: 0.25rem;
	}
	.masonry-column {
		gap: 0.25rem;
	}
	.card-content {
		padding: 0.16rem 0.18rem 0.20rem;
	}
	.card-title {
		font-size: 0.16rem;
	}
	.card-client {
		font-size: 0.13rem;
	}
}

@media (max-width: 480px) {
	.masonry {
		gap: 0.20rem;
		padding: 0.10rem;
	}
	.masonry-column {
		gap: 0.20rem;
	}
	.card-content {
				padding: 0.14rem 0.16rem 0.18rem;
	}
	.card-title {
		font-size: 0.15rem;
	}
	.card-client {
		font-size: 0.12rem;
	}
}

/* PDF文档展示样式 */
.pdf-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0.52rem, 1fr));
	gap: 0.50rem;
	padding: 0.50rem 0;
	max-width: 14rem;
	margin: 0 auto;
}

.pdf-item {
	opacity: 0;
	animation: fadeInUp 0.8s ease forwards;
}

.pdf-card {
	background: #ffffff;
	border-radius: 0.14rem;
	box-shadow: 0 0.06rem 0.24rem rgba(0, 0, 0, 0.08);
	padding: 0.5rem;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	border: 1px solid #f0f0f0;
	display: flex;
	flex-direction: column;
	height: 100%;
	transform: scale(0.95);
}

.pdf-card:hover {
	transform: scale(0.95) translateY(-6px);
	box-shadow: 0 0.12rem 0.36rem rgba(0, 0, 0, 0.12);
	border-color: #3a7bd5;
}

.pdf-icon {
	display: none;
}

.pdf-content {
	flex: 1;
	margin-bottom: 16px;
}

.pdf-title {
	font-size: 0.18rem;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 0.12rem;
	line-height: 1.4;
	display: flex;
	align-items: center;
	gap: 0.12rem;
}

.pdf-title::before {
	content: '\f1c1';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 0.22rem;
	color: #dc3545;
	flex-shrink: 0;
}

.pdf-desc {
	font-size: 0.14rem;
	color: #6c757d;
	line-height: 1.5;
	margin-bottom: 0.16rem;
}

.pdf-info {
	display: flex;
	gap: 0.16rem;
	margin-bottom: 16px;
}

.pdf-size,
.pdf-type {
	background: #f8f9fa;
	padding: 0.04rem 0.10rem;
	border-radius: 16px;
	font-size: 0.12rem;
	color: #495057;
	font-weight: 500;
}

.pdf-actions {
	display: flex;
	gap: 0.10rem;
}

.btn-preview,
.btn-download {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0.12rem 0.18rem;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.14rem;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	color: white !important;
	min-height: 0.44rem;
}

.btn-preview i,
.btn-download i {
	font-size: 0.16rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-preview {
	background: #3a7bd5;
	color: white !important;
}

.btn-preview:hover {
	background: #2968c2;
	transform: translateY(-1px);
	color: white !important;
}

.btn-download {
	background: #6c5ce7;
	color: white !important;
}

.btn-download:hover {
	background: #5b4cdb;
	transform: translateY(-1px);
	color: white !important;
}

/* 响应式设计 */
@media (max-width: 1200px) {
	.pdf-container {
		grid-template-columns: 1fr;
		gap: 40px;
		padding: 40px 0;
		max-width: 800px;
	}
}

@media (max-width: 768px) {
	.pdf-container {
		gap: 32px;
		padding: 32px 0;
		margin: 0 20px;
	}
	
	.pdf-card {
		padding: 24px;
		transform: scale(0.98);
	}
	
	.pdf-card:hover {
		transform: scale(0.98) translateY(-4px);
	}
	
	.pdf-desc {
		font-size: 14px;
		margin-bottom: 16px;
	}
	
	.pdf-actions {
		flex-direction: column;
		gap: 10px;
	}
	
	.btn-preview,
	.btn-download {
		padding: 0.14rem 0.18rem;
		font-size: 0.13rem;
		min-height: 42px;
	}
	
	.btn-preview i,
	.btn-download i {
		font-size: 0.15rem;
	}
}

@media (max-width: 480px) {
	.pdf-container {
		margin: 0 10px;
		gap: 28px;
	}
	
	.pdf-card {
		padding: 0.20rem;
		transform: scale(0.96);
	}
	
	.pdf-card:hover {
		transform: scale(0.96) translateY(-3px);
	}
	
	.pdf-desc {
		font-size: 0.13rem;
	}
	
	.pdf-info {
		flex-direction: column;
		gap: 0.08rem;
	}
	
	.btn-preview,
	.btn-download {
		padding: 0.12rem 0.16rem;
		font-size: 0.13rem;
		min-height: 0.40rem;
	}
	
	.btn-preview i,
	.btn-download i {
		font-size: 0.14rem;
	}
}

/* m1部分图片对齐修复 */
#m1 .pro-con-list {
	overflow: hidden;
}

#m1 .pro-left {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 0 !important;
}

#m1 .pro-left img {
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	border-radius: 0.08rem;
	display: block;
}

/* PDF标题响应式优化 */

/* 响应式优化 */
@media (max-width: 768px) {
	#m1 .pro-left {
		justify-content: center;
		padding: 0.15rem !important;
	}
	
	.pdf-title {
		font-size: 0.16rem;
		gap: 0.10rem;
	}
	
	.pdf-title::before {
		font-size: 0.20rem;
	}
}

@media (max-width: 480px) {
	.pdf-title {
		font-size: 0.15rem;
		gap: 0.08rem;
	}
	
	.pdf-title::before {
		font-size: 0.18rem;
	}
}

/* Banner文字叠加样式 */
.banner-text-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.banner-content {
	position: absolute;
	bottom: 0.60rem;
	left: 0.40rem;
   text-align:center;
	padding: 0.30rem;
	animation: fadeInLeft 1s ease-out;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 0.10rem;
	backdrop-filter: blur(2px);
}

.banner-title {
	font-size: 0.30rem;
	font-weight: bold;
	color: #0d17cc;
	margin: 0 0 0rem 0;
	line-height: 1.3;
}

.banner-features {
	list-style: none;
	margin: 0;
	padding: 0;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.15rem;
	line-height: 1.6;
}

.feature-item:last-child {
	margin-bottom: 0;
}

.feature-icon {
	color: #225ae6;
	font-size: 0.18rem;
	margin-right: 0.12rem;
	margin-top: 0.02rem;
	flex-shrink: 0;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.feature-text {
	color: #000;
	font-size: 0.18rem;
	font-weight: 500;
	line-height: 1.5;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-0.50rem);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* 响应式适配 */
@media (max-width: 1200px) {
	.banner-content {
		padding: 0.25rem;
		bottom: 0.50rem;
		left: 0.30rem;
		background: rgba(0, 0, 0, 0.4);
		border-radius: 0.08rem;
	}
	
	.banner-title {
		font-size: 0.3rem;
	}
	
	.feature-text {
		font-size: 0.18rem;
	}
}

@media (max-width: 768px) {
	.banner-content {
		max-width: 90%;
		padding: 0.20rem;
		bottom: 0.30rem;
		left: 0.20rem;
		right: 0.20rem;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 0.06rem;
	}
	
	.banner-title {
		font-size: 0.20rem;
		margin-bottom: 0.16rem;
	}
	
	.feature-item {
		margin-bottom: 0.12rem;
	}
	
	.feature-text {
		font-size: 0.13rem;
	}
}

@media (max-width: 480px) {
	.banner-content {
		padding: 0.16rem;
		bottom: 0.10rem;
		left: 0.15rem;
		right: 0.15rem;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 0.05rem;
	}
	
	.banner-title {
		font-size: 0.18rem;
		margin-bottom: 0.14rem;
	}
	
	.feature-item {
		margin-bottom: 0.10rem;
	}
	
	.feature-text {
		font-size: 0.12rem;
		line-height: 1.4;
	}
}


.table2 tr td.left{
	background: #00AEEF;
	color: white;
	padding: 0.02rem 0.05rem 0.02rem 0.1rem;
	border: 0.03rem solid #fff;
}
.table2 tr td.right{
	background: #CDEFFB;
	color: #333;
	padding: 0.02rem 0.05rem 0.02rem 0.1rem;
	border: 0.03rem solid #fff;
}



.structure_right img{
	transition: 1s all;
}

.structure_right img:hover{
	transform: scale(1.1);
}

.structure_icon {
	/*position: absolute;*/
	font-size: 0.2rem;
	font-weight: bolder;
	    line-height: 250%;
	
}

.structure_icon span {
	/*background: #3E64F5;*/
	width: 0.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	margin-right: 0.05rem;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
}


.structure_txt h4{
	padding-bottom:0.1rem;
}

.text4{
	line-height: 200%;
}

.structure_txt{
	position: absolute;
	right: 0rem;
	bottom: 0.2rem;
	font-size: 0.3rem;
	padding:0.3rem 0.2rem;
	/*background: #013768;*/
	color: #000;
	width: 6rem;
	line-height: 100%;
}

.white{
	color: white;
}
.black{
	color: black;
}

@keyframes background {
	0% {
		width: 10%;
	}
	100% {
		width: 100%;
	}
}

@keyframes line {
	0% {
		width: 10%;
	}
	100% {
		width: 100%;
		border-bottom: 2px solid #07689f;
	}
}

.pro_con .pro-right .text2 {
	font-size: 0.16rem;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 70px;
	margin-bottom: 30px;
}

.martop {
	margin-top: 0.37rem;
}

.pro_con .pro-right .text4 {
	font-size: .14rem;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	color: #777777;
	margin-top: 20px;
}
.pro_con .pro-right .text4 h2{
	padding-bottom: 0.2rem;
}

.dayanav {
	width: 1441px;
	margin: 0 auto;
	height: 25px;
	background: #f9fafc;
	margin-top: 10px;
	line-height: 0.25rem;
}

.nybt {
	font-size: 0.16rem;
	line-height: 0.25rem;
	height: 25px;
}

.nybt img {
	margin-right: 10px;
}

.in-nav .in-nav-con .in-nav-active {
	background-color: #8aBa29;
	color: #fff;
	border-bottom: 0px;
}


/*产品展示结束*/

.xsqys a {
	width: 100%;
}


/*尾部结束*/


/*新闻详情*/

.mm-menu.mm-offcanvas {
	z-index: 99;
}

.mm-slideout {
	min-height: auto !important;
}

.phone {
	display: none;
}

.sp_header {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.sp_logo {
	height: auto;
}

nav:not(.mm-menu) {
	display: block;
}
.pro_bom{
	padding:0 0.5rem 0.5rem;
}
.pro_bom p{
	padding-top: 0.2rem;
}
.header1,
.footer {
	height: 60px;
}

.sp_logo img {
	width: 156px;
	height: auto;
}

@media (min-width: 1501px) and (max-width: 1600px) {
	.menupc li {
		margin: 0 20px;
	}
}

@media (min-width: 1401px) and (max-width: 1500px) {
	.menupc li {
		margin: 0 15px;
	}
	.yx a {
		padding-top: 21px;
	}
	.yx img {
		height: 42px;
	}
	.container2 {
		width: 96%;
	}
}

@media (min-width: 1280px) and (max-width: 1400px) {
	.menupc li {
		margin: 0 15px;
	}
	.yx a {
		padding-top: 24px;
	}
	.yx img {
		height: 36px;
	}
	.menupc li a {
		font-size: 0.16rem;
	}
	.container2 {
		width: 96%;
	}
	.about_con1_info2 {
		margin: 8% 0;
	}
}

@media (min-width: 1201px) and (max-width: 1279px) {
	.menupc li {
		margin: 0 10px;
	}
	.yx a {
		padding-top: 24px;
	}
	.yx img {
		height: 36px;
	}
	.menupc li a {
		font-size: 0.16rem;
	}
	.container2 {
		width: 90%;
		margin: 0 auto;
	}
	.about_con1_info2 {
		margin: 5% 0;
	}
}

@media (max-width: 1200px) {
	.d-flex {
		display: block;
	}
	.good_left {
		width: 100%;
		padding: 0;
	}
	.good_right {
		width: 100%;
		text-align: center;
	}
	.container1 {
		width: 100%;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.container2 {
		width: 100%;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.show_content img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: auto;
	}
	.about_con1_info ul li {
		line-height: 180%;
		font-size: 0.18rem;
	}
	
	.about_con1_info ul li:nth-child(1) {
		background: url(../picture/icon1.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(2) {
		background: url(../picture/icon2.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(3) {
		background: url(../picture/icon3.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(4) {
		background: url(../picture/icon4.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(5) {
		background: url(../picture/icon5.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(6) {
		background: url(../picture/icon6.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(7) {
		background: url(../picture/icon7.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(8) {
		background: url(../picture/icon8.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.about_con1_info ul li:nth-child(9) {
		background: url(../picture/icon9.png) left top no-repeat;
		background-size: 0.3rem 0.3rem;
	}
	.index_title {
		padding: 0.50rem 0;
	}
	.index_title h3 {
		margin: 0.35rem 0;
	}
	.news_con {
		padding: 0.50rem 0 0 0;
		/*margin-bottom: 300px;*/
	}
	.news_con li {
		padding: 0 0.20rem;
		margin-bottom: 0.35rem;
		width: 25%;
	}
	.news_con li a {
		padding: 0.2rem;
	}
	.news_txt3 {
		margin: 0;
	}
	.xsqy_con {
		margin: 0.50rem 0 0.45rem 0;
		padding-bottom: 0.35;
	}
	.xsqys.swiper-slide-active {
		transform: scale(1);
	}
	.about_con1_title h3 {
		font-size: 0.42rem;
	}
	.about_con1_info {
		padding: 0.25rem;
	}
	.video-img {
		left: 50%;
		margin-left: -20px;
	}
	.video-img img {
		width: 40px;
	}
	.structure_left{
	/*	width:60%;*/
		padding: 2% 2%;
	}
	.news_con li{
		width: 100%;
	}
}

@media (max-width: 768px) {
	.footer1_fl {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.footer1_fc {
		display: none;
	}
	.footer1_fr {
		float: none;
		width: 100%;
	}
	.footer1 {
		padding: 30px 0;
	}
	.footer1_fl1 a img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: auto;
	}
	.footer1_fl2 {
		display: flex;
		justify-content: center;
	}
	.footer1_fl2 a {
		margin: 0 5px;
	}
	.footer1_fl3 ul {
		justify-content: center;
	}
	.footer1_fl2 {
		margin: 25px 0 15px 0;
	}
	.about_con1_info2 {
		height: 120px;
	}
	.about_con1_title h3 {
		font-size: .34rem;
		margin-bottom: 10px;
	}
	.about_con2 li h3 span {
		font-size: .34rem;
	}
	.footer1_fl3 ul li {
		margin: 0 15px;
	}
}

@media (max-width: 600px) {
	.d-flex {
		display: block;
	}
	.good_left {
		padding-right: 0;
	}
	.good_right {
		width: 100%;
	}
	.pro_con .pro-con-list2 {
		padding: 5px;
	}
	.items {
		padding: 5px;
		border-radius: 10px;
	}
	.h100 {
		height: auto;
	}
	.index_title {
		padding: 5px;
	}
	.home-banner .swiper-container .swiper-pagination-bullet-active {
		width: 25px;
	}
	.search {
		display: none;
	}
	.form-control {
		font-family: Microsoft YaHei, Microsoft YaHei;
	}
	.index_title {
		padding: 30px 0;
	}
	.index_title h3 {
		margin: 20px 0;
		font-size: .22rem;
	}
	.index_title p br {
		display: none;
	}
	.news_con {
		padding: 30px 0;
	}
	.news_con li {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.news_con li a {
		padding: 15px;
	}
	.news_txt1 {
		margin-bottom: 10px;
	}
	.news_txt3 {
		margin: 10px 0;
	}
	.xsqy_con {
		margin: 30px 0;
	}
	.about_con1 .tp {
		width: 100%;
	}
	.home-about .index_title {
		padding: 30px 0 20px 0;
		text-align: center;
	}
	.home-about .index_title h3 {
		margin-top: 20px;
	}
	.about_con1_title {
		position: inherit;
		top: auto;
		right: auto;
		padding: 20px 0;
	}
	.about_con1_title h3 {
		font-size: .24rem;
	}
	.about_con1_info {
		position: inherit;
		bottom: auto;
		padding: 10px;
	}
	.about_con1_info2 {
		margin: 15px 0;
		height: auto;
		padding: 10px;
	}
	.about_con1_info2 h3 {
		color: #0059AB;
		padding-bottom: 10px;
		font-size: 0.16rem;
		font-weight: bold;
	}
	.border-gray {
		height: auto;
	}
	.about_con2 {
		margin: 0 0 15px 0;
	}
	.about_con2 li {
		width: 50%;
		margin-bottom: 15px;
	}
	.about_con2 li h3 span {
		font-size: 0.16rem;
	}
	.about_con2 li p {
		line-height: 20px;
		height: 40px;
	}
}

.mm-menu.mm-current {
	opacity: 1 !important;
	display: block !important;
}

.mm-menu {
	display: none !important;
	opacity: 0 !important;
	transition: 1s !important;
}

.fenye {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}

.pagination {
	margin-top: 30px;
	text-align: center;
	color: #666;
	clear: both;
}

.pagination a {
	display: inline-block;
	color: #808080;
	border: 1px solid #D9D9D9;
	text-align: center;
	text-transform: capitalize;
	padding: 0px 10px;
	line-height: 28px;
	background-color: transparent;
	margin: 0px 1px 10px 1px;
}

.pagination a:hover {
	color: #fff !important;
	background-color: #000;
	border: 1px solid #eee;
}

.pagination .current {
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	padding: 0px 10px;
	line-height: 28px;
	color: #fff !important;
	background-color: #000;
	border: 1px solid #eee;
}


/*------兼容调试----------*/

@media (max-width: 1801px) {}

@media (max-width: 1701px) {}

@media (max-width: 1601px) {
	.continer1 {
		width: 1400px;
		margin: 0 auto;
	}
}

@media (max-width: 1501px) {
	.continer1 {
		width: 1300px;
		margin: 0 auto;
	}
}

@media (max-width: 1401px) {
	.continer1 {
		width: 1200px;
		margin: 0 auto;
	}
	.home-banner {
		margin-top: 0px !important;
	}
	.in-nav .in-nav-title {
		font-size: .40rem;
		margin-top: 50px;
	}
}

@media (max-width: 1280px) {
	.cert-foot .foot-block .foot-icon {
		width: 60px;
		height: 60px;
		font-size: .30rem;
	}
	.continer1 {
		width: 1100px;
		margin: 0 auto;
	}
}

@media (max-width: 1201px) {
	.about_con2 {
		margin-top: 30px;
	}
	.about_con2 ul {
		overflow: hidden;
	}
	.continer1 {
		width: 96%;
		margin: 0 auto;
	}
	.in-nav .in-nav-text {
		width: 80%;
	}
	.phone {
		display: block;
	}
	.daohang {
		display: none;
	}
	.pro-right {
		display: none;
	}
}

@media (max-width: 992px) {
	
	.iidea2_con ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.continer1 {
		width: 96%;
		margin: 0 auto;
	}
	.inner_newsshow {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.about_con1_title h3 {
		font-size: .34rem;
	}
	.pro_con .pro-right .text1 {
		font-size: .34rem;
	}
	.pro_con .pro-right .text2 {
		margin-bottom: 10px;
	}
}

@media (max-width: 1068px) {
	.pad0 {
		display: none;
	}
	.footer1_fl3 {
		display: none;
	}
	.footer2 p {
		font-size: .12rem;
	}
	.footer2 {
		padding: 10px 0px;
	}
	.pro_con .pro-con-list {
		flex-wrap: wrap;
	}
	.pro_con .pro-right .btn {
		width: 156px;
		height: 40px;
		line-height: 0.25rem;
	}
	.pro_con .pro-con-list {
		border-bottom: 1px solid #eee;
	}
	.cp_con {
		margin: 0 auto;
	}
	.cp_con .cp_list {
		width: 46%;
		margin: 0 auto 0.20rem;
	}
	.pro_con .pro-right {
		padding-bottom: 0.20rem;
	}
	.pro_con .pro-con-list .pro-left {
		width: 100%;
	}
	.pro_con .pro-right .text1 {
		font-size: .20rem;
		margin-top: 0.15rem;
	}
	.index_title {
		padding: 20px;
	}
	.pro_con .pro-con-list {
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.pro_con .pro-right .text2 {
		line-height: 40px;
	}
	.pro_con .pro-con-list .pro-grey {
		display: none;
	}
	.about_con1_title {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.about_con1_title {
		padding: 20px 0 10px;
	}
	.pro_con .pro-right .text4 {
		width: 100%;
	}
	.about_con1_info1 {
		padding-top: 10px;
	}
	.about_con1_title img {
		width: 34px;
		height: 9px;
	}
	.inner_newsshow {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.pro_con .pro-right .text4 {
		/*height: 60px;*/
		overflow: hidden;
		margin-top: 0.2rem;
		line-height: 200%;
	}
	.pro_con .pro-con-list .pro-left2 {
		height: auto;
		
	}
	
	.c1 {
		font-size: .15rem;
	}
	.cp_con {
		display: flex;
		margin: 20px auto 0px;
		position: relative;
		padding-bottom: 20px;
		
	}
	.cp_con div {
		padding: 0;
	}
	.original_header {
		display: none;
	}
	.cp_con h3 {
		font-size: .14rem;
		line-height: 180%;
	}
	.home-about .index_title h3 {
		margin-top: 10px;
	}
	.index_title {}
	.footer1 {
		padding: 30px 0 10px;
	}
	.footer1_fr img {
		width: 129px;
	}
	.about_con1_info p:first-child{
		padding-top: 0;
	}
	

.structure_left{
	width: 45%;
	padding: 0.1rem;
}

.left_p2{
	padding-bottom: 0.1rem;
}
.pro_con .pro-right{
	padding-left: 0;
}
.ulserver{
	flex-wrap: wrap;
}
.ulserver li{
	width: 100%;
}

}

@media (max-width: 414px) {
	#about .about-video .iconfont {
		font-size: .24rem;
	}
}

@media (max-width: 375px) {}

@media (max-width: 320px) {}