.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.banner {position: relative;}
.hide {
    display: none !important;
}
#abouts, #question, #culture, #chart, #video {
            
}


.allcontent{
	padding: 60px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.allcontent .wrapper_p{
	width: 75%;
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-detail img{max-width:1400px;}
.pcontent{
	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
	display: grid;
}
.pcontent .npage{
	padding: 0px;
    background: #fff;
    margin-bottom: 90px;
}

.pcontent .m_newsc{
	width: 65%;
    padding: 40px;
}
.pcontent .m_newsc .about_nav {
    margin-bottom: 30px;
    color: #a3a3a3;
}
.pcontent .m_newsc .about_nav a{
    color: #a3a3a3;
}

.pcontent .m_honor_attr {
    line-height: 45px;
	padding-bottom: 30px;
    font-size: 24px;
    color: #2a67b5;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.pcontent .newoth{
	width: 35%;
    padding: 40px;
    border-left: 1px solid rgba(0,0,0,0.1);
}

.pcontent .m_news_rl img{
	width: 100%;
    max-height: 250px;
    object-fit: cover;
	border: 1px solid rgba(0,0,0,0.1);
}
.pcontent .m_news_rl h2 {
    font-size: 16px;
	font-weight: 500;
    margin-top: 20px;
}

.our_ser{
	margin: 90px 0;
    background: #ffffff;
    padding: 60px 40px;
}

.overview{
	margin-bottom: 90px;
}
.overview fieldset{
	margin-top: 20px;
	background: #ecf3f9;
    padding: 55px 45px;
	border: none;
}



.about{
	padding: 90px 0;
}

.about img{
	display: block;
    max-width: 100%;
}



.abouts{
	padding-top: 30px;
	padding-bottom: 90px;
}

.abouts h2{
	font-size: 30px;
    font-weight: 450;
}
.abouts h2 strong{
	color: #f50467;
	font-weight: 450;
}

.abouts p strong{
	color: #f50467;
	font-weight: 450;
}
.abouts img{
    max-width: 640px;
	margin: 0 auto;
    margin-bottom: 60px;
}
.aboutus {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.aboutus h2{
	width: 100%;
	margin-bottom: 30px;
	font-size: 30px;
	    text-align: center;
    font-weight: 650;
}
.aboutus h2 strong {
    color: #f50467;
}
.aboutus .about_p{
	width: 86%;
	display: flex;
    flex-wrap: wrap;
}
.aboutus img{
	max-width: 540px;
}

.nums {
	clear: both;
	display: flex;
	padding: 5% 0 0 0;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.nums .line {
	width: 1px;
    height: 40px;
    background: rgba(0,0,0,0.1);
}
.nums .li_box {
	box-sizing: border-box;
	text-align: center;
}
.nums .li_box .number{
	display: flex;
}
.nums .li_box:last-child {
	background: 0 0
}

.nums .li_box .bot {
	font-size: 16px;
	color: #666;
	padding-top: .5em
}


.nums .li_box .number .num {
	font-size: 40px;
    font-weight: bold;
	margin: 0;
	color: #f50467;
	line-height: 1;
	width: auto;
    height: auto;
    background: none;

}

.nums .li_box .number .wd {
	font-size: 16px;
	color: #666;
	line-height: .95;
	vertical-align: top;
	margin: 0;
	margin-left: .5rem;
	width: auto;
    height: auto;
    background: none;
	display: initial;
}


.nums .li_box .number .wd em {
	font-size: 20px
}

.question{
	background: #f1f5f8;
    padding: 90px 0;
}
.question .tit{
	text-align: center;
}
.question .tit span{
	margin: 0 auto;
}
.question h2{
	text-align: center;
    font-size: 30px;
    font-weight: 450;
}
.culbox{
	max-width: 1660px;
    margin: 0 auto;
    margin-right: 0;
	margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}

.culbox .zcl{
	width: 50%;
}
.culbox .zcr{
	width: 50%;
}

.culboxl{
	width: 40.5%;
}

.culboxl .cult{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	padding: 40px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.culboxl .cult:last-child{
	border:none;
}
.culboxl .cult:hover img{
	transform: rotateY(180deg);
}
.culboxl .cult p{
	display: flex;
    flex-direction: column;
}
.culboxl .cult strong{
	font-size: 18px;
    font-weight: 450;
}

.culboxl .cult img{
	max-width: 60px;
	margin: 0 30px;
}

.culboxr{
	width: 54.5%;
}

.culture{
background-image: url(../images/culturebg.jpg);
width: 100%;
background-size: cover; /* 自适应拉伸，保证背景图完整显示 */
display: flex;
align-items: center;
justify-content: flex-end; /* 文字区域靠右，匹配原图布局 */
padding: 90px 0px;
min-height: 500px;
}

.culture .tit{
	color: #333;
}

.culture h2{
    color: #333;
    font-size: 36px;
    line-height: 60px;
	margin-bottom: 60px;
    font-weight: 450;
}
.culture a{
	display: block;
    width: 230px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    color: #fff;
    background: #f50467;
}
.culture a:hover{

    background: #bf3f0c;
}

.cut{
	display: flex;
    margin-top: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cul,.cur{
	width: 50%;
}

.cud{
	margin-top: 60px;
	position: relative;
}
.cud img{
   width: 100%;
}
.cudmsg{
	position: absolute;
    top: 5%;
    left: 3%;
    color: #fff;
}

.cudmsg h3{
	font-weight: 450;
}

.chart{
	padding: 90px 0;
	background-image: url(../images/timeline.jpg);
   width: 100%;
   background-size: cover; /* 自适应拉伸，保证背景图完整显示 */
	
}
.chart .tit{
	text-align: center;
}
.chart .tit span{
	margin: 0 auto;
}
.chart img{
	max-width: 100%;
    margin: 0 auto;
    margin-top: 60px;
}


.video{
	padding: 90px 0;
}
.video .tit{
	text-align: center;
	margin-bottom:40px; 
}
.video .tit span{
	margin: 0 auto;
}

.videoli{
	margin-top: 60px;
}
.videoli p{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.Business{
	padding: 90px 0;
}
.Business h2{
	width: 100%;
    margin-bottom: 30px;
    font-size: 30px;
    text-align: center;
    font-weight: 650;
	text-transform: uppercase;
}
.Business h2 strong {
    color: #f50467;
}
.Business p{
   width: 69%;
    margin: 0 auto;
    text-align: center;
}

.Business .box{
	margin-top: 40px;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    grid-auto-flow: row dense;
}
.Business .box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.Business .box .bup:nth-child(1){
	grid-row-start: 1;
    grid-row-end: 3;
}

.about_video h2{
	width: 100%;
    margin-bottom: 30px;
    font-size: 30px;
    text-align: center;
    font-weight: 650;
	text-transform: uppercase;
}
.about_video h2 strong {
    color: #f50467;
}

.culi img{
	max-width: 40px;
}
.culi h3{
	margin: 10px 0 5px;
}
.culi p{
	line-height: 24px;
	color: #999999;
}


#honor{
	padding: 90px 0;
}
#honor h2{
	font-size: 30px;
    text-align: center;
    font-weight: 650;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#honor h2 strong {
    color: #f50467;
}

.hbox{
	display: flex;
	margin-bottom: 90px;
}
.zbox{
	display: flex;
}

.hul{
	display: flex;
    flex-wrap: wrap;
}

.hul .hli {
	overflow: hidden;
	border-radius: 10px;
}

.hul .hli div{
	 box-sizing: border-box;
}
.hul .hli div img{
	width: auto;
    max-height: 430px;
    margin: 0 auto;
}
.hul .hli p{
	text-align: center;
    line-height: 60px;
}

.tit1{
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 80px;
}

#pat{
	padding-top: 60px;
}
#cer{
	padding-top: 60px;
}

#adv-dis{
	padding: 90px 0;
}
.advantage h2{
	margin-bottom:20px;
}


.distribution{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	margin-top: 60px;
}
.distribution .map{
	    width: 49%;
}
.distribution .map div{
	padding: 20px 40px;
	background: #f5f6f8;
}
.distribution .map h2{
	font-size: 20px;
    font-weight: 450;
}
.distribution .map p{
	color:#999999;
}
.distribution .map img{
	width: 100%;
}

#cooperatebg{
	background: url(../images/cooperatebg.png) no-repeat center;
	background-size: cover;
	padding: 80px 0;
	color: #fff;
}
#cooperatebg h2{
	font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 600;
}
#cooperatebg a{
	display: block;
    width: 150px;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    border-radius: 30px;
    color: #2a68b5;
    font-weight: 600;
}

.titmsg{
	
}
.titmsg h1{
	font-size: 40px;
    font-weight: inherit;
	line-height: 60px;
	margin-bottom: 30px;
}
.titmsg p{
	
}
.abmsg1{
	padding-bottom: 80px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 50px;
}
.abmsg1 p{
	line-height: 40px;
	text-indent: 2em;
}

.tit2{
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 10px;
}

.abmsg2{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.customized{
	width: 48%;
}

.customized img{
	display: block;
    width: 100%;
}
.customized p{
	line-height: 34px;
	padding: 50px 95px 50px 5px;
}
.mapdw{
	padding-top: 85px;
}

.por_ebd{
	width: 100%;
	background: #fff;
	border-top: 1px solid rgba(0,0,0,0.1);
	position: relative;
}
.por_ebd ul{
	width: 100%;
	display: flex;
	height: auto;
    justify-content: space-between;
    max-width: 1320px;
    margin: 0 auto;
}
.por_ebd .parent{
	position: initial;
	cursor: pointer;
	padding: 50px 0;
}
.por_ebd .parent a{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.por_ebd .parent img{
	display: block;
}
.por_ebd .parent p{
	margin-top: 20px;
	font-size: 30px;
	color: #757575;
}
.por_ebd .parent a .paric{
	padding: 23px;
    border-radius: 100px;
}
.por_ebd .parent.on a .paric{
	background: #d3bc94;
}
.por_ebd .parent.on p{
	font-weight: bold;
}
@keyframes pulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.por_ebd .parent:hover a .paric{
	background: #d3bc94;
	
}
.por_ebd .parent:hover .paric p{
	font-weight: bold;
}
.por_ebd .parent:hover .paric img{
	filter: brightness(0) invert(1);
	animation: pulse 1s infinite;
}

.por_ebd .parent2{
	width: 100%;
	max-width: inherit;
	position: absolute;
	left: 50%;
	top: 262px;
	z-index: 99;
    transform: translateX(-50%);
    background: #efefef;
	border: 1px solid #d3bc94;
	display: none;
    flex-direction: column;
	box-sizing: border-box;
	padding: 30px 0;
	max-height: 400px;
}

.por_ebd .parent2 ul{
	max-width: 1400px;
	padding: 0 50px;
    box-sizing: border-box;
	display: flex;
    flex-direction: column;
}


.por_ebd .parent2 li{
	width: 90%;
    margin: 0 auto;
    line-height: 40px;
	background: #fff;
	max-height: 334px;
	max-width: 250px;
}


/*.por_ebd .parent2 li:hover{
	background: #d3bc94;
}
.por_ebd .parent2 li:hover a{
	color:#fff;
}*/
.por_ebd .parent2 a{
	font-size: 20px;
	color: #757575;
}
.por_ebd .parent2 figcaption{
	text-align: center;
	padding: 10px 10px;
    padding-bottom: 20px;
}
.por_ebd .parent2 figcaption p{
	text-align: center;
    font-size: 16px;
    background: #f0f0f0;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    margin: 0 auto;
}
.por_ebd .parent2 li:hover figcaption p{
	background: #d3bc94;
    color: #fff;
}

.hmsg{
	color: #fff;
	background: linear-gradient(90deg, #4a3932, #7d5a4f);
	padding: 60px 0;
}
.hmsg ul{
	display: flex;
    justify-content: center;
}
.hmsg ul li{
	margin: 0 30px;
}

.hmsg p{
	font-size: 20px;
	margin-bottom: 20px;
}
.hmsg h2{
	font-size: 60px;
    line-height: 60px;
}
.hmsg h2 span{
	font-weight: 300;
    font-size: 20px;
}

.ho1{
	width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 90px 0;
    border-bottom: 1px solid;
	color: #737373;
}

.ho2{
	width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 90px 0;
    border-bottom: 1px solid;
	color: #737373;
}
.hol h3{
	font-size: 30px;
    margin-bottom: 20px;
}
.hol p{
	font-size: 20px;
	line-height: 36px;
}

.patent{
	padding: 90px 0;
	font-size: 20px;
	color: #5b5b5b;
}

.patent ul{
	display: flex;
    justify-content: center;
}
.patent ul li{
    padding: 0 30px;
	border-right: 4px solid #898a8b;
}
.patent ul li:last-child{
   
    border: none;
}
.patent ul li p{
	
}
.patent ul li strong{
	font-size: 36px;
	color: #e50013;
	margin-right: 5px;
}


.npage{
	padding: 40px;
    background: #fff;
    margin-bottom: 90px;
}

/*Title*/
.Title{position:relative;margin-bottom:90px;  background-position:left 20px; background-repeat:no-repeat; background-size:12px;}
.Title .cn{font-size:36px;color:#000000; line-height:normal;}
.Title .cn a{color:#333333;}
.Title .cn span{ color:#f50467;}
.Title .en{ font-size:60px; line-height:normal; color:#333333;font-weight:bold;  margin-bottom:5px;}
.Title .en a{color:#333333;font-weight:bold;font-family: 'MiSans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; /* 优化渲染 */ -moz-osx-font-smoothing: grayscale; /* 兼容不同浏览器 */}

#history{background: url(../images/historybg.png) no-repeat center;padding: 90px 0;}

.hisli{
	color: #fff;
	padding: 0 30px;
	border-right: 1px solid rgba(255,255,255,0.1);
}

		.progressTime {
		margin: 0px auto;

		filter: alpha(opacity=50);

		-moz-opacity: 0.5;

		-khtml-opacity: 0.5;

		opacity: 0.5;

		/* position: absolute; */

		_position: fixed;

		left: 25%;

		top: 25%;

		Z-INDEX: 2;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		border-radius: 5px;

		color: white;

		padding-top: 0px;

		}
		#progressBar {

		height: 2px;

		background-color: rgba(0,0,0,0.3);

		margin: 0 auto;

		margin-top: 55px;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em;

		}

		#progressBar_Track {

		width: 200px;

		height: 2px;

		background-color: #fff;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em;

		}

.join1{
	background: url(../images/join0.jpg) no-repeat center;
	padding: 190px 175px;
}
.join1 h2{
	font-size: 45px;
    line-height: 45px;
	margin-bottom: 30px;
}
.join1 h3{
	font-size: 28px;
    line-height: 30px;
}
.join1 a {
    width: 210px;
    display: block;
    font-size: 28px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
	margin-top: 50px;
    background: linear-gradient(128deg, #fbb8a0, #ffe8ce);
	transition: all .3s ease;
}
.join1 a:hover {
	font-size: 24px;
	color: #fff;
	background: linear-gradient(315deg, #fbb8a0, #ffe8ce);
}

.join2{
	padding: 100px 0px;
    color: #737373;
}
.join2 h2{
	font-size: 36px;
	margin-bottom: 30px;
	text-align: center;
}
.join2 p{
	font-size: 24px;
	text-align: center;
}

.join3 ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.join3 ul li{
   width: 49.5%;
    box-sizing: border-box;
    padding: 60px 70px;
	color: #fff;
	display: flex;
    align-items: flex-start;
	margin-bottom: 10px;
	max-height: 280px;
	transition: all .3s ease;
}

.join3 ul li:hover img{
	transform: rotate(359deg);
}

.join3 ul li img{
	margin-right: 90px;
}
.join3 ul li h2{
	margin-bottom: 30px;
}
.join3 ul li p{
	font-size: 20px;
	margin-left: 50px;
}

.jo1{
	background: url(../images/join1.jpg) no-repeat center;
}
.jo2{
	background: url(../images/join2.jpg) no-repeat center;
}
.jo3{
	background: url(../images/join3.jpg) no-repeat center;
}
.jo4{
	background: url(../images/join4.jpg) no-repeat center;
}

.join4{
	display: flex;
    justify-content: space-around;
    padding: 170px 0;
	color: #737373;
}
.join4 div h2{
	font-size: 36px;
	margin-bottom: 30px;
}
.join4 div p{
	font-size: 24px;
	line-height: 40px;
}
.join4 ul{
	font-size: 24px;
    line-height: 45px;
}

.join5{
	background: url(../images/join5.jpg) no-repeat center;
	padding: 100px 210px 230px;
	color: #fff;
}

.join5 h3{
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 60px;
	text-align: center;
}
.join5 h2{
	font-size: 45px;
	line-height: 45px;
	margin-bottom: 30px;
	text-align: center;
	background: linear-gradient(180deg, #ffe8ce, #fbb8a0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.join5 h4{
	font-size: 28px;
	text-align: center;
}
.join5 ul{
	margin-top: 120px;
	display: flex;
    justify-content: space-between;
}
.join5 ul li{
	width: 23%;
    box-sizing: border-box;
    border: 3px solid #d3bc94;
    border-radius: 40px;
    padding: 45px 20px;
	background: linear-gradient(181deg, rgba(255,255,255,0.3), rgba(255,255,255,0));
}
.join5 ul li h2{
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 40px;
	text-align: left;
}
.join5 ul li p{
	font-size: 20px;
	line-height: 30px;
}


.article{
	display: flex;
    max-width: 1300px;
    margin: 120px auto;
    justify-content: space-between;
}
.jointel{
	color: #737373;
}
.jointel h2{
	font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}
.jointel h3{
	font-size: 40px;
    color: #d3bc94;
    line-height: 40px;
    margin-bottom: 235px;
}
.jointel p{
	font-size: 24px;
}
.jointel span{
	font-size: 20px;
	font-weight: 200;
}

/*page-join3FuwuTit*/
.page-join3FuwuCon{ }
.page-join3FuwuTit{
	margin-top: 20px;
}
.page-join3FuwuTit ul{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.page-join3lunboBox .item{
	display: flex;
    flex-wrap: wrap;
}
.page-join3FuwuTit .navT1{ width: 19.9%; text-align: center;padding: 45px 0;background-color: #fff;}
.page-join3FuwuTit .cn{font-size:16px;line-height:26px; display:block;font-weight:500; color:#333;position:relative;}
.page-join3FuwuTit .en{font-size:24px;color:#333;line-height:30px; height:30px; overflow:hidden; display:block; text-transform:uppercase;}
.page-join3FuwuTit  .navT1.active{
	font-size: 16px;
    color: #f50467;
    border-bottom: 5px solid #f50467;
}
.page-join3FuwuTit  .navT1.active .cn{color:#f50467;}
.page-join3FuwuTit  .navT1.active .en{color:#f50467;}
/*page-join3lunboList*/
.page-join3lunboList .img{width:50%; background-position:center top; background-repeat:no-repeat;background-size:cover;}
.page-join3lunboList .img img{ display:block; width:97.79614325068871%; margin:0 auto;}
.page-join3lunboList .wz{width:50%;  background:#fff;height: 430px;display: flex; align-items: center;}
.page-join3lunboList .wz .des{width: 100%;padding:70px 145px;vertical-align:middle; font-size:16px;color:#000000; line-height:30px;}
.page-join3lunboList .wz .des h2{font-weight:initial;font-size: 30px;color: #f50467;margin-bottom: 30px;}
.page-join3lunboList .wz .title{display:none;}
.page-join3lunboList .wz .cn{font-size:16px;line-height:26px; display:block;font-weight:500; color:#000000;position:relative;}
.page-join3lunboList .wz .en{font-size:12px;color:#b4b5bd;line-height:24px; height:24px; overflow:hidden; display:block; text-transform:uppercase;}

.culture_p{
	margin-top: 90px;
}

.culturec{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.cul_li img{
	display: block;
}
.cul_p{
	background-color: #f7f7f7;
	padding: 20px 15px 30px;
}
.cul_p h3{
	color: #f50467;
	font-weight: initial;
}

.news_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.news_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.news_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 120px;
}

.news_nt{
	margin-top: 60px;
}
.news_nt .news_li_one{
    float: none;
    width: 100%;
    position: relative;
    border: 1px solid #e5e5e5;
	margin-bottom: 60px;
	overflow: hidden;
}

.news_li_one img{
    
    width: 100%;
    display: block;
	max-height: 500px;
	object-fit: cover;
}
.news_li_one .time1{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.news_li_one a{
	width: 65%;
}
.news_li_one .fr{
    
    width: 35%;
    display: block;
	box-sizing: border-box;
    padding: 0px 50px;

}
.news_li_one .fr span{
    display: block;
	margin-top: 20px;
}
.news_li_one .fr a{
	width: 100%;
}
.news_li_one .fr h3 a{
	font-size: 24px;
    font-weight: initial;
}
.news_li_one .fr a span{
	margin-top: 80px;
	width: 150px;
	line-height: 40px;
	text-align: center;
    background-color: #f50467;
    border-radius: 30px;
	color: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
}
.news_li_one .fr a span img{
	width: auto;
    vertical-align: middle;
	margin-left: 20px;
}

.more a{
	display: flex;
    width: 120px;
    line-height: 30px;
    margin-top: 20px;
    color: #fff;
	align-items: baseline;
    justify-content: space-between;
}

.news_oth{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	color: #fff;
}

.news_li0{
	background-color: #191919;
}

.news_li_oth{
	width: 100%;
	box-sizing: border-box;
	padding: 70px 0;
}
.news_li_oth .time1{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.news_li_oth .time1 .newsimg{
	width: 46%;
}
.news_li_oth .time1 .newsimg img{
	display: block;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
	width: 100%;
    max-height: 415px;
    object-fit: cover;
}
.news_li_oth .time1 .newsimg:hover img {
    transform: scale(1.1);
}
.news_li_oth .fr{
	width: 33%;
    display: flex;
    flex-direction: column;
}
.news_li_oth .fr h3 {
	padding: 50px 0;
}
.news_li_oth .fr h3 a{
	font-size: 40px;
    font-weight: initial;
    color: #fff;
}

.date{
	color: #747474;
    font-size: 12px;
}

.video_nt{
	margin-top: 90px;
}
.video_nt ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.video_li{
	width: 33%;
}

.video_li img{
	width: 100%;
	display: block;
}

.video_li p{
	background-color:#f6f6f6;
	line-height: 70px;
	padding: 0 20px;
}
.newsbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.m_newsc{
	width: 100%;
}
.m_newsc #category{
	 position: initial;
	 color: #333;
}
.m_newsc #category a{
	 color: #333;
}
.newoth{
	width: 27%;
}
.newslist{
	margin-top: 50px;
}

.newslist img{
	max-width: 100%;
}

.m_news_t{
	font-size: 20px;
	margin-bottom: 30px;
}
.m_news_rl{
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.m_news_rl h2{
	font-size: 16px;
}
.m_news_rl p{
	font-size: 16px;
	color: #a3a3a3;
}

.tit h2 {
	font-size: 30px;
    font-weight: 450;
	margin-bottom: 20px;
}
.tit span{
	display: block;
    width: 40px;
    height: 5px;
    background: #f50467;
}
.tit p{
	/*text-transform: uppercase;*/
	display: none;
}

.tit strong{
	color: #f50467;
	font-weight: 450;
}

.cultures .tit{
	text-align: center;
}
.cultures .tit .line{
	margin: 0 auto;
}

#policy{
	margin-bottom: 90px;
}
#policy .tit{
	margin-bottom: 30px;
}

.polbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.polbox .boxl{
	width: 50%;
}
.polbox .boxl img{
	width: 100%;
}
.polbox .boxr{
	width: 50%;
    background: #f0f4fa;
    box-sizing: border-box;
    padding: 70px 60px;
}

#talents .tit{
	margin-bottom: 30px; 
}

.talbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.talbox h2{
	font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.talbox p{
    margin-bottom: 30px;
}

.talbox a{
    display: block;
    width: 155px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #2a67b5;
}


.talbox .boxl{
	width: 49%;
	background: #f0f4fa;
	padding: 60px 40px;
}

.talbox .boxl span{
	display: block;
    color: rgba(0,0,0,0.5);
}

.talbox .boxr{
	width: 49%;
    background: #f0f4fa;
	padding: 60px 40px;
}

.talbox .boxr span{
	width: 48%;
    display: inline-block;
    color: rgba(0,0,0,0.5);
}


.Create{
	
}

.catit{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	padding: 90px 0;
}
.catit .camsg{
	width: 50%;
}
.catit .camsg h2{
	font-size: 36px;
    line-height: 36px;
    font-weight: 450;
    margin-bottom: 30px;
}
.catit img{
    width: 46%;
}
.casebox{
	background: #f7f7f7;
	padding: 90px 0;
}
.casebox h2{
	font-size: 36px;
    line-height: 36px;
    font-weight: 450;
    margin-bottom: 30px;
}

.dt_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.dt_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.dt_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 30px;
}
.dt_h hr{
	width: 40px;
	margin-bottom: 100px;
}

.dt{
	width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	background-color: #EEEEEF;
	margin-bottom: 80px;
}
.dtl{
	width: 76%;
	box-sizing: border-box;
    padding: 50px 40px;
	position: relative;
}
.dtl img{
	width: 75%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 55px;
    margin-left: 18%;
}
.dtlp{
	color: #000;
	font-size: 14px;
	position: absolute;
    bottom: 50px;
}
.dtlp td{
	padding: 0 5px;
}
.dtr{
	width: 24%;
	font-size: 16px;
	color: #000;
	border-left: 1px solid;
}
.dtr a{
	color: #000;
}
.dtmsg{
	padding: 70px 0 0 70px;
    line-height: 24px;
}

.dtmsg img{
	width: 45%;
	display: block;
	margin-bottom: 20px;
}
.dtmsg h3{
	font-size: 18px;
	font-weight: inherit;
}
.dtts{
	    background-color: #DCDDDD;
    line-height: 50px;
    width: 95%;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}


.down_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.down_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.down_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 30px;
}
.down_h hr{
	width: 40px;
	margin-bottom: 100px;
}


.job_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.job_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.job_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 100px;
}
.job_form{
	margin-bottom: 50px;
	font-size: 14px;
}
.job_form input{
	width: 50%;
    border: 1px solid #757475;
    background: none;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 30px;
    margin-bottom: 30px;
	color: #fff;
}

.job_form select{
	appearance: none;
	width: 50%;
    border: 1px solid #757475;
    background: none;
	height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 30px;
    margin-bottom: 30px;
	color: #fff;
}
.job_form option{
	background: #000;
}
.field{
	display: flex;
    justify-content: center;
	align-items: center;
}
.field.file span {
    flex-shrink: 1;
    flex-grow: 1;
    line-height: 16px;
	font-size: 14px;
}

.field.file input[type=file] {
    display: none;
}
.field.file div {
    background-color: #fff;
    color: #000;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    min-width: 150px;
    flex-shrink: 0;
    flex-grow: 0;
    text-transform: uppercase;
    text-align: center;
	cursor: pointer;
}
.file{
width: 50%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #757475;
    background: none;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 0px 20px;
    border-radius: 30px;
    margin-bottom: 30px;
}

.disclaimer{
	text-align: center;
	margin-bottom: 30px;
}
.button-submit{
	text-align: center;
}



.downnav{
	margin-bottom: 80px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.downnav ul{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.downnav ul li{
	width: 33%;
}
.downnav_mid{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.downnav ul li a {
    display: block;
    padding-bottom: 2em;
    position: relative;
}
.downnav ul li a:hover:after, .downnav ul li a.minon:after {
    width: 100%;
}
.downnav ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #fff;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.downline{
	width: 1px;
    height: 70px;
    background-color: #fff;
}
.downnav .downline:nth-child(1){
    display: none;
}

.mid_img {
	height: 30px;
}

/*page-join3Box*/
.page-join3Box{ margin-top: 90px;}
.page-join3Box ul{position:relative; font-size:0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-join3Box li {display:inline-block;*display:inline;zoom:1; width:32%;vertical-align:top;margin-bottom: 25px;}
.page-join3Box li .info{ display: flex; position:relative; padding:65px 50px;background-color: #efefef; background-image:url("../images/join-3bg-6.jpg");border-top-left-radius:5px;border-bottom-right-radius:5px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;background-position:center center; background-repeat:no-repeat; background-size:cover; flex-direction: column; align-items: center;}
.page-join3Box li .info h2{font-size:24px;color:#333;line-height:30px;margin-bottom: 25px; margin-top: 25px;text-align: center;font-weight:normal;position:relative;}
.page-join3Box li .info img{width: auto;height: 30px;}
.page-join3Box li .info .des{font-size:14px;color:#333;line-height:30px;height: 60px;text-align: center;overflow:auto;}
.page-join3Box li .info .des::-webkit-scrollbar {width: 2px;background-color: #e5e5e5;}
.page-join3Box li .info .des::-webkit-scrollbar-thumb {background-color:#b26c60;}
.page-join3Box li .info:hover{-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 30px rgba(0,0,0,.1);box-shadow: 0px 0px 30px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.page-join3Box li:nth-child(2n) .info h2{color:#fff;}
.page-join3Box li:nth-child(2n) .info .des{color:#fff;}

.netimg{
	float: right;
    margin-top: 70px;
    margin-left: 50px;
}
.joinform{
	margin-top: 90px;
}

/*feedback1Box*/
.feedback1Box{width:100%;padding:0;font-size:16px;color:#333;line-height:26px; padding-top:65px; margin-top:65px;border-top: 1px solid rgba(0,0,0,0.1);}
.feedback1{font-size:16px;color:#333;line-height:26px;text-align:left;padding:0;margin:0 -8px;}
.feedback1 .t{ display:block;margin-bottom:10px;font-size:18px;color:#333;}
.feedback1 .l1{float:left;width: 50%; position:relative;}
.feedback1 .l2{float:left;width: 100%; position:relative;}
.feedback1 .l3{float:left;width: 50%; position:relative;}
.feedback1 .l1Box{margin:0 8px;}
.feedback1 .text{display:block;width:100%;padding:4px 3% 4px 3%;height:54px;box-sizing: border-box;margin-bottom:35px;outline:none;font-size:16px;color:#333;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #fff;border-radius:0px;background:#efefef;text-align:left;}
.feedback1 .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:233px;margin-bottom:35px;outline:none;font-size:16px;color:#333;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #fff;border-radius:0px;background:#efefef;text-align:left;}
.feedback1 .getcode{display:block;width:100%;padding:4px 20px  4px 20px ;height:54px;margin-bottom:60px; float:left;outline:none;font-size:16px;color:#333;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #ffff;border-radius:0px;background:#efefef;text-align:left;max-width:190px;}
.feedback1 .inputbtn{display:inline-block;width:100%;height:40px;line-height:40px;margin:0;outline:none;font-size:16px;color: #fff;border:none;background-color: #f50467;cursor:pointer;text-align:center;font-family: 'Gotham',Arial,'微软雅黑','Microsoft YaHei', Helvetica, sans-serif; max-width:117px; text-transform:uppercase;border-radius:50px;}
.feedback1 .inputbtn.tj{background:#f50467;}
.feedback1 .kk{ color:#b4b5bd; margin-left:15px; float:left;}
.feedback1 .top{ padding-top:26px;}


.Create{
	margin-top: 90px;
    padding: 90px 0;
	margin-bottom: -90px;
	background:url(../images/create_bg.jpg) no-repeat;
	background-size: cover;
}
.createmsg{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.createmsg .createp{
	background-color: #f50467;
    color: #fff;
	padding: 0 40px;
	height: 270px;
	width: 50%;
	box-sizing: border-box;
	display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
	z-index: 100;
}
.createmsg .createp p{
	font-size: 18px;
}
.createmsg .createp h2{
	font-size: 24px;
    margin-bottom: 20px;
}
.createmsg img{
	width: 56%;
    margin-left: -6%;
}


.businessimg {
    float: right;
    margin-top: 0px;
    margin-left: 50px;
}

.Course{
	margin-top: 90px;
    padding: 90px 0;
	background:url(../images/course_bg.jpg) no-repeat;
	background-size: cover;
}

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

.Courseul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 60px;
}
.Courseul img{
	display:block;
}
.Courseli{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 30px;
}
.Courseli p{
	line-height: 60px;
}

.course_more{
	width: 125px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 0 auto;
    background-color: #f50467;
    color: #fff;
    border-radius: 30px;
}

.mentor{
	background:url(../images/mentor_bg.jpg) no-repeat;
	background-size: cover;
	padding: 90px 0;
}
.mentormsg{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.mentor_one{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 30px;
	overflow: hidden;
}
.mentor_one img{
	width: 53%;
	margin-right: -8%;
}
.mentor_one .mentormsg{
	width: 50%;
	margin-right: 50px;
	background-color: #fff;
	height: 320px;
	box-sizing: border-box;
    padding: 100px 120px;
	justify-content: space-between;
}
.mentor_oth{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mentorli{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	background-color: #fff;
	padding-bottom: 40px;
}
.mentormsg h3{
	font-size: 24px;
    font-weight: initial;
    border-left: 2px solid #f50467;
    padding-left: 10px;
}
.mentorli .mentormsg{
	padding: 65px 40px 25px;
    justify-content: space-between;
}


.activity{
	margin-top: 90px;
}
.activity .Title{
	text-align: center;
}
.activitymsg p{
	text-align: center;
}
.activitymsg ul{
	margin-top: 50px;
}
.activitymsg li{
	width: 24%;
}
.activitymsg img{
	display: block;
    width: 100%;
}

.contact_p{
	margin-top: 90px;
}

.contactmsg{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top: 60px;
}
.contactmsg .msgl{
	width: 44%;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.msgtab{
	width: 50%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 20px 0px;
}

.msgtab:nth-child(5){
	width: 100%;
}

.conewm{
	max-width: 140px;
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
}

.msgtab h4{
	font-weight: initial;
	display: flex;
    align-items: center;
}

.msgtab h4 img{
	font-weight: initial;
	height: 15px;
    margin-right: 10px;
}

.msgtab p{
	font-size: 18px;
}
.msgtab .qr{
	display: flex;
    flex-direction: column;
    align-items: baseline;
	margin-top: 20px;
}

.contactmsg .msgr{
	width: 53%;
}
.contactmsg .msgr img{
	width: 100%;
	display: block;
}



/*产品系列*/

.product_p {
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product{
	width: 100%;
}

.product_m{
	float: right;
    width: 76%;
	padding-bottom: 60px;
}


.bd_hb_bt{
	padding-left: 85px;
	margin-bottom: 30px;
}


.view_bj .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f50467;
}


.product_l {
	width: 15%;
}
.product_l h2{
	display: none;
	font-size: 16px;
    line-height: 30px;
    font-weight: 600;
	padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.product_l #category a:hover{
	color: #f50467;
}

.product_r{
	width: 83%;
}
.product_r h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    display: none;
}

.prod_p .p2 {
    width: 32%;
    margin-bottom: 25px;
	margin-right: 2%;
    list-style: none;
} 
.prod_p .p2:nth-child(3n){
	margin-right: 0%;
}
.por_nav{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 100px 0;
}

.m_pro_nav{
	
}
.m_pro_nav form{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	margin-bottom: 30px;
}
.m_pro_nav button{
	width: 35px;
    height: 35px;
    background: #f50467;
    border: none;
	cursor: pointer;
}
.m_pro_nav button:hover{
	background: #bf3f0c;
}
.m_pro_nav button img{
	width: 100%;
    max-width: 16px;
    margin: 0 auto;
}
.m_pro_nav input{
	height: 35px;
	width: 80%;
    border: 1px solid rgba(0,0,0,0.1);
    outline: none;
    background: #f4f5f7;
    padding: 0 20px;
}

.m_pro_nav li{
	padding: 20px 0;
}
.m_pro_nav li .menu-li {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all ease-out 0.3s;
}
.m_pro_nav li .menu-li a{
	display: flex;
}
.m_pro_nav li .menu-li a:before{
	    content: ">";
    display: block;
    margin-right: 10px;
}
.m_pro_nav li .menu-li:hover a{
	color: #f50467;
}
.m_pro_nav li .menu-li.on a{
	color: #f50467;
}
.m_pro_nav li .menu-li span {
    width: 14px;
    height: 14px;
    display: flex;
    position: relative;
    cursor: pointer;
}
.m_pro_nav li .menu-li span:after,
.m_pro_nav li .menu-li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.m_pro_nav li .menu-li span:before {
  transform: rotate(90deg);
}
.m_pro_nav li .menu-li:hover span:before, .m_pro_nav li .menu-li.on span:before {
    opacity: 0;
}
.m_pro_nav li .s-menu {
    display: none;
}
.m_pro_nav li .s-menu.on {
    display: block;
}
.m_pro_nav li .s-menu a{
	display: flex;
    align-items: center;
}
.m_pro_nav li .s-menu a span{
	display: block;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-right: 5px;
}
.m_pro_nav li .s-menu a span.pon{
	    background: #f50467;
}

.colornav{
	
}
.classifynav{
	
}
.colornav ul{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.colornav ul li{
	margin-right: 60px;
}
.colornav ul li img{
	margin: 0 10px;
	border-radius: 30px;
    border: 2px solid rgba(0,0,0,0.1);
}
.colornav ul li.aon img{
    border: 2px solid #d3bc94;
}
.colornav ul li a{
	display: flex;
    align-items: center;
	font-size: 24px;
    color: #737373;
}
.classifynav ul{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.classifynav ul li{
	line-height: 37px;
    padding: 0 25px;
    background: #ffffff;
    border-radius: 30px;
	margin-left: 10px;
}
.classifynav ul li a{
	display: flex;
	font-size: 24px;
    color: #737373;
	display: block;
}
.classifynav ul li.aon{
    background: #757575;
}
.classifynav ul li a.on{
    color: #fff;
}
.classifynav ul li:hover{
    background: #757575;
}
.classifynav ul li:hover a{
    color: #fff;
}



.prod_p{

}

.prod_p ul{
	display: flex;
    flex-wrap: wrap;
}

.prod_p figcaption {
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    padding: 0 10px;
    padding-bottom: 30px;
}

.morexl{
	width: 180px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    background: #f50467;
    color: #fff;
    border-radius: 5px;
    margin-top: 30px;
}

.pagination {
	width: 100%;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.pagination a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
	min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    background: #f5f5f5;
    transition: all 0.2s;
}

.pagination a:hover {
    background: #e0e0e0;
}

.pagination a.active {
    background: #f50467;
    color: white;
    font-weight: bold;
}

.pagination .ellipsis {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: #666;
}

.page-numbers {
    display: flex;
    gap: 4px;
}

/*关于我们侧栏*/
/*.hbt_a{height:59px; border-bottom: 1px solid #fff; line-height:0; background-color: #e5e5e5; border-top:none; text-indent:47px;}
.hbt_a a{line-height:59px; color:#000; font-size:14px;}
.hbt_on a{ color:#fff; display: block; background: url(../images/icon_on.jpg) no-repeat 219px center #0f4698;}
.hbt_a:hover{background: url(../images/icon_on.jpg) no-repeat 219px center #0f4698;}
.hbt_a:hover a{color:#fff; }*/
.lnte_m{padding: 0;overflow: hidden;background: #f7f7f7;}
.lnte_m .about_nav a{font-size:24px;}
.lnte_m .about_nav span{font-size:24px;}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 可选阴影效果 */
}

/*.about_ebd{margin:0px 0 0px;}
.about_ebd .parent{ height:80px; line-height:0; width:auto;  border:0px solid #c7c7c7; border-radius:0px; display:inline-block;}
.about_ebd .parent:hover{color: #f50467; box-sizing: border-box;background: #ffff;border-bottom: 2px  solid #f50467;}
.about_ebd .parent a { display:block; line-height:80px; font-size:18px; text-align:center; color:#000; border-radius:0px;margin: 0 20px;}
.about_ebd .parent a:hover {text-decoration:none;background: #ffff;border-bottom: 2px  solid #f50467;}
.about_ebd .parent a.current {text-decoration:none;background: #ffff;border-bottom: 2px  solid #f50467;}
.about_ebd ul{display: flex; flex-wrap: wrap;align-items: center;}
.about_ebd ul .line:last-child{display: none; }
.about_ebd .line{margin: 0 50px; font-size: 24px;}*/

/* 外层 */
.about_ebd {
    margin: 0;
}

/* ul 导航容器 */
.about_ebd ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;   /* ✅ 关键：让子项等高 */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 每一项 */
.about_ebd .parent {
    height: 80px;
    display: flex;          /* ✅ 用 flex 替代 inline-block */
    align-items: center;
}

/* 分割线 */
.about_ebd .line {
    margin: 0 30px;
    font-size: 24px;
    color: #ddd;
}
.about_ebd ul .line:last-child {
    display: none;
}

/* 链接样式 */
.about_ebd .parent a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    box-sizing: border-box;
}

/* hover / current / 选中 */
.about_ebd .parent a:hover,
.about_ebd .parent a.current {
    color: #f50467;
    background: #fff;
    border-bottom: 2px solid #f50467;
}

/* 父级 hover（可选，如果你原来是为了这个） */
.about_ebd .parent:hover {
    background: #fff;
}

/*搜索*/
.hb_other{width:224px; padding:12px 12px 11px; border:1px solid #cecece; border-top:none; margin-bottom:10px;}
.hb_other .fnon{width:60px; height:34px; line-height:34px; font-size:12px; display:block; text-align:center; float:left; margin:0 9px 0 3px;}
.hb_other .on{background:url(../images/fnon.jpg) no-repeat bottom left; color:#0256b4;}
.hb_other .chname{float:left; background:url(../images/Search_box.jpg) no-repeat; width:161px; height:32px; line-height:32px; border:0 none; box-shadow:none; font-size:12px; cursor:pointer; text-indent:35px; padding:0; color:#b6b6b6; font-family:"Microsoft YaHei";}
.hb_other .btn{float:left;background:url(../images/Search.jpg) no-repeat;width:60px;height:32px;border:0;cursor:pointer; color:#fff;}

/*热门产品*/
.hb_pro{width:226px; padding:12px 21px 0; border:1px solid #cecece; border-top:none; margin-bottom:10px;}


.focusBox {position: relative; width:226px; height:230px; margin-bottom:0px;  overflow: hidden; text-align: left; background:#fff; }
.focusBox .pic img { width:100%; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height:46px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:44px; line-height:44px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color:#4c4c4c; padding: 0 0 0 10px; font-size: 14px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom:56px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width:8px; height:8px; line-height:8px; overflow: hidden; text-align: center; margin-right:2px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; font-size:0; }
.focusBox .num li span { z-index: 1; background:#000; filter: alpha(opacity=50); opacity:0.5; border-radius:10px;}
.focusBox .num li.on a,.focusBox .num a:hover{ background:#d7241e;  border-radius:10px;}

/*侧栏新闻*/
.hb_news{border:1px solid #cecece; border-top:none; padding:10px 15px 21px; margin-bottom:21px;}
.n_db{line-height:40px; height:40px; overflow:hidden; border-bottom:1px dotted #929292; background:url(../images/list_nese.jpg) no-repeat 3px center; text-indent:14px;}
.item a{ margin-left:16px; font-size:14px; color:#070707;}

#m_right {width:1200px; float:right; margin:40px 0 30px; padding:0px 0px; border:0px solid #d3d3d3;}
#location { padding-bottom:0px; background: url(../images/hd_bg_1.jpg) repeat-x left bottom;}
.location_title { font-size:18px; color:#d40116; height:46px; line-height:37px; float:left;}
.location_tp{background: url(../images/hd_bg_02.jpg) repeat-x left bottom;}
.location_list { font-size:14px; height:44px; line-height:44px; background:url(../images/home_t.jpg) no-repeat left center; text-indent:30px; float:right; color:#888989; margin-right:3px;}
.location_list a{color:#888989;}
.location_list span { margin:0 5px; }

.ty_list{ float:left;}
.dtd{background: url(../images/hd_bg_1.jpg) repeat-x left bottom; height:66px; line-height:66px; text-align:center; margin-bottom:37px;}
.dtd_t{background: url(../images/hd_bg_2.jpg) no-repeat center bottom; color:#0069a1; font-size:24px;}
.lnte{background: url(../images/lnte.jpg) repeat-x left bottom;}
#category {
	position: absolute;
    bottom: 0;
    left: 13.5%;
	color: #fff;
	line-height: 50px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	font-size: 20px;
}
#category a{
	color: #fff;
	display: block;
}
#category a:hover{
	
    transform: translateY(-3px);
}
#category .bd {
    margin: 0;
    text-align: center;
    border-left: 0px solid #dcdfe3;
    width: auto;
    float: left;
}
#category .clearfix{padding:0px 0px 0px 0px;}
#category .bd ul li.parent {
    height: 73px;
    line-height: 0;
    width: 110px;
    margin: 0px 16px 0 0;
    border: 0px solid #c7c7c7;
    border-radius: 0px;
    display: inline-block;
}
#category .bd ul li.parent a {
    display: block;
    line-height: 73px;
    font-size: 18px;

    text-align: center;
    color: #fff;
    border-radius: 0px;
}
#category .bd ul li.parent a:hover {
	 color: #fff;

    opacity: 1;
    text-decoration: none;
}
#category .bd ul li.parent a.current {
    color: #fff;
   
    opacity: 1;
    text-decoration: none;
}
.location_list {
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    text-indent: 0px;
    float: right;
    color: #fff;
    margin: 0px;
    
    padding-left: 25px;
}
.location_list a {
    color: #fff;
}
.location_list span {
    margin: 0 5px;
}
.m_location_wrap{}
.m_location_title { float:left; font-size: 24px; color: #313232; height: 77px; line-height: 77px; background: url(../images/hd_bg_2.jpg) repeat-x left bottom;}

/*产品*/


.product_ebd .parent{width:auto;}
.p2 {width: 48%; margin-bottom: 40px;list-style: none;}
.p2 img{
	margin: 0 auto;
    mix-blend-mode: multiply;
    object-fit: cover;
    line-height: 0;
	width: 100%;
}
.p2 img:hover{transform: scale(1.1);}
.p2 a:hover p{color: #f50467;}
.p2_m{position: relative; padding:0px 0 0px 0; display:block; line-height:0; background-color:#fff;}
.p2_m figure{
	overflow: hidden;
    background: #f6f6f7;
    border-radius: 0px 0px 0 0;
    padding: 30px;
	 /*border:solid 1px rgba(0,0,0,0.1); */
}

.p2_m figcaption{
	line-height: 30px;
    text-align: center;
    font-size: 16px;
    background: #f6f6f7;
    padding: 10px;
    
}
.p2_m figcaption a:hover{
	 color: #f50467;
}
.p2_m figcaption p{
	 max-height: 30px;
	 overflow: hidden;
}
.m_pro_list {
	padding:0;
	display: flex;
    flex-wrap: wrap;
}
.m_pro_list a{
	width: 25%;
}
.m_pro_list .p2 {float:left; width:288px; margin-bottom:20px; border:solid 1px #d4d4d4; }
.m_pro_list .p2 figure { }
.m_pro_list .p2 figcaption {display:block; height:44px; line-height:44px; text-align:center; font-size:16px; color:#292929; background-color:#fff; border-top:solid 1px #d4d4d4;}
.m_pro_list .p2 a:hover {text-decoration:none; }
.m_pro_list .p2:hover figure {}
.m_pro_list .p2:hover figcaption {background-color:#4b4b4b; color:#fff; overflow:hidden; }

.item_p{width:43%; float:left; margin-right:4%; line-height:0; font-size:0;padding: 30px; margin-bottom: 35px;background-color: #f5f5f5;}
.item_p img{width:55%;float: right;}
.pfirst2, .pfirst4, .pfirst6, .pfirst8, .pfirst10, .pfirst12, .pfirst14{ margin-right:0;}
.item_p .pfirst:nth-child(2n) {
    margin-right: 0px;
}

.li_pp_t{width: 40%; line-height:16px; }
.li_pp_t h3{font-size: 30px; font-weight: inherit;margin-top: 10px;margin-bottom: 65px;line-height: 34px;}
.li_pp_t p{font-size: 18px; margin-bottom: 15px;}
.li_pp_t a{font-size: 16px; color: #595757;}

.page,.pages {line-height:30px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:25px;display: flex; justify-content: center;}
.page span,.pages span{padding:10px 15px 10px 15px; background-color:#f50467; color:#fff; border:solid 1px #000000; font-size:0.875em; }
.page a,.pages a{ color:#444444; border:1px solid #ccc;padding:10px 15px 10px 15px; margin:0 4px; text-decoration:none; background-color:#f6f9fe;  font-size:0.875em; }
.page a:hover,.pages a:hover{color:#fff; background-color:#f50467; }
.page a.current,.pages a.current{color:#fff; background-color:#f50467; }
.page .active a,.pages .active a{color:#fff; background-color:#f50467; }
.pagination li{float:left;}
.cMore {display:none;}

/*公司简介*/
.m_location_m{-moz-box-shadow: 0px 4px 12px #ddd; -webkit-box-shadow: 0px 4px 12px #ddd; box-shadow: 0px 4px 12px #ddd;}
.m_location_list {height: 120px; line-height: 120px; color: #333;  background: url(../images/location.jpg) no-repeat left center; }
.m_location_list span {margin:0 5px; }
.m_location_list a {color:#333; font-size: 20px;}


.prod_ht{margin:0px 0 39px; padding-top:0px; background:url(../images/dtd_em.jpg) no-repeat bottom center; height:73px; line-height:73px; width:100%; font-size:28px; text-align:center; color:#000;}
.prod_li{width:380px; float:left; line-height:0;margin-bottom:30px;}
.prod_li_z{margin:0 30px;}
.prod_li_tx{background:url(../images/lp_on.jpg) no-repeat right 18px center #fff; height:55px; line-height:55px; font-size:16px; color:#1e1e1e; text-indent:30px;}
.prod_li:hover .prod_li_tx{background:url(../images/lp_foo.jpg) no-repeat right 18px center #054896; color:#fff;}
.responsimg{float:right; margin-left:37px; margin-bottom:58px;}
.about_ht{font-size:30px;}
.about_imt{margin-left:0px; line-height:0; text-align: center;}
#m_about{width:890px; float:right; border:0px solid #d3d3d3;}
.m_about{padding:2px 20px 28px; margin:20px 0;}
.m_new{padding:0px 0px 0px; margin-bottom:20px;}
.m_about_title{background:url(../images/hd_bg_2.jpg) repeat-x left bottom;}
.m_location_wrap{background:url(../images/hd_bg_1.jpg) repeat-x left bottom;}
.about_n{ padding:14px 0 0 0;}
.about_n .h4{float:left; margin-right:0; text-align:left;border-bottom: 1px dotted #929292; background: url(../images/list_nese.jpg) no-repeat 3px center; width:430px; height:40px;}
.about_n .h4 a{ margin-left:14px; font-size:14px; color:#393a3a; line-height:40px;}
.about_n .h4:nth-child(2n){margin-left:24px;}
.about_n span{float:right; font-size:12px; color:#8f8f8f; margin-right:5px;}
.list1 li{width:23.5%;margin-right:2%;text-align:center;float:left;}
.list1 li:nth-child(4n){margin-right:0;}
.list1 li figure img{width:100%;display:block;}
.list1 li h3{line-height:30px;font-size:14px;font-weight: normal;}


#article { line-height:30px; font-size:16px; padding:0; width:100%; margin:0 auto; color:#333333;}
#article img{display: block;}
#article h2{
	font-size: 24px;
    color: #333;
}
#article h3{
	font-size: 24px;
    color: #333;
	font-weight: initial;
	margin-bottom: 30px;
    margin-top: 5px;
}
#article p{word-wrap:break-word;word-break:break-all; line-height: 30px;}
.about_img1{
	    float: right;
    margin-bottom: 20px;
    margin-left: 100px;
} 
#article b{
	font-size: 16px;
}
.about_img2{
	margin-bottom: 50px;
} 
.about_img3{
	margin-top: 80px;
	width: 100%;
} 

.ab_msg{
	display: flex;
    justify-content: space-between;
	margin-bottom: 70px;
}
.ab_msg div{
	width: 29%;
	display: flex;
    align-items: center;
}
.ab_msg p{
	width: 71%;
}
.ab_msg img{
	margin: 0 auto;
}

.ic_msg{
	text-align: center;
	margin-top: 70px;
}
.ic_msg h2{
	font-size: 30px;
    line-height: 36px;
	margin-bottom: 10px;
}
.ic_msg img{
	margin-top: 50px;
}

.pp_msg{
	text-align: center;
}

.pp_list{
	text-align: center;
	margin-top: 50px;
}
.pl2_m {
	margin-bottom: 15px;
}
.pl2_m img{
	width: 100%;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
}
.pp_list ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pl2 {
    width: 16%;
    margin: 0 10px;
	margin-bottom: 50px;
}
.pl2 figcaption{
	line-height: 22px;
	color: #8b8b8b;
}


.newslist-box{
	
}

.newslist-tops{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.images-box{
	width: 62%;
	position: relative;
}
.images-box .words{
	font-size: 20px;
    margin-top: 20px;
}
.images-box a{
	display: block;
	background-color:#fff;
}
.images-box img{
	width: 100%;
    max-height: 460px;
    object-fit: cover;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
}
.cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next {
	width: 40px;
    height: 40px;
	box-sizing: border-box;
    border: 1px solid #2a67b5;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.cons-swiper .swiper-button-prev {
    background-image: url(../images/lefts.png);
}
.cons-swiper .swiper-button-next {
    background-image: url(../images/rights.png);
}
.words-box{
	width: 34%;
	background: #ecf3f9;
	padding: 50px;
}

.uls-tops{
	font-size: 20px;
	margin-bottom: 30px;
}
.newslist-tops .uls:nth-child(2) {
    margin-top: 60px;
}
.newslist-tops .li {
    position: relative;
    cursor: pointer;
}
.newslist-tops .li:nth-child(n+2) {
    margin-top: 10px;
}
.newslist-tops .selects-tops {
    position: relative;
}
.newslist-tops .inputs input[type=text], .newslist-tops .selects-tops {
    height: 55px;
    line-height: 55px;
	font-size: 16px;
    background-color: #fff;
    padding-left: 0.5rem;
    padding-right: 1.5rem;
    width: 100%;
    overflow: hidden;
	outline: none;
    border: none;
}
.newslist-tops .selects-tops:before {
    width: 12px;
    height: 6px;
    content: "";
    position: absolute;
    right: 0.55rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/tops.png) no-repeat center;
    background-size: 100%;
}
.newslist-tops .selects-tops:hover {
    background-color: rgba(0,0,0,.05);
}
.newslist-tops .selects-bots {
    position: absolute;
    width: 100%;
    left: 0;
    top: 55px;
    display: none;
    background-color: #fff;
    line-height: 1.5;
    max-height: 150px;
    overflow: auto;
	    z-index: 2;
}
.newslist-tops .selects-bots .lis {
    line-height: 1.5;
    padding: 8px 0.5rem;
}
.newslist-tops .selects-bots .lis:hover {
    color: #fff;
    background-color: #0053A6;
}

.newslist-tops .inputs input[type=submit] {
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
	border: none;
}
.newslist-tops .inputs input[type=submit].inputs-submit {
    background: url(../images/ser.png) no-repeat center;
    background-size: 100%;
    right: 0.55rem;
}
.newslist-tops .inputs input[type=submit].inputs-submit2 {
    width: 55px;
    height: 55px;
    right: 0;
    background: url(../images/3-01-003.png) #ececec no-repeat center;
    background-size: 20px;
}

.newslist-bots {
    padding-top: 90px;
}
.lefts{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.newslistbots-titles .lefts .li {
	font-size: 24px;
    line-height: 1.16em;
    color: #999999;
    cursor: pointer;
    transform-origin: 0 90%;
	margin-right: 20px;
}
.newslistbots-titles .lefts .li:hover a{
    color: #0053A6;
}
.newslistbots-titles .lefts .li.active a{
	font-size: 36px;
    color: #0053A6;
}
.news-ajax-list {
   
}
.news-ajax-list h2{
   font-size: 36px;
    line-height: 48px;
    margin-bottom: 30px;
    font-weight: 450;
}
.news-ajax-list .items .box {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}

.news-ajax-list .items .box .wrapper{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news-ajax-list .items .box img{
	width: 30%;
    max-height: 280px;
    object-fit: cover;
    border: 1px solid rgba(0,0,0,0.1);
}


.news-ajax-list .items .box2{
	width: 68.75%;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.news-ajax-list .items .numbers {
    width: 15%;
    padding-right: 0.2rem;
}
.news-ajax-list .items .words {
       width: 65%;
}
.news-ajax-list .items .words .tits{
    font-size: 24px;
    font-weight: 450;
	margin-bottom: 10px;
	margin-top: 10px;
}

.news-ajax-list .items:hover .tits{
	color: #f50467;
}
.news-ajax-list .items .words .more{
	width: 110px;
    line-height: 35px;
    background: #f50467;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
.zicolor {
    color: #0053A6;
}
.news-ajax-list .items .numbers .num1{
	font-size: 20px;
}
.news-ajax-list .items .numbers .line {
    margin-top: 0.55rem;
    margin-bottom: 0.3rem;
    width: 0.5rem;
    height: 2px;
    background-color: #b5b5b5;
}

.news-ajax-list .list {
	display: flex;
    flex-wrap: wrap;
}
.news-ajax-list .list a{
	width: 100%;
	margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.news-ajax-list .list a:nth-child(3n){
	margin-right: 0%;
}

.getmore{
	color: #0053A6;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
}
.getmore .span {
    cursor: pointer;
    line-height: 1;
    position: relative;
    z-index: 1;
    padding-right: 18px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}
.getmore .span:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 4px;
    background: url(../images/2-004.png) no-repeat center;
    background-size: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*2020新 公司简介*/
.m_pro_list .p1 { float:left; /*width:31.4%;*/ display:inline; margin-bottom:0%; text-align:center; line-height:45px; }
.m_pro_list .p1 img{display:block; width:100%;}
.m_pro_list .p1 figure { border:solid 1px #ccc; }
.m_pro_list .p1 figure img { width:100%; display:block; }
.m_pro_list .p1 figure figcaption { display:block; height:44px; line-height:44px; text-align:center; border-top:solid 1px #ccc; font-size:0.875em; }
.m_pro_list .p1:hover figure { border:solid 1px #004898; }
.m_pro_list .p1:hover figure figcaption { border-top:solid 1px #004898; background-color:#004898; }
.m_pro_list .p1:hover a { color:#fff; }
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst7, .nofirst8, .nofirst10, .nofirst11 { margin-right:16px; }

/*技术中心*/
.m_pist{ margin-top:20px; margin-left:0px;}
/*董事长致辞*/
.text26 {text-indent:0px;}

/*企业文化*/
.lc_img{width:100%; height:auto; margin-bottom:0; line-height:0;}
.lc_img img{width:100%;}
.lc_pbt{width:89%; height:auto; padding-bottom:20px; padding-left:5%;}

.lc_img{float:left; width:360px; height:225px; font-size:0; margin-bottom:20px;}
.lc_pbt{float:left; padding:0 20px 0 26px; width:464px; height:225px; font-size:14px; color:#2b2b2c; background-color:#ecedee; margin-bottom:20px; line-height:26px;}
.lc_pbt span{display:block; font-size:18px; margin:10px 0 13px;}

/*证书详情*/
.imgview_h{margin:41px auto 0; text-align: center; /*! float:left; */}
.imgview_h img{max-width:940px; margin:auto; display: block;}


.content{
	padding: 60px 0;

}
.content h1{
font-size:24px;
  color: #625c5c;
  line-height: 1;
  border-left: 24px solid #625c5c;
  padding-left: 10px;
  font-weight :normal;
  margin-top: 40px;
 margin-bottom: 20px;
}
.content strong{color:#0d6fb8;}
.contact1{
}

.contact1 .wrapper{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.contact1 .left {
   width: 55%;
}
.contact1 .right {
    width: 40%;
}
.contact1 .left .bottom .b-item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    flex-direction: column;
}
.contact1 .left .bottom .b-item .key{
	font-weight: 600;
}
.contact1 .left .title{
	font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.contact1 .left h2{
	line-height: 36px;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.contact1 .left h3{
	font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact1 .left p{
	text-align: left;
}

.contact1 .right .right-title span {
    color: red;
}

.contact1 .right .form label {
	display: block;
    position: relative;
    flex-basis: 100%;
	margin-bottom: 20px;
}

.contact1 .right .form label p{
    font-weight: 600;
}


.contact1 .right .form label input, .contact1 .right .form label select {
    background: none;
   border: 2px solid #eee;
    text-indent: 0;
    font-size: 16px;
}
.contact1 .right .form input {
    width: 100%;
    height: 50px;
    background: #f1f1f1;
    border: none;
    padding: 0 20px;
    text-indent: 0;
    font-size: 16px;
	outline: none;
	
}
.contact1 .right .form label textarea {
    background: none;
	border:none;
    border: 2px solid #eee;
    padding: 20px;
	font-family:"MiSans",Arial;
    font-size: 16px;
    height: 200px;
	text-indent: 0;
	width: 100%;
    min-height: 200px;
	outline: none;
}
.contact1 .right .form button {
    width: 230px;
    height: 50px;
    margin: auto;
	border: none;
	margin-left: 0;
    background: #f50467;
    color: #fff;
    display: block;
    font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s ease;
}
.contact1 .right .form button:hover {
	background: #997047;
}

.connav{
	display: flex;
    justify-content: space-between;
	margin-bottom: 30px;
}
.connav .conli{
	flex: 1;
    line-height: 50px;
    text-align: center;
    background: #f7f8fa;
    border: 1px solid rgba(0,0,0,0.1);
}
.connav .conli:hover{
	color: #fff;
    background: #003b83;
}

.conmsg {
    display: none;
}
.con1{
	display: block;
}
.conmsg .cml,.conmsg .cmr{
	width: 49%;
}
.conmsg .cml strong,.conmsg .cmr strong{
	font-weight: 450;
}
.conmsg .cml img,.conmsg .cmr img{
	width: 100%;
}
.conmsg .cml p,.conmsg .cmr p{
	padding: 30px;
    background: #f6f6f6;
	flex-direction: column;
}
.conmsg .cml span,.conmsg .cmr span{
	display: block;
    width: 20px;
    height: 1px;
    background: #333;
    margin: 10px 0;
}

.coninfo{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
	margin-bottom: 90px;
} 
.coninfo .coli{
	width: 22%;
	display: flex;
    flex-direction: column;
    align-items: center;
	font-size: 18px;
}
.coninfo .coli:hover img{
	transform: rotateY(180deg);
}
.coninfo .ciimg{
	text-align: center;
    width: 60px;
    line-height: 60px;
    height: 60px;
    display: flex;
    background: #f6f6f6;
    align-items: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 60px;
	margin-bottom: 10px;
}
.coninfo img{
	width: 100%;
	max-width: 30px;
}

.coninfo span{
	display: block;
    width: 20px;
    height: 1px;
    background: #333;
    margin: 10px 0;
}
.coninfo p{
	text-align: center;
}

/*产品详情侧栏*/
.n_viwe{border:1px solid #cecece; border-top:none; padding:12px 12px 4px; margin-bottom:21px;}
.n_viwe{line-height:0px;}
.n_viwe img{width:100%; border:1px solid #dadada;}
.n_viwe span{line-height:46px; text-align:center; width:100%; display:block;}

/*产品详情*/
.porview{
	width: 100%;
}
.porview .wrapper_p #category{
	 position: initial;
	 color: #333;
}
.porview .wrapper_p #category a{
	 color: #333;
}
.pro_box{
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.view_bj{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width:100%; 
    overflow: hidden;
}

.custom-container{
	width: 45%;
}
#BannerBlocks{
	margin-top: 30px;
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#BannerBlocks .items{
	display: flex;
    flex-wrap: wrap;
}

#BannerBlocks .items .block{
	width: 23.5%;
    margin-right: 2%;
}
#BannerBlocks .items .block:nth-child(4n){
    margin-right: 0%;
}
#BannerBlocks .items .block img{
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
}

.pro_box .imgview{
	border-radius: 0px;
	background: #FFF;
	text-align: center; 
	box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 40px;
	
}
.imgview img{margin:auto;width:100%;  max-width: 600px; display: block;mix-blend-mode: multiply;}

.pro_box .imgview .swiper-slide{
	height: 100%;
	background: #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_msg{
	width: 50%;
}
.pro_msg .config h2{
	 font-size: 24px;
    line-height: 30px;
    font-weight: 450;
    margin-bottom: 20px;
	padding-left: 2%;
	border-left: 5px solid #f50467;
}

.pro_msg .config h3{
	font-size: 24px;
    font-weight: 450;
    color: #f50467;
    margin-bottom: 20px;
}
.pro_msg .config ul li{
	
}
.pro_msg img{width: 100%;
	
}

.config .configs{
	font-size: 20px;
	width: 75%;
    line-height: 60px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid;
    padding: 0 20px;
    margin: 10px 0;
}
.config .configs.on{
	color: #f50467;
}
.pbut{
	display: flex;
    flex-wrap: wrap;
	margin-top: 50px;
}

.pbut .but1{
	display: block;
    width: 150px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #f50467;
	margin-right: 30px;
}
.pbut .but2{
	display: block;
    width: 150px;
    line-height: 50px;
    text-align: center;
    color: #f50467;
	border: 1px solid #f50467;
}

.cname {
	 position: absolute;
	 top: 0;
	 font-size: 16px;
	 text-transform: uppercase;
	 background-color: #f50467;
	 color: #fff;
	 padding: 5px 10px;
	 border-radius: 5px;
	 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	 opacity: 0;
	 pointer-events: none;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.cname::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #f50467;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.color ul li:hover .cname {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


.color ul li img{
	border: 2px solid #e7e7e7;
    border-radius: 30px;
	max-width: 30px;
}
.color ul li.on img{
	border: 2px solid #f50467;
}

.product_cont{
    width: 100%;
	background-color: #fff0f5;
	padding: 60px 0px;
}
.product_cont .content h2{
	width: 100%;
	text-align: center;
	font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 60px;
}
.product_cont .content h2 strong{
	color: #f50467;
}

.content img{max-width: 100%;display: block;}

.conte_img{
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 30px 0;
}
.conte_img img{
	width: 60%;
	border: 1px solid rgba(0,0,0,0.1);
}

.about_img{
	display: flex;
    justify-content: space-between;
}
.about_img img{
	width: 49%;
}

.parameter{
	background: #fafafa;
	width: 100%;
    margin: 0px auto;
    padding: 90px 0;
}
.parameter h2{
	width: 100%;
	text-align: center;
	font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 60px;
}
.parameter h2 strong{
	color: #f50467;
}
.parameter table{
	width: 100%;
}
.parameter tr{
	display: flex;
    justify-content: space-between;
	margin-bottom: 30px;
}
.parameter td{
	width: 47%;
	position: relative;
	padding: 0 15px;
	line-height: 36px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.parameter td:before{
	content: "";
  display: block;
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #f50467;
  border-radius: 30px;
}
.parameter td strong{
	color: #808080;
    font-weight: 450;
}
.related{
	padding: 90px 0;
	background: #f2f5f7;
}
.related h2{
	width: 100%;
	text-align: center;
	font-size: 30px;
    text-transform: uppercase;
    font-weight: 450;
	margin-bottom: 60px;
}
.related h2 strong{
	color: #f50467;
}
.picList .rli_p .picimg{
	padding: 30px;
    background: #f6f6f7;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px 10px 0 0;
}
.picList .rli_p img{
	width: 100%;
    line-height: 0;
	mix-blend-mode: multiply;
}
.picList .rli_p fieldset{
	background: #ededed;
    border: none;
	padding: 10px 0;
}
.picList .rli_p p{
    padding: 0px 10px;
    text-align: center;
    max-height: 30px;
	overflow: hidden;
}
.picList .rli_p:hover a{
	color: #f50467;
}


.return{
	width: 230px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #fff;
	background:url(../images/pjt1.png) no-repeat center right 30px;
    border-radius: 30px;
    padding: 0 20px;
    color: #fff;
	margin: auto;
    margin-right: 0;
    margin-bottom: 10px;
	transition: box-shadow .5s ease,border .5s ease;
}
.return:hover{
box-shadow: 5px 5px 5px 0px rgba(20, 20, 20, 0.25),-2px -2px 4px 0px rgba(255, 255, 255, 0.2);
	 border: 1px solid rgba(0,0,0,0.1);

}
.return a{
	display: block;
	color: #fff;
}
.toc{
	width: 230px;
    line-height: 40px;
    box-sizing: border-box;
   background:url(../images/pjt2.png) no-repeat center right 30px #fff;
    border-radius: 30px;
    padding: 0 20px;
    color: #fff;
}
.toc a{
	display: block;
	color: #fff;
}
.pcon{
	padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
/*相关产品*/
.prod_v_ht{
	padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.68);
	position: relative;
	margin-bottom: 50px;
}
.prod_vt{
	margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 36px;
}
.prod_vd{
	position: absolute;
    bottom: 30px;
	font-size: 24px;
}
.picScroll-left{position:relative; width:100%; margin-bottom:0px;}
.li_p{position:relative; width:335px; float:left; line-height:0; margin-top:0px; margin-right:20px; background-color:#fff; }
.li_p a{
	display: flex;
    align-items: center;
	border: 1px solid rgba(0,0,0,0.1);
	height: 390px;
}
.li_p img{border:0px solid #ddd; width:100%; max-width:335px; display:block; margin:auto;}
.li_h3{ width: 100%; margin:auto; display:block; height:40px; line-height:40px; text-align:center;}
.hd .next, .hd .prev{position:absolute; top:123px; width:17px; height:32px; background:url(../images/next_v.jpg) no-repeat;}
.hd .next{right:-34px;}
.hd .prev{position:absolute; left:-34px; background:url(../images/prev_v.jpg) no-repeat;}


.tht_view{width:556px; float:right;}
.view_title{font-size:24px; color:#000; line-height:70px;}
.view_tpe{font-size:15px; color:#3a3a3a; line-height:26px; border-bottom:1px solid #dcdcdc; padding-bottom:19px;}
.view_tbe{font-size:14px; color:#0d0d0d; border-bottom:1px solid #dcdcdc; padding:13px 0 9px;}
.view_tbe_h1{color:#656565;}
.view_the{border-bottom:1px solid #dcdcdc; padding:13px 0 9px;}

.view_h1{font-size:16px; color:#000; line-height:40px; font-weight: bold;}
.view_p{margin-bottom:10px;}
.view_h2{font-weight: bold;}
.m_prev_share{margin:46px 0;}
.m_pro_menu{border-bottom:0px dashed #bfbfbf; border-top:1px dashed #bfbfbf; padding:17px 0 15px}
.m_pro_prev, .m_pro_next{text-align:left; background: url(../images/prev_2.jpg) no-repeat 1px center; float:left; text-indent:31px;}
.m_pro_next{background: url(../images/next_1.jpg) no-repeat 1px center; text-align:right; float:right;}
.m_yx_menu{ margin:32px 0 21px 0;}
.m_yx_menu span{font-size:14px; font-weight: bold; float:left;}
.dy_01, .dy_02, .dy_03{background: url(../images/dy_01.jpg) no-repeat left center; float:left; text-indent:22px; margin-left:10px;}
.dy_02{background: url(../images/dy_02.jpg) no-repeat left center;}
.dy_03{background: url(../images/dy_03.jpg) no-repeat left center;}
.dy_04{ float:left; margin-left:10px;}
.m_about_view{padding:2px 20px 17px; margin-bottom:10px;}
.m_location_view{position:relative;}
.prev_view, .next_view{position:absolute; right:28px; top:17px; width:16px; height:16px; background: url(../images/prev.jpg) no-repeat;}
.next_view{right:0px; background: url(../images/next.jpg) no-repeat;}
.p2_v{margin-right:10px;}
.p2_v img{width:212px;}
.m_pro_list .p2_v figcaption{height:50px; line-height:50px; width:212px;}
.p2_v:nth-child(3n){margin-right: 10px;}
.p2_v:nth-child(4n){margin-right: 0px;}


/*新闻*/
/*.news_nt{margin:19px 0 20px;}
.news_nt .news_h4{float:left; border-bottom: 1px dotted #929292; background: url(../images/news_gb.jpg) no-repeat 2px center; width:100%; height:48px; overflow:hidden;}
.news_nt .news_h4 a{ margin-left:14px; font-size:14px; color:#232323; line-height:48px;}
.news_nt span{float:right; font-size:12px; color:#8f8f8f; margin-right:5px; line-height:51px;}
.pages span{float:none; color:#fff;}*/
/*新闻详情*/
#newslist {
    margin: 0px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#newslist li.list {
    flex: 0 0 30%;
    width: 30%;
    list-style: none;
    margin: 0 20px;
}
#newslist li.list img {
    width: 100%;
    border: 1px solid #e0e0e0;
}
#newslist li.list dl {
    height: auto;
    overflow: hidden;
    padding: 5px 0px 40px;
}
#newslist li.list dl dt {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
#newslist li.list dl dt a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
#newslist li.list dl dd.info {
    height: 65px;
    line-height: 30px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 10px;
}
#newslist li.list dl dd.more {
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    color: #333;
    padding-top: 10px;
}
#newslist li.list dl dd.more time {
    padding: 0px;
    display: block;
}


.SiteContent{
	padding: 200px 0 40px;
}
.case{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.caseul{
	display: flex;
    flex-wrap: wrap;
}
.caseli{
	width: 23.5%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.caseli:nth-child(4n){
	margin-right: 0%;
}
.caseli img{
	display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 15px;
}
.caseli:hover img {
   transform: scale(1.1);
}
.caseli p {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
.m_case_wrap{
	display: flex;
    flex-wrap: wrap;
}
.m_case_wrap li {
    width: 50%;
}
.m_case_list {
    background: #8f8f8f;
    width: 100%;
}
.m_case_list th {
    background-color: #fef1eb;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
}
.m_case_list td {
    background-color: #ffffff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.message{
	padding: 90px 0;
}
.message .wrapper{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.message .sercl .sermsg p{
	margin-top: 50px;
    line-height: 40px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.message .sercr{
	width: 45%;
}
.message form{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.message input{
	width: 48%;
	line-height: 50px;
    padding: 0 20px;
    border: none;
    outline: none;
	margin-bottom: 25px;
	font-size: 16px;
    background: #f7f8fa;
}
.message textarea{
	    width: 100%;
	font-family:"Microsoft YaHei",Arial;
	line-height: 30px;
	height: 200px;
    padding: 20px;
    border: none;
    outline: none;
	margin-bottom: 25px;
	font-size: 16px;
    background: #f7f8fa;
}
.message button{
	width: 48%;
	color:#fff;
	font-size: 16px;
	line-height: 50px;
	border: none;
    outline: none;
}
.message .reset{
	background: #003c81;
}
.message .submit{
	background: #f50467;
}

.network {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.network .sercl{
	width: 50%;
}
.network .sercl img{
    width: 100%;
}
.network .sercr{
	width: 50%;
    padding: 0 90px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
	 background: url(../images/nat_bg.jpg) no-repeat center;
}
.network .sercr .sermsg{
	margin-top: 20px;
}

.download{
	padding: 90px 0;
}
.download .tit{
	text-align: center;
}
.download .tit span{
	margin: 0 auto;
}

.dowul{
	display: flex;
    flex-wrap: wrap;
	margin-top: 60px;
}
.dowli{
	width: 19.2%;
	margin-right: 1%;
	margin-bottom: 20px;
}
.dowli:nth-child(5n){
	margin-right: 0%;
}
.dowli img{
	width: 100%;
}

.in-join-con{
	margin: 70px 0;
}

.join h2{
	border-bottom: 1px solid;
    border-left: 1px solid;
    text-align: left;
    padding: 3px 0 15px 20px;
}
.join table{
	margin: auto;
	margin-top: -1px;
	width: calc(100% - 65px);
	border-collapse: collapse;
	margin-right: 0;
}
.join td {
  border: 1px solid #fff; /* 细边框 */
  padding: 5px 20px;
}
.searchc {
    width: 31%;
    margin: auto;
    margin-right: 0;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control {
	display: table-cell;
	margin: 10px 0 0 0;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
	padding: 5px 12px;
    font-size: 14px;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 34px;
	box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

}
.input-group .form-control:first-child{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}
.input-group-btn > .btn {
    position: relative;
}


.join{
	padding-top: 40px;
    padding-bottom: 20px;
}
.join_p{
	margin-top: 40px;
    padding-left: 65px;
}



.prod_h {
    text-align: center;
    color: #fff;
    padding-top: 200px;
}
.prod_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 30px;
}
.prod_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 50px;
}

.pro_nav{
	display: flex;
    justify-content: center;
	margin-bottom: 70px;
}
.pro_c{
	width: 180px;
    line-height: 45px;
    text-align: center;
    background-color: #666666;
    color: #fff;
    border-radius: 30px;
	margin: 0 15px;
}
.pro_c a{
	display: block;
}
.pro_c:hover{
	background-color: #ffffff;
}
.pro_c:hover a{
	color: #000;
}
.p_on{
	background-color: #ffffff;
}
.p_on a{
	color: #000;
}


.pro_ul{
	display: flex;
    flex-wrap: wrap;
	padding: 0 2.65%;
}

.pro_li{
	width: 28%;
	margin: 0 2.65%;
	margin-bottom: 70px;
}
.pro_li img{
	display: block;
    width: 100%;
	
}

.pro_li:hover img{
	transform: scale(1.1);
}
.pro_li p{
	line-height: 55px;
    text-align: center;
    background-color: #fff;
    color: #000;
}

.placeholder p{
	color: #B6B6B7;
}


.view_pro{
	margin-top: 170px;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.view_pro img{
	width: 100%;
    max-height: 700px;
    object-fit: cover;
    display: block;
}
.view_pro .sy{
	position: absolute;
	width: 30%;
	opacity: 0.3;
}

.m_honor_title { line-height:30px; font-size:30px;font-weight: 450;  }
.m_honor_attr { line-height:90px;  border-bottom: 1px solid rgba(0,0,0,0.1); }
.m_honor_content { padding: 30px 0; }
.m_honor_content video{
	max-height: 500px;
}
.m_prev_list { float:right; height:25px; margin-top:17px; }
.m_prev_list a { float:left; margin-left:15px; display:inline;}
.m_prev_list a img { display:block; }
.m_next_list {  margin: 0 auto; border-top:1px solid rgba(0,0,0,0.1); padding-top: 30px;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;;}
.m_next_list p.m_p_prev a { display:inline-block; overflow:hidden; float:left; }
.m_next_list span {  display:block; float:left; text-align:center; margin-right:0.5em; }
.m_next_list p.m_p_next a {  display:inline-block; overflow:hidden; float:left; }
.m_prev_back {
	margin: 20px 50%;
    margin-bottom: 0px;
}
.m_prev_back a {display: inline-flex;
            align-items: center;
            justify-content: center;
            /* 自适应宽度：最小120px，最大占满屏幕80% */
            min-width: 120px;
            max-width: 80%;
            width: auto;
            /* 高度自适应，也可固定 */
            height: 48px;
            padding: 0 24px;
            /* 玫红色背景，和原图一致 */
            background-color: #F50057;
            /* 圆角，还原椭圆效果 */
            border-radius: 100px;
            /* 文字样式 */
            font-size: 16px;
            color: #FFFFFF;
            /* 去掉a标签下划线 */
            text-decoration: none;
            /* 点击无高亮 */
            -webkit-tap-highlight-color: transparent;
            }
.m_prev_back a:hover { text-decoration:none;}
.m_prev_share { margin-top:1em;}


.hmsg h2 {
    font-size: 40px;
    line-height: 60px;
}

.hor{
	    max-width: 60%;
}


/*联系我们*/

.cont_box{
	padding: 90px 235px;
	color:#737373;
}
.cont_boxt{
	display: flex;
    justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 90px;
}
.cont_box img{
	width: 100%;
}
.cont_boxt img{
	max-width: 230px;
}

.cont_tit{
	
}
.cont_tit h3{
	font-size: 36px;
	margin-bottom: 10px;	
}
.cont_tit h4{
	font-weight: 200;
    font-size: 24px;
	margin-bottom: 50px;
}
.cont_tit p{
	font-size: 24px;
}

.cont_tel{
	margin-top: 90px;
}
.cont_tel h3{
	font-size: 36px;
    margin-bottom: 30px;
}
.cont_tel h2{
	font-size: 40px;
    color: #d3bc94;
}

.store{
	padding: 90px 140px;
	color: #737373;
}
.store h2{
	font-size: 36px;
	margin-bottom: 90px;
}
.store_t{
	display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}

.store_t h3{
	font-size: 30px;
    color: #d3bc94;
}
.store_t h3:nth-child(1){
	width: 25%;
}
.store_t h3:nth-child(2){
	width: 44%;
}
.store_t h3:nth-child(3){
	width: 31%;
}
.store_p{
	display: flex;
    justify-content: space-between;
	padding: 20px 0;
    border-bottom: 2px solid #707070;
}
.store_p p{
	font-size: 18px;
}
.store_p p:nth-child(1){
	width: 25%;
}
.store_p p:nth-child(2){
	width: 44%;
}
.store_p p:nth-child(3){
	width: 31%;
}


.newsul{
	display: flex;
    padding: 90px 160px;
    justify-content: space-between;
	flex-wrap: wrap;
}
.newsul a{
	color: #737373;
}
.newsli{
	width: 43%;
	margin-bottom: 90px;
}
.newsli h2{
	font-size: 30px;
	line-height: 36px;
	margin: 30px 0;
}
.newsli span{
	font-size: 24px;
}
.newsli p{
	font-size: 18px;
	margin: 30px 0;
}
.newsli figcaption p{
	font-size: 24px;
    font-weight: bold;
    width: 135px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
	margin: 0;
    background: #d3bc94;
}

input::placeholder{
	color: #a1a1a1;
}
textarea::placeholder{
	color: #a1a1a1;
}
#captcha_img{vertical-align: middle;}

.cont_info{
	line-height: 70px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: flex;
}
.cont_img{
	width: 40px;
	margin-right: 10px;
}
.cont_info img{
	vertical-align: middle;
	margin: 0 10px;
}
.cont_info p{
	margin: 0px 60px 0 0;
}
.cont_b {
  text-align: justify;
  width: 70px;
height: 20px;
margin-right: 20px;
}
 
.cont_b::after {
  content: '';
  display: inline-block;
  width: 100%; /* 确保最后一行也被对齐 */
}
.cr{
	position: relative;
}
.cr:before{
	position: absolute;
    content: "*";
    right: 10px;
    top: 6px;
	color: #ff0000;
}
.cl{
	position: relative;
}
.cl:before{
	position: absolute;
    content: "|";
    left: 55px;
    top: 3px;
	color: #333;
}
.submit{
	width: 128px;
    line-height: 35px;
    border: none;
    background-color: #212121;
    color: #fff;
    font-size: 16px;
}

.about_p dd img{
	width: 15px;
    vertical-align: middle;
    margin-right: 10px;
}
/*质量控制*/

.kh_me{margin-bottom:0px; line-height:0px;}
.m_series_p3 { /*float:left; display:inline; width:32.2%; margin-bottom:2.6%; margin-right:1.7%;*/}
.m_series_p3 p { border:solid 1px #ccc; padding:0px; }
.m_series_p3 p img{width:100%;}
.m_series_p3:hover p { border:solid 1px #054896; }


/*证书*/
.quality_p{}
.m_series_p3 {display: inline-block; width:23.5%; margin-bottom:2.6%; margin-right:1.5%;}
.m_series_p3 p { border:solid 1px #ccc; padding:0px; line-height:40px; font-size:14px;}
.m_series_p3 img{width:100%;}
.m_series_p3:hover p { border:solid 1px #054896; }
.m_series_p3:nth-child(4n){margin-right:0;}

/*证书收缩*/
.hidden{ display: none;}
.lanren{}
.lanren ul.list{overflow: hidden;}
.lanren .more{overflow: hidden;padding:10px;text-align: center;}
.lanren .more a{display: block;width:150px;padding:8px 0;color:#fff;margin:0 auto;background:#054896;text-align:center;border-radius:3px;}
.lanren .more a:hover{text-decoration: none;background: red;color: #fff;}

/*下载*/
.giveliuyan {background-color: #e1e1e1; color: #de4c09; padding: 5px;}
.giveliuyan:hover { background-color: #de4c09; color: #fff; text-decoration:none;}
.m_d_list{padding-top:20px;}
.lef{float:left; margin-bottom: 30px; width:32.2%; margin-right:1.7%;}
.lef_x{border: 1px solid #dcdbdb;}
.lef .txt{padding:20px 0 16px 16px;border-top:none;}
.lef .txt p{padding-bottom: 14px;color: #4a4a4a;font-size: 16px;}
.lef .txt span{display: block;color: #c6c6c6;font-size: 14px;}
.lef:nth-child(3n+3){margin-right:0%;}


.down_list{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
}
.down_m{
	width: 23%;
	margin-right:32px;
	text-align: left;
	margin-bottom: 20px;
	position: relative;
}
.downlord{
	position: absolute;
    bottom: 10px;
    right: 0;
	background-color: #595757;
	padding: 2px 15px;
}
.downlord:hover{
	background-color: #595757;
}
.downlord a{
	 color: #fff;
	font-size: 14px ;
}
.down_m:nth-child(4n){
	margin-right:0px;
}
.down_m img{
	width:100%;
	display: block;
	border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
}
.down_m:hover img {
    transform: scale(1.1);
}
.down_m p{
	height:35px; line-height:50px; 
	text-align:center;
	margin-top: 5px;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.login{
	margin: 0px 200px;
    padding-top: 210px;
	padding-bottom: 40px;
	margin-bottom: 80px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	border-bottom: 1px solid #757475;
}
.login_i{
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #757475;
}
.login_i img {
    width: 25%;
    margin: 0 auto;
    display: block;
	margin-top: 20%;
}
.login_f{
	width: 46%;
	padding-bottom: 20px;
}
.login_f h1{
	font-size: 30px;
	font-weight: inherit;
	margin-bottom: 20px;
}
.login_f span{
	display: block;
	color: #757475;
}
.login_f .login_input{
	width: 100%;
    border: 1px solid #757475;
    background: none;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 30px;
}
.check{
	text-align: center;
	margin-bottom: 30px;
}


/*留言*/

.gbook1 { width:10%}
.gbook2 { width:50%; float:left; }
.gbook3, .gbook4 { width:20%; }
.mobieapp { border-left:solid 1px #ccc; border-top:solid 1px #ccc; }
.mobieapp li { width:24.868%; float:left; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:0.3em 0; }

.m_d_list{width:100%;}
.m_d_list img{width:100%;}

/*视频*/
.m_d_list #video0, .m_d_list #video1{width:800px; height:450px;}

@media screen and (max-width:1600px){
	.allcontent .wrapper_p{
	width: 1400px;
}
	}
@media screen and (max-width:1440px){
	#article img {
    display: block;
    width: 100%;
}
.contact-container {
   width: 1260px;}     
#article .ab_msg img {
    width: auto;
    margin: 0 auto;
}

.allcontent .wrapper_p{
	width: 1260px;
}

.por_ebd ul {
    max-width: 1260px;
}


.about_p img {
    width: 100%;
    display: block;
}

.about_ebd .parent {
    margin: 0 10px;
}


.cul_li{
	width: 33%;
}
.cul_li img {
    width: 100%;
    display: block;
}

.culboxl {
    width: 47.5%;
}
.culboxr {
    width: 51.5%;
}

.bd_hb_bt {
    padding-left: 40px;
    margin-bottom: 30px;
}


.m_pro_nav input {
    width: 80%;
}

.colornav ul li {
    margin-right: 20px;
}
.p2_m a {
    height: 375px;
}
.conte_view {
    width: 50%;
    padding: 70px 130px 30px 90px;
}
.businessimg {
    width: 52%;
}
.businessimg img{
    width: 100%;
}
.Courseli {
    width: 33%;
}
.Courseli img{
    width: 100%;
}
.mentorli {
    padding-bottom: 40px;
    width: 33%;
}
.mentorli .mentormsg {
    padding: 40px 25px 40px;
    justify-content: space-between;
}
.li_p {
    width: 285px;
}
.li_p img {
    max-width: 285px;
}
.li_p a {
    height: 330px;
}

.dtmsg {
    padding: 40px 0 0 40px;
    line-height: 24px;
}
.dtts {
    padding: 0 30px;
}

.join1 {
    padding: 190px 100px;
}
.join3 ul li {
    padding: 60px 30px;
}
.join3 ul li img {
    margin-right: 40px;
}
.join3 ul li p {
    font-size: 18px;
    margin-left: 20px;
}
.join5 {
    padding: 100px 80px 200px;
}
.join5 ul li h2 {
    font-size: 24px;
}

.newsul {
    padding: 90px 100px;
}
.newsli {
    width: 44%;
}

.caseli img {
    height: 170px;
}

.culbox .zcl {
    width: 45%;
}
.culbox .zcr {
    width: 45%;
}

}




@media screen and (max-width:1366px){
.contact-container {
   width: 1200px;}     
#article .ab_msg img {
    width: auto;
    margin: 0 auto;
}

.allcontent .wrapper_p{
	width: 1200px;
}

.por_ebd ul {
    max-width: 1200px;
}
}
@media screen and (max-width:640px){
	.banner {
  padding-top: 55px;
}
#pat {
    padding-top: 30px;
}
#cer {
    padding-top: 30px;
}

.abouts h2 {
    font-size: 18px;
}

.abouts img {
   max-width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
	
}

.sticky {
    top: 54px;
}
.porb{
	margin-top: 0px;
}
	
.prod_h {
    text-align: center;
    color: #fff;
    padding-top: 90px;
}
.prod_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.prod_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}

.product{
	width: 90%;
    margin: 0 auto;
}

.pro_nav {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.pro_ul {
    padding: 0;
}

.pro_li {
    width: 44%;
    margin: 0px 3%;
    margin-bottom: 30px;
}
	.pro_li p {
    line-height: 40px;
}

.por_ebd .parent p {
    margin-top: 10px;
    font-size: 18px;
    color: #757575;
}
.por_ebd ul {
    width: 90%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.por_ebd .parent {
    width: 50%;
	padding: 15px 0;
}

.por_ebd .parent2 {
    width: 100%;
    top: 360px;
}
.por_ebd .parent2 a {
    font-size: 14px;
    color: #757575;
}

.por_ebd .parent2 ul {
    padding: 0px;
}
.por_ebd .parent2 figcaption {
    padding: 0;
    padding-bottom: 10px;
}
.por_ebd .parent2 figcaption p {
    font-size: 14px;
}

.por_ebd .parent img {
	max-width: 30px;
}

.view_pro {
	width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.prod_vd {
    position: initial;
    font-size: 18px;
}

.allcontent {
   padding: 30px 0;
}

.abouts {
    padding: 30px 0;
}
.aboutus {
    width: 90%;
    margin: 0 auto;
}
.aboutus h2 {
    width: 100%;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}
.aboutus .about_p {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.aboutus img {
    max-width: 100%;
}

.anout_js {
    padding: 40px 0;
}
.anout_js h1 {
    font-size: 18px;
    line-height: 30px;
}

.Business {
    padding: 30px 0;
}
.Business h2 {
    margin-bottom: 10px;
    font-size: 18px;
}
.Business p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.Business .box {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    gap: 5px;
}

.about_video h2 {
    margin-bottom: 15px;
    font-size: 18px;
}
.nums .li_box {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 20px;
}
.nums .li_box .number {
    display: flex;
    justify-content: center;
}
.nums .li_box .number .num {
    font-size: 24px;
}
.nums .li_box .bot {
    font-size: 14px;
    color: #666;
    padding-top: 0.5em;
}
.nums {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#culture .culi {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 20px;
}
#honor {
    width: 90%;
    padding: 30px 0;
    margin: 0 auto;
}
#honor h2 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}
.hnav a {
    display: block;
    padding: 0 20px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #fff;
}
.hli {
    width: 100%;
    margin: 0 auto;
}
.hli:nth-child(4n) {
    margin: 0 auto;
}
.hli:nth-child(2n) {
    margin: 0 auto;
}

.hli div {
    padding: 15px 15px;
    background: #e9f0f7;
    box-sizing: border-box;
}
.hul .hli div img {
    width: auto;
    max-height: 370px;
    margin: 0 auto;
}
.hli p {
    text-align: center;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#adv-dis {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.distribution {

    margin-top: 30px;
}
.distribution .map {
    width: 100%;
    margin-bottom: 30px;
}
.distribution .map div {
    padding: 20px 20px;
    background: #f5f6f8;
}
.distribution .map h2 {
    font-size: 16px;
    font-weight: 450;
}
#cooperatebg {
    padding: 30px 0;
    color: #fff;
}
#cooperatebg .wrapper {
    width: 90%;
}
#cooperatebg h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 600;
}

#myform h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
#myform .inp {
    width: 100%;
}

.newslist-box {
   width: 90%;
    margin: 30px auto;
    padding: 0;
}
.images-box {
    width: 100%;
    position: relative;
}
.images-box .words {
    font-size: 14px;
    margin-top: 10px;
}
.images-box img {
    width: 100%;
    max-height: 200px;
}
.words-box {
    width: 100%;
    background: #ecf3f9;
    padding: 20px;
}
.newslist-tops .uls:nth-child(2) {
    margin-top: 30px;
}

.newslist-bots {
    padding-top: 30px;
}

.newslistbots-titles .lefts .li {
    font-size: 18px;
    line-height: 30px;
    margin-right: 20px;
}
.newslistbots-titles .lefts .li.active a {
    font-size: 18px;
    color: #0053A6;
}
.news-ajax-list .items .box2 {
    width: 100%;
}
.news-ajax-list .items .numbers {
    width: 100%;
    padding-right: 0;
}
.news-ajax-list .items .numbers .num1 {
    font-size: 16px;
}
.news-ajax-list .items .numbers .line {
    margin: 0;
}
.news-ajax-list .items .words {
    width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
.news-ajax-list .items .words .tits {
    font-size: 16px;
    margin-bottom: 10px;
}
.newslist {
    margin-top: 30px;
}
.m_newsc {
    width: 90%;
    margin: 0 auto;
}
.newoth {
    width: 100%;
	margin-top: 30px;
}
.m_news_t {
    font-size: 16px;
    margin-bottom: 10px;
}

.allcontent .wrapper_p {
    width: 100%;
}

#policy {
    margin-bottom: 30px;
}
.polbox .boxl {
    width: 100%;
}
.polbox .boxr {
    width: 100%;
    padding: 20px;
}

.talbox .boxl {
    width: 100%;
    background: #f0f4fa;
    padding: 20px;
    margin-bottom: 30px;
}
.talbox .boxr {
    width: 100%;
    background: #f0f4fa;
    padding: 20px;
}
.contact1 .wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact1 .left {
    width: 100%;
	margin-bottom: 30px;
}
.contact1 .right {
    width: 100%;
}

.contact1 .left h2 {
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.contact1 .left h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact1 .right .form label input, .contact1 .right .form label select {
    font-size: 14px;
}

.contact1 .right .form button {
    width: 110px;
    height: 40px;
    font-size: 14px;
}
.contact1 .right .form label textarea {
    font-size: 14px;
}
.news-ajax-list .items .box img {
    width: 100%;
    max-height: 195px;
}

.contact2 {
    padding: 30px 0;
    margin-bottom: -30px;
}
.contact2 .index-title .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}
.contact2 .contact2-box {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}
.contact2 .contact2-box .item .text {
    padding: 10px;
}
.contact2 .contact2-box .item .text .title {
    font-size: 14px;
	line-height: 30px;
    transition: all 0.5s;
    margin-bottom: 10px;
}
.contact2 .contact2-box .item .text .summary {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}


.catit {
    padding: 30px 0;
}
.catit .camsg {
    width: 90%;
	margin: 0 auto;
}
.catit .camsg h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.catit img {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.conmsg .cml, .conmsg .cmr {
    width: 100%;
}
.coninfo {
    margin-top: 30px;
	margin-bottom: 30px;
}
.coninfo .coli {
    margin-bottom: 20px;
    width: 100%;
}
.product_l{
	width: 90%;
    margin: 0 auto;
}
.m_pro_nav {
    margin-top: 20px;
}
.m_pro_nav li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.product_l h2 {
    color: #737373;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_r h2 {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 30px;
}

.m_pro_nav h2:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.3s ease; 
}


.m_pro_nav h2.active:after {
  transform: rotate(90deg);
}

.m_pro_nav ul{
	display:none;
}

.por_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
    flex-wrap: wrap;
}

.product_r {
    width: 90%;
    margin: 30px auto;
}


.Prod_xl_li {
    border-top: 1px solid #1d2189;
    padding-top: 20px;
    margin-bottom: 20px;
}
.Prod_xlr {
    width: 100%;
}
.Prod_xlr #cMoreList {
    margin-bottom: 20px;
    margin-top: 20px;
}

.more_po {
    width: 100px;
    line-height: 40px;
}

.Prod_xll {
    display: none;
}

.p2_m figure {
    border-radius: 10px 10px 0 0;
    padding: 10px;
}
.prod_p .p2:nth-child(3n) {
    margin-right: 2%;
}

.casebox {
    background: #f7f7f7;
    padding: 30px 5%;
}
.casebox h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

#category {
    font-size: 16px;
}

.about {
	width: 90%;
    margin: 0 auto;
	padding: 30px 0;
}
.about1{
	width: 90%;
    margin: 0 auto;
}
.tit1 {
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.tit1 img{
	width: 100%;
	display: block;
}
.titmsg {
    margin-bottom: 30px;
}
.titmsg h1 {
    font-size: 24px;
    font-weight: inherit;
    line-height: 40px;
    margin-bottom: 20px;
}
.titmsg img{
	width: auto;
	display: block;
}
.abmsg1 {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.about2{
	width: 90%;
    margin: 0 auto;
}
.tit2 {
    margin-bottom: 0px;
}
.customized {
    width: 100%;
}
.customized p {
    line-height: 26px;
    padding: 5px;
	margin: 20px 0;
}

.news_h {

    padding-top: 90px;
}
.news_h h3 {
    font-size: 24px;
    margin-bottom: 30px;
}

.news_h span {
    font-size: 18px;
    margin-bottom: 20px;
}
.news_h img {
    width: 100%;
	display: block;
}

.SiteContent {
    padding: 90px 0 30px;
	width: 90%;
    margin: 0 auto;
}
.caseul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.caseli {
    width: 49%;
    margin-bottom: 20px;
}
.caseli p {
    width: 100%;
	line-height: 24px;
    padding: 10px 0 0;
}
.caseli img {
    height: 120px;
}
.caseli:nth-child(2n) {
    margin-right: 0%;
}
.nmsg{
	width: 90%;
    margin: 0 auto;
}
.m_case_wrap {
    
    display: flex;
    flex-wrap: wrap;
}
.m_case_wrap li {
    width: 100%;
	    margin-bottom: 30px;
}

.message {
    width: 90%;
    padding: 30px 0;
    margin: 0 auto;
}
.message .sercr {
    width: 100%;
    margin-top: 30px;
}

.message input {
    width: 100%;
    line-height: 50px;
    padding: 0 20px;
    margin-bottom: 25px;
    font-size: 14px;
}
.message textarea {
    width: 100%;
    line-height: 30px;
    height: 200px;
    padding: 20px;
    margin-bottom: 25px;
    font-size: 14px;
}
.message button {
    width: 48%;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}

.network .sercl {
    width: 100%;
}
.network .sercr {
    width: 100%;
    padding: 30px;
}
.download {
    padding: 30px 0;
}

.dowul {
    width: 90%;
    margin: 0 auto;
	margin-top: 30px;
}
.dowli {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.dowli:nth-child(5n){
	margin-right: 2%;
}
.dowli:nth-child(2n){
	margin-right: 0%;
}

.contactmsg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.in-join-con {
	width: 90%;
    margin: 30px auto;
}
.searchc {
    width: 65%;
    margin: auto;
    margin-right: 0;
}
.join {
    padding-top: 30px;
    padding-bottom: 20px;
}
.join_p {
    margin-top: 30px;
    padding-left: 0;
}
	.Title {
    position: relative;
    margin-bottom: 30px;
}
.Title .en {
    font-size: 24px;
}
.Title .cn {
    font-size: 18px;
}

.coninfo img {
    max-width: 30px;
}

.contact1 h2 {
    font-size: 18px;
    margin-bottom: 0px;
}

.page-join3lunboList .img {
    width: 100%;
	height: 220px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-join3lunboList .wz {
    width: 100%;
    background: #fff;
    height: auto;
    display: flex;
    align-items: center;
}
.page-join3lunboList .wz .des {
    padding: 20px 3%;
    vertical-align: middle;
    font-size: 16px;
}
.page-join3lunboList .wz .des h2 {
    font-weight: initial;
    font-size: 18px;
    color: #f50467;
    margin-bottom: 10px;
}
.page-join3FuwuTit .cn {
    font-size: 14px;
    line-height: 26px;
    display: block;
    font-weight: 500;
    color: #333;
    position: relative;
}
.page-join3FuwuTit .navT1 {
     width: 49%;
    text-align: center;
    padding: 20px 0;
    background-color: #fff;
	margin-bottom: 10px;
}
.page-join3FuwuTit .en {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    height: 30px;
}
.culture_p {
    margin-top: 50px;
    padding: 0 3%;
}
.cul_li {
    width: 100%;
}
.product_p {
    display: flex;
    margin-bottom: 0px;
    overflow: hidden;
	flex-wrap: wrap;
	width: 90%;
    margin: 0 auto;
}

.product_m {
    float: right;
    width: 100%;
    padding: 0 3%;
    padding-top: 30px;
    padding-bottom: 0px;
}


.pcontent .npage {
    width: 90%;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
    margin-bottom: 60px;
}
.pcontent .m_newsc {
    width: 100%;
    padding: 20px;
}
.pcontent .newoth {
    width: 100%;
    padding: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pcontent .m_newsc .about_nav {
    margin-bottom: 20px;
    color: #a3a3a3;
}	
.pcontent .m_honor_attr {
    line-height: 30px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #2a67b5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


.porview {
    width: 100%;
}
.porview #category{
    width: 90%;
	margin: 20px auto;
	    line-height: 20px;
}
.pbut {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.pro_box {
    margin-top: 0px;
}

.custom-container {
    width: 100%;
}
.pro_box .imgview {
    width: 100%;
	height: auto;
    margin-left: 0;
}
.pro_msg {
    width: 100%;
   margin: 30px 0;
	padding: 0;
}


	
.pro_msg .config h2 {
    font-size: 18px;
	line-height: 30px;
    margin-bottom: 20px;
}
.pro_msg .config h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

.pbut .but1 {

    width: 120px;
    line-height: 40px;
    margin-right: 30px;
}

.pbut .but2 {
     width: 120px;
    line-height: 40px;
}

.product_cont .content {
    margin: 0 0 30px;
}
.product_cont .content h2 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;
}

.news-ajax-list h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}
.news-ajax-list .list a {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
}
.newslist h2 {
	font-size: 16px;
}
.m_honor_title {
    font-size: 16px;
}
.m_honor_attr {
    line-height: 40px;
}
.m_honor_content {
    padding: 30px 0;
}
.m_next_list {
	margin-bottom: 30px;
    justify-content: space-between;
    align-items: flex-start;
}

.parameter {
    padding: 30px 0;
	margin-bottom: 30px;
}
.parameter table {
    width: 90%;
    margin: 0 auto;
}
.parameter h2 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;
}

.parameter tr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

.parameter td {
    width: 100%;
}

.downnav {
    margin-bottom: 30px;
}
.downnav ul li a {
    padding-bottom: 1em;
}
.contable {overflow:scroll;width:100%; font-size:10px;}
.prod_li_z{margin: 0;margin-bottom:30px;}

.prod_li{width:100%; margin-bottom:18px;}
.prod_li img{width:100%;}
.prod_li_z{margin:0 0 18px 0%;}
.prod_li_tx{background:#fff; font-size:14px; text-indent:0; text-align:center;}
.prod_li:hover .prod_li_tx {background:#054896;}

/*body{background-color:#fff;}*/
/*产品系列*/
.bd_l{margin-bottom:10px; border:none; width:96%; float:none; margin:10px auto 0;}
.bd_dhb{border-bottom:none;}
.bd_dhb .hbt{width:48%; margin:0 1.4% 0 0; height:40px; border: 1px solid #d1d1d1; float:left; margin-bottom:10px; background: url(../images/m_aside_fot.jpg) no-repeat 3% center #f4f4f4; text-indent:28px;}
.bd_dhb .current{background: url(../images/m_aside_on.jpg) no-repeat 23px center #d8231f;}
.bd_dhb .hbt a{line-height:40px;}
.bd_dhb .hbt:nth-child(2n){margin-right:0;}
.m_pro_list .p2_m{padding:0; border: solid 1px #e4e4e4;}
.m_pro_list .p2_m:hover{border: solid 1px #e4e4e4;}
.m_pro_list .p2 img{width:100%; padding:0;}
.sublist ul{border:none; padding:0;}
.sublist{width:100%; float:left; background-color:#fff; border: solid 1px #d1d1d1; margin-bottom:10px;}
.sublist li{float:left; width:50%;}
.sublist li a{background: url(../images/list_nese.jpg) no-repeat 25px center; border-bottom:1px solid #cecece; height: 39px; line-height: 39px;}
/*产品*/
#m_right{width: 90%; display: block; margin: 0 auto; margin-top: 30px;float: none; padding:0; border:none;}
.m_pro_list .p2{width: 48%; display: block; position:relative;}
.m_pro_list .p2 figcaption{ width:100%;}
.m_pro_list .p2_m:hover {-moz-box-shadow:1px 1px 20px #fff; -webkit-box-shadow:1px 1px 20px #fff; box-shadow:1px 1px 20px #fff;}
.p2_m figcaption {
   line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.p2_m a {
    height: 200px;
}
.cMore { font-size:0.875em; width:10.357em; height:3.214em; line-height:3.214em; background:url(../images/nMoreOff.jpg) no-repeat center center; display: none; margin:20px auto 0px; color:#fff; text-indent:1.78em; border-radius:6px; }
.cMore:hover { background:url(../images/nMoreOn.jpg) no-repeat center center; text-decoration:none; }
.cMore_news{margin:25px auto 0;}

.abimg{
	width:100%; 
	margin:0px 0px 20px 0;
}

.page, .pages {
    height: auto;
    line-height: 35px;
	margin-bottom: 10px;
    margin-top: 10px;
}

.location_list {
   display: none;
}

.prod_p .p2 {
    width: 48%;
    margin: 0;
	margin-right: 2%;
    margin-bottom: 15px;
    list-style: none;
}
.prod_p .p2:nth-child(2n){
	margin-right:0%;
}
.prod_p figcaption {
    line-height: 30px;
    font-size: 14px;
    white-space: initial;
    overflow: initial;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.prod_p figcaption p {

}

#category .bd ul li.parent {
    width: auto;
    height: 40px;
    margin: 0;
}
#category .bd ul li.parent a {
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
}
.ctacts-lefts {
    width: 100%;
    float: left;
}
.ctacts-rights {
    width: 100%;
    float: right;
    margin-top: 35px;
}
.cont_n {
    width: 100%;
    margin-top: 15px;
}
.cont_info {
    line-height: 45px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display: flex;
}
.cont_info p {
    margin: 0px 0px 0 0;
}
.cont_b {
    text-align: justify;
    width: 60px;
    height: 20px;
    margin-right: 10px;
}
.cont_img {
    width: 30px;
    margin-right: 10px;
}
.ctacts-lefts h3 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.ctacts-lefts h2 {
    font-size: 24px;
}
.item_p {
    width: 100%;
    float: none;
	margin-right: 0%;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
}
.li_pp_t {
    width: 40%;
    line-height: 24px;
}
.li_pp_t h3 {
    font-size: 20px;
    font-weight: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 15px;
}
#newslist li.list {
    flex: 0 0 46%;
    width: 46%;
    list-style: none;
    margin: 0 2%;
}
#newslist li.list dl {
    height: auto;
    overflow: hidden;
    padding: 5px 0px 10px;
}
#newslist li.list dl dd.info {
    height: 55px;
    line-height: 30px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 10px;
}


.ab_msg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.ab_msg div {
    width: 100%;
    display: flex;
    align-items: center;
	margin: 20px 0;
}
.ab_msg p {
    width: 100%;
}

.ic_msg {
    text-align: center;
    margin-top: 25px;
}
.ic_msg img {
    margin-top: 15px;
}

.contact_p {
    width: 100%;
	align-items: center;
	margin-top: 30px;
    padding: 0 3%;
    line-height: 30px;
	box-sizing: border-box;
}
.contact_p img {
    vertical-align: middle;
    margin: 0 10px;
}
.contact_p strong {
    display: block;
    width: 20%;
    text-align-last: justify;
    margin-right: 15px;
}

.down_list {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
	width: 90%;
    margin: 0 auto;
}
.down_m {
    width: 48%;
    margin-right: 2%;
    text-align: center;
    margin-bottom: 20px;
}
.down_m:nth-child(5n) {
   margin-right: 10px;
}
.down_m:nth-child(2n) {
    margin-right: 0px;
}
.downlord {
    position: initial; 
}

.down_m p {
    height: 35px;
    line-height: 40px;
    margin-top: 0px;
    width: 100%;
}

.pl2 {
    width: 46%;
    margin: 0 5px;
    margin-bottom: 20px;
}

#article h3 {
    margin-bottom: 20px;
    margin-top: 5px;
}
.pp_list {
    text-align: center;
    margin-top: 20px;
}

#category .clearfix {
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
}


.join1 {
    padding: 30px 20px;
	background-size: cover;
}

.join1 h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.join1 h3 {
    font-size: 18px;
    line-height: 30px;
}
.join1 a {
    width: 110px;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.join2 {
    padding: 30px 0px;
}
.join2 h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.join2 p {
    font-size: 14px;
    text-align: center;
}
.join3 ul li {
    padding: 30px 20px;
	width: 100%;
	max-height: initial;
}
.join3 ul li img {
	width: 30px;
    margin-right: 20px;
}
.join3 ul li h2 {
    margin-bottom: 20px;
}
.join3 ul li p {
    font-size: 14px;
    margin-left: 0px;
}
.jo1,.jo2,.jo3,.jo4{
    background-size: cover;
}

.join4 {
   padding: 30px 20px;
   flex-wrap: wrap;
}
.join4 div h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.join4 div p {
    font-size: 14px;
    line-height: 30px;
}
.join4 ul {
    font-size: 14px;
    line-height: 30px;
    margin-top: 30px;
}
.join5 {
    padding: 30px 20px;
    background-size: cover;
}
.join5 h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
}
.join5 h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.join5 h4 {
    font-size: 18px;
}
.join5 ul {
    margin-top: 30px;
    flex-wrap: wrap;
}

.join5 ul li {
    width: 100%;
    margin-bottom: 20px;
    padding: 30px 20px;
}

.join5 ul li h2 {
    font-size: 18px;
	margin-bottom: 30px;
}
.join5 ul li p {
    font-size: 14px;
    line-height: 30px;
}
.article {
	width: 90%;
    max-width: 1300px;
    margin: 30px auto;
	flex-wrap: wrap;
}
.jointel {
    margin-bottom: 30px;
}
.jointel h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.jointel h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
}
.jointel p {
    font-size: 16px;
}
.jointel span {
    font-size: 14px;
    font-weight: 200;
}


.hmsg {
    padding: 30px 0;
}

.hmsg ul {
    flex-wrap: wrap;
}
.hmsg ul li {
    margin: 0px 15px;
    margin-bottom: 10px;
}
.hmsg p {
    font-size: 14px;
    margin-bottom: 0px;
}
.hmsg h2 {
    font-size: 18px;
    line-height: 30px;
}

.ho1 {
    padding: 30px 0;
    flex-wrap: wrap;
}
.ho2 {
    padding: 30px 0;
    flex-wrap: wrap;
}

.hol h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.hol p {
    font-size: 14px;
    line-height: 30px;
}

.hor {
    margin-top: 30px;
    max-width: 100%;
}

.patent {
    padding: 30px 0;
    font-size: 14px;
    color: #5b5b5b;
}

.patent ul li strong {
    font-size: 18px;
}

.patent ul li {
    padding: 0 10px;
    border-right: 2px solid #898a8b;
}


/*产品详情*/

.imgview{margin:0; width:100%;}
.imgview img{width:100%; max-width:470px;}
.conte_view{width:100%; margin:0px;padding: 30px 3% 30px 3%;}
.title_view {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 30px;
}
.title_fl_view {
    font-size: 16px;
    color: #696969;
}
.prod_v_ht {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.prod_vt {
    margin: auto;
    color: #fff;
    font-size: 24px;
	margin-bottom: 20px;
}
.pcon {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.picScroll-left{display:none;}
.p2 {
    width: 48%;
    margin-bottom: 20px;
    list-style: none;
}
/*简介系列*/
.pcontent {
    display: flex;
	padding-top: 55px;
}

.lnte_m {
    margin: 0 auto;
    padding: 0;
}

.lnte_m .about_nav span {
    font-size: 16px;
}
.lnte_m .about_nav a {
    font-size: 16px;
}

.our_ser {
    width: 90%;
    margin: 30px auto;
    background: #ffffff;
    padding: 20px 20px;
}
.tit h2 {
    font-size: 18px;
}
.overview fieldset {
    margin-top: 20px;
    background: #ecf3f9;
    padding: 20px 20px;
    border: none;
}
.overview {
    margin-bottom: 30px;
}

.Aubox {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.Aubox .Auli {
    width: 49%;
    margin-right: 2%;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.Aubox .Auli:nth-child(4n) {
    margin-right: 0%;
}
.Aubox .Auli:nth-child(2n) {
    margin-right: 0%;
}
.Aubox .Auli img {
    width: 100%;
    max-height: 75px;
    object-fit: cover;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.Aubox .Auli h3 {
    font-size: 16px;
    font-weight: 450;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.Aubox .Auli p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    line-height: 24px;
}



.about_ebd ul {
	width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about_ebd .parent {
    height: 40px;
}
.about_ebd .parent a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #000;
    border-radius: 0px;
}
.about_ebd .line {
    margin: 0px 5px;
    font-size: 16px;
}

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

.title_view2 {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
}
.title_fl_view2 {
    font-size: 18px;
    font-weight: 700;
    color: #ba7969;
    text-align: center;
}
.title_view3 {
    flex-wrap: wrap;
}
.title_t3{
	margin-bottom: 20px;
}
.title_t3 h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.title_t3 p {
    font-size: 14px;
}
.title_fl_view3 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 30px;
	flex-wrap: wrap;
}
.title_fl_view3 ul li{
   width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
	margin-bottom
}
.title_fl_view3 ul img {
    margin-bottom: 10px;
    max-width: 40px;
}

.about_del {
    padding: 5%;
}
.about_del ul li {
    flex-direction: column;
	align-items: flex-start;
}
.about_delt h3 {
    font-size: 18px;
    font-weight: 600;
   margin-bottom: 10px;
}
.about_delt p {
    font-size: 14px;
}

.title_cont4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.title_view4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom: 20px;
}
.title_view4 h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.title_view4 p {
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
}
.title_fl_view4 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}

.title_view5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.title_view5 h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
	margin-bottom: 20px;
}
.title_view5 p {
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
}
.title_fl_view5 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}
.delcont4 ul li h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}
.delcont4 ul li p {
    font-size: 14px;
    line-height: 30px;
}

.m_location_m{height:0; border:none;}
.hbt_a{float:left; width:48%; height:41px; margin-right: 2%; border: 1px solid #d1d1d1; margin-bottom:10px; background: url(../images/bd_img2.jpg) no-repeat 20px center;}
.hbt_a a{line-height: 41px;}
.hbt_a:nth-child(2n){margin-right: 0;}
/*简介*/
.about_p {
    width: 90%;
    margin: auto;
    font-size: 14px;
    line-height: 30px;
}

.culture {
   
   padding: 30px 5%;
}
.culture h2 {
    text-align: left;
    line-height: 30px;
    font-size: 18px;
}
.culboxl {
    width: 90%;
    margin: 0 auto;
}
.culboxl .cult {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.culboxl .cult p {
	width: 75%;
    text-align: left;
}
.culboxl .cult img {
    max-width: 40px;
    margin: 0 10px;
}
.cut {
    display: flex;
    margin-top: 30px;
}
.cul, .cur {
    width: 100%;
}
.cud {
    margin-top: 30px;
}
.culboxr {
    width: 100%;
}
.culboxr img{
    width: 100%;
}

.chart {
    padding: 30px 0;
    background: #f1f5f8;
}
.chart img {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
.chart img {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.video {
    padding: 30px 0;
}
.videoli {
	width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}
.videoli iframe{
	height: 300px;
    width: 100%;
}

.question {
    padding: 30px 5%;
	margin-bottom: 0px;
}

.question a {
    display: block;
    width: 120px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #fff;
    background: #f50467;
}

.culbox {
    margin-top: 30px;
}
.culbox .zcl {
    width: 100%;
    margin-bottom: 30px;
}
.culbox .zcl img{
	width: 100%;
}
.culbox .zcr {
    width: 100%;
}

#history {
    padding: 30px 5%;
}
#progressBar {
    height: 2px;
    margin-top: 20px;
}
.conte_img img {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
}
.about_ht{font-size:28px;}
.about_imt{width:100%; margin-left:0; margin-bottom:10px;}
.about_imt img{width:100%;}
.contacts_img{display:none;}
.responsimg{display:none;}

/*产品详情*/
.imgview{ float:none;}
.imgview img{width:100%;}
.tht_view{width:96%; float:none; margin:auto;}
.content table{font-size:10px;}
.m_pro_menu{ margin:10px 0;}
.m_pro_next{float:left; margin-top:10px; width:100%; text-align:left;}
.content img{width:100%;}
.title{line-height:42px;}
.tei_img{width:100%; float:left; margin:auto; text-align:center;}

.content .about_img img {
    width: 49%;
}


/*新闻*/
/*.news_nt span{display:none;}
..m_honor_content img{width:100%;}
.news_nt{ margin:0px 0 70px;}
#newslist{padding: 0px 0px 7px 0px;}
.m_prev_back{ margin-bottom:20px;}*/
.news_nt {
    margin: 0 auto;
    margin-top: 30px;
    width: 90%;
}

.news_nt .news_li_one{margin-bottom: 30px;}
.news_nt li .time1{width:100%; border:none; }
.news_nt li .time2{margin-left:0px; float:right; width:100%; max-height: 100%;}
.news_nt li:nth-child(2n){float:left;}
.news_li_one a {
    width: 100%;
}
.news_li_one img {
    width: 100%;
    display: block;
    max-height: 300px;
    object-fit: cover;
}
.news_li_one .fr {
    width:100%;
    display: block;
    box-sizing: border-box;
    padding: 20px 25px;
}
.news_li_one .fr h3 a {
    font-size: 18px;
    font-weight: initial;
}
.news_li_one .fr a span {
    margin-top: 20px;
    width: 150px;
    line-height: 40px;
    text-align: center;
    background-color: #f50467;
    border-radius: 30px;
}
.news_li_oth {
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
}
.news_li_oth .time1 .newsimg {
    width: 100%;
	display: none;
}

.news_li_oth .fr {
    width: 100%;
}
.news_li_oth .fr h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 10px 0;
}
.news_li_oth .fr h3 a {
    font-size: 16px;
    font-weight: initial;
}
.video_nt {
    margin-top: 50px;
	padding: 0 3%;
}
.video_li {
    width: 49%;
    margin-bottom: 20px;
}
.video_li p {
    background-color: #f6f6f6;
    line-height: 40px;
    padding: 0 20px;
}

.page-join3Box {
    margin-top: 50px;
    padding: 0 3%;
}

.netimg {
    width: 100%;
    float: none;
    margin-top: 0px;
    margin-left: 0px;
}
.netimg img{
	width: 100%;
	margin-bottom: 30px;
}

.joinform {
    margin-top: 50px;
}

.page-join3Box li {
    width: 100%;
    vertical-align: top;
    margin-bottom: 25px;
}

.page-join3Box li .info {
    display: flex;
    position: relative;
    padding: 30px 15px;
}
.page-join3Box li .info h2 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.feedback1Box {
    width: 100%;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.feedback1 {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: left;
    padding: 0;
    margin: 0px;
}
.feedback1 .getcode {
	margin-bottom: 30px;
}
.Create {
    margin-top: 50px;
    padding: 30px 3%;
    margin-bottom: 0px;
}

.createmsg .createp {
    background-color: #f50467;
    color: #fff;
    padding: 20px 15px;
    height: 270px;
    width: 100%;
    margin: 0 auto;
}
.createmsg .createp h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.createmsg .createp p {
    font-size: 14px;
}
.createmsg img {
    width: 100%;
    margin: 0 auto;
}
.businessimg {
    width: 100%;
    margin-left: 0px;
}
.Course {
    margin-top: 30px;
    padding: 30px 3%;
}
.Courseul {
    margin-bottom: 30px;
}
.Courseli {
    width: 100%;
}
.Courseli p {
    line-height: 30px;
    margin-top: 10px;
}
.mentor {
    padding: 30px 3%;
}
.mentor_one img {
    width: 100%;
    margin-right: 0%;
}
.mentor_one .mentormsg {
    width: 100%;
    margin-right: 0px;
	height: auto;
    padding: 30px 20px;
}
.mentormsg h3 {
    font-size: 18px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.mentorli {
    padding-bottom: 30px;
    width: 100%;
}
.mentorli img{
	width: 35%;
}
.mentorli .mentormsg {
    padding: 20px 20px 20px;
    justify-content: space-between;
}
.activity {
    margin-top: 50px;
}
.activitymsg ul {
    margin-top: 30px;
}
.activitymsg li {
    width: 49%;
}
.contactmsg .msgl {
    width: 100%;
}
.msgtab p {
    font-size: 16px;
}
.msgtab {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 20px 0px;
}
.contactmsg .msgr img {
    display: none;
}

.join table {
    margin: auto;
    margin-top: -1px;
    width: calc(100% - 0px);
    border-collapse: collapse;
    margin-right: 0;
}
.join td {
    border: 1px solid #fff;
    padding: 5px 5px;
}

.job_h {
    padding-top: 90px;
}
.job_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.job_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}

.job_form {
    margin-bottom: 30px;
    font-size: 14px;
}

.job_form input {
    width: 90%;
}

.job_form select {
    width: 90%;
}

.file {
    width: 90%;
}

.disclaimer {
    width: 90%;
    margin: 0 auto;
	margin-bottom: 30px;
}

#myform td {
    width: 90%;
}


.down_h {
    padding-top: 90px;
}
.down_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.down_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}
.down_h hr {
    width: 40px;
    margin-bottom: 30px;
}

.dt_h {
    padding-top: 90px;
}
.dt_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.dt_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}
.dt_h hr {
    width: 40px;
    margin-bottom: 30px;
}

.dt {
    width: 98%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.dtl {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
}

.dtl img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0%;
}

.dtr {
    width: 100%;
    font-size: 16px;
    color: #000;
    border-left: none;
}

.dtlp {
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
    position: initial;
}

.dtmsg {
    padding: 30px 5% 0 5%;
    line-height: 24px;
}
.dtts {
    line-height: 50px;
    width: 95%;
    margin: 0 auto;
    padding: 0px 10px;
    box-sizing: border-box;
}



/*质量控制*/
.m_series_p3{width:48%; margin-right:2%;}
.m_series_p3:nth-child(3n){margin-right:2%;}
.m_series_p3:nth-child(2n){margin-right:0%;}
/*下载*/
.giveliuyan{margin-bottom:20px;}
.lef{width:48%; margin-right:4%; background-color:#fff;}
.lef:nth-child(3n+3){margin-right:4%;}
.lef:nth-child(2n+2){margin-right:0;}
/*留言*/
.gbook1 { width:20%}
.gbook2 { width:100%; float:none; }
.gbook3 { width:20%; }
.gbook4 { width:10%; }
.mobieapp li { width:49.7%; }
/*视频*/
.m_d_list #video0, .m_d_list #video1{width:100%; height:auto;}

/*证书详情*/
.imgview_h img{width:100%;}
.content{padding-top: 0px;}
/*图片*/
/*.responsimg { width:100%; display:block; }*/
.rgc_img{width:100%; display:block; }

/*技术中心*/
.m_pro_list .p1 { width:48.4%; display:inline; margin-top:2.8%; }
.nofirst1, .nofirst3, .nofirst5, .nofirst7, .nofirst9 { margin-right:2.8%; }
.nofirst2, .nofirst4, .nofirst6, .nofirst8, .nofirst10 { margin-right:0; }


	.newsul {
    padding: 30px;
}
.newsli h2 {
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0;
}
.newsli {
    width: 100%;
	margin-bottom: 30px;
}
.newsli span {
    font-size: 14px;
}
.newsli p {
    font-size: 14px;
    margin: 10px 0;
}
.newsli figcaption p {
    font-size: 14px;
    font-weight: bold;
    width: 90px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    margin: 0;
    background: #d3bc94;
}

.cont_box {
    padding: 30px;
}
.cont_boxt {
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.cont_tit h3 {
    font-size: 18px;
    margin-bottom: 0px;
}
.cont_tit h4 {
    font-weight: 200;
    font-size: 12px;
    margin-bottom: 10px;
}
.cont_tit p {
    font-size: 14px;
}

.cont_boxt img {
    margin-top: 20px;
}
.cont_tel {
    margin-top: 30px;
}
.cont_tel h3 {
    font-size: 18px;
    margin-bottom: 0px;
}
.cont_tel h2 {
    font-size: 18px;
    color: #d3bc94;
}
}

@media screen and (max-width:320px){

}


/* 联系我们 */
 .contactbg {
            background-color: #f7f7f7;
            padding: 40px 20px;
        }
        .contact-container {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: start;
			           
        }

        /* 左侧联系信息区 */
        .contact-info {
            padding: 20px 0;
        }
        .contact-info h2 {
            font-size: 36px;
            font-weight: bold;
            color: #1a1a1a;
            margin-bottom: 40px;
        }
        .contact-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 20px 0;
            border-bottom: 1px solid #e0e0e0;
            font-size: 18px;
            color: #1a1a1a;
        }
        .contact-item:last-of-type {
            border-bottom: none;
        }
        .contact-icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background-color: #f50057;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .contact-icon svg {
            width: 24px;
            height: 24px;
            fill: #fff;
        }
        .contact-content {
            line-height: 1.6;
        }
        .contact-content .phone-group {
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
        }
        .service-desc {
            margin-top: 30px;
            font-size: 17px;
            line-height: 1.8;
            color: #1a1a1a;
        }

        /* 右侧表单区 */
        .contact-form {
            background-color: #fff;
            padding: 30px;
            border-radius: 4px;
        }
        .contact-info h2,
        .contact-form h2 {
            font-size: 36px;
            font-weight:normal;
            color: #1a1a1a;
            margin-bottom: 12px;
        }
        .form-tip {
            font-size: 18px;
            color: #333;
            margin-bottom: 30px;
        }
        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-bottom: 24px;
        }
        .form-group.full {
            grid-column: 1 / -1;
        }
        /* 修复：表单组相对定位，让星号定位在右侧 */
        .form-group {
            position: relative;
        }
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 14px 16px;
            border: 1px solid #ddd;
            border-radius: 2px;
            font-size: 16px;
            color: #333;
            background-color: #fafafa;
        }
        .form-group input::placeholder,
        .form-group textarea::placeholder {
            color: #999;
        }
        .form-group textarea {
            min-height: 140px;
            resize: vertical;
        }
        /* 核心修复：星号绝对定位，紧贴输入框右侧，不换行 */
        .required {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            color: #f50057;
            margin-left: 4px;
        }
        .form-bottom {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 24px;
            flex-wrap: wrap;
        }
        .captcha-box {
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 1;
            min-width: 280px;
        }
        .captcha-box input {
            flex: 1;
            padding: 14px 16px;
            border: 1px solid #ddd;
            border-radius: 2px;
            font-size: 16px;
            background-color: #fafafa;
        }
        .captcha-img {
            height: 48px;
            border: 1px solid #ddd;
            border-radius: 2px;
        }
        .submit-btn {
            padding: 14px 40px;
            background-color: #f50057;
            color: #fff;
            border: none;
            border-radius: 24px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            white-space: nowrap;
        }
        .submit-btn:hover {
            background-color: #d8004c;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .contact-container {
                grid-template-columns: 1fr;
                gap: 30px;
				width: 100%;
            }
			.contact-form {
               width: 100%;
				padding: 5%;
            }

            .contact-info h2,
            .contact-form h2 {
                font-size: 30px;
            }
			.contact-icon,
			 .contact-icon img {
            width: 30px;
            height: 30px;
           
        }
        }
        @media (max-width: 576px) {
            .ontactbg {
                padding: 20px 12px;
            }
            .form-grid {
                grid-template-columns: 1fr;
            }
            .contact-info h2,
            .contact-form h2 {
                font-size: 26px;
            }
            .contact-item {
                font-size: 14px;
            }
            .service-desc {
                font-size: 15px;
            }
            .form-bottom {
                flex-direction: column;
                align-items: stretch;
				width: 100%;
            }
            .captcha-box {
              width: 300px;
            }
            .submit-btn {
                width: 100%;
            }
			.captcha-box input {
				max-width: 180px;
        }
        }
        @media (max-width: 375px) {
.captcha-box input {max-width: 140px; }
			  .contact-item {
                font-size: 14px;
            }
			    .content h1 {
        font-size: 16px;
        border-left: 18px solid #625c5c;
        margin-bottom: 10px;
}
}
/* PC端：左右分栏布局 */
        .about-wrap {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }
        .text-col {
            flex: 1;
            min-width: 0; /* 防止文字溢出 */
        }
        .img-col {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* 标题样式 */
        h1 {
            font-size: 36px;
            font-weight: bold;
            color: #000;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        .slogan {
            font-size: 26px;
            color: #f50467;
            font-weight: bold;
            margin-bottom: 30px;
            line-height: 1.5;
        }
        .slogan::before {
            content: "";
            display: block;
            width: 60px;
            height: 3px;
            background-color: #f50467;
            margin-bottom: 15px;
        }

        /* 正文样式 */
        .text-col p {
            font-size: 16px;
            margin-bottom: 25px;
            text-align: justify;
        }

        /* 图片样式 */
        .img-big {
            width: 100%;
            height: auto;
            border-radius: 4px;
            object-fit: cover;
        }
        .img-row {
            display: flex;
            gap: 20px;
        }
        .img-small {
            flex: 1;
            width: 100%;
            height: auto;
            border-radius: 4px;
            object-fit: cover;
        }

        /* 移动端：上下堆叠布局 */
        @media screen and (max-width: 768px) {
            .about-wrap {
                flex-direction: column;
                gap: 30px;
            }
            h1 {
                font-size: 28px;
            }
            .slogan {
                font-size: 22px;
            }
            .text-col p {
                font-size: 15px;
            }
            .img-row {
                flex-direction: column;
                gap: 15px;
            }
			.product_cont{background-color: #fff;}
			.content h1{font-size:18px;border-left: 18px solid #625c5c;margin-bottom:10px;}
			.product-detail img{width: 100%;}
            .m_prev_back {
	margin: 20px 30%;
    margin-bottom: 0px;
}
        }
        /* 企业文化区（玫红背景） */

 /* 文字内容容器 */
        .mission-content {
            width: 60%; /* PC端文字区域占50%宽度 */
            display: grid;
            grid-template-columns: 1fr 1fr; /* PC端两列布局 */
            gap: 30px 50px; /* 行列间距 */
            color: #fff; /* 文字白色，匹配原图 */
			margin-left: 40%;
        }

        /* 单个理念项样式 */
        .mission-item {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        /* 标题样式 */
        .mission-title {
            font-size: 20px;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        

        /* 描述文字样式 */
        .mission-desc {
            font-size: 16px;
            line-height: 1.6;
            padding-left: 34px; /* 对齐标题图标 */
        }

        /* 移动端自适应（屏幕宽度≤768px） */
        @media screen and (max-width: 768px) {

            .mission-content {
                width: 90%; /* 移动端文字区域占90%宽度 */
                grid-template-columns: 1fr; /* 移动端单列布局 */
                gap: 20px;
				margin-left:0%;
            }
            .mission-title {
                font-size: 18px;
            }
            .mission-desc {
                font-size: 14px;
            }
        }



        /* 发展历程 */
  /* 容器样式 */
        .timeline-container {
            width: 100%;
            max-width: 1400px;
            margin: 40px auto;
            padding: 0px;
            position: relative;
            overflow: hidden;
        }

        /* 标题样式 */
        .timeline-title {
            font-size: 36px;
            font-weight: bold;
            color: #333;
            margin-bottom: 40px;
            position: relative;
        }

        .timeline-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -15px;
            width: 60px;
            height: 3px;
            background-color: #ff0050;
        }

        /* 轮播轨道 */
        .timeline-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            width: 100%;
        }

        /* 时间节点卡片 */
        .timeline-item {
            flex-shrink: 0;
            padding: 0 15px;
            position: relative;
        }

        /* PC端：4个一屏 + 只在1、2、3张右侧显示分割线 */
        @media (min-width: 992px) {
            .timeline-item {
                width: 25%;
            }
            /* 第1、2、3个卡片右侧显示竖线 */
            .timeline-item:nth-child(1)::after,
            .timeline-item:nth-child(2)::after,
            .timeline-item:nth-child(3)::after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 1px;
                height: 100%;
                background-color: #ddd;
            }
        }

        /* 移动端：1个一屏 + 隐藏分割线 */
        @media (max-width: 991px) {
            .timeline-item {
                width: 100%;
            }
            .timeline-item::after {
                display: none !important;
            }
			.timeline-title{margin-left:20px; }
        }

        /* 年份样式 */
        .timeline-year {
            font-size: 42px;
            font-weight: bold;
            color: #ff0050;
            margin-bottom: 15px;
        }

        /* 内容文字 */
        .timeline-content {
            font-size: 18px;
            color: #333;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        /* 图片容器 */
        .timeline-img {
            width: 100%;
            height: 180px;
            border-radius: 4px;
            overflow: hidden;
        }

        .timeline-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 底部时间轴条 */
        .timeline-progress-wrapper {
            position: relative;
            width: 100%;
            height: 3px;
            background: #ccc;
            margin-top: 30px;
            cursor: pointer;
        }
        .timeline-progress-bar {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background: #ff0050;
            transition: width 0.5s ease;
            width: 0;
        }

  /* 卡片容器 - 使用Flexbox实现自适应 */
        .news-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: 60px;
        }
        
        /* 单个卡片样式 */
        .news-card {
            flex: 1 1 calc(33.333% - 60px);
            min-width: 300px;
			max-width: calc((100% - 120px) / 3); /* 强制不允许撑满 */
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        


        .news-card:hover {
            transform: translateY(-5px);
			
        }
        
        /* 图片样式 */
        .news-card img {
            width: 100%;
            
            object-fit: cover;
            display: block;
        }
        
        /* 卡片内容区域 */
        .card-content {
            padding: 20px;
        }
        
        .card-date {
            color: #666;
            font-size: 14px;
            margin-bottom: 8px;
        }
        
        .card-title {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 15px;
            color: #333;
			font-weight: normal;
        }
        
        .view-link {
            color: #ff4081;
            text-decoration: none;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
        }
        
        .view-link::after {
            content: ">";
            margin-left: 5px;
            font-size: 12px;
        }
         .card-title:hover {
			 color: #ff4081;
        }
        /* 响应式调整 */
        @media (max-width: 768px) {
            .news-container {
                flex-direction: column;
            }
            
            .news-card {
                flex: 1  100%;
            }
        }

/*产品系列*/
.chname{ background:url(../images/ss.png) no-repeat center left 15px;border:none;outline-style: none; border-bottom: 1px solid rgba(0,0,0,0.1); width:100%; height:40px; line-height:40px; box-shadow:none; font-size:16px; color: #333; cursor:pointer; text-indent:40px; padding:0; }

.product_p {
	display: flex;
	margin-bottom: -90px;
	overflow: hidden;
}

.bd_hb_bt{
	padding-left: 30px;
	margin-bottom: 30px;
}

.product-menu{
	width: 20%;
	float: left;
	padding-top: 40px;
	background-color: #f1f1f1;
	padding-bottom: 40px;
	position: relative;
}
.suspension{
	position: static;
	width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
}
@media (max-width: 991px) {
.chname{width:80%;}	
.product-menu {
    width: 100%;
    margin-top: 25px;
	margin-bottom: 30px;
  }
}
.product-menu li {
  width: 100%;
  background: #f1f1f1;
  margin-bottom: 2px;
}
.product-menu ul {
	
	box-sizing: border-box;
  padding: 0 30px;
}
@media (max-width: 991px) {
}
.product-menu li:last-child {
  margin-bottom: 0;
}
.product-menu li .menu-li {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.product-menu li .menu-li {
    height: 40px;
  }
}
@media (max-width: 767px) {
.product-menu li .menu-li {
    height: 60px;
  }
}
.product-menu li .menu-li a {
  font-size: 18px;
  color: #333;
  line-height: 34px;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.product-menu li .menu-li a {
    font-size: 16px;
  }
}
.product-menu li .menu-li span {
  width: 14px;
  height: 14px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.product-menu li .menu-li span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all ease-out 0.3s;
}
.product-menu li .menu-li span img:nth-child(2) {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.product-menu li .menu-li span:after,
.product-menu li .menu-li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.product-menu li .menu-li span:before {
  transform: rotate(90deg);
}
.product-menu li .menu-li:hover,
.product-menu li .menu-li.on {
  color: #f50467;
}
.product-menu li .menu-li:hover a,
.product-menu li .menu-li.on a {
  color: #f50467;
}
.product-menu li .menu-li:hover span img:nth-child(1),
.product-menu li .menu-li.on span img:nth-child(1) {
  opacity: 0;
}
.product-menu li .menu-li:hover span img:nth-child(2),
.product-menu li .menu-li.on span img:nth-child(2) {
  opacity: 1;
}
.product-menu li .menu-li:hover span:before,
.product-menu li .menu-li.on span:before {
  opacity: 0;
}
.product-menu li .menu-li:hover span:after,
.product-menu li .menu-li.on span:after {
  color: #f50467;
}
.product-menu li .s-menu {
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  display: none;
}
.product-menu li .s-menu.on {
  display: block;
}
.product-menu li .s-menu a {
  width: 100%;
  height: 30px;
  color: #333;
  display: flex;
  align-items: center;
  position: relative;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.product-menu li .s-menu a {
    height: 30px;
  }
}
.product-menu li .s-menu a:last-child {
  margin-bottom: 0;
}
.product-menu li .s-menu a i {
  content: '';
  width: 6px;
  line-height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease-out 0.3s;
}
.product-menu li .s-menu a i img,
.product-menu li .s-menu a i svg {
  width: 100%;
}
.product-menu li .s-menu a i img path,
.product-menu li .s-menu a i svg path {
  fill: #999999;
}
.product-menu li .s-menu a:hover,
.product-menu li .s-menu a.on {
  color: #f50467;
}
.product-menu li .s-menu a:hover i img path,
.product-menu li .s-menu a.on i img path,
.product-menu li .s-menu a:hover i svg path,
.product-menu li .s-menu a.on i svg path {
  fill: #f50467;
}

.view_bj .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f50467;
}

/* 详细介绍 */
.detail-button-wrapper {
    position: relative;
    display: inline-block;   /* 关键：跟随按钮宽度 */
    width: 100%;
}

/* 按钮本身 */
.detail-btn {
    background-color: #e91e63;
    color: #fff;
    padding: 12px 24px;
    font-size: 18px;
	font-weight: bold;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}

/* 灰色底线 —— 与按钮底部对齐 */
.gray-line {
    position: absolute;
    left: 0;
    bottom: 0;              /* ✅ 底线对齐 */
    width: 100%;
    height: 1px;
    background-color: #d0d0d0;
    z-index: 1;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .detail-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .detail-btn {
        padding: 8px 16px;
        font-size: 13px;
		width:100%;
    }
}
.product-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 16px;
            padding-top: 30px;
            flex-wrap: wrap;
        }

        .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 12px 24px;
            border-radius: 30px;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width: 180px;
            text-decoration: none; /* 去掉下划线 */
        }

        .btn-consult {
            background-color: white;
            color: #e91e63;
            border: 2px solid #e91e63;
        }

        .btn-call {
            background-color: #e91e63;
            color: white;
            border: none;
        }

        .icon {
            margin-right: 8px;
            font-size: 18px;
        }

        /* 响应式 */
        @media (max-width: 768px) {
            .btn {
                padding: 10px 20px;
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .product-container {
                flex-direction: column;
                gap: 12px;
            }
            .btn {
                width: 80%;
                max-width: 300px;
            }
        }

.products-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0; /* 无间距 */
            margin: 0;
            padding: 0;
        }
        
        .products-item {
            width: 50%; /* PC端一行2个 */
            box-sizing: border-box;
        }
        
        .products-item img {
            max-width: 700px;
            height: auto;
            display: block;
        }
            @media (max-width: 1440px) {
            
			.products-item img{
                max-width: 600px; /* 移动端一行1个 */
				width: 100%;
            }
        }
        @media (max-width: 768px) {
            .products-item,
			.products-item img{
                width: 100%; /* 移动端一行1个 */
            }
        }

@media (min-width: 768px) {
  .pro_msg .pcont {
    height: 270px !important;
    overflow-y: auto !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .pro_msg .pcont::-webkit-scrollbar {
    display: none !important;
  }
}