/* ====移动端导航==== */

/* 按钮 */

.mobmenu {
	display: none;
margin-left: .4rem;
}
.mobmenu dl {
	transform: rotateY(180deg);
	width: 30px;
	margin-right: 10px;
	cursor: pointer;
}
.mobmenu dl dd {
	width: 0;
	height: 2px;
	background: #fff;
}
.mobmenu dl dd:first-child {
	animation: sjnav 2.4s linear infinite;
}
 .mobmenu dl dd:nth-child(2) {
margin: 6px 0;
width: 20px;
}
.mobmenu dl dd:last-child {
	animation: sjnav 2.4s linear infinite;
	animation-delay: 0.4s;
}
/* 导航头 */

.mobmenu h4 {
	color: #fff;
}
.mobmask {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100vh;
	background: rgba(7, 16, 26, 0.8);
	transition: all 0.5s;
	visibility: hidden;
	opacity: 0;
	transition-delay: 0.2s;
}
.mobmask.active {
	opacity: 1;
	visibility: visible;
}
.mobnavBox {
	padding-bottom: 20px;
	width: 60%;
	height: 100vh;
	position: fixed;
	z-index: 100;
	top: 0;
	left: -50%;
	overflow-y: auto;
	opacity: 0;
	transition: all 0.3s;
	background: #fff;
	visibility: hidden;
}
.mobnavBox.active {
	transition-delay: 0.3s;
	opacity: 1;
	left: 0;
	visibility: visible;
}
.mobCon {
	padding: 0 20px;
}
.mobnavBox .top {
	padding: 10px 20px;
	height: 55px;
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
}
.mobnavBox .top .logo {
	max-width: 150px;
	height: 100%;
	display: flex;
	align-items: center;
}
.mobnavBox .top .logo img {
	max-width: 100%;
	max-height: 100%;
}
.mobnavBox .top .mobnavclose {
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
}
.mobnavBox .top .mobnavclose:before, .mobnavBox .top .mobnavclose:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #333;
	border-radius: 1px;
}
.mobnavBox .top .mobnavclose:before {
	width: 20px;
	height: 2px;
	transform: translate(-50%, -50%) rotate(45deg);
}
.mobnavBox .top .mobnavclose:after {
	width: 2px;
	height: 20px;
	transform: translate(-50%, -50%) rotate(225deg);
}
/* 导航搜索 */

.mobsearch {
	margin-top: 30px;
}
.mobsearch form {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobsearch form input {
	width: calc(100% - 52px);
	line-height: 40px;
	border: 1px solid #eee;
	border-radius: 2px;
	padding: 0 12px;
	font-size: var(--font14);
	color: #333;
}
.mobsearch form button {
	width: 42px;
	height: 42px;
	background: #C1030E;
	color: #333;
	border-radius: 2px;
	font-size: 14px;
	border: 0;
	cursor: pointer;
}
.mobsearch form button img {
	filter: brightness(100);
	-webkit-filter:brightness(100);
}
/* 导航内容 */

.mobnavBox .bottom {
	padding: 6px 0;
}
.mobnavBox .bottom .nav li {
margin: .3rem 0;
}
.mobnavBox .bottom .nav li h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobnavBox .bottom .nav li h3 a {
	display: block;
	text-align: center;
	color: #333;
	padding-left: 4px;
	font-size: var(--font18);
}
.mobnavBox .bottom .nav li h3 i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: #333;
	text-align: center;
	font-size: 12px;
transition: .4s;
	cursor: pointer;
}
.mobnavBox .bottom .nav li h3 i svg {
	max-width: 100%;
}
.mobnavBox .bottom .nav li .m-subnav {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 5px;
	display: none;
}
.mobnavBox .bottom .nav li .m-subnav a {
	display: block;
	margin: 10px 0;
	padding-left: 20px;
	position: relative;
	font-size: var(--font16);
	color: #333;
}
.mobnavBox .bottom .nav li .m-subnav a:before {
	content: "";
	width: 8px;
	height: 8px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
	position: absolute;
	left: 4px;
	top: 5px;
	transition: all 0.4s;
}
.mobnavBox .bottom .nav li .m-subnav a:after {
	content: "";
	width: 4px;
	height: 4px;
	background: #CCCCCC;
	border-radius: 50%;
	position: absolute;
	left: 7px;
	top: 8px;
	transition: all 0.4s;
}
.mobnavBox .bottom .nav li.on h3 a {
	color: #C1030E;
}
.mobnavBox .bottom .nav li.on h3 i {
	transform: rotate(90deg);
	color: #C1030E;
}
.mobnavBox .bottom .nav li.on h3 i:before, .mobnavBox .bottom .nav li.on h3 i:after {
	background: #fff;
}
.mobnavBox .bottom .nav li h3 a:hover, .mobnavBox .bottom .nav li .m-subnav a:hover, .mobnavBox .bottom .nav li .m-subnav a.on {
	color: #C1030E;
}
.mobnavBox .bottom .nav li .m-subnav a:hover:before, .mobnavBox .bottom .nav li .m-subnav a.on:before {
	border-color: #C1030E;
}
.mobnavBox .bottom .nav li .m-subnav a:hover:after, .mobnavBox .bottom .nav li .m-subnav a.on:after {
	background: #C1030E;
}
/* 导航联系方式 */

.moblan a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 44px;
}
.sitebtn {
	display: block;
	border-radius:4px;
	background-image: linear-gradient(135deg, #C1030E 0%, #F37A0A 50%, #C1030E 100%);
	overflow: hidden;
	background-size: 200% auto;
	color: #fff;
	text-align: center;
}
.sitebtn:hover {
	background-position: right center;
}
.mobinfo {
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.mobinfo h2 {
	color: #C1030E;
	font-weight: 700;
margin-bottom: .3rem;
}
.mobinfo dl dd {
	display: flex;
margin-top: .15rem;
	align-items: center;
}
.mobinfo dl dd {
}
.mobinfo dl dd .icBox {
	max-width: 15px;
	max-height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
}
.mobinfo dl dd .icBox img {
	max-width: 100%;
}
.mobinfo dl dd p {
	width: calc(100% - 14px);
	color: #333;
}
.mobinfo dl dd p a {
	color: #333;
}
.mobinfo dl dd p a:hover {
	color: #C1030E;
}
 @keyframes sjnav {
0% {
width: 0;
}
25% {
width: 15px;
}
50% {
width: 30px;
}
75% {
width: 15px;
}
100% {
width: 0;
}
}
 @media screen and (min-width: 200px) and (max-width: 1900px) {
}



/* ======================================================1800px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1800px) {

  /* 底部 */

  .footer::after {
height: 45%;
}
}



/* ======================================================1700px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1700px) {
}



/* ======================================================1580px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1580px) {

  /* 头部 */

  #c-placeholder {
height: 1.25rem;
}
 .headerBox {
height: 1.25rem;
}
 .headernav > ul > li {
line-height: 1.25rem;
}



  /* 首页 */
  .indexThre .cross-line {
top: 23.8%;
}
}



/* ======================================================1500px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1500px) {

  /* 头部 */

  .headernav {
width: 60%;
margin-left: 5%;
}
}

/* ======================================================1450px========================================================= */



@media screen and (min-width: 200px) and (max-width: 1450px) {
}



/* ======================================================1400px========================================================= */



@media screen and (min-width: 200px) and (max-width: 1400px) {
}



/* ======================================================1350px========================================================= */



@media screen and (min-width: 200px) and (max-width: 1350px) {
}



/* ======================================================1300px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1300px) {

  /* 首页 */

  .indexThre li.on .imgBox img {
width: 40%;
}
 .inFiveSwiper .slide-inner {
padding-top: 50%;
}
 .indexFive .tle {
padding-bottom: 30%;
}
 .indexFive .more {
margin-top: 13%;
}



  /* 关于我们 */
  .nypagenav ul li {
padding: 0 3%;
}
}



/* ======================================================1250px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1280px) {
}



/* ======================================================1200px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1200px) {

  /* 头部 */

  .headernav {
display: none;
}
 .mobmenu {
display: flex;
}



  /* 首页 */
  .indexOne ul li .icBox img {
max-width: .5rem;
}
 .indexOne ul li .counter {
font-size: .6rem;
}



  /* 产品中心 */

  .prolistnav {
width: 25%;
}
 .peolistBox .prolist {
width: 75%;
}
 .prolist ul {
grid-template-columns: repeat(2, 1fr);
}



  /* 联系我们 */
  .contact li {
width: 48%;
margin: .3rem 0;
}
}



/* ======================================================1100px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1100px) {
}



/* ======================================================1028px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1028px) {

  /* 首页 */

  .indexOne ul li .counter {
font-size: .4rem;
}
 .indexOne ul li .icBox img {
max-width: .4rem;
}



  /* 底部 */


  /* 内页banner */

  .ny-banner2 .imgBox img {
height: 8rem;
}



  /* 关于我们 */

  .aboutOne .le {
width: 100%;
}
 .aboutOne .re {
position: relative;
width: 100%;
right: -6%;
}
 .aboutOne .re .imgBox {
transform: translateY(22%);
}



  /* 投资者关系 */

  .instorOneSwiper2 ul {
grid-template-columns: repeat(2, 1fr);
}
}



/* ======================================================960px========================================================= */

@media screen and (min-width: 200px) and (max-width: 960px) {

  /* 首页 */

  .indexThre .cross-line {
top: 19%;
}
 .indexThre li .con {
height: auto;
margin-top: 1rem;
}
 .indexThre li .con .text {
position: relative;
left: 0;
top: 0;
transform: none;
width: 100%;
opacity: 1;
margin-top: .3rem;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
 .indexThre li .con .imgBox {
height: 150px;
}
 .indexThre li .con .imgBox img {
left: 0;
top: 0;
transform:none;
position: relative;
}
 .indexThre li .more {
margin-top: .2rem;
}
 .indexThre li .more a {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
 .indexFour ul {
flex-wrap:wrap;
}
 .indexFour li {
width: 49%;
margin-top: .3rem;
padding: 0 .25rem;
}
 .indexFour li:nth-child(2)::after {
display: none;
}



  /* 关于我们 */

  .aboutTwo ul {
flex-wrap: wrap;
justify-content: space-between;
}
 .aboutTwo ul li {
width: 49%;
padding: 0 .2rem;
}
 .aboutTwo ul li:nth-child(2):after {
display: none;
}
 .aboutTwo ul li:nth-child(n+3) {
margin-top: .4rem;
}



  /* 产品中心 */

  .prolistnav {
width: 30%;
}
 .peolistBox .prolist {
padding: .8rem 4% 10% 5%;
gap: .3rem;
}
 .peolistBox .prolist {
width: 70%;
}
 .prolist ul li .imgBox {
height: 150px;
}

  

  /* 产品详情 */

  .dateTwo .con {
padding-right: 0;
}
 .dateTwo .con h3 {
font-size: .45rem;
}
 .dateThree .box {
flex-wrap: wrap;
}
 .dateThree .box .le {
width: 100%;
}
 .dateThree .box .re {
width: 50%;
margin-top: .5rem;
position: relative;
top: 0;
}

.dateTwo {
	background-size: cover;
	padding: 20px 0 5px 0;
}

.dateTwo .imgBox {

	padding: .1rem;
}

}



/* ======================================================手机端========================================================= */



@media screen and (min-width: 200px) and (max-width: 767px) {

  /* 头部 */

  .weblink {
display: none;
}
 .searchIcon {
margin-left: 0;
}
 .mobnavBox {
width: 100%;
}



  /*了解更多 */

  .more1 {
width: 2rem;
height: 0.6rem;
}



  /* 首页 */

  .swControls {
width: 85%;
}
 .bannerSwiper .con strong {
font-size: .6rem;
}
 .indexOne ul {
flex-wrap: wrap;
}
 .indexOne ul li {
width: 100%;
justify-content: center;
margin: .2rem 0;
}
 .indexOne ul li .counter {
font-size: .6rem;
margin: 0 .3rem;
}
 .indexOne ul li .icBox img {
max-width: .6rem;
}
 .indexOne ul li i {
display: none;
}
 .indexTwo {
padding-top: 6rem;
}
 .indexTwo .bjBox {
background-attachment: local;
background-position: 50% 0 !important;
}
 .indexThre .tle {
text-align: center;
}
 .indexThre ul {
flex-wrap: wrap;
}
 .indexThre li {
width: 100%;
flex: none;
margin-top: .3rem;
}
 .indexThre li .con .imgBox {
height: 100px;
}
 .indexThre li .more {
display: flex;
justify-content: center;
margin-top: .5rem;
}
 .indexThre .cross-line {
display: none;
}
 .inFiveSwiper .slide-inner {
height: 7rem;
padding: 0;
}
 .indexFive .tle {
padding: 0;
top: 15%;
}
 .inFiveSwiper .con {
width: 88%;
top: 40%;
}
 .indexFive .more {
top: 75%;
margin-top: 0;
}
 .indexSix .tleBox {
flex-wrap: wrap;
}
 .indexSix .tleBox .tle {
width: 100%;
text-align: center;
}
 .indexSix .tleBox ul {
justify-content:center;
margin-top: .3rem;
width: 100%;
}
 .indexSix .tleBox ul li a {
width: 1.8rem;
height: 0.6rem;
}



  /* 底部 */

  .foterlogo {
text-align: center;
}
 .foterlogo img {
max-width: 80%;
}
 .foterle {
width: 100%;
}
 .foterle dl dd .icBox {
max-width: .3rem;
}
 .foterle .leOne {
margin-top: .5rem;
}

  /* 底部导航 */

  .foternav {
flex-wrap: wrap;
}
 .foternav dl .ddbox {
display: none;
}
 .foternav dl {
width: 100%;
margin-right: 0;
text-align: left;
}
 .foternav dl dt {
margin-bottom: 0;
position: relative;
cursor: pointer;
padding: .1rem 0;
}
 .foternav dl dt::before {
content: "";
background: url(../images/jt1.svg) no-repeat right;
display: block;
width: 15px;
height: 15px;
background-size: 100%;
position: absolute;
right: 0;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: center;
transition: .35s;
}
 .foternav dl dt::after {
display: none;
}
 .foternav dl.on dt::before {
transform: rotate(90deg);
}
 .foternav dl {
margin-bottom: 10px;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
}
 .foternav dl:last-child {
margin-bottom: 0;
border: 0;
}
 .foternav dl.nolist dt::before {
display: none;
}
 .foternav dl.nolist dt a {
display: block;
}

  /* 底部导航 end */

  .foterus {
justify-content: flex-start;
}
 .copyright {
margin-top: 1rem;
}
 .copyright .copyPone {
margin-bottom: .3rem;
}



 /* ===============================================================================内页=========================================================== */

  /* 内页banner */

  .ny-banner .imgBox img {
height: 250px;
object-fit: cover;
}
 .ny-banner .con h2, .ny-banner .con .en {
font-size: 16px;
line-height:35px;
}
 .ny-banner .con h2, .ny-banner .con h2 {
font-size:24px;
}
 .ny-banner2 .text {
display: none;
}
 .ny-banner2 .tle {
 text-align: left;
 width:100%;
 margin:auto;
 padding: 50px 80px 50px 80px;
}
 .prolistnav ul {
 padding-top: 20px;
 position: sticky;
 top: 1rem;
}
 .scheme-item .scheme-item-img {
 position:absolute;
 right:-53px;
 top:72%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 width:420px;
}
 .scheme-item{ height:460px;}

.scheme-item .scheme-item-img img {
 width:83%
}
 .scheme-item .scheme-item-content {
 height:100%;
padding-left:15px;
padding-top:28px;
 width:100%
}
.scheme-item .scheme-item-content .scheme-title1 {
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical;
 color:#333;
 cursor:pointer;
 display:-webkit-box;
 font-family:PingFangSC-Semibold;
font-size:24px;
 overflow:hidden;
 text-overflow:ellipsis;
 width:98%;
}
 .scheme-item .scheme-item-content .scheme-text {
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 color:#666;
 display:-webkit-box;
 font-family:PingFangSC-Regular;
font-size:16px;
line-height:30px;
margin-bottom:15px;
margin-top:15px;
 overflow:hidden;
 text-overflow:ellipsis;
 width:97%;
}
 .case-list01 ul li {
width:50%;
padding-right:15px;
}

.case-list01 {
padding: 20px 5px 0px 5px;
}

 .case-list01 ul li a .activity-info h3 {
font-size:16px;
}
.case-list01 ul li:nth-child(2n) {padding-right: 0;}

.case-list01 ul li a .activity-img {
	height:150px;
	overflow:hidden;
	width:100%
}

.case-filter .case-filter-box .swiper-container .swiper-wrapper .swiper-slide {
 cursor:pointer;
font-size:14px;
 height:auto;
margin:0 10px 4px 0;
 width:auto
}
.case-filter {
padding:10px 10px 0
}
 .case-filter .case-filter-box h3 {
font-size:24px;
 font-weight:700;
min-width:100px
}

.peolistBox .prolist_01 {
	padding: 20px 3% 5% 3%;
	width: 100%;
	box-sizing: border-box;
}

.dutyThree ul li {background: #f2f2f2;
padding: 10px 10px 10px 10px; box-sizing: border-box;display: none; margin-top:20px; border-radius:10px;float:left;width: 100%;margin-right:20px;}
.dutyThree ul li h5 {font-size: 18px;color: #333333; line-height:35px;}
.dutyThree ul li .more a { width: 120px;height: 35px; background: #163168; border-radius: 30px; display: flex;align-items: center; justify-content: center; color: #fff;}


.culture {padding:5px 5px 0;}

.culture .culture-box .culture-img {
	width:100%;
}
.culture .culture-box .culture-info {

	width:100%;
}

.culture .culture-box .culture-info h2.addmargin {margin-top: 40px;}

.culture .culture-box {
	background-color:#fff;
	box-shadow:0 20px 20px rgba(0, 0, 0, .03);
	margin-top:20px;
	padding:20px 20px 20px;
}

.culture .culture-box .culture-info h2 {
font-size:32px;
	line-height:60px;
margin-bottom:30px
}

.culture .culture-box .culture-info p {
	color:#666;
font-size:18px;
line-height:35px;
	text-align:justify;
	word-break:normal;
}

    .culture .culture-tags {
        flex-wrap: wrap;
        margin: 50px 0 50px;
    }

    .culture .culture-tags .tag {
        margin: 50px 0 0;
        width: 33.333%
    }

    .culture .culture-tags .tag.tag4 {
        margin: 50px 0 0 40px;
    }
	
	.culture .culture-tags .tag .tag5 {
        margin: 50px 0 0;
        width: 43.333%
    }
	
	    .culture .culture-tags .tag.tag4 {
		}

    .culture .culture-tags .tag:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1)
    }

    .culture .culture-tags .tag:last-child:after,.culture .culture-tags .tag:nth-child(3):after {
        display: none
    }

    .culture .culture-tags .tag h3 {
        font-size: 50px;
        line-height: 60px;
    }

    .culture .culture-tags .tag span {
        border-radius: 10px;
        font-size: 12px;
        line-height: 1;
        min-width: 30px;
        padding: 10px 15px;
        top: -25px;
    }

    .culture .culture-tags .tag span:after {
        border: .1rem solid transparent;
        border-top-color: #f6f6f6;
        left: -40px;
        top: 40px
    }

    .culture .culture-tags .tag.tag1 span {
        right: 5px;
    }

    .culture .culture-tags .tag.tag2 span {
        left: 50px;
        right: auto
    }

    .culture .culture-tags .tag.tag3 span {
        right: 10px;
    }

    .culture .culture-tags .tag.tag4 span {
        right: 10px;
    }

    .culture .culture-tags .tag.tag5 span {
        right: 10px;
    }
	
	  .culture .culture-tags .tag.tag5 P{  max-width: 180px;}

    .culture .culture-tags .tag p {
        font-size: 14px;
        line-height: 60px;
        margin: 20px auto 0;
        max-width: 110px;
    }


    .culture .culture-tags .tag p.m-tag-width {
        max-width: 80px;
    }

    .culture .phone {
        margin-top:60px;
    }

    .culture .phone i {
        height: 60px;
        width: 60px;
    }

    .culture .phone p {
        font-size: 60px;
        line-height: 60px;
        margin: 0 60px 0 60px;
    }

    .culture .phone h3 {
        border-left: 30px solid #666;
        font-size: 60px;
        padding-left: 60px;
    }


  /* 内页栏目导航 */

  .nypagenav ul {
flex-wrap: wrap;
justify-content: space-between;
padding: 10px 0;
}
 .nypagenav ul li {
padding: 0 10px;
margin: 10px 0;
width: 47.5%;
padding: 0;
}
 .nypagenav ul li::after {
display: none;
}
 .nypagenav ul li a {
border: 1px solid #ddd;
text-align: center;
padding: 10px 0;
font-size:16px;
font-weight:bold;
}
 .nypagenav ul li.on a {
background: #163168;
color: #fff;
border-color: #163168;
}



  /* 关于我们 */
  .aboutTle p {
width: 100% !important;
}
 .abThreSwiper {
max-width: 70%;
}
 .aboutFour .swiperBox1 .abfourSwiper1 .year {
font-size: 2.6rem;
}
 .aboutFour .swiperBox3 .swiper-slide {
height: 60px;
}
 .aboutFive .tle .tleText {
width: 100%;
}
 .abFiveSwiper1 .swiper-slide {
width: 110px;
height: 40px;
}
 .abFiveSwiper3 {
padding-bottom: 40px;
}
 .abFiveSwiper3 .swiper-slide .imgBox {
height: 80px;
}
 .abSixSwiper {
max-width: 70%;
}



  /* 产品中心 */

  .peolistBox {
flex-wrap: wrap;
}
 .prolistnav {
width: 100%;
padding-bottom: .5rem;
}
 .prolistnav ul {
position: relative;
top: 0;
}
 .peolistBox .prolist {
width: 100%;
}
 .prolist .list ul {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;
 margin-top: 60px;
}
 .prolist .list ul li .product-btn a {
 background-color: #fff;
	/* background-position: 30px 15px; */
	background-repeat: no-repeat;
	/* background-size: 20px 20px; */
	display: block;
 font-size: 12px;
 height: 35px;
 line-height: 35px;
 text-align:center;
 position: relative;
 width: 49%;
}
 .prolist .list ul li .product-btn {
 -moz-align-items: center;
 -ms-align-items: center;
 -o-align-items: center;
 align-items: center;
 background-image: -os-linear-gradient(180deg, hsla(0, 0%, 100%, .8) 0, #fff 100%);
 background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .8), #fff);
 bottom: -10px;
 display: flex;
 height: 80px;
 -moz-justify-content: space-between;
 -ms-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
 left: 0;
 padding: 0 10px;
 position: absolute;
 transition: all .3s ease-in;
 -webkit-transition: all .3s ease-in;
 -moz-transition: all .3s ease-in;
 -ms-transition: all .3s ease-in;
 width: 100%
}
 .prolist .list ul li {
 background: #fff;
 height: 350px;
 overflow: hidden;
 position: relative;
 border-radius: 10px;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
 padding: 10px;
}

.prolist .list ul li h4 {
	font-size: 14px;}
	
.prolist .list ul li .product-info p { font-size:12px;
	padding: 5px 5px 10px 5px;
}


.prolist .tit h3 {
	font-size:36px;
	color: #333333;
	margin-left: .25rem;
}

  /* 产品详情 */

  .dateOne .re {
display: none;
}
 .dateOne .le h3 {
padding-right: .5rem;
}
 .dateOne .le dl {
width: auto;
}
 .dateTwo .box {
flex-wrap: wrap;
}
 .dateTwo .imgBox {
width: 100%;
}
 .dateTwo .con {
	 margin-left:10px;
	 padding-bottom:10px;
width: 100%;
margin-top: .5rem;
}
 .dateThree .box .re {
width: 100%;
}
 .dateThree .re ul li h6 {
font-size: var(--font26);
}

.dateTwo .canshu-btn ul li{float: left;line-height:60px;color:#FFF;padding-left:50px;padding-right:50px;}


  /* 解决方案 */

  .solulist li a {
flex-wrap: wrap;
}
 .solulist li .con {
width: 100%;
}
 .solulist li .imgBox {
width: 100%;
margin-top: .5rem;
}



  /* 投资者关系 */

  .instorOneSwiper2 ul {
gap: .3rem;
}
 .instorOneSwiper2 ul li {
padding: .5rem .25rem;
padding-bottom: 1rem;
}
 .investorTwo ul li {
width: 100%;
}
 .investorTwo ul li .tle {
width: 45%;
}


  /* 联系我们 */

  .contact li {
width: 100%;
}


 /* 新闻详情 */

 .newsDate .box {
flex-wrap: wrap;
}
 .newsDate .box .left {
width: 100%;
}
 .newsDate .right {
width: 100%;
margin-top: .4rem;
position: relative;
top: 0;
}
 .newsDate .right .linksBox {
width: 100%;
}
 .newsDate .right .linksBox ul {
display: grid;
grid-template-columns: repeat(4, auto);
gap: .3rem;
}
 .newsInfoSwiper {
max-width: 82%;
}
 .videolist {
 margin-top: 70px;
}
 .videolist ul {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;
}
.videolist li { height:280px;}

.videolist li {
 background: #f9f9f9;
 border-radius:15px;
}
.videolist li .con {
 padding: 10px 4px;
}
.videolist li .time {
 font-family: Arial, Arial-Regular;
 font-weight: 400;
 color: #999999;
 font-size: 16px;
}
.videolist li .imgBox {
 overflow: hidden;
}
.videolist li .imgBox img {
 border-radius:15px 15px 0 0;
 width: 100%;
transition: .5s;
}
.videolist li h5 {

 color: #333333;
 font-size: 15px;
 color: #333333;
 font-weight: 600;
}
.videolist li p {
 margin-top: 5px;
 color: #666666;
 line-height: 22px;
 font-size:14px;
}
.videolist li:hover .imgBox img {
 transform: scale(1.1);
 border-radius:15px 15px 0 0;
}
.videolist li:hover h5 {
 color: #163168;
}

.newslist ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.newslist li{ height:280px;}
.newslist li .con {
	padding: 10px 10px;
}

.newslist li h5 {
	margin-top: 20px;
	color: #333333;
	font-size: 15px;
	color: #333333;
	font-weight: 600;
}

.newsinfoSwiper .imgBox img {
	width: 100%;
	min-height: 120px;
	transition: .5s;
	object-fit: cover;
}

.newsinfoSwiper h5 {
	font-size: 14px;
	font-weight:bold;
	color: #333333;
	margin-top: 20px;
}

.newsinfoSwiper .con {
	width: 60%;
	padding: 10px 10px;
	box-sizing: border-box;
}

.newsinfoSwiper .con p {
	color: #666666;
	margin-top: 10px;
	line-height: 1.7;
	font-size:12px;
}

.newsinfoSwiper .swjt {
	left: auto;
	right: 20px;
	top: auto;
	bottom: 20px;
	width: 20px;
	height: 20px;
	min-width: 18px;
	min-height: 18px;
	background: rgba(0, 21, 38, .2);
	border-radius: 50%;
	transition: .5s;
}

.newsinfoSwiper .more {
	margin-top: 5px;
	font-size:14px;
	color: #163168;
	display: flex;
	align-items: center;
}

.newsDate .title strong {
	text-align:center;
	font-weight: 700;
	color: #333333;
	margin-top: 20px;
	font-size: 24px;
	display: block;
}

 /* 投资者关系 */

 .investorOne .swiperBox .swjt {
display: block;
}
 .instorOneSwiper .swiper-slide a {
margin-left: .25rem;
}

.fy { padding: 30px 0 30px; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; margin-bottom:60px;}
.fy a { display: flex; align-items: center; border: 1px solid #D0D0D0; border-radius: 5px; justify-content: center;  color: #999; }
.fy a { height: 30px; min-width: 20px; min-height: 30px; transition: .4s; margin:5px;}
.fy  a:hover {color: #fff; background: #163168; border-color:#163168 ;}
.fy .page-num-current {display: flex; align-items: center; justify-content: center;border-radius: 5px; }
.fy .page-num-current {width: 20px; height: 30px; min-width: 20px; min-height: 20px; color: #fff; background: #163168; border-color:#163168 ; margin: 0 5px;}



}
 @media screen and (min-width: 200px) and (max-width: 640px) {

  /* 产品中心 */

  .prolist ul {
grid-template-columns: repeat(1, 1fr);
}
}
 @media screen and (min-width: 200px) and (max-width: 500px) {
}
 @media screen and (min-width: 200px) and (max-width: 450px) {
}
 @media screen and (min-width: 200px) and (max-width: 300px) {
}
 @media screen and (max-width: 1500px) {
	 
	 .culture .culture-tags .tag span { font-size:14px;}
.culture .culture-tags .tag.tag1 span {
right:35px
}
.culture .culture-tags .tag.tag2 span {
right:10px
}

.culture .culture-tags .tag.tag3 span {
right:50px
}
.culture .culture-tags .tag.tag4 span {
right:40px
}
.culture .culture-tags .tag.tag5 span {
right:50px
}


 }