/* CSS Reset */
*, *::before, *::after {
    margin: 0; /* 移除所有元素的外边距 */
    padding: 0; /* 移除所有元素的内边距 */
    box-sizing: inherit; /* 继承父元素的box-sizing属性值 */
}
html{scroll-behavior:smooth;}
body {
    font-family:  'Microsoft Yahei',Arial, sans-serif; /* 设置全局字体族 */
    font-size:14px;
    line-height: 1.5; /* 设置文本行高 */
    color:#333;
    overflow-y: scroll;
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,button,input,textarea,form,th,td,br,span {margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6 {font-weight: normal; /* 取消标题元素的加粗效果 */}
a {  text-decoration: none; /* 去除超链接的下划线 */   color:#36393e;}
a:hover{color:#18CFB5;}
ul, ol {
    list-style: none; /* 移除列表项前面的符号 */
}
i,em{font-style: normal;}
img {
    /* max-width: 100%;  */
    height: auto; /* 根据比例自动调整图片高度 */
}
textarea,img,a{border:none;}
button {
    cursor: pointer; /* 改变光标形状为手型 */
    background-color: transparent; /* 按钮没有背景色 */
    border: none; /* 无边框 */
    outline: none; /* 不显示点击时的虚线框 */
}
input {outline: none;border: none;}
input[type="button"] {cursor: pointer;}
input::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder {color: #999;opacity: 1!important;}
input::-moz-placeholder {color: #999;opacity: 1!important;}
input:-ms-input-placeholder {color: #999;}
textarea::-webkit-input-placeholder {color: #999;}
textarea:-moz-placeholder {color: #999;}
textarea::-moz-placeholder {color: #999;}
textarea:-ms-input-placeholder {color: #999;}
textarea {outline: none;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
.clearFix::after{content: '';display: block;clear: both; height: 0; overflow: hidden; visibility: hidden;}
.w1200{width:1200px; margin:0 auto;}
.h10{height:10px;}
.marTop10{margin-top:10px;}
.marTop15{margin-top:15px;}
.marTop20{margin-top:20px;}
.marTop30{margin-top:30px;}
.marTop50{margin-top:50px;}
.marTop80{margin-top:80px;}
.marTop100{margin-top:100px;}

.marBot10{margin-bottom:10px;}
.marBot15{margin-bottom:15px;}
.marBot20{margin-bottom:20px;}

.marTB40{margin-top:40px; margin-bottom:40px;}
.marTB50{margin-top:50px; margin-bottom:50px;}
.m-right0{margin-right:0!important;}

.padTB30{padding-top:30px; padding-bottom:30px;}
.padTB50{padding-top:50px; padding-bottom:50px;}
.padTB60{padding-top:60px; padding-bottom:60px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.bgWhite{background:#fff;}
/*字体*/
.fs36{font-size:36px;}
.fs26{font-size:26px;}
.fs20{font-size:20px;}
.fs18{font-size:18px;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.fs12{font-size:12px;}
.fw-bold{font-weight: bold;}
/*字体颜色*/
.gray1{color:#191919;}
.c33{color:#333;}
.c55{color:#555;}
.c66{color:#666;}
.c88{color:#888;}
.c99{color:#999;}
.caa{color:#aaa;}
.red{color:#f00;}
.yellow{color:#ff0;}
.white{color:#fff;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{--bs-gutter-x: 0}
/*------flex弹性布局-------*/
.f-r{display: flex;align-items: center;flex-wrap: wrap;}
.f-r-center{justify-content: center;}
.f-r-between{justify-content: space-between;}
.align-center{	align-items: center; /*垂直居中*/}
.row{--bs-gutter-x: 0; margin:0; padding:0;}
/*不换行 水平均分空间 垂直居中*/
.flex {
    display: flex;
    justify-content: space-between; /*子元素靠边对齐平均分剩余的空间*/
    align-items: center; /*垂直居中*/
    box-sizing: border-box;
}
/*换行，第一行在上方。*/
.flex-wrap {
    display: flex;
    flex-wrap: wrap; 
    align-content: stretch; /*与交叉轴的起点对齐。*/
    box-sizing: border-box;
}
/*垂直排列 均分空间*/
.flex-column{
	/* #ifndef APP-PLUS-NVUE */	
	display:flex;
	/* #endif */
	flex-direction: column;/* 将Flex容器的主轴设置为垂直方向 */
	justify-content: space-around;
}
/*不换行 垂直和水平方向都居中*/
.flex-center{
	display:flex;
	align-items: center; /*垂直居中*/
	justify-content: center; /*水平居中*/
	flex-direction: column;
	}
	
/*多行文本*/
.title-1 {
    text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/
    display: -webkit-box;
    -webkit-line-clamp: 1; /*规定超过1行的部分截断*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all; /*在任何地方换行*/
}
.title-2 {
    text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/
    display: -webkit-box;
    -webkit-line-clamp: 2; /*规定超过2行的部分截断*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all; /*在任何地方换行*/
}
.title-3 {
    text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/
    display: -webkit-box;
    -webkit-line-clamp: 3; /*规定超过3行的部分截断*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all; /*在任何地方换行*/
}
/*公共头部导航*/
.topWrap{background:#f6f6f6; height:30px; line-height: 30px; border-bottom:1px solid #e7e7e7; font-size:12px; color:#888;}
.topWrap-right a{color:#888; margin:0 18px;}
.topWrap-right a:hover{color:#18CFB5}
.colorBlue{color:#0758f1!important;}
.colorGreen{color:#18CFB5!important;}
header{background:#18ceb5; height:80px; width: 100%; }
header .logo{margin-top:12px; width: 270px;}
header.fixed {position: fixed; animation: slideDown 0.3s ease-out; z-index: 88; }
.headerRight{font-size:16px; height:80px; padding: 0 20px 0 30px; flex: 1;}
.headerRight a{padding:25px 20px; color:#fff; align-items: stretch; line-height: 30px; min-width:90px; text-align:center; white-space:nowrap;}
.headerRight span{position: relative; display: inline-block; }
.headerRight span a{padding:30px 20px; min-width:120px; }
.headerRight a:hover{color:#18CFB5;background: #fff;}
.headerRight .active{background: #00e5c5;}
.productWrap{position: absolute; z-index: 10; background:#fff; border-radius:10px; top:72px; padding:50px 30px 10px 40px; width:1050px; display:flex; justify-content:space-between; left:30%; transform: translate(-30%);}
.productWrap dl{width: 205px; margin-right: 40px; margin-bottom: 40px; line-height: 20px; cursor: pointer;}
.productWrap dd{flex:1;}
.productWrap dt{flex: 0 44px; margin-right: 12px;}
.productWrap dt img{width: 100%;}
.productWrap .tit{font-size:16px; font-weight: bold; color:#333;}
.productWrap .con_text{flex:1; color:#999; font-size:14px; padding-top: 3px; }
.productWrap .arrow{width: 0;height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; display: inline-block;position: absolute;top:-10px; left:31.5%; transform: translate(-30%);}
.headerM{display: none;}
.login_top{width: 100px; line-height: 34px; border: 1px solid #fff; border-radius: 6px; color: #fff;}
.logina a:hover {color: #fff;}
/*右侧悬浮*/
.rightPubS{position: fixed; right:10px; bottom:200px; width:95px; height:360px; border-radius:10px; background: linear-gradient(-35deg, #18CFB5, #18CFB5 );box-shadow: 0px 0px 10px 0px rgba(163,163,163,0.21); z-index:999; color:#fff; text-align: center; font-size:14px; padding-top:6px;}
.rightPubS .rightLi{border-bottom:1px solid #5ddcd1; margin:0 4px; padding:14px 0; cursor: pointer;}
.rightPubS .rightLi p{margin-top:10px;}
.rightPubS .rightLi.last{border-bottom:0;}
.rightPubS .rightLi a:hover{color:#fff;}
.qrShowWrap{position: absolute;right:93px;top:100px;  background:#fff; box-shadow: 0px 0px 10px 0px rgba(163,163,163,0.21); border-radius: 10px; width:200px; height:230px; padding:10px;  display: none;}
/* .qrShow:hover .qrShowWrap{display: block;} */
.telShowWrap{position: absolute;right:93px; top:0;background:#fff; box-shadow: 0px 0px 10px 0px rgba(163,163,163,0.21); border-radius: 10px; width:200px; padding:10px; display: none;}
.bottomPubs{display: none; background: #18CFB5;}
/*底部*/
footer{background:#142034; color:#cfcfcf; font-size:13px; text-align: center; line-height: 26px; padding:20px 0 30px 0;}
/*弹框 免费体验*/
.loginPop_bg {  position: fixed;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; }
.public_Popups{  width: 100%; height: 100%;display: flex; justify-content: center; align-items: center;}
.loginPopBox {position: relative; background-color: white; border-radius:20px; width: 676px; height: 550px;  box-shadow: 0 4px 8px rgba(0,0,0,0.2);  animation: fadeIn 0.3s;}
.loginPopBox .top_tit{background: #18CFB5 url(../images/login_bg.png) no-repeat; height: 80px; text-align: center; padding: 20px 100px; color: #fff;  border-radius: 20px 20px 0 0;font-size: 15px;}
.loginPopBox .list_box{padding: 20px 50px; }
.loginPopBox .list {font-size: 16px; margin-bottom: 15px;display: flex;}
.loginPopBox .name{display: inline-block; width: 80px; padding-top: 10px;}
.loginPopBox .text{font-size: 14px;width: 70%;margin-left: 10px;}
.loginPopBox input,.loginPopBox textarea{width: 70%; border-radius: 10px; padding: 10px 2%; background: #F5F5F5; margin-left: 10px; font-size: 15px;}
.loginPopBox .submitBtn {background: #18CFB5;  color: #fff; border-radius: 5px;  width: 400px;  margin: 0 auto; text-align: center;  height: 48px;  line-height: 48px; font-size: 18px;
    margin-top: 30px;}
.close-btn {position: absolute;  top: -30px;right: -30px; cursor: pointer; background: url(../images/close.png) no-repeat; width: 33px; height: 33px;}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 项目介绍 图文 */
.intro{align-items: center; padding:20px 20px; overflow: hidden;}
.introMain-txt .title{font-size: 26px; font-weight: bold; line-height: 38px; margin-bottom: 15px;}
.intro-ul,.intro-list{margin-bottom:20px;}
.intro-list,.intro-ul li{ font-size:16px;line-height: 32px; color:#333; width: 100%; }
.intro-ul li::before{content: ''; display: inline-block; width:8px; height:8px; border-radius: 6px; background:#7AE0D2; margin-right:15px; margin-top: 12px;}
.intro-list li{background: url(../images/pub_icon.png) no-repeat 0px 7px; padding-left: 30px; }
.text-center-m{text-align: center;}
.intro-tag{ padding:2px 12px; line-height: 34px; border: 1px solid #18CFB5; background: #F1FFFE; border-radius: 6px; margin-right: 8px; color: #18CFB5; font-size: 15px; min-width: 70px; text-align: center; margin-bottom: 1%;}
.intro-btn{ width: 160px; line-height: 48px;  background: #15C7B9; border-radius: 30px; color: #fff; font-size: 20px; text-align: center; margin-top: 25px;}
.intro-btn:hover{background:#10e1c3; }
.intro_con{font-size: 20px; line-height: 42px; padding-left: 10px;}
.about_intro{font-size: 18px; line-height: 36px; padding:15px 15px 5px 0px;}
.about_intro p{padding-bottom: 15px; }
.icon_list_box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.icon_list_01{width: 27%;margin: 0 1%; background: #fff;  line-height: 28px; border-radius: 20px;}
.icon_list_01 ul{ padding: 30px 24px 25px;}
.icon_list_01 .tit{font-weight: bold;font-size: 20px; padding: 17px 0;}
.icon_list_01 .content{color: #333; text-align: center; font-size: 16px; } 

.icon_list_02{margin: 0 1% 20px; flex: 1 27%; background: #fff;  line-height: 28px; border-radius: 20px;padding: 30px 24px 30px;}
.icon_list_02 .tit{font-weight: bold;font-size: 24px; }
.icon_list_02 .content{color: #666; text-align: center; font-size: 18px;padding: 13px 0 16px; } 

/* banner */
.smart-banner,.swiper-banner{width: 100%;}
.smart-banner img{height: 620px;}
/*行业资讯 园区百科 公共部分*/
.pubNewsList{ border: 1px solid #E6E6E6; flex: 1 47%;  margin: 0 20px 20px 0;  box-sizing: content-box;}
.pubNewsList:last-child{margin-right: 0;}
.pubNewsTit{background: #18CFB5; line-height: 40px; padding: 0 20px; font-size: 14px; color: #fff;}
.pubNewsTit a{ color: #fff;}
.pubNewsTit span{font-size: 18px; font-weight: 400;}
.pubNewsList ul{padding: 1% 20px 20px; font-size: 16px;}
.pubNewsList ul li{height:44px; line-height: 44px; display: flex; justify-content: space-between; }
.pubNewsList ul li a{color:#555; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pubNewsList ul li a:hover{color:#18CFB5}
.pubNewsList ul li .time{color:#888; flex: 0 100px; text-align: right;}

.pag_box {width: 500px;margin: 0 auto;padding-bottom: 80px;margin-top: 80px;cursor: pointer;}
.next_page {display: inline-block;width: 86px;height: 46px;line-height: 46px;text-align: center;border-radius: 6px;border: 1px solid #E2E2E2;}
.next_page span{margin-right: 8px;}
.next_page:hover {color: #FFFFFF;background: #18CFB5;}
.pag_nub {display: inline-block;height: 46px;line-height: 46px;width: 46px;text-align: center;border-radius: 6px;border: 1px solid #E2E2E2;}
.pag_nub:hover {color: #FFFFFF;background: #18CFB5;}

.step_box{padding-bottom: 20px;}
.step_tit{width: 100%; padding: 20px 0; text-align: center; line-height: 50px; background: #18CFB5; color: #fff; font-weight: bold; font-size: 34px}
.step_con{width: 100%; padding: 50px 0 30px; height: 180px; background: url(../images/deploy/deploy_img10.png) no-repeat center center; }
.step_box .intro-btn{width: 190px;}


/*关于我们*/
.ygfc{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ygfc dl{flex:1 23%; margin-right:2%;}
.ygfc dl:last-child{margin-right:0;}
.ygfc dt{width: 100%; }
.ygfc dt img{width: 100%;border-radius: 10px; overflow: hidden;}
.ygfc dd{font-size: 18px; line-height: 34px; margin: 10px; text-align: center; }
.culture{padding: 30px 10px 0 40px;}
.culture dl{display: flex; padding-bottom: 30px;}
.culture dt{color: #18CFB5; font-size: 42px; font-weight: bold; padding-right: 15px;}
.culture dd{line-height: 36px; font-size: 18px;}
.culture .tit{font-weight: bold;font-size: 24px;}
/*留言体验*/
.formWrap{background:url(../images/about/ab_bg2.png)top center no-repeat; height:587px;}
.formMain{width:540px; margin:0 auto;}
.formMain .list{display: flex; align-items: center; justify-content: space-between; font-size:16px; margin-bottom:15px;}
.formMain .list .l_tit{width: 110px; text-align: right; padding-right: 25px; display: inline-block;}
.formMain .list input,.formMain .list textarea{width:80%; border-radius: 10px; padding:13px 2%;}
.formBottom{display: flex; flex-direction: row-reverse;}
.submitBtn{background:#18CFB5; color:#fff; border-radius: 5px; width:410px; text-align: center; display: block; height:48px; line-height: 48px; font-size:18px; margin-top:20px;}
.submitBtn:hover{background:#ff9c00; color:#fff;}
.serve_list{ width: 31%;margin: 0 1%; background: #fff url(../images/about/ab_03.png) no-repeat right top;box-shadow: 2px 3px 5px 0px rgba(160,160,160,0.22); border-radius:10px; margin-bottom: 25px; line-height: 24px;}
.serve_list ul{ padding: 30px 34px 37px; }
.serve_list .tit{font-weight: bold;font-size: 24px; padding: 15px 0 12px;}
.serve_list .content{font-size: 18px; line-height: 32px; } 
/* 荣誉展示 */
.honorWarp{background:url(../images/about/ab_bg1.png) bottom center no-repeat; height:310px;  padding-top: 30px;}
.honorWarp .honor{overflow: hidden;}
.honorWarp li{margin-right: 15px; flex: 0 335px; float: left;}
.honorWarp img{border: 4px solid #18CFB5; background: #fff; height: 248px;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}

/*移动APP*/
.mobileWarp{border: 1px solid #15C7B9; }
.mobileWarp .topbar{background: #18CFB5; line-height: 60px; text-align: center; font-size: 28px; color: #fff;}
.mobileWarp .contentBox{padding: 60px 40px 30px;}
.mobileWarp .sjmx{ text-align: center;}
.mobileWarp .introList{ padding: 20px 30px 0px 10px;display: flex; flex-wrap: wrap; flex: 1 80%; }
.mobileWarp .introList ul{padding-bottom: 25px;flex: 0 20%; }
.mobileWarp .introList .text{text-align: center;font-size: 16px;padding: 15px 0px;}
.mobileWarp .qrcode{background: #F8F8FA; padding: 15px 70px 15px 20px; line-height: 35px;}
.mobileWarp .qrcode .img{ width: 160px; margin-right: 15px;line-height: 24px;}
.mobileWarp .qrcode .content{flex: 1 500px;}
.mobileIntro{background: url(../images/app/a_01.png) no-repeat center center; min-height: 380px; display: flex; justify-content: space-between; padding: 30px 0 0;}
.mobileIntro .m_left,.mobileIntro .m_right{ flex: 0 26%;}
.mobileIntro dl{background: #f1fcfb; border-radius:10px;padding: 20px 30px; margin-bottom: 15px;}
.mobileIntro dt{font-weight: bold; font-size: 20px;}
.mobileIntro dt .num{font-size: 23px; color: #18CFB5; font-style: italic; display: inline-block; padding-right: 6px;}
.mobileIntro dt::after{content: ''; display: block; width:40px; height:2px; overflow: hidden; border-radius: 5px; background:#18CFB5; margin-bottom: 10px; margin-top: 3px; }
.mobileIntro dd{ font-size: 15px; line-height: 26px;}


/*新闻资讯*/
.newsImg{background:url(../images/newsImg.png) top center no-repeat; height:160px; width:100%;}
.crumb{padding:10px 0; background: #F8F8FA;}
.newsListWrap{display: flex; justify-content: space-between;}
.newstab{display: flex;justify-content:center; padding: 40px 30px;}
.newstab .newbtn{ width: 190px; background: #EEEEF3; line-height: 48px;   border-radius: 8px; font-size: 18px; text-align: center; margin-right: 15px;}
.newstab .newbtn.active{ background: #15C7B9; color: #fff; }
.tabPane {display: none;animation: fadeIn 0.5s;}
.tabPane.active {display: block;}

.newsList{font-size:16px; margin-bottom:30px; width:67%; }
.newsList ul{border-bottom: 1px dashed #E7E7EE; margin-bottom: 15px; padding: 10px;}
.newsList li{ line-height: 26px; font-size: 16px;}
.newsList .tit{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.newsList .content{  color: #666; margin-bottom: 6px;}
.newsList .time{color:#999; margin-bottom: 15px;}
.newsList .time span{display: inline-block; margin-right: 15px;}

.newsRight{width:30%;}
.newList-r1{background:#fff; border-radius: 10px; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.00); padding:10px 17px; margin-bottom:10px;}
.newList-r1 .tit{height:40px; line-height: 40px; font-size:20px; font-weight: bold; border-bottom:1px solid #eee; padding: 0 6px;}
.newList-r1 .tit::before{content: ''; display: inline-block; width:3px; height:20px; overflow: hidden; border-radius: 5px; background:#18CFB5; margin-right: 12px;  }
.newList-r1 ul{padding:10px 0;}
.newList-r1 ul li{font-size: 16px;height:40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*分页*/
.pager {max-width:800px; text-align: center; margin-bottom: 30px; display: inline-block; margin:30px auto;}
.pager a {cursor: pointer;}
.pager a,
.pager span {width: 45px;height: 40px;border: 1px solid #EBEBEB;margin-left: -1px;color: #8a8a8a;display: inline-block;line-height: 40px;float: left;font-size: 15px;text-decoration: none;margin: 0 2px;border-radius: 6px;}
.pager a:hover,
.pager span:hover {border-color: #18CFB5;color: #18CFB5;position: relative;z-index: 1;}
.pager span.current {background-color: #18CFB5;color: #fff;border-color: #EBEBEB;position: relative;z-index: 1;}
.pager .pg-first,.pager .pg-prev,.pager .pg-next,.pager .pg-last {background: white url(../images/page_bg.jpg)  8px 7px no-repeat;}
.pager .pg-first:hover,.pager .pg-prev:hover,.pager .pg-next:hover,.pager .pg-last:hover {background: white url(../images/page_bg_hover.jpg)  8px 7px no-repeat;}
.pager .pg-prev,.pager .pg-prev:hover {background-position: 7px -21px;}
.pager .pg-next,.pager .pg-next:hover {background-position: -21px -21px;}
.pager .pg-last,.pager .pg-last:hover {background-position: -21px 7px;}
.pager .pg-prev[disabled='true'],
.pager .pg-prev[disabled='true']:hover {cursor: default;background-image: url(../images/page_bg.jpg);}
.pager .pg-next[disabled='true'],
.pager .pg-next[disabled='true']:hover {cursor: default;background-image: url(../images/page_bg.jpg);}
.pager .pg-prev[disabled='true'],
.pager .pg-next[disabled='true'] {border-color: #eeeeee;}
.pager span.els {border-color: transparent;}
.pagerHtmlWrap {width: 800px;margin: 30px auto;}
.pagerHtmlWrap .cc_cells {width: 100%;height: 35px;padding: 5px 0;border-bottom: 1px #cccccc solid;}
.pagerHtmlWrap .cc_cells a {color: #454545;font-size: 14px;line-height: 35px;text-decoration: none;}
.pagerHtmlWrap .cc_cells a span {display: inline-block;width: 25%;text-align: left;margin: 0;}


.newsDetail{font-size:16px; margin-bottom:30px; width:67%;}
.newsDetail h1{font-size:28px; font-weight: bold; line-height: 36px; text-align: center; margin-top:30px;}
.newsDetailTime{ color:#999; text-align: center; margin-top:15px; margin-bottom:20px;}
.newsDetailTxt{ line-height: 36px;}
.newsDetailTxt p{text-indent: 2em;}
.relationWrap{padding:20px 0 30px; border-top:1px dashed #eee; margin-top:10px; }
.relationWrap p{color:#747474; line-height: 34px;}

@media screen and (min-width:998px) and (max-width:1200px) {
	.introMain-txt .title{font-size: 24px; line-height: 32px; }
	header{height: 70px;}	
	.smart-banner img{height: 430px;}
	.headerRight{font-size:15px; height:70px; padding: 0 10px 0 20px; flex: 1;}
	.headerRight a{padding:20px 12px; align-items: stretch; line-height: 30px; min-width :80px; display: inline-block;}
	.headerRight span a{padding:25px 12px; min-width:70px; }
    .login_top{width: 80px; line-height: 30px; font-size: 12px;}
	.intro img{width:90%;}
	/* .pubNewsList{flex: 1 46%;  box-sizing: content-box;} */
	.honorWarp{}
	.honorWarp img{height: 190px;}
}

@media only screen and (max-width:997px){
	header .logo{margin-top:15px; width: 200px;}	
	.smart-banner img{height: 230px;}
	.ygfc dl{flex:1 47%; margin-right: 3%;}
	.ygfc dl:nth-child(2n){margin-right:0;}
	.ygfc dd{font-size: 17px;}
	.intro{margin:10px 0 40px 0; padding:0 5%;}
	.intro img{width:97%; margin-bottom: 6%;}
	.intro-ul{margin-bottom:5px;}
	.intro-ul li {font-size:15px; line-height: 24px;}
	.introMain-txt .title{font-size: 20px; line-height: 30px; margin-bottom: 8px;}
	.intro-list, .intro-ul li{line-height: 30px;}
	.intro-tag{ padding:2px 12px; line-height: 26px;  min-width: 60px; }
	.intro-ul li::before{margin-right: 10px;}
    /*左侧导航*/
    .topWrap,header{display: none;}
    .headerM{display: block; height:38px; line-height: 38px; padding:0 10px; background: #18CFB5;}
    .leftMenu a {text-decoration: none;display: block;color:#fff;}
    .leftMenu {background: #18CFB5;left: -1000px;position: fixed;top: 38px;display: block;height: 100%;width:60%;min-width: 140px;max-width: 440px;z-index: 90002;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;position: fixed;overflow: auto;}
    .leftMenu.menu-open {left:40%;}
    .leftMenu ul {list-style: none;padding: 0;overflow: hidden;}
    .leftMenu ul li {position: relative;padding: 6px 0;overflow:hidden;width:88%;margin:0 auto;}
    .leftMenu ul li.hasChild > .arrow:after {content: "";position: absolute;right: 0;top: 15px;background:url(../images/arrow-m.png) center no-repeat;width:24px;height:24px;}
    .f1-bot{border-bottom:1px solid #7fdbd9;}
    .f2, .f3 {height: 0;overflow: hidden;position: relative;transition: height 0.4s ease;-moz-transition: height 0.4s ease;-webkit-transition: height 0.4s ease;-o-transition: height 0.4s ease;}
    .menu-dark-backdrop {background: rgba(0,0,0,0);transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;width: 100%;position: fixed;top: 38px;left: 0;right: 0;bottom:0;overflow: hidden;}
    .menu-dark-backdrop.in {height: 100%;z-index: 90001;background: rgba(0,0,0,0.5);}
    .aboutImg,.newsImg{background-size:160%; height:60px;}
	.rightPubS{display: none;}
	.honorWarp{height: 190px;}
	.honorWarp img{height: 120px;}
	
    .newsListWrap{display:block;}
    .newsList{width:96%; margin:0 2% 30px 2%;}
    .newsList ul li a{display: block; }
	.newsRight{width:96%; margin:0 2%;}
	.newList-r1 .tit{padding-left:20px;}
	.newsList ul li{ line-height: 28px;}
	
	
	.pubNewsList{flex: 1 96%; margin-right: 0; margin-bottom: 10px; box-sizing: content-box;}
	.pubNewsList ul li a{flex:1 ; white-space: pre-wrap; }
	.pubNewsList ul{ padding: 1% 3% 2%;font-size: 16px;}
	.newsDetail{width:92%; margin:0 4%;}
	.newsDetail h1{margin-top:20px; font-size:20px; line-height:24px;}
	.newsDetailTime{color:#999; text-align: center; margin-top:10px; margin-bottom:20px;}
	.newsDetailTxt{line-height:30px;}
	.relationWrap span{color:#747474; width:100%; display: inline-block; height:36px; line-height: 36px;}


    .crumb{display: none;}
	.intro-btn{ width: 150px; line-height: 42px;  margin-top: 20px; font-size: 18px;}
	.about_intro{font-size: 16px; line-height: 32px;}
	.serve_list{width: 46%; margin: 0 1% 3% 2%;}
	.serve_list .content{ font-size: 16px; line-height: 30px;}
	.culture{padding: 0px 10px 0 15px;}
	.culture .tit{font-size: 22px;}
	.culture dl{padding-bottom: 15px;}
	.culture dd {line-height: 30px;font-size: 16px;	}
	.culture dt{ font-size: 37px;}
	.step_con{height: 120px; background-size: 100%;}
	.icon_list_01{width: 47%;}
	.mobileWarp .topbar{font-size: 24px;}
	.mobileWarp .contentBox{justify-content: center;}
	.mobileWarp .qrcode {  padding: 15px 20px 15px 20px;line-height: 32px; display: flex; justify-content: center;}
	.mobileIntro .m_left, .mobileIntro .m_right{flex: 0 40%;}	
	.mobileIntro{   background: url( ) no-repeat center center; padding: 0px 10px;}
	.mobileIntro .m_left, .mobileIntro .m_right{flex: 0 48%;}
	.pag_box{width: 100%; padding-bottom: 30px;margin-top: 30px;display: flex;align-items: center;justify-content: center;}
	.next_page{line-height: 40px; width: 80px;height:40px;margin-right: 5px;}
	.pag_nub{height: 40px; line-height: 40px; width: 40px;margin-right: 5px;}
}
@media only screen and (max-width: 768px) {    
    .reverse-order {display: flex;flex-direction: column-reverse;}
}
@media only screen and (max-width:576px){
	.smart-banner img{height: 200px;}
	.swiper-banner img{height: 140px;}
	.pubNewsList{flex: 1 96%;  box-sizing: content-box;}
	.pubNewsList ul {   padding: 1% 3% 2%;font-size: 16px;	}
	.intro{margin:10px 0 15px 0; padding:0 5%;}
	.intro-ul, .intro-list {margin-bottom: 10px;}
	.intro_con{font-size: 16px; line-height: 30px; padding-bottom: 15px;}
	.intro-btn{ width: 150px; line-height: 42px;  margin-top: 15px; font-size: 18px;}
	.culture{padding: 0px 10px 0 10px;}
	.culture .tit{font-size: 18px;}
	.culture dl{padding-bottom: 15px;}
	.step_con{height: 80px; background-size: 86%;}
	.icon_list_01{width: 97%;}
	.step_tit{ font-size: 28px;}
	.mobileWarp{margin: 0 10px;}
	.mobileWarp .topbar{font-size: 20px; line-height: 50px;}
	.mobileIntro{    background: url( ) no-repeat center center; padding: 0px 10px;}
	.mobileIntro .m_left, .mobileIntro .m_right{flex: 0 48%;}
	.newsList .tit,.newsList .content{margin-bottom: 5px;}
	.newsList .time{ font-size: 12px; margin-bottom: 10px;}
	.newsList ul{ padding: 5px 10px;}
	.newsList ul li{ line-height: 26px;}
	.intro-tag{padding: 2px 8px; line-height: 26px;}
	.formMain{width: 96%;}
	.honorWarp{height: 100px; padding: 10px 10px 0 ;}	
	.honorWarp img{height: 80px;}
	.submitBtn{font-size:16px; width:100%; height:42px; line-height: 42px; margin-top:10px;}
	/*底部悬浮*/
	.bottomPubs{background:#fff; display: block; height:60px; line-height: 60px; position: fixed; bottom:-1px; width:100%; box-shadow: 0px 0px 10px 0px rgba(163,163,163,0.21); z-index:99; display: flex; justify-content: space-around; align-items: center; font-size:15px;}
	.bottomPubs a,.bottomPubs i,.bottomPubs div{color:#18CFB5; cursor: pointer;}
	.bottomPubs img{margin-right:15px;}
	.crumb{display: none;}
	.public_Popups{align-items: flex-end;}
	.loginPopBox{width: 100%; border-radius: 20px 20px 0 0;}
	.loginPopBox .submitBtn{width: 95%; margin-top: 20px;}
	.loginPopBox .top_tit{font-size: 13px; padding: 20px 60px;}
	.loginPopBox .list {font-size: 15px;margin-bottom: 10px;}
	.loginPopBox .list_box{padding: 20px 20px 15px;}
	.loginPopBox .fs26 {font-size: 20px;}
	.close-btn{top: 12px;right: 12px;}
	.icon_list_02{flex:1 40%; padding: 20px 12px 15px; margin-bottom: 12px;}
	.icon_list_02 .tit{font-size: 20px;}
	.icon_list_02 .content{font-size: 15px; padding: 8px 0 12px; line-height: 20px;}
	.mbox{padding: 0 10px;}
	.ygfc dl{margin-right: 15px;}
	.formWrap{height:550px;}
	.about_intro {font-size: 14px;line-height: 26px;}
	
	.serve_list .tit{font-size: 20px;}
	.serve_list ul{padding: 20px 16px 20px}
	.serve_list .content{ font-size: 14px;line-height: 24px;}
	.p_hardware dl{height: 90px;}
	
	
	.pt-5{padding-top: 1.5rem !important;}
	.pb-5 {padding-bottom: 2rem !important;}
	.pag_box{width: 96%; padding-bottom: 20px;margin-top: 20px;}
}