body, html {font-size: 16px;color: #333333; font-family: "MiSans-Regular","Microsoft Yahei","黑体",Arial; padding: 0; margin: 0; overflow-x: hidden;}
@media only screen and (min-width:1921px) {
    html {
        font-size: 18px;
    }
  
}

@media only screen and (max-width:1600px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width:1400px) {
    html {
        font-size: 14px;
    }
}
@media only screen and (max-width:1200px) {
    html {
        font-size: 14px;
    }
}

li {	list-style: none;}
a {	color: #252525; text-decoration:none;}
i, em{ font-style:normal;}
a:hover {	text-decoration: none;}
p, dl, dt, dd,span, ul, h1,h2,h3,h4,h5,h6{ font-weight: normal;	margin: 0px;	padding: 0px;}
.wrap{margin:auto; width:1120px;}
.w1200{ margin:auto; width:1200px;}
.w1360{ margin:auto; width:1400px;}
.w1500{ margin:auto; width:1500px;}
.container {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1660px;
    position: relative;
}
.clear{ clear:both;}
.clearfix:before{ clear: both;border-radius:10px;padding:5px 10px;background-color:#ff8b1e}
*{box-sizing: border-box;}


header{z-index: 9; width: 100%;}
header.fixed-top{  top:0; z-index: 9; }
header .headerbox{ display: flex; justify-content: space-between;    align-items: center; margin: 0px 120px;}
.logo{  display: flex; align-items: center;height: 100px;}
.logo img{display:block;height:50px;}
.position-absolute{position:absolute;top:36%;left:33%; z-index:999;font-weight: bold;text-align: center;}
.position-absolute h1{color:#ef7f2d;text-shadow: 2px 2px 2px #000000;}
.position-absolute strong{font-size:58px;}
.position-absolute h4{color:#f1f1f1;font-size:28px ; margin-top: 2%;text-shadow: 2px 2px 2px #000000;}

.navbar ul{ display: flex; flex-wrap:wrap ; }
.navbar ul li{ margin: 0px 30px;  position: relative;display:table-cell;}
.navbar ul li a.nav-link {display: block; font-size: 1rem; position: relative; padding:0px 0px; color: #333;}
.navbar ul li.active a.nav-link{color: #ff8000; }
.navbar ul li a.nav-link::after {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% - 1px);
    height: 2px;
    background-color: #4e4e4e;
    left: 1px;
    bottom: -5px;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: 0.5s transform cubic-bezier(0.52, 0.08, 0.18, 1);
}

.navbar ul li .downmune{position: absolute; z-index: 9;
    padding-top: 40px;
    text-align: left;
    width: 250px;
    height: 0;}
.navbar ul li dl{pointer-events: none;
    opacity: 0;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #343634;
    background-color: #4e4e4e;
    transform-origin: left;
    transform: translateX(-20%);
    transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1);
    overflow: hidden;
    justify-content: space-between;
    padding-right: 0.2rem;}
.navbar ul li dl::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: 0.5s all cubic-bezier(0.52, 0.08, 0.18, 1);
    z-index: 0;
    background-color: #f5f5f5;
}
.navbar ul li dl:hover::before {    transform: translateX(0%);}    
.navbar ul li dl:nth-child(2) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.2s;}
.navbar ul li dl:nth-child(3) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.3s;}
.navbar ul li dl:nth-child(4) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.4s;}
.navbar ul li dl:nth-child(5) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.5s;}
.navbar ul li dl:nth-child(6) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.6s;}
    
.navbar ul li dl dt{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0px 20px;z-index: 1;}
.navbar ul li dl dt:after{font-family: "FontAwesome"; content: '\f105'; margin-left: 10px; color: #fff; line-height: normal;}
.navbar ul li:hover .downmune{ height: auto;}
.navbar ul li:hover dl{  opacity: 1;   pointer-events: auto;   transform: translateX(0%);}
  
.navbar ul li dl a{ display: block; line-height: 46px; padding: 0px 0px; color: #fff;}
.navbar ul li:hover .downmune{ display: block;-webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;  animation-duration: .3s;   animation-fill-mode: both;  -webkit-animation-name: layui-upbit;   animation-name: layui-upbit;}
.navbar ul li dl:hover a{color: #4e4e4e; }
.navbar ul li dl:hover dt:after{color: #4e4e4e; }
.navbar ul li dl a.active{text-decoration: underline;}
@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}
.navbox{ display: flex;justify-content: flex-end;flex: 1;}
.index-banner{background: url(../images/1766735739251449.jpg);}
.head-info{display: flex;}
.head-info dl{margin-left:10px; font-weight:bold;}
.head-info i{margin-right:5px; color:#ff8000; font-size:1.2rem;}

.index-about{margin: 100px 0px;}
.about-conts h2	{text-align: center; font-size: 1.8rem; margin-bottom: 20px;}
.about-conts .about-text p{font-size: 1rem; line-height: 30px; text-align: center;}
	
.index-product{position: relative;}
.index-product .product-con{ height: 800px; display: none;}	
.index-product .product-con.cur{  display: block;}	
.product-con .product-text{width: 30%; padding: 100px 0px; margin: 0px 0px 0px 200px;}
.product-con .product-text .text1 {margin-bottom: 60px;}
.product-con .product-text .text1 h2{font-size: 1.8em; margin-bottom:10px;font-weight: bold;}
.product-con .product-text .text1 p{font-size: 1em;line-height: 30px;}
.product-con .product-text .text2 {margin-bottom: 60px;}
.product-con .product-text .text2 h3{font-size: 1.8em;margin-bottom:10px;}
.product-con .product-text .text2 p{font-size: 1em; line-height: 30px;}
.product-con ul.buttons{display: flex; flex-wrap: wrap;}
.product-con ul.buttons li{    display: inline-block;margin-right: 15px;}
.product-con ul.buttons li.blue a{border: 1px solid #124ca3; background: #124ca3;  color: #FFFFFF; padding: 10px 20px; border-radius: 20px; display:inline-block;}
.product-con ul.buttons li.red a{border: 1px solid #db3913; background: #db3913;  color: #FFFFFF; padding: 10px 20px; border-radius: 20px; display:inline-block;}
.product-tabs {position: absolute;  bottom: 20px;  z-index: 9;   width: 100%;}
.product-tabs ul{display: flex; flex-wrap: wrap;justify-content: center;}
.product-tabs ul li{display: inline-block; margin: 0px 100px; text-align: center;}
.product-tabs ul li img{display:block;height: 5em; margin:0 auto;}
.product-tabs ul li span{font-size: 1.5rem;font-weight: bold;}


.index-solve ul {	display: flex;	flex-wrap: nowrap;}
.index-solve ul li {	flex: 1;	position: relative;	overflow: hidden;	transition: flex 0.5s ease;}
/* 手风琴效果：hover 的变大 */
.index-solve ul li:hover {	flex: 3;}
/* 图片 */
.index-solve ul li .img {	overflow: hidden;	height: 60em;	position: relative;}
.index-solve ul li .img img {	width: 100%;	height: 100%;	object-fit: cover;	transition: transform 0.6s ease;}

/* 遮罩 */
.index-solve ul li .img::after {	content: "";	position: absolute;	inset: 0;	background: rgba(0, 0, 0, 0.45);	opacity: 0;
	transition: opacity 0.4s ease;	z-index: 1;}

/* hover 状态 */
.index-solve ul li:hover .img::after {	opacity: 1;}
.index-solve ul li:hover .img img {	transform: scale(1.08);}
/* show-text 默认显示 */
.index-solve ul li .show-text {	position: absolute;	bottom: 50%;	width: 100%;	text-align: center;	opacity: 1;	transform: translateY(50%);	transition: all 0.4s ease;	z-index: 2;}
.index-solve ul li .show-text h3 {	color: #fff;	font-size: 2rem;}

/* hide-text 默认隐藏 */
.index-solve ul li .hide-text {
	position: absolute;
	top: 20%;
	left: 10%;
	right: 10%;
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.4s ease;
	z-index: 2;
}

.index-solve ul li .hide-text h3 {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.index-solve ul li .hide-text p {
	color: #fff;
	font-size: 1rem;
	line-height: 1.7;
}

.index-solve ul li .hide-text a.btn {
	padding: 10px 24px;
	border-radius: 20px;
	background: #db3913;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
}

/* hover 时切换文字 */
.index-solve ul li:hover .show-text {
	opacity: 0;
	transform: translateY(-30px);
}

.index-solve ul li:hover .hide-text {
	opacity: 1;
	transform: translateY(0);
}

	
	

.index-solve ul li .more{border: 1.5px solid #FFFFFF;border-radius:50%;display: inline-block;  width: 60px;   height: 60px;line-height: 60px;}



.index-system{background: url(../images/yinling_img0.jpg); padding: 100px 0px; height: 100vh;}
.system-title { text-align: center;}
.system-title span{font-size: 1.4rem;}
.system-title h2{font-size: 2rem; font-weight: bold; margin: 20px 0px;}
.system-title p{font-size: 1.2rem;font-weight: 100;}

.system-conts{position: relative; height: 100%; width: 1360px; margin: 0 auto;}
.system-conts li{width: 350px; position: absolute;}
.system-conts li:first-child{top: 5%; left: 5%;}
.system-conts li:nth-child(2){top: 35%; left: 2%;}
.system-conts li:nth-child(3){top: 60%; left: 10%;}
.system-conts li:nth-child(4){top: 20%; left: 70%;}
.system-conts li:nth-child(5){top: 60%; left: 75%;}
.system-conts .s-text{display: flex; flex-wrap: wrap;align-items: flex-start;}

.system-conts .s-text h3{background: #fff; border-radius: 10px; font-size: 1.2rem; font-weight: bold; width:calc(100% - 130px);text-align: center; padding: 20px 20px; }
.system-conts .s-text img{ width: 130px;}

.system-conts .text{ display: none; background: url(../images/yin_bg_img1.png) no-repeat center center; padding: 20px 20px;border-radius: 10px; 
background-size: 100% 100%;position: absolute; top: 0;   width: 100%;}
.system-conts .text h3{font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center; margin: 0px 0px 10px 0px;}
.system-conts .text p{ font-size: 1rem; color: #fff; line-height:25px;}
.system-conts li:hover .text{display: block;}
.system-conts li:hover .s-text h3{opacity: 0;}


.index-cases{margin: 100px 0px;}
.index-cases .cases-title{text-align: center;}
.index-cases .cases-title h2{font-size: 2rem; font-weight: bold;}
.index-cases .cases-title p{font-size: 1.2rem;font-weight: 100; margin: 20px 0px;}
.cases-num {display: flex; flex-wrap: wrap; justify-content: center; margin: 30px 0px 60px 0px;}
.cases-num li {margin: 0px 60px;}
.cases-num li span{font-size: 1rem;font-weight: bold;color: #1d54a6;}
.cases-num li b{font-size: 3rem; font-weight: bold;color: #1d54a6;}
.cases-num li h3{color: #1d54a6; font-size: 1rem;}

.cases-list.swiper-container{margin: 0 auto 10px 0px;}
.cases-list .swiper-wrapper { transition-timing-function: linear !important;}
.cases-list .swiper-slide { position: relative;   width: auto !important; height: 200px;}
.cases-list .swiper-slide .img{height: 200px;}
.cases-list .swiper-slide img{height: 100%; width: 100%; border-radius: 5px;}
.cases-list .text{position: absolute; width: 100%; bottom: 0;padding: 10px 20px;}
.cases-list .text h3{color: #fff; font-size: 1rem;}
.cases-list .text p{color: #fff; font-size: 0.875rem;}


.index-news{background: url(../images/news_bg_img0.jpg); padding: 100px 0px;}
.index-news .news-title{text-align: center; margin: 0px 0px 30px 0px;}
.index-news .news-title h2{font-size: 2rem; font-weight: bold;}
.newslist li a{  margin: 0px auto;  }
.newslist li .list_img{ width: 100%; height: 270px; overflow: hidden;}
.newslist li .list_img img{ width: 100%; height: 270px; border-radius: 5px; display: block; object-fit: cover;}
.newslist li time{ color: #ccc; font-size: 0.875rem;width: 100%;  display: block;  padding: 0px 0px 0px 0px;  box-sizing: border-box;} 
.newslist li .list_text{ width: calc(100% - 0px); margin: 0px 0px;padding: 30px 20px; box-sizing: border-box; } 
.newslist li .list_text h3{ margin: 20px 0px; color: #252525; line-height: 30px;  font-size: 1.25rem;}
.newslist li .list_text p{ color:#676767; font-size: 0.875rem;padding: 15px 0px; line-height: 24px; clear: both;}
.newslist li:hover .list_text h3{ }
.newslist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}

.title_dz{margin:60px auto;text-align:center;}
.dz_fbt{font-size:16px;padding:10px 0px;}
.top_banner{position:relative;}
.top-banner{position:relative;}
.banner-text{position:absolute;top:20%;left:20%}
.banner-text h1{font-size:36px; font-weight:bold;color:#fff;padding-left:10px;}
.banner-text ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:35px;}
.banner-text ul li{width: calc(100%/2 - 20px);padding: 10px 0px;border-radius:20px;margin:10px;background:#f97f27;color:#fff;text-align:center;
font-size:1.25rem}

footer{ background: #252933; padding: 100px 0px 0px; }
footer .footer-box{ margin: 0px 150px;}
footer .foot-text{ display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .foot-pro{ margin-right: 30px;}
footer .foot-pro h3{ color: #fff; font-size:1.25rem; font-weight: bold; margin-bottom: 30px;}
footer .foot-pro li { line-height: 30px;}
footer .foot-pro li a{ color: #ccc; font-size:1rem;}

footer .foot-contact{ }
footer .foot-contact h3{ color: #fff; font-size:1rem;margin-bottom: 0px; text-align: center;}
footer .foot-contact p{ color: #ccc; font-size:1rem;margin-bottom: 10px; display: block;}
footer .foot-contact .ewm{ margin: 0px 0px 20px 0px;color: #ccc; filter: brightness(10000);}
footer .foot-contact .ewm img{max-width:150px;}
footer .foot-contact ul { display: flex; flex-wrap: wrap; }
footer .foot-contact ul li i{ color: #fff; font-size:1rem; line-height: 30px; margin: 0px 20px 0px 0px; }



footer .yq-link ul{ display:flex; flex-wrap:wrap;}
footer .yq-link ul li{ margin:0px 5px;}
footer .yq-link ul li a{ font-size:1rem; color:#ccc;}
footer .yq-link span{ margin-right:10px;font-size:1rem; color:#ccc;}

footer .copyright{border-top: 1px solid rgba(255, 255, 255, .2); color: #ccc; text-align: center; margin: 100px 0px 0px 0px; padding: 20px 100px;}
footer .copyright a{color: #ccc; }

.online {  position: fixed; bottom: 150px; background: #1247eb;  border-radius: 5px;   right: 10px;   width: 60px;   z-index: 999;   color: #999;}
.online dl { padding: 10px 5px;   margin-bottom: 1px;   position: relative;}
.online dl dd {   color: #fff;   text-align: center;   font-size: 1.1rem;   cursor: pointer;}
.online dl dd i{font-size:2rem;  }

.pages_cont {margin: 30px 0;width: 100%;display: flex;justify-content: center;align-items: center;}
.pages_cont ul a {    float: left;}
.pages_cont ul a,.pages_cont ul span { width: 40px; height: 40px; background: #707070; border-radius: 40px; 
display: flex; align-items: center;   justify-content: center; float: left; margin:0px 3px;color: #fff; font-size: 16px; 
transition: all .4s;   overflow: hidden;}
.pages_cont ul li.dt a {   border: 0;}
.pages_cont ul a.page-num-current {    background: #ff8000;  }
.pages_cont ul a.page-num-current { color: #fff;}
.pages_cont select{padding: 10px;  border: 1px solid #ccc;}


.about-company{ padding:100px 0px 100px 0px; overflow:hidden;}
.company-cont{display: flex;flex-wrap: wrap;}
.about-company .about_left{  width:50%; padding: 30px 60px 30px 0px;}
.about-company .about_left h2{ color:#000; font-weight:600; font-size:2rem; margin-bottom:30px;}
.about-company .about_left h2 img{ max-width:200px;}
.about-company .about_left p{ color:#54595f; font-size:1.2rem; line-height: 30px; }

.about-company .about_right{ width:50%; position:relative;}
.about-company .about_right img{ display:block; border-radius: 5px;width: 100%; height: 100%;}

.about-num{background:url(../images/numbg.jpg); padding:100px 0px;}
.about-num ul{display: flex; flex-wrap: wrap; justify-content: center;}
.about-num ul li {margin: 0px 60px;}
.about-num ul li span{font-size: 1rem;font-weight: bold;color: #1d54a6;}
.about-num ul li b{font-size: 3rem; font-weight: bold;color: #1d54a6;}
.about-num ul li h3{color: #333; font-size: 1rem;}


.about-shili{ padding:100px 0px 100px 0px;margin:0px 0px 0px 0px; overflow:hidden;}
.about-shili .shili-cont{display: flex;flex-wrap: wrap; justify-content:space-between; margin:0px 100px;}
.about-shili .shili_right{  width:25%;}
.about-shili .shili_right img{  width:100%;}

.about-shili .shili_left{width:70%; }
.about-shili .shili_left h2{text-align: center; font-size:2rem;    font-weight: 600;}
.about-shili .shili_left ul{display: flex; flex-wrap: wrap;}
.about-shili .shili_left ul li{ width: calc(100%/2 - 40px);display: flex;
    flex-wrap: wrap;   align-items: center;  margin: 20px 20px; padding: 50px 30px;transition: .5s;}
.about-shili .shili_left ul li:hover{background: #fff;box-shadow: 2px 0px 10px #ccc;transform: scale(1.1);}
.about-shili .shili_left ul li img{width:65px; margin:0px 20px 0px 0px;}
.about-shili .shili_left ul li span{margin-bottom: 20px; display: block;}
.about-shili .shili_left ul li b{color: #000; font-weight: bold; font-size: 3rem;}
.about-shili .shili_left ul li p{font-size: 1.2rem;}


.about-youshi{background:url(../images/section-02.jpg); padding:100px 0px;}
.youshi-cont{text-align:center; margin: 0 auto; width: 960px;}
.youshi-cont p{font-size:1.2rem; color:#fff; line-height:40px; margin:10px 0px;}
.youshi-cont img{max-width:250px;}

.about-serve{background:url(../images/numbg.jpg); padding:100px 0px;}
.serve-cont{text-align:center; margin: 0 auto; width: 960px;}
.serve-cont h2{font-size:2rem; color:#333;margin:0px 0px 20px 0px;}
.serve-cont p{font-size:1.2rem; color:#333; line-height:40px; margin:10px 0px;}
.serve-cont a{font-size:1.2rem;padding:10px 20px; background:#ff8000; display:inline-block; margin:10px auto; color:#fff; border-radius:5px; }


.contact-section{ padding: 100px 0px 0px 0px;background: #f8f8f8;}
.contact-wrapper{display: flex; flex-wrap: wrap; justify-content: space-between;margin:0px 0px 60px 0px;}
.contact-wrapper .contact-info{width: 40%}
.contact-wrapper .contact-info h2{font-size:2rem; margin:0px 0px 20px 0px;}
.contact-wrapper .contact-info h2:after {   content: "";   width: 100px;   height: 5px;   display: block;    background: #ef7e2d;   margin-top: 15px;}
.contact-wrapper .contact-info>p{line-height:40px; font-size:1rem;}
.contact-wrapper .contact-info li{margin:20px 0px 20px 0px; display: flex;  justify-content: space-between;}
.contact-wrapper .contact-info li span{display: flex;align-items: center;color: #333;   justify-content: center; font-size: 1.5rem; }
.contact-wrapper .contact-info li .info{width:calc(100% - 40px); color: #333;}
.contact-wrapper .contact-info li em{font-size: 1rem; font-weight: bold; display: block; margin: 0px 0px 10px 0px;}
.contact-wrapper .contact-info li p{font-size: 1rem;}

.contact-social {display:flex;}
.contact-social dl{margin:0px 10px 0px 0px;}
.contact-social dl i{font-size:1.5rem;}

.contact-wrapper .form-box{width:60%; padding: 0px 0px 0px 60px;}
.contact-wrapper .form-box h2{font-size:2rem; margin:0px 0px 20px 0px;}
.contact-wrapper .form-box h2:after {   content: "";   width: 100px;   height: 5px;   display: block;    background: #ef7e2d;   margin-top: 15px;}
.form-input{display: flex; flex-wrap: wrap; }
.form-input .form-clt{ width: calc(100%/1 - 0px); margin: 10px 0px; display: flex; align-items: center; justify-content: space-between;position: relative;}
.form-input .form-clt input, .form-input .form-clt textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: #fff;
    border: none;
    color: #666;
    padding: 16px 30px;
    border-radius: 5px;
    font-weight: 500;font-size: 1rem;
}
.form-input .form-clt textarea {
    padding-bottom: 175px;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.form-input .form-clt .icon {
    position: absolute;
    top: 16px;
    right: 30px;
    color: #666;
}

.theme-btn {
    background-color: #ff8000;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    padding: 10px 40px;
   
    letter-spacing: 1.2px;
    line-height: 1;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    border-radius: 5px; border: none;
}
.theme-btn::before {
    content: "";
    background-color: #000;
    width: 0;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    border-radius: 5px 5px 0 0;
}
.theme-btn::after {
    content: "";
    background-color: #000;
    width: 0;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    border-radius: 0 0 5px 5px;
}

.case-main{margin: 60px 0px;}
.caselist ul{display: flex; flex-wrap: wrap;}
.caselist ul li{width: calc(100%/4 - 30px); margin: 15px 15px; position: relative;}
.caselist ul li .img img{width: 100%;  display: block;height: 280px;  object-fit: cover;}
.caselist ul li .text{width: 100%;  text-align: center; background:#f8f8f8; padding:30px 0px; transition: all 0.4s ease-in-out;}
.caselist ul li .text h3{color: #333; font-size: 1rem; }  

.case-show {   display: flex;   flex-wrap: wrap;   margin: 0px 150px;}
.case-right{background: #fff; width:300px;padding: 0px 20px; box-sizing: border-box;}
.case-right h2{border-left: 3px solid #ff8000; font-size: 1.2rem; background: #f2f2f2; text-align: left; margin-bottom: 20px; padding: 5px 0px 5px 5px;}
.case-right ul{display: flex; flex-wrap: wrap;}
.case-right ul li{ margin-bottom: 20px; border: 1px solid #eee; padding: 10px 10px;}
.case-right ul li img{ display: block; width: 100%;}
.case-right ul li h3{  color:#000;font-size:1rem;padding: 5px 0px; text-align: center;}

.casecontent{width: calc(100% - 300px);}
.casecontent h2{ text-align: center;}
.casecontent .metit{ text-align: center;border-bottom: 1px solid #eee;color:#999; padding: 30px 0px 30px 0px;}
.casecontent .content{padding: 60px 0px; line-height:2; font-size:1rem;}

.page-links { margin: 0px 0px 30px 0px;}
.page-links .prev-link,.page-links .next-link{ width: 100%; margin: 10px 0px; color: #333; }
.page-links .prev-link a,.page-links .next-link a{ color: #333; }

#imglist{ display: flex; flex-wrap: wrap;}
#imglist li{ width: calc(100%/3 - 20px);  margin: 10px 10px; }
#imglist li .img{ height:300px; width:100%;}
#imglist li .img img{  width:100%; height:300px;object-fit: cover; }
#imglist li h3{ font-size:1rem; padding:10px 0px 0px; text-align:center;  font-weight:normal; line-height:2;}



.sys-boxs {padding: 100px 200px; background: url(../images/parses_bg0.jpg); }
.sys-boxs h2{font-size: 2rem; text-align: center; margin: 0px 0px 100px 0px;}
.sys-boxs .sys-conts{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sys-left{width: 540px; position: relative;}
.sys-left .big-box{ height:540px; width: 540px; display: flex; border-radius: 100%;box-shadow: 0 0 1em #cccccc;}
.sys-left .mid-box{ height:420px; width: 420px; margin: 60px 60px; border-radius: 100%;border: 1px dashed #C9C9C9;background-color: #f5f6fa;}	
.sys-left .small-box{ height:200px; width: 200px; margin: 110px 110px;  border-radius: 100%;box-shadow: 0 0 1em #cccccc;display: flex;   justify-content: center;   align-items: center;}
.sys-left .small-box img{width: 80%; height: auto;}
.sys-list li{background: #fff; border-radius: 100%; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sys-list li p{color: #333; font-size: 1rem;}
.sys-list li img{width:40px;}
.sys-list li.cur{background: #124ca3;}
.sys-list li.cur p{color: #fff;}
.sys-list li.cur img{width:40px;filter: brightness(100000);}
.sys-list li:first-child{position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%);border: 15px solid rgba(255,255,255,0.9);}
.sys-list li:nth-child(2){position: absolute; top: 75%; left: 0%; transform: translate(-25%,-25%);border: 15px solid rgba(255,255,255,0.9);}
.sys-list li:nth-child(3){position: absolute; top: 75%; left: 75%; transform: translate(-25%,-25%);border: 15px solid rgba(255,255,255,0.9);}

.sys-right{width: calc(100% - 700px);}
.sys-right .sys-texts{display: none;}
.sys-right .sys-texts.cur{display: block;}
.sys-right .sys-texts img{width:40px;}
.sys-right .sys-texts h3{font-size: 2rem; color: #1d54a6;}
.sys-right .sys-texts p{font-size: 1rem; color: #333; line-height: 30px; margin:20px 0px;}
.sys-right .sys-texts ul.buttons{display: flex; flex-wrap: wrap; margin:40px 0px 0px 0px;}
.sys-right .sys-texts ul.buttons li{    display: inline-block;margin-right: 15px;}
.sys-right .sys-texts ul.buttons li.blue a{border: 1px solid #124ca3; background: #124ca3;  color: #FFFFFF; padding: 10px 20px; border-radius: 20px; display:inline-block;}
.sys-right .sys-texts ul.buttons li.red a{border: 1px solid #db3913; background: #db3913;  color: #FFFFFF; padding: 10px 20px; border-radius: 20px; display:inline-block;}


.sys-info{background: #f8f8f8;    margin: 100px 200px; display: flex; flex-wrap: wrap; border-radius: 10px;}
.sys-info .info-left{padding: 60px 60px; width: calc(100% - 600px);}
.sys-info .info-left h2{font-size: 1.5rem; margin: 0px 0px 10px 0px;}	
.sys-info .info-left p{font-size: 1rem;}	
.sys-info .info-left ul{display: flex; flex-wrap: wrap;    margin: 30px 0px 0px 0px;}
.sys-info .info-left li{width:calc(100%/5 - 20px); aspect-ratio: 1/1;margin:10px 10px;background: #fff; text-align: center; border-radius: 5px; padding: 20px 20px;}
.sys-info .info-left li img{width: 40px; margin:0 auto 10px; display: flex;}
.sys-info .info-left li h3{font-size: 1.2rem; color: #1d54a6;}

.sys-info .info-right{width: 600px;}
.sys-info .info-right img{width: 100%;height: 100%;  object-fit: cover;}

.sys-park { margin: 100px 200px; }
.sys-park ul{display: flex; flex-wrap: wrap; }
.sys-park ul li{background: #f8f8f8;display: flex; flex-wrap: wrap; width: calc(100%/2 - 20px); margin: 10px 10px; }
.sys-park ul li .img{width: 40%;}
.sys-park ul li .img img{width: 100%; height: 100%; object-fit:cover;}
.sys-park ul li .text{width: 60%; padding: 30px 30px;}
.sys-park ul li .text h3{font-size: 1.2rem; font-weight: bold;}
.sys-park ul li .text p{font-size: 1rem; line-height: 30px;}

.sys-case{ padding: 60px 200px; background: #f8f8f8;}
.sys-case .case-title{margin:0px 0px 30px 0px;}
.sys-case .swiper-slide { position: relative;    height: 200px; }
.sys-case .swiper-slide .img{height: 200px;}
.sys-case .swiper-slide img{height: 100%; width: 100%;object-fit: cover; border-radius: 5px;}
.sys-case .text{position: absolute; width: 100%; bottom: 0;padding: 10px 20px;}
.sys-case .text h3{color: #fff; font-size: 1rem;}

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

header {  position: inherit;}
header .headerbox { width: calc(100% - 0px); display:flex;margin: 0px 0px;height:60px;padding: 0px 0px;border-radius: 0px;}		
.wrap{width: 100%; padding: 0px 10px;  margin: 0px 0px;}
.w1200 {   margin: auto;   width: 100%;}
.w1360 {   margin: auto;   width: 100%;}
.logobox{ display: flex; justify-content: space-between; padding: 0px 10px;     align-items: center;   width: 100%;}
.logo { height: 60px;}
.logo img{ height: 30px;}
.head-info{display:none;}

.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #000;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


.about-conts .about-text p{font-size: 1.2rem; line-height: 30px; text-align: left;}
.about-conts h2{font-weight:bold;}
.navbox{ display:none;position: absolute; opacity:0; left: 0; top: 60px; height: 100vh; padding: 0px 20px; box-sizing: border-box;  
z-index: 999;   background: #fff;   width: 100%;   transition: all 0.5s;transform: translateX(100%);}
.navbox.navbar-show{ transform: translateX(0%);opacity:1; display: block; }
.navbar ul li{ width: 100%;display: block;margin: 0px 0px;padding: 0px 0px; border-bottom: 1px solid #ddd;}
.navbar ul li.active{ border-radius: 0px; background:none;}
.navbar ul li a.nav-link{ width: 100%; display: flex; font-size: 1rem; padding: 0px 10px;  color: #000; height:40px;line-height: 40px; justify-content: space-between;align-items: center;}
.navbar ul li a.active {    color: #FF8F00;}
.navbar ul li.active a.nav-link::after, .navbar ul li:hover a.nav-link::after{display: none;} 
.navbar ul li a.navdown:after{position:absolute; right:0; display: none;}
.navbar ul li a.navdown:before {right: 0;}
.navbar ul li .downmune{ display:none; position: inherit;top: 0px; padding: 0px 0px;width: 100%; text-align: left;   box-sizing: border-box;}
.navbar ul li.navdown:after { background:none; width:auto;   font-family: "FontAwesome";
    content: '\f107'; font-weight: bold;  color: #252525; line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.active:after {   content: "-"; font-weight: bold;   color: #2661bb;  line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.on dl{display:block;}
.navbar ul li:hover dl{ }
.navbar ul li:hover a.nav-link{}
.navbar ul li dl a{line-height:40px; font-size:1rem}
.navbar ul li dl dt{width: 100%;   justify-content: space-between;}
.navbar ul li dl dd{position:inherit; left:0;}

.index-banner iframe{aspect-ratio: 16/9;   height: auto;}

.index-about {   margin: 60px 20px;}
.index-product .product-con {  height: 520px;}
.product-con .product-text {    width: 100%;   padding: 60px 20px;   margin: 0px 0px 0px 0px;}
.product-tabs ul li {   display: inline-block;   margin: 0px 10px;  text-align: center;}
.product-con .product-text .text1 {   margin-bottom: 30px;}
.product-con .product-text .text2 { margin-bottom: 30px;}

.index-solve ul li .img{height:30em;}
.index-solve ul li .more { width: 30px;   height: 30px;   line-height: 30px;}
.index-solve ul li .more img{width:50%;}
.index-solve ul li .show-text h3{font-size:1.5rem;}

.index-system {   padding: 60px 0px;   height: 80vh;}
.system-conts{width:100%;}
.system-conts ul{display: flex;   flex-wrap: wrap;}
.system-conts li {   width: auto;}
.system-conts li:nth-child(4) {   top: 20%;   left: 60%;}
.system-conts li:nth-child(5) {   top: 45%;    left: 55%;}
.system-conts .s-text img{width:40px;}
.system-conts .s-text h3{width:calc(100% - 40px);padding: 10px 10px;}

.cases-num li {   margin: 0px 10px;   width: calc(100%/2 - 20px);   text-align: center;}
.index-news {  padding: 60px 0px;}
.index-news li iframe {   height: auto;    aspect-ratio: 16/9;}
.newslist li .list_text h3{font-size:1rem;}

#imglist li{width: calc(100%/2 - 20px);}
#imglist li iframe{ height:auto;aspect-ratio: 16/9;}
.sys-boxs {   padding: 60px 20px;}
.sys-left {    width: 100%;}
.sys-left .big-box {   height: auto;   width: 100%;   aspect-ratio: 1/1;}
.sys-left .mid-box {   height: auto; width: 80%;   aspect-ratio: 1/1;margin: 10%;}
.sys-left .small-box {   height: auto;   width: 70%;   aspect-ratio: 1/1;   margin: 15%;}

.sys-list li:nth-child(2) {   position: absolute;  top: 75%;  left: 10%;}
.sys-list li:nth-child(3) {    position: absolute;  top: 75%;   right: -10%;   left: auto;}
.sys-right {   width: calc(100% - 0px);margin: 60px 0px 0px 0px;}

.sys-info {   margin: 60px 20px;}
.sys-info .info-left {  padding: 60px 20px;   width: calc(100% - 0px);}
.sys-info .info-left ul{margin:30px -10px 0px -10px;}
.sys-info .info-left li {   width: calc(100%/2 - 10px); margin: 5px 5px;}

.sys-park {   margin: 60px 20px;}
.sys-park ul li { width: calc(100%/1 - 0px);   margin: 10px 0px;}
.sys-case {   padding: 60px 20px;}

.top-banner img{height: 400px;object-fit: cover;}
.banner-text {   position: absolute;    top: 20%;   left: 10%;   transform: translateX(-5%);}

.caselist ul li {  width: calc(100%/2 - 20px);   margin: 10px 10px;}
.caselist ul li .img img{height:200px;}
.caselist ul li .text{padding:10px 0px;}

.about-company{    padding: 30px 0px 30px 0px;}
.about-company .about_left {   width: 100%;   padding: 30px 20px 30px 20px;}
.about-company .about_right {   width: 100%;padding: 30px 20px 30px 20px;}

.about-num{padding:60px 0px;}
.about-num ul li {   margin: 10px 10px;   width: calc(100%/2 - 20px);    text-align: center;}

.about-shili{padding:60px 0px;}
.about-shili .shili-cont{    margin: 0px 20px;}
.about-shili .shili_left {  width: 100%;}
.about-shili .shili_left ul li {width: calc(100%/2 - 20px); display: flex; flex-wrap: wrap; align-items: center; margin: 10px 10px; padding: 10px 10px;   transition: .5s;}
.about-shili .shili_right{width:100%;}

.about-youshi{padding:60px 0px;}
.youshi-cont {   text-align: center;  margin: 0 auto;   padding: 0px 10px;   width: 100%;}

.about-serve{padding:60px 0px;}
.serve-cont{ padding: 0px 10px;   width: 100%;}

.contact-section{padding:60px 0px;}
.contact-wrapper .contact-info {   width: 100%;padding: 0px 20px 60px 20px;}
.contact-wrapper .form-box{width: 100%;padding: 0px 20px;}

footer {   background: #252933;   padding: 30px 0px 0px;}
footer .footer-box {   margin: 0px 20px;}
footer .copyright{margin: 30px 0px 0px 0px;padding: 20px 20px;}
footer .foot-pro { width: 100%;   margin-right: 0px;}
footer .foot-pro h3{font-size: 1rem; position: relative; display:flex;align-items:center;}
footer .foot-pro h3:after {   content: "+";   font-weight: bold;    color: #fff;   position: absolute;   right: 0;   top: 0;}
footer .foot-pro ul{display: none;}



}