* {box-sizing: border-box;  margin: 0;  padding: 0;}
body{font-family: PingFang SC,PingFang-SC-Regular,Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;color:#183030;font-size: 16px;line-height:1.8;}
a{color:#183030;text-decoration:none;outline:0;transition:all 0.5s ease}
a:active,a:hover{text-decoration:none;color:#ebd35b;outline:0}
ul,li{ list-style:none}
h1,h2,h3{ font-weight:normal}
em, i {   font-style: normal;}
.clearfix{ clear:both}
.bgs{ background:#fcfcfd}
.pdr60{ padding:30px 0}
.content{width:100%; margin:0 auto}
@media (max-width:480px){.content{max-width:480px}}
@media (max-width:850px){.content{max-width:830px}}
@media (max-width:576px){.content{max-width:540px}}
@media (min-width:768px){.content{max-width:720px}}
@media (min-width:992px){.content{max-width:960px}}
@media (min-width:1200px){.content{max-width:1170px}}




.top-navbar{background-color: rgb(24 48 48/.88);color:#000;padding:1rem 2rem;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}
.top-navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.top-navbar-logo{ padding-top:5px}
.top-navbar-logo img{ height:2rem; width:auto}
.top-nav-menu{display:flex;list-style:none;gap:2rem}
.top-nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:all .3s ease;position:relative}
.top-nav-link:hover{background-color:rgba(235,211,91,.2); color:#fff}
.top-nav-link.active{background-color:rgba(235,211,91,.2);font-weight:700}
.hamburger{display:none;background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer}

.top-nav-buy{ background:#e3bd2c;padding: 15px 20px; display:block; border-radius:40px; }





.banner{  background-image: linear-gradient(110deg, #183030 60%, #18303000 100%); min-height:500px; position:relative}
.banner-ig { opacity:0.5}
.banner-ig img{ width:100%; height:auto; min-height:500px; display:block}

.e-con-inner{ position:absolute; top:30%; left:30%; color:#fff;}
.e-con-inner h1{font-size: 4.625rem;  font-weight: 600;}
.e-con-inner p{margin-bottom: 6px;}
.e-con-button{ margin-top:4rem}

.e-con-button a{ padding: 15px 30px; border-radius:40px; margin: 0  15px; font-weight:700}
.e-con-button a:hover{ color:#fff}

.e-con-buy{ background:#ebd35b; border:3px solid #ebd35b;  color:#183030}
.e-con-buy:hover{background:#e3bd2c;border:3px solid #e3bd2c;}

.e-con-cont{ border:3px solid #fff; color:#fff}
.e-con-cont:hover{background:#e3bd2c;border:3px solid #e3bd2c; color:#183030}

.eb-con-cont{ border:3px solid #183030;  color:#183030}
.eb-con-cont:hover{background:#e3bd2c;border:3px solid #e3bd2c; color:#183030}



.elembg{background:#f3faf6;}
.element{ width:100%; padding:100px;}
.elemtc{ text-align:center}
	.elemtitle{    line-height:2em;    font-size: 3.375rem;font-weight: 600;}
	.elemdes{ color:#183030;margin: 0 0 1.75em;}
	.elempi{  max-width:900px; margin:0 auto}
	.elempi i{ margin-right:10px}
.element-com{display: flex;gap:48px;flex-wrap: initial;justify-content:initial}
.elemetgap{gap:24px}




	.elementor{spacing: 20px 20px;}
	.elementor-icon{ background:#526354;text-align: center;  font-size: 24px; line-height:24px; padding: 13px; border-radius:50%;display: block; height:2em;  width:2em; margin-bottom:25px; color:#fff}
	.elementor h5{ font-size: 1.5rem;  line-height: 1.2em;    margin-bottom: 20px;}
	.elementor p{font-size: 100%;   font-weight: inherit; color:#526354;  outline: 0;}
.con-pad{ padding:120px 0}
.con-flex {gap:12px 12px;height: 100%;margin: 0 auto; width:100%;display: flex}
.con-gap{ gap:58px}
	.con-atta{ display:flex;flex-direction: column; }
	.con-attimg img{  border-radius:25px;}
		.con-rgimg{ margin-right:40px}
		.con-rbimg{text-align: right; }
		.con-rbimg img{ margin:-100px 0 0 0; border:10px solid #fff;  }
		
.con-bzd{ }
.con-bzd dt{line-height: 1.3em;font-size: 2.625rem;font-weight: 600; padding:25px 0}
.con-bzd dd ul { margin:35px 0}
.con-bzd dd ul li{ position:relative; padding-left:20px; line-height:180%; font-weight:550; font-size:1.1rem}
.con-bzd dd ul li:after{ position:absolute; content:""; left:0;top:50%;transform: translateY(-50%); border-radius:50%; background:#e3bd2c; width:15px; height:15px;}
.con-bzd dd ul li i,.con-bzd dd ul li em{position:absolute; left:5px; z-index:1; color:#fff;top:50%;transform: translateY(-50%);}
.con-bzd dd p{ padding-bottom:1.6rem; color:#526354; }

.con-bzd a{ padding: 15px 30px; border-radius:40px; margin: 0  15px; font-weight:700}
.con-bzd a:hover{ color:#fff}
.con-bzd a i{ padding-left:15px; display:inline-block; }

.con-pro{display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(1, 1fr);grid-auto-flow: row;gap:20px}
.con-pro-item{ background:#fff; border-radius:24px; padding:24px; text-align:left; margin:68px 0}
.con-pro-item i{ width:40px; height:40px; border-radius:50%; border:2px solid #183030; margin-bottom:30px; text-align:center; line-height: 38px; font-size: 18px;}

.con-pro-item h5{    margin-bottom: 12px;    font-size: 1.5rem;line-height: 1.2em;}
.con-pro-item p{padding-bottom:1.6rem; color:#526354; }
.con-pro-item img{ width:100%; border-radius:24px;}
.con-pro-item a{ padding: 15px 30px; border-radius:40px; margin: 0  15px; font-weight:700}
.con-but a{ padding: 15px 30px; border-radius:40px; margin: 0  15px; font-weight:700}
.con-but a:hover{ color:#fff}

.con-part{ background:#183030; }
.con-part-des{ color:#fff; }
.con-part-list{border-bottom:1px solid #D7EFE233; padding-bottom:35px; margin-bottom:15px}
.con-part-des p i{ margin-right:15px}
.con-part-des h2 { margin: 12px 0}
.con-part-list h5 {font-size: 1.5rem;  line-height: 1.2em;    margin-bottom: 6px;}
.con-part-icon{ font-size:35px; margin-bottom:10px; color:#ebd35b}
.con-part-img{}
.con-part-img img{ border-radius:25px}

.con-dzc{ padding:50px 0 }
.con-dzc img{ border-radius:25px}

.con-case{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(1, 1fr);grid-auto-flow: row;gap:20px}
.con-case img{ width:100%;border-radius:25px}


.con-cor{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(1, 1fr);grid-auto-flow: row;gap:20px; margin-top:60px}
	.con-cor-list{ background:#f3faf6; padding:40px 32px; border-radius:25px; color:#526354; text-align:left}
	.cor-hed{ display:flex; align-items: center;}
	.cor-hed-img{width: 64px; margin:0 10px 10px 0;    display: inline-block;}
	.cor-hed-img img{ width:100%; height:auto; border-radius:50%}
	.cor-hed-name{ text-align:left}
	.cor-hed-name h5{ font-size:1.2rem; line-height:100%; font-weight:700; color:#183030}
	
	.cor-des{ margin:15px 0 20px 0}
	.cor-star{ color:#f0ad4e}
	
.con-hoer{ background:url(../images/5.jpg) no-repeat;   background-size: cover;position:relative;padding:240px 0; }
.con-hoer-txt{background:rgba(0,0,0,0.4); position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; color:#fff; padding-top:100px}

.footer{ background:#f3faf6; padding:80px 0 10px 0}
	.footsg{grid-template-columns: repeat(4, 1fr); align-items: flex-start; grid-column-gap: 50px; display:grid;    color: #526354;}
	.foot-sog{}
	.foot-sog img{ width:100%; height:auto}
	.foot-sog h5{ font-size:1.5rem; color:#183030; margin-bottom:15px}
	.foottel{ font-weight:700; color:#183030; margin-top:20px }
	
.Copyright{ border-top:1px solid #dfe2e2; padding:20px 0; text-align:center;color: #526354; margin-top:45px}
#ast-scroll-top {display: block;  position: fixed;   text-align: center;  cursor: pointer;  z-index: 99; width: 2.1em;
    height: 2.1em;   line-height: 2.1;  color: #fff;  border-radius: 2px;   outline: inherit;background-color: #ebd35b;
    font-size: 15px;    right: 30px;
    bottom: 30px; }
#ast-scroll-top a{color:#fff; display:block}

.con-bdes{ width:600px}

.con-project{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);grid-auto-flow: row;gap:20px}
.con-project img{ width:100%;border-radius:25px}

.com-server{ display: grid; grid-template-columns: repeat(2, 1fr);   grid-auto-rows: minmax(100px, auto);  gap:30px;row-gap: 180px; margin-top:180px}

.com-ser-list{ background:#fff;display: flex;flex-direction: column;flex-direction:column; row-gap: 30px; border:1px solid #dfe2e2; border-radius:24px; padding:0 24px 24px 24px}
	.com-sr-img{width: 100%; margin-bottom:20px;    text-align: center;}
	.com-sr-img img{ margin-top:-120px;}
	.com-sr-box { text-align:left}
	.com-sr-box i{ font-size:2rem; }
	.com-sr-box  h5{font-size: 1.5rem;    font-weight: 600;    line-height: 1.2em;    margin: 15px 0;}

.con-effects{ background:#183030; width:40%; margin-top:-90px;border-radius: 24px 24px 24px 24px; color:#fff;   border: 8px solid #fff; padding:48px;margin-left: auto; text-align:center}
.con-effects h2{line-height: 1.2em;    font-size: 3.375rem;}

.mainaobt{ padding:60px 0}
.flex-about{ display:flex;    flex-direction:column; flex-direction: row;align-items: center;gap: 0px 44px;column-gap: 44px;width:100%;}
	.flex-abname{  width: 50%; text-align:left} 
	.flex-abname h2{    font-size: 3.375rem;    letter-spacing: -2px; font-weight:700; line-height:120%}
	.flex-abdes{  width: 50%; color:#526354;}
	.flex-abimg{ margin:0 0 -280px}
	
.flex-bsd{ background:#183030; padding-top:280px; padding-bottom:40px }
	.flex-bslist{ display:flex; color:#fff;flex-direction: row;width:100%;row-gap:20px;column-gap:20px; border-bottom:1px solid #fff}
	
	.flex-sit{ padding:60px 10px;  display:flex; flex: 1; }
	.flex-sit h2{ font-size: 3.375rem;line-height: 1.2em; font-weight:700; padding-right:20px;}
.flexord{}
.flexord i{ font-size:25px; width:55px; height:55px;    line-height: 55px;}
.flx-sm{align-items: center; gap:48px}
.flexdl {}
.flexdl dl:first-child{ border-bottom:1px solid #526354; padding-bottom:55px; margin-bottom:55px;}

.flexcase{ text-align:left}
.flexcase h5{ font-size:2rem;}

.aobtit{ font-size: 3rem;line-height: 1.2em; font-weight:700; }
.aodesp{ font-weight: 500;}
.tcow{ color:#fff}
.tcob{ color:#183030}
.tx-c{ text-align:center }
.mart15{ margin-right:15px}

.flex-scs{ background:#fff; padding:35px 20px; border-radius:24px; margin-top:45px; text-align:left}  
.flex-scs i{ border-radius:50%; color:#fff;     font-size: 25px;   width: 55px;  height: 55px;  line-height: 55px;    text-align: center; background:#183030}
.flex-scs h4{ margin:15px 0; font-size:2rem}
.flex-scs p{ color:#526354}




.newsbox{ padding:80px 0; margin-bottom:20px}
.fr{ float:right}
.fl{ float:left}
.news-side{ width:25%}
.news-main{ width:73%}
	.side-box{ border:1px solid  #e4e4e4; border-radius:25px;margin-bottom:35px; overflow:hidden}
	.side-tk{ background:#183030; color:#fff; padding-left:25px; font-size:1.2rem; line-height:60px;}
	.side-ulty{ margin:15px 0}
	.side-ulty li{ border-bottom:1px solid #e4e4e4; line-height:45px;} 
	.side-ulty li:last-child{ border-bottom:none}
	.side-ulty li a{ display:block; padding-left:25px;}
	.side-ulty li a:hover{ background:#f5f5f5;}
	
	.side-rec{ padding:15px 15px}
	.side-reh{border-bottom:1px solid #e4e4e4;font-size:1.2rem; line-height:45px; }
	.side-rcs{ }
	.side-rcs li{ list-style: decimal-leading-zero;  margin: 0 0 5px 50px;}
	.side-rcs li::marker { font-size: 35px;  color: #ccc;  font-weight: bold;  word-spacing:-8px;}
	.side-rcs li:first-child::marker {  color: #ff510d;}
	.side-rcs li:nth-child(2)::marker {   color: #ff800e;}
	.side-rcs li:nth-child(3)::marker {   color: #ffbc59;}
	.side-rcs li a {  display: inline-block;   line-height: 18px; font-size:14px;overflow: hidden;  text-overflow: ellipsis;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; padding-top:3px}
	
	
	.side-lx{ padding:15px 0}
	.side-kf{overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;width:80%;margin-top:15px; height:45px; line-height:45px; position:relative}
	.side-kf:after{ content:''; height:35px; width:1px; background:#fff; left:45px; top:5px;  position:absolute}
	.side-kf a{ background:#183030;  display:block; color:#fff; line-height:45px;}
		.side-kf a:hover{}
	.side-kf i{padding:0 15px; }
	
.news-sec{ padding:25px 20px;border:1px solid #e4e4e4; }
	.newstit{ font-size:2rem; text-align:center; position:relative}
	.newstit:after{ width:100%; height:1px; background:#183030; position:absolute; content:''; bottom:0; left:0 }
	.newstit:before{width: 80px;  height: 4px;  background: #183030; border: 9px solid #fff;  z-index: 1;  position: absolute;   content: '';  margin: 0 auto;  left: 0;  right: 0; bottom: -8px;}

.news-item{ display:flex; margin:20px 0; border-bottom:1px solid  #e4e4e4; padding:20px 0}
	
	.column:first-child {flex: 0 0 80%;   }
  	.column:nth-child(2) { flex: 0 0 15%;   }
  	.column:last-child {flex: 1;  }
	
	.news-tts h2{ font-size:16px; font-weight:600; margin-bottom:15px;}
	.news-tts  p{ color: #526354;}
	
	.news-time{ background:#f5f5f5; text-align:center; display: flex; flex-direction: column; align-items: center;}
	.text-large { font-size:2.5rem; display:block; font-weight:700}
	.news-time p{text-align:center; flex: 1;  width:100%}
.news-con{ padding:20px; }	
	
.news-con img{ width:80%}	
	
	
@media (max-width:768px){
	.top-nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:1rem}
	.top-nav-menu.active{display:flex}
	.hamburger{display:block}
	.sidebar{width:100%;height:auto;position:relative;top:60px}
	.main-content{margin-left:0;margin-top:0}
	.bottom-navbar{flex-direction:column;gap:.5rem}
	.element-com{flex-wrap: wrap;}
}