/*基础CSS*/
html, body{	font-size: 16px;font-family: 'Roboto',sans-serif;  overflow-x: hidden; font-weight: normal; margin:0px; padding:0px;}
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:1200px;}
.container{margin:auto; width:1200px;}
.w1200{ margin:auto; width:1200px;}
.w1400{ margin:auto; width:1400px;}
.w1500{ margin:auto; width:1500px;}
.clear{ clear:both;}
*{box-sizing: border-box;}


header{z-index: 9; width: 100%; position: absolute;}
header.fixed-top{  top:0; z-index: 9; position: fixed; background: rgba(0,0,0,0.6); }
header .headerbox{ display: flex; justify-content: space-between;}
.logo{  display: flex; align-items: center;height: 90px;}
.logo img{display:block;height:60px;}
.top_phone i{ width:30px; height:30px; border-radius:50%; background-color:#000a3e; color:#fff; line-height:30px; text-align:center; font-size:18px; margin-right:10px;}
.navbar ul{ display: flex; flex-wrap:wrap ; }
.navbar ul li{ margin: 0px 10px; line-height:90px; position: relative;display:flex;}
.navbar ul li a.nav-link {display: block; font-size:16px;color: #fff;font-weight: lighter; font-family: sans-serif; position: relative; padding:0px 10px; }
.navbar ul li a.navdown:after{font-family: "FontAwesome"; content: '\f107'; margin-left: 10px; color:#fff; }
.navbar ul li.active a.nav-link{color: #f39800; }

.navbar ul li .downmune{position: absolute; top: 80px;  display: none; z-index: 9; width: -webkit-max-content; width:max-content; 
background: #f1f1f1;    border-radius: 5px 5px 5px 5px;}
.navbar ul li dl{padding: 0px 30px; position: relative;}
.navbar ul li dl dt{display: flex; align-items: center;}
.navbar ul li dl.navleft dt:after{font-family: "FontAwesome"; content: '\f105'; margin-left: 10px; line-height: normal;}
.navbar ul li dl dd{display: none; position: absolute;
    left: 100%;
    top: 0;opacity: 0;
    
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;width: 250px;
    max-width: none;
    padding: 0px 10px 0px 10px;
    border: 0;
    background: #f1f1f1;
    border-radius: 5px 5px 5px 5px;}
.navbar ul li dl:hover dd{display: block; opacity: 1;}    
.navbar ul li dl a{ display: block; line-height: 46px; padding: 0px 0px; color: #252525;}
.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 a:hover{color: #252525; text-decoration: underline; }
.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;}
.social-tools ul{ display: flex;  align-items: center;height: 90px; position: relative; padding: 0px 0px 0px 20px;}
.social-tools ul li{margin: 0px 6px; }
.social-tools ul li a{font-size: 16px;padding: 10px 20px; background: #f39800; color: #fff;  border-radius: 20px; }
.social-tools ul li a:hover{background: #cfd1d0; color: #fff;}

.index-banner{background: url(../images/header-hero.jpg);background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    position: relative; aspect-ratio:16/6; display: flex; align-items: center; justify-content: center;}
.index-banner:before{content: ""; background: rgba(0,0,0,0.2); display: block; height: 100%; width: 100%; position: absolute; top: 0;}
.index-banner .banner-text{ width: 100%;padding:0px; text-align: center;}
.index-banner .banner-text ul{ margin-top:50%;}
.index-banner .banner-text h3{color: #fff; font-size: 42px;  line-height: normal; margin-bottom: 30px; }
.index-banner .banner-text p{color: #fff; font-size: 18px;  line-height: normal; margin-bottom: 30px; }
.index-banner .banner-text a.ban-btn{color: #fff; font-size: 16px; border:2px solid #fff;  
width: 260px; height: 36px;line-height: 36px; margin: 0px 10px; border-radius: 5px; display: inline-table; text-align: center; }
.top_phone{ margin-top:30px;}

.consulting{position:absolute;top:40%; right:1.5%;width:100px; height:100px; text-align:center}
.consulting img{width:90%}
.consulting p{color:#fff;font-size:14px;text-align:center}
.ban-btn{color: #fff; font-size: 16px; border:2px solid #fff;  
width: 260px; height: 36px;line-height: 36px; margin: 0px 10px; border-radius: 5px; display: inline-table; text-align: center; }
.swiper-more{ margin:60px auto;width:20%;}

.swiper-more1{position:absolute;}

.index-banner .banner-text a.ban-btn:nth-child(1){color: #252525; background: #fff;}
.index-banner .banner-text a:hover{background: #fff; color: #252525;transition: .3s; opacity: 0.9;}


.index-box01{overflow: hidden; padding: 80px 0px 0px 0px; }
.index-box01 .tit{margin-bottom: 60px; text-align: center;}
.index-box01 .tit h2{font-size:36px; color: #000a3e;  margin-bottom: 20px; text-transform: uppercase;  }
.index-box01 .tit p{color:#596473; font-size: 16px;font-weight: lighter; font-family: sans-serif; margin:0 auto; width:50%; line-height:26px;}
.index-box01 .tit strong{ color:#ff0000;}
.index-box01 .box01{background: #000; padding: 100px 0px 100px 0px;}
.index-box01 ul {display: flex; flex-wrap: wrap; }
.index-box01 ul li {position: relative; width: calc(100%/3 - 40px); margin: 0px 20px; position: relative;  }
.index-box01 ul li .text{width: 100%;  padding: 20px 20px; }
.index-box01 ul li .text h3{color: #fff; font-size: 24px;  margin-bottom: 20px;}
.index-box01 ul li .text p{color: #f5f5f5; font-size: 14px; line-height: 26px;}


.index-box02{ padding: 0px 0px 0px 0px;}
.index-box02 .tit{margin-bottom: 60px; text-align: center;}
.index-box02 .tit h2{font-size:40px; color: #fff; font-weight: bold; margin-bottom: 20px; 
 font-family: 'Oswald',sans-serif; text-transform: uppercase;  }
.index-box02 .tit b{width:60px; height: 2px; display: table; background:#f39800;margin: 20px auto;}

.index-box02 .feedback-box{ width: 100%; margin: auto; position: relative; height: 100vh;  }
.index-box02 video{ height: 100vh;width: 100%; object-fit: cover;}
.index-box02 ul {   margin: auto;  align-items: center; }
.index-box02 ul li{ align-items: center;   display: flex;   flex-direction: column;   justify-content: center;}
.index-box02 ul li .text{position: absolute; bottom: 60px;}
.index-box02 ul li h3{color: #fff; font-size: 20px;margin: 0px 0px 10px 0px; font-weight: lighter; font-family: sans-serif;}
.index-box02 ul li p{ color:#fff; font-size: 14px; font-weight:lighter;text-align: center;}


.index-box02 .feedback-box .swiper-pagination{position: absolute; bottom: 30px;  z-index: 100;width: 100%; margin-top: 30px; }
.index-box02 .feedback-box .swiper-pagination .swiper-pagination-bullet{border: 0; transition: .3s;opacity: 0.5; margin: 0px 6px !important; position: relative;
 height: 12px; width: 12px; border-radius: 100%; background: #fff; }
.index-box02 .feedback-box .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; opacity: 1;  }



.index-box03{ padding: 200px 0px 200px 0px; background: #000;}
.index-box03 .text{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0px 0px 0px;}
.index-box03 .text h2{font-size:24px;color: #fff;  width: 400px;}
.index-box03 .text p{font-size:14px;color: #fff; line-height: 25px; width: calc(100% - 400px);}



.index-box04{overflow: hidden; padding: 0px 0px 100px 0px; background: #000; }
.index-box04 .youshi-img{display: none;}
.index-box04 .youshi-img.cur{display: block;}
.index-box04 .youshi-img img{width: 100%;}
.index-box04 .youshi-list ul{display: flex; flex-wrap: wrap; }
.index-box04 .youshi-list ul li{width: calc(100%/4 - 20px);  margin:20px 10px 0px 10px; cursor: pointer;}
.index-box04 .youshi-list ul li .text{border-top: 2px solid rgba(255,255,255,0.4); padding: 10px 0px 0px 0px;}
.index-box04 .youshi-list ul li h3{color: #fff; font-size: 18px; margin-bottom: 10px; opacity: 0.4;}
.index-box04 .youshi-list ul li p{color: #fff; font-size: 14px; opacity: 0.4;}
.index-box04 .youshi-list ul li.cur h3{opacity: 1;}
.index-box04 .youshi-list ul li.cur p{opacity: 1;}
.index-box04 .youshi-list ul li.cur .text{border-top: 4px solid rgba(255,255,255,1);transition: .3s;}


.index-box05{overflow: hidden; padding: 0px 0px 0px 0px; position: relative; }
.index-box05 .textbox{position: absolute; bottom: 30px;}
.index-box05 .text{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px 0px; }
.index-box05 .text h2{font-size:24px;color: #fff;  width: 400px;}
.index-box05 .text p{font-size:14px;color: #fff; line-height: 25px; width: calc(100% - 400px);}


.index-box06 {background: #000; padding: 100px 0px 100px 0px;}
.index-box06 .textbox{ display: flex; flex-wrap: wrap;align-items: center;  justify-content: space-between;}
.index-box06 .textbox .text{width: 400px; }
.index-box06 .textbox .text h2{color: #fff; font-size: 30px; margin-bottom: 20px;}
.index-box06 .textbox .text p{color: #fff; font-size: 16px; line-height: 25px;}
.index-box06 .textbox .img{width:calc(100% - 400px);}

.index-box06 ul {display: flex; flex-wrap: wrap; }
.index-box06 ul li {position: relative; width: calc(100%/3 - 40px); margin: 0px 20px; position: relative;  }
.index-box06 ul li .text{width: 100%;  padding: 20px 20px; }
.index-box06 ul li .text h3{color: #fff; font-size: 24px;  margin-bottom: 20px;}
.index-box06 ul li .text p{color: #fff; font-size: 16px; line-height: 25px;}

.index-box07{overflow: hidden; padding: 0px 0px 0px 0px; position: relative; }
.index-box07 .textbox{position: absolute; bottom: 30px;}
.index-box07 .text{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0px 0px 0px; }
.index-box07 .text h2{font-size:24px;color: #fff;  width: 400px;}
.index-box07 .text p{font-size:14px;color: #fff; line-height: 25px; width: calc(100% - 400px);}




.index-box08{overflow: hidden; padding: 200px 0px 200px 0px;  background: #000;}

  .tab-container {
    display: flex;
    flex-direction: column;
    width: 40%;
}
 
.tab {
    padding: 20px 0px;display: flex;
    justify-content: space-between;
    align-items: center;
   
    cursor: pointer; position: relative;
     color: #fff; font-size: 20px;
}
.tab:after {
   font-family: "FontAwesome";
    content: '\f106';
    color: #fff;
 
    font-size: 24px;
    color: #000a3e;
    right: 0;
   
    
    display: block;
}
.tab.active:after {
    font-family: "FontAwesome";
    content: '\f107';
}
.tab:hover {
    
}

.tab-content {
    display: none;
    padding: 0px 10px 20px 0px; color: #fff;  line-height: 25px;font-size: 16px;font-weight: lighter; font-family: sans-serif;
   
    border-top: none;
}
.litext-show{display: block; }



.index-box09{background: #000; padding: 100px 0px 100px 0px;}
.index-box09 .textbox{ display: flex; flex-wrap: wrap;align-items: center;  justify-content: space-between;}
.index-box09 .textbox .text{width: 400px; }
.index-box09 .textbox .text h2{color: #fff; font-size: 30px; margin-bottom: 20px;}
.index-box09 .textbox .text p{color: #fff; font-size: 16px; line-height: 25px;}
.index-box09 .textbox .img{width:calc(100% - 400px);}

.index-box09 a.ban-btn{color: #fff; font-size: 14px; border:2px solid #fff;  
width: 180px; height: 30px;line-height: 30px; margin: 20px 20px 0px 0px; border-radius: 5px; display: inline-table; text-align: center; }
.index-box09 a.ban-btn:nth-child(2){color: #fff; background: #222;border:2px solid #222;}
.index-box09 a:hover{background: #fff; color: #252525;transition: .3s; opacity: 0.9;}


footer{ background:#000;}
footer .foot-wrap{padding: 60px 60px 0px 60px;}


footer .copyright{ text-align:center; color:#fff; font-size: 14px;  font-weight: lighter; font-family: sans-serif;  padding:30px; }
footer .copyright a{color:#fff; font-size: 14px; }


/***建築物能源管理**/

.ems{ width:100%; height:370px;background:url(../images/ems_bj.png) no-repeat}
.ems_con{ width:50%; text-align:left; color:#fff; padding-top:120px;}
.ems_con h1{font-size:2rem;line-height:5rem}
.ems_con .emstext{font-size:1.1rem; line-height:1.75rem}
.ems_con .ems_more{margin-top:3rem; width:120px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff; background-color:#ff0000;border-radius:0.25rem}
.ems_con .ems_more a{color:#fff;}
.ems_title{ font-size:1.5rem; line-height:2rem;text-align:center; padding:30px 0px; font-weight:bold;}
.ems_title_line{ width:80px; height:3px; background-color:#F00; margin:0 auto;}

.ems_cptz{}
.ems_cptz dl{ width:calc(100%/4 - 40px); float:left; text-align:center; margin:0px 20px;}
.ems_cptz dl h2{ font-size:1.125rem; line-height:2rem; font-weight:700}

.ems_ywxg dl{ width:calc(100%/4 - 80px); float:left; text-align:center; margin:0px 40px;}
.ems_ywxg dl h2{ font-size:3rem; line-height:5rem; font-weight:bold;color:#ff0000; text-align:center;}
.ems_ywxg dl h2 span{ font-size:15px; font-weight:normal;}


.ems_yycj dl{ width:calc(100%/4 - 80px); float:left; text-align:left; margin:0px 40px; background-color:#fff;}
.ems_yycj dl h2{ font-size:1rem; line-height:2.5rem;color:#333; font-weight:bold; padding-left:10px}
.ems_cptz_text{ font-size:13px;padding:0px 10px; padding-bottom:10px;}
.ems_yycj dl img{ max-width:252px;}

.box{
		margin: 0 auto;
		
	}
	.clear1{ clear:both; height:30px;}
	.fl_l{
		width: 70%;
		margin:0 auto;
		height:80px;
		background: #fff;
	}
	.fl_r_three{width: 70%;
		margin:0 auto; height:320px}
		
	.fl_r_five{width: 1200px;
		margin:0 auto;}
	.fl_r_six{width: 100%;
		margin:0 auto; background-color:#f2f2f2; height:500px;}
	.fl_r_six_con{width: 70%;
		margin:0 auto; }
		
	.fl_l li{ width:calc(100%/6 + 0px); float:left; text-align:center;}
	.fl_l li a{
		border-bottom: 1px solid #eee;
		text-align: center;
		display: block;
		color: #333;
		font-size: 16px;
		line-height: 60px; font-weight:200;
	}
	.fl_l li.active a{
		
		color: #ff0000;
	}
	.fl_r_one{
		
		width:70%;
		margin:0 auto; height:350px;
	}
	.fl_r_two{ width:100%; background-color:#f2f2f2; clear:both; display: none;}
	.khal{width:65%;
		margin:20px auto; padding:15px; background-color:#fff; height:320px; }
	.fl_r li{
		margin-bottom: 30px;
		
		font-size: 50px; 
		
		display: block;
		text-align: center;
	}

.chiller{width:100%; height:470px;background:url(../images/home_auto_5.jpg) no-repeat}
.chiller_con{ width:50%; text-align:left; color:#fff; padding-top:80px; margin:0 auto}
.chiller_con h1{font-size:3rem;line-height:5rem}
.chillertext{font-size:1.25rem; line-height:1.75rem}
.chillertext p{ width:70%; padding-top:10px;}
.chiller_title{ font-size:1.5rem; line-height:2rem;text-align:center; padding:50px 0px;}
.chiller_title_line{ width:80px; height:3px; background-color:#F00; margin:0 auto;}


.chiller1{ width:70%; margin:60px auto;}
.chiller1 dl{ width:calc(100%/3 - 60px); float:left; text-align:center; margin:0px 30px;}
.chiller1 dl h2{ font-size:1.125rem; line-height:2rem; font-weight:700}
.chiller1 img{}
.chiller1 dl h2 span{ font-size:1rem; font-weight:normal;}


.chiller_jjfn{margin-top:50px;}
.chiller_jjfn h1{ font-weight:bold; margin-top:50px; font-size:24px;}


.lighting{width:100%; height:470px;background:url(../images/lighting.jpg) no-repeat; margin:60px 0px;}
.lightingong h1{ font-weight:bold; margin-top:50px; font-size:24px;margin-bottom:20px;}
.target {
				
				height:488px;
				overflow:hidden;
				position:relative;
				margin:0px auto;
			}
			.target img {
				
				top:0;
				left:0;
				width:100%;
				
			}

.pvsolar{width:100%; height:470px;background:url(../images/pvsolar.jpg) no-repeat; margin:60px 0px;}
.pvsolar_con{ width:70%; margin:50px auto; height:550px;}
.pvsolar_con_left{ width:50%; float:left; padding-top:50px;}
.pvsolar_con_left p{ font-size:18px; padding-top:15px; line-height:36px;}
.pvsolar_con_right{ width:40%; float:right}
.pvsolar_con_right img{ width:100%}

.cpgn dl dd{ float:left}


/****联系我们**/

.box-content{ margin: 60px 0px; }
.about-a{ background-color: #000; padding: 120px 0px;}
.about-a h2{ text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 75px;color: #fff; }
.about-a p{font-size: 16px;   color: #fff;    line-height: 2; text-align: center;}

.about-a .about-img ul{ display: flex; flex-wrap: wrap; margin: 20px -10px;}
.about-a .about-img ul li{ width: calc(100%/2 - 20px); margin: 0px 10px;}
.about-a .about-img ul li img{ width:100%} 
.contact_con{ width: 1000px; border-radius: 30px; padding:60px; background-color: #fff; margin: 30px auto;box-shadow:0 0 5px 1px rgb(0 0 0 / 25%);transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}
.contact_title{ margin: 30px 0px; text-align: center; font-size: 30px; font-weight: bold; color: #414faa;}

.form-box .input{display: flex; justify-content: space-between; flex-wrap: wrap; }
.form-box .input input{ width: 90%; background: #f5f5f5; border: none; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}
.form-box .textarea textarea{ width: 100%; background: #f5f5f5; border: none;height: 130px; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}

.form-box button{ width:40%; margin: 0 auto; background: #414faa; color: #fff; font-weight: bold; font-size: 18px; border: none; border-radius: 5px; 
padding: 10px 10px; position: relative; display: flex; justify-content: center; align-items: center;}

.yszc h1{ font-size: 30px; color: #666;margin: 50px 0px 20px 0px;}
.yszc_line{ border: solid 1px #999; margin-bottom: 50px;}
.yszc_con h2{ font-weight: bold; font-size: 16px; padding: 10px 0px;}
.yszc_con p{ color: #666;font-size: 14px;}

/***额外增加内容**/

.combox01{background:#f8f8f8; padding:100px 0px;}
.combox01 h2{text-align: center; font-size:36px; color:#000; font-weight: bold; margin-bottom:30px;   }
.combox01 ul{display:flex; flex-wrap:wrap;}
.combox01 ul li{width:calc(100%/4 - 20px); margin:10px 10px; background:#fff; padding: 60px 30px; text-align: center;}
.combox01 ul li h3{font-size:16px; margin:20px 0px 0px 0px;}

.ys-box{position: relative;}
.ys-tab{position: relative; display: none;}
.ys-tab.cur{display: block;}
.ys-text{position: absolute;text-align: center;   width: 100%; top:0; padding:100px 0px;}
.ys-text h3{font-size:36px; color:#fff;}
.ys-text p{font-size:16px;color:#fff; width:800px; line-height:25px; margin: 30px auto;}
.ys-text span{font-size:16px;color:#fff; display: inline-block; padding: 10px 40px;   border: 1px solid #fff;}
.ys-text span:hover{border: 1px solid #ff7f00; color:#ff7f00;}
.ys-list{ position: absolute;    bottom: 61px;   width: 100%;}

.ys-list ul{display: flex; flex-wrap: wrap; justify-content: center;}
.ys-list ul li{width: calc(120px - 0px);  margin:20px 0px 0px 0px; cursor: pointer; text-align: center; }
.ys-list ul li .text{border-bottom: 1px solid rgba(255,255,255,0.4); padding: 10px 0px 0px 0px;}
.ys-list ul li h3{color: #fff; font-size: 18px; margin-bottom: 10px; }
.ys-list ul li.cur h3{opacity: 1;}
.ys-list ul li.cur .text{border-bottom: 1px solid #ff7f00;transition: .3s;}

.combox03{ padding:100px 0px 0px 0px;}
.combox03 .index-title {text-align: center; }
.combox03 h2{text-align: center; font-size:36px; color:#000; font-weight: bold; margin-bottom:30px;   }
.combox03 .index-title p {   margin-bottom: 50px;  text-align: center;  color: #4e4d4d;   font-size: 20px;}
.combox03 .index-title span{font-size: 16px; margin:0px 0px 30px 0px;  color: #000;   display: inline-block;   padding: 10px 40px;   border: 1px solid #000;}
.combox03 ul{display:flex; flex-wrap:wrap;}
.combox03 ul li{width:calc(100%/3 - 20px); height:460px; margin:0px 10px; background:#fff;  position: relative; }
.combox03 ul li .img{overflow: hidden;}
.combox03 ul li img{width:100%; height:460px; display:block;    transition: transform .5s;}
.combox03 ul li:hover img{transform: scale(1.1);}
.combox03 ul li h3{font-size:24px; color:#fff; padding:30px 30px; position: absolute;    bottom: 0;   width: 100%;background-color: rgba(0,0,0,.4);}

.combox04{position: relative;margin:20px 0px 0px 0px;}
.combox04 .tx-text{position: absolute;right: 0;   top: 0;  width:40%; padding:100px 200px 0px 0px;}
.combox04 .tx-text h2{font-size: 36px;  text-align: center;  color: #fff;}
.combox04 .tx-text p{font-size: 16px;  color: #fff; margin:60px 0px; text-align: center;line-height:25px;}
.combox04 .tx-text ul{display:flex; flex-wrap:wrap;}
.combox04 .tx-text ul li{width:calc(100%/3 - 20px); margin:0px 10px; text-align: center;}
.combox04 .tx-text ul li h3{font-size: 16px;  color: #fff; margin:20px 0px 0px 0px; }
.combox04 .tx-text span{font-size:16px;color:#fff; display: table; padding: 10px 40px; margin:60px auto 0px;   border: 1px solid #fff;}
.combox04 .tx-text span:hover{border: 1px solid #ff7f00; color:#ff7f00;}
.combox04 .tx-text span a{color:#fff;}

.combox05{ padding:100px 0px 0px 0px;}
.combox05 .index-title {text-align: center; }
.combox05 h2{text-align: center; font-size:36px; color:#000; font-weight: bold; margin-bottom:30px;   }
.combox05 .index-title p {   margin-bottom: 50px;  text-align: center;  color: #4e4d4d;   font-size: 20px;}
.combox05 .index-title span{font-size: 16px; margin:0px 0px 30px 0px;  color: #000;   display: inline-block;   padding: 10px 40px;   border: 1px solid #000;}
.combox05 .wdbox{position: relative;}
.combox05 .wdbox img{width:100%;}
.combox05 .wdbox .text{position: absolute;bottom: 30px; color:#fff; font-size:20px; width:100%; text-align: center;}
.combox05 .wdbox .text font{font-size:30px;}

.combox06{ padding:250px 0px 250px 0px; margin:30px 0px; background:url(https://aikosolar.com/wp-content/uploads/2023/10/cl7.jpg); background-size:100%;}
.combox06 .index-title {text-align: center; }
.combox06 h2{text-align: center; font-size:36px; color:#fff; font-weight: bold; margin-bottom:30px;   }
.combox06 .index-title p {   margin-bottom: 50px;  text-align: center;  color: #fff;   font-size: 20px;}
.combox06 .index-title span{font-size: 16px; margin:0px 0px 30px 0px;  color: #fff;   display: inline-block;   padding: 10px 40px;   border: 1px solid #fff;}

.combox07 .text{padding:100px 200px; font-size:20px; line-height:30px;}


















.top_banner{background:#cccccc; position:relative;display:flex;align-items: center; justify-content: center;}
.top_banner:before{content: ""; background: rgba(0,0,0,0.2); display: block; height: 100%; width: 100%; position: absolute; top: 0;}

.top_banner img{ height: 100%;}
.top_banner .text_box{width:1200px;text-align:center; position: absolute; }
.top_banner h3{font-size:60px;color:#fff;font-weight: bold; text-transform: uppercase;}
.top_banner p{font-size:1.5rem;color:#fff;line-height:42px;display: none;}

@media screen and (max-width: 768px) {
.top_banner{ height:200px;} 
.top_banner h3{font-size:18px;}   
.top_banner img{object-fit: cover; height:200px;}
.top_banner .text_box{ width:100%;}
.top_banner p{ display:none;} 
.index-box01 .tit img{width:100%;}
.swiper-more{width:60%;}
.ban-btn{margin:0px;}
.index-box02{background-color:#000; padding-bottom:10px;}
.consulting{display:none;}

/*建築物能源管理**/
.container{width:auto;}
.ems{ width:100%; height:370px;background:url(../images/ems_bj.png) center no-repeat}
.ems_con{ width: 90%; margin: 0 auto;padding-top:60px;}
.ems_con h1{ font-size: 2rem;}
.ems_con .emstext{ font-size: 1rem;}
.fl_l{ width: 100%;}
.fl_l li{width:calc(100%/5 + 0px)}
.fl_r_one{ width: 100%;}
.ems_cptz dl{width:calc(100%/2 - 0px);margin: 0px;height: 190px ;}
.ems_cptz_text{ text-align: left;}
.ems_title{ clear: both;}
.fl_r_three{ width: 100%;}
.ems_ywxg dl{ width: calc(100%/2 - 0px); margin: 0px;height: 150px;}
.fl_r_three img{ width:100%}
.fl_r_five{width: 100%;}
.fl_r_six_con{ width: 100%;}
.ems_yycj dl{width: calc(100%/2 - 10px); margin:10px 5px;}
.ems_yycj dl img{ width: 188px;}
.fl_r_six{ height: 600px;}
.chiller_con{ width: 90%; margin: 0 auto;}
.chiller_con h1{ font-size: 2rem;}
.chillertext p{width: 100%; font-size: 1rem; line-height:1.8rem;}
.chiller1{ width: 100%;}
.chiller1 dl{width:calc(100%/2 - 20px); margin: 10px 5px;}
.chiller1 img{ max-width:100px;}
.chiller_jjfn{ margin-top:10px;padding-left:15px}
.chiller_jjfn h1{margin-top:10px; font-size: 20px; }
.chiller_jjfn img{width:100%}
.lighting{height:370px;}
.lightingong{ padding:0px 15px;}
.lightingong img{ width: 100%;}
.target{ height: 200px;}
.lightingong h1{padding-right:15px; }
.pvsolar_con_left{ float: none; padding: 0 15px; width: 100%;}
.pvsolar_con_left p{ font-size: 16px;padding-top:0px;padding-right:15px; line-height: 30px;}
.pvsolar_con_right{float: none; padding: 0 15px; width: 94%;}

.contact_con{width:96%; margin:30px auto; padding:20px;}
.contact_title{font-size:20px;}
.wrap{width: calc(100% - 20px);}
.about-a{padding:20px 0px;}
.about-a h2{ margin-bottom:10px; font-size:20px;}
.about-a p{ font-size:14px; padding:0px 10px;}


}




.product-main{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 100px 0;}
.productsort{ margin: 0px 0px 0px 0px; width: 290px; }
.productsort ul{}
.productsort ul li {border: 1px solid #353535;  border-bottom: 0;   padding: 0px 0px;      margin: 0 0px; transition: 0.5s; }
.productsort ul  li:last-child {    border-bottom: 1px solid #353535;}
.productsort li a.calss1 {color: #fff; font-size: 16px;  display: flex;justify-content: space-between; padding: 20px 20px 20px 20px;}
.productsort li a.p-ico1{ background: url(../images/p-ico01.png) no-repeat 10px;}
.productsort li a.p-ico2{ background: url(../images/p-ico02.png) no-repeat 10px;}
.productsort li a.p-ico3{ background: url(../images/p-ico03.png) no-repeat 10px;}
.productsort li a.p-ico4{ background: url(../images/p-ico04.png) no-repeat 10px;}
.productsort li a.p-ico5{ background: url(../images/p-ico02.png) no-repeat 10px;}

.productsort li:hover ,.productsort li.active{ border-left: 4px solid #f39800; }
.productsort li:hover a,.productsort li.active a { color:#fff;}
.productsort li h3{display: flex;   justify-content: space-between;   align-items: center; padding:0px 20px 0px 0px;}
.productsort li h3:after{font-family: "FontAwesome"; content: '\f106'; color: #fff;}
.productsort li.active h3:after{font-family: "FontAwesome"; content: '\f107';}
.productsort li dl{ display: none;background: #f5f5f5;padding: 5px 40px;}
.productsort li.active dl{  display: block; }
.productsort li dl a{ width: 100%; font-size: 14px; display: block; color: #676767; padding: 10px 0px;}
.productsort li dl a.active{ color: #252525; text-decoration: underline;}


.prosearch{margin-bottom: 10px; border: 1px solid #353535;}
.prosearch form{background: #none;  border-radius: 10px; display: flex; }
.prosearch input{border: none; color: #fff; height: 40px;width: calc(100% - 40px); background: none; padding: 5px 10px;}
.prosearch button{color:#f39800;border: none; background: none; cursor: pointer; width: 40px; height:40px;}

.product_box{ width: calc(100% - 320px);}
.productlist{ margin: 0px auto;}
.productlist ul{ display: flex; flex-wrap: wrap;}
.productlist li{ width: calc(100%/3 - 20px);background: #222; overflow: hidden; margin:0px 10px 40px 10px;  position: relative; transition: all .3s ease 0s;top: 0;}
.productlist li a{display: flex; flex-wrap: wrap;}
.productlist li .img{width: 100%; height: 260px; display: flex;  justify-content: center; align-items: center; overflow:hidden;}
.productlist li .img img{ margin:auto; display: block; object-fit: cover; width:100%; height: 260px;  transition: .5s transform; }
.productlist li:hover img{transform: scale(1.05, 1.05); transition: .5s transform;}
.productlist li:hover{top:-10px}

.productlist li .text{ background:#222; width: 100%; padding: 20px 20px 20px 20px;  position: relative;transition: .5s transform;}
.productlist li .text h3{font-size: 18px; color: #fff;  margin:0px auto 10px;    transition: all .3s ease-out 0s; }
.productlist li .text p {font-size: 14px; color: #676767; line-height: 24px; margin:10px 0px 10px 0px;}  
.productlist li .text em{ font-size: 14px; color: #676767;  font-style: normal;}
.productlist li .text span { background:#252525 url(../images/productbtn.png) no-repeat 10px center;
    width: 100px;
    height: 30px;
    color: #fff;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    text-transform: uppercase;
   padding-left: 40px;  border-radius: 18px;} 
.productlist li:hover{}
.productlist li:hover .text h3{}
.productlist li:hover .text span{ }



.sb_nav{ float:left; width:290px;}
.sb_nav h3.title{ text-align: center; background:#005caf; padding:0px 15px; height:64px; line-height:64px; }
.sb_nav h3 a{font-size:1.625rem; color:#fff; font-weight: bold; }

.sb_nav .nav-list ul{ border:1px solid #999; margin: 10px 0px;    box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.sb_nav .nav-list ul li{  height:64px; line-height:64px;}
.sb_nav .nav-list ul li a {display: block;font-size:1.375rem; font-weight: normal; text-align: center; position: relative;   margin:0px 20px;    color: #999;}
.sb_nav .nav-list ul li a:after{content: ">"; font-family: "宋体"; display: block; position: absolute; right: 0; bottom: 0px;}
.sb_nav .nav-list ul li.active{ padding:0px 0px;background:#005caf;}
.sb_nav .nav-list ul li.active a{ color: #fff;}





/*产品轮播*/
.prorow{  display: flex; flex-wrap:wrap;justify-content: space-between;}
.pro-left{    width: 600px;  }
.view {	 width:600px; height:450px;    border: 1px solid #353535;position:relative;   overflow: hidden;}
.view .swiper-slide{	 width:600px; height:450px;}
.view img {width: 100%;	height: 100%; object-fit: contain;}

.preview {	position: relative;	width: 600px; padding: 0px 30px;	 margin-top: 20px;}
.preview .swiper-slide {width: 90px;	height: 90px;	box-sizing: border-box;	overflow: hidden;	cursor: pointer;}
.preview .swiper-slide img {	object-fit: contain;display: inline-block;width: 100%;	height: 100%;}
.preview .active-nav {	border: 1px solid #f39800;}
.preview .arrow-left,.preview .arrow-right{display: inline-block;position: absolute; }
.preview .arrow-left:after,.preview .arrow-right:after{font-family:"FontAwesome";font-size:36px;display:block; position: absolute;text-align:center;font-weight:600;}
.preview .arrow-left{left: 0px;top: 50%; margin-top: -25px; }
.preview .arrow-right{right: 10px;top: 50%;margin-top: -25px;}
.preview .arrow-left:after{content:'\f104'; color: #252525;}
.preview .arrow-right:after{content:'\f105'; color: #8d8d8d;}


a#play-button{position: absolute; bottom: 30px; left: 30px; z-index: 999;width: 50px;   height: 50px; display: none; cursor:pointer;}
.p-video {  display: block;   width: 50px;   height: 50px;   background: url(../images/videoplay.png);    background-size: 100% 100%;}


.pro-right{ width:600px; padding:30px 0px 0px 40px; height:auto;}
.pro-right h2{ font-size:36px; line-height: 36px; color: #fff; margin-bottom: 20px;}
.miaoshu p{ font-size: 16px; color: #676767; line-height: 30px;}
.pro-right a.inquirybtn {cursor: pointer;   width: 180px;   height: 42px;   color: #fff;   position: relative;    font-size: 14px;   font-weight: bold;
    display: flex;   align-items: center;   text-transform: uppercase;   padding-left: 15px; margin-top: 30px ;   background: #f39800; border-radius: 21px;}
.pro-right a.inquirybtn:before{ content: ""; background: url(../images/newsbtn.webp) no-repeat center; position: absolute; right: 20px; display: block; width: 20px; height: 20px;}

.product-container{ padding: 100px 0px;  background: #000; }

.box-content{ margin: 60px auto;background: #000; padding: 60px 0px;}
.box-content .w1200{display: flex; flex-wrap: wrap; justify-content: space-between;}

.contentbox { width: calc(100% - 320px);}
.dec-tit {     margin: 0px 0px 50px 0px;     font-weight: bold;}
.dec-tit span{background:#f39800;color: #fff;  font-size: 14px; padding: 15px 40px; text-transform: uppercase; border-radius: 6px;  font-weight: bold;  display: table;}
.box-content .content img{ display: inline-block; max-width: 100%; height:auto!important;}
.box-content .content{color: #676767;   line-height: 30px;}
.box-content .content p{color: #676767; line-height: 30px;}

.ab-product{ margin-top: 20px; border: 1px solid #dcdcdc; border-radius: 10px;background: #fff;}
.ab-product h2{font-size:16px; color:#252525; font-weight: bold;  padding: 0px 15px; height:50px; line-height:50px; }
.ab-product ul li{ margin: 0px 15px 15px 15px; }
.ab-product ul li a{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ab-product ul li .img{ height: 80px; width: 80px;  }
.ab-product ul li img{ width: 100%;     height: 100%;object-fit: cover;}
.ab-product ul li .text{width: calc(100% - 90px);}
.ab-product ul li h3{ margin-top: 0px; color: #252525; font-weight: bold; font-size: 14px;  }
.ab-product ul li em{font-size: 14px; color: #676767;  font-style: normal; display:block;}
.ab-product ul li span{font-size: 14px; color: #676767;  font-style: normal;display:block; text-decoration: underline;}

.product-pop { margin: 40px 0px 100px 0px;}
.product-pop .tit {margin-bottom: 60px;}
.product-pop .tit h2{ color: #252525; font-size: 48px; line-height: 48px; text-align: center; text-transform: uppercase; font-weight: bold;  }
.product-popbox { position: relative;}
.product-popbox ul li{background:#f5f5f5; position: relative; overflow: hidden;border-radius: 8px;}
.product-popbox ul li .img{overflow: hidden; position: relative;}
.product-popbox ul li img{ width: 100%; display: block;transition: 1s linear;  height: 280px; object-fit:contain;}
.product-popbox ul li:hover img{transform: scale(1.1);}
.product-popbox ul li .text{background: #f5f5f5; padding: 20px 20px;}
.product-popbox ul li h3{ font-size: 16px; color: #252525; font-weight: bold; margin-bottom: 10px;  }
.product-popbox ul li p{ font-size: 14px; color: #676767; line-height: 24px;  }

.product-popbox .swiper-button-prev,.product-popbox .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.product-popbox .swiper-button-prev:after,.product-popbox .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.product-popbox .swiper-button-prev{left: -80px;top: 50%; background: #252525;}
.product-popbox .swiper-button-next{right: -80px;top: 50%;background: #d7d7d7;}
.product-popbox .swiper-button-prev:after{content:'\f104'; color: #fff;}
.product-popbox .swiper-button-next:after{content:'\f105'; color: #8d8d8d;}


.product-popbox .swiper-pagination{ position: initial; z-index: 100;width: 100%; margin-top: 30px; }
.product-popbox .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; border: 2px solid #d7d7d7; background: transparent; }
.product-popbox .swiper-pagination .swiper-pagination-bullet-active{ background: #252525; border: 2px solid #252525; }




.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: #222; border-radius: 100%; 
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: #fff;    border-color: #3eb0a8;}
.pages_cont ul a.page-num-current { color: #000;}
.pages_cont select{padding: 10px;  border: 1px solid #ccc;}

.product-top{ background: #f6f6f6; padding: 30px 0px; height: 270px; box-sizing: border-box;}


.position {  font-size:14px; padding: 20px 0px; text-transform: uppercase; color: #626262;  margin: auto;   border-bottom: 1px solid #dcdcdc;}
.position a{ font-size:14px; color: #626262;margin: 0px 2px; text-transform: uppercase; }
.position span{padding-left:20px;background: url(../images/position-ico.png) no-repeat center left;}















.ab-product{ margin-top: 20px; border: 1px solid #dcdcdc; background: #fff;}
.ab-product h2{font-size:16px; color:#252525; font-weight: bold;  padding: 0px 15px; height:50px; line-height:50px; }
.ab-product ul li{ margin: 0px 15px 15px 15px; }
.ab-product ul li a{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ab-product ul li .img{ height: 80px; width: 80px; background: #ededed; }
.ab-product ul li img{ width: 100%;     height: 100%;object-fit: contain;}
.ab-product ul li .text{width: calc(100% - 90px);}
.ab-product ul li h3{ margin-top: 0px; color: #252525; font-weight: bold; font-size: 14px;  }
.ab-product ul li em{font-size: 14px; color: #676767;  font-style: normal;}
.ab-product ul li span{font-size: 14px; color: #676767;  font-style: normal; text-decoration: underline;}



/*招商加盟*/
.join_box{}





.index_cpys{/*background: url(../images/pz_bj.png) no-repeat bottom center;*/background:#000;padding:100px 0px;}
.cpys .titis h4{color: #fff; font-size: 40px;margin-bottom:60px;text-align:center;font-family: 'Oswald',sans-serif;   text-transform: uppercase;}

.cpys_nr{padding-top:47px;}
.cpys_nr dl{position: relative;height: 394px;background: #222;position: relative; display: flex; flex-wrap: wrap;}
.cpys_nr dt {font-size:0;line-height: 0;width:55%;}
.cpys_nr dt img {width:100%;height: 394px; object-fit:cover;}
.cpys_nr dd {width:45%;padding:50px 50px 50px 50px;}
.cpys_nr dd h4 {font-size:36px; text-transform:uppercase;color: #fff;font-family: 'Oswald',sans-serif;}
.cpys_nr dd p {font-size:16px;color: #777;line-height: 30px;padding-top:30px;}
.cpys_nr dd em {position: absolute;width:53px;height:53px;background: #f39800;line-height: 53px;text-align: center;font-family: 'Oswald',sans-serif;  font-size:24px;color: #fff;right:0;bottom:0px;}
.cpys_qh{height: 120px; text-align:center;}
.cpys_qh li { display:inline-table;height: 120px; width:120px;margin:0px 25px;background: #222; border-radius: 120px;}
.cpys_qh li em {width:44px;height: 44px;text-align: center;line-height: 44px;font-size:24px; display:inline-block; margin-top:10px; }
.cpys_qh li .em1{ background:url(../images/cpys01_h.png) no-repeat center center;}
.cpys_qh li .em2{ background:url(../images/cpys02_h.png) no-repeat center center;}
.cpys_qh li .em3{ background:url(../images/cpys03_h.png) no-repeat center center;}
.cpys_qh li .em4{ background:url(../images/cpys04_h.png) no-repeat center center;}
.cpys_qh li .em5{ background:url(../images/cpys05_h.png) no-repeat center center;}
.cpys_qh li:hover .em1{ background:url(../images/cpys01_h.png) no-repeat center center;}
.cpys_qh li:hover .em2{ background:url(../images/cpys02_h.png) no-repeat center center;}
.cpys_qh li:hover .em3{ background:url(../images/cpys03_h.png) no-repeat center center;}
.cpys_qh li:hover .em4{ background:url(../images/cpys04_h.png) no-repeat center center;}
.cpys_qh li:hover .em5{ background:url(../images/cpys05_h.png) no-repeat center center;}
.cpys_qh li span {font-size:16px;color: #777; clear:both; display:block;}
.cpys_qh li span b{padding-right:8px;}
.cpys_qh li:last-child{}
.cpys_qh li.on{background: #f39800;color: #fff;}
.cpys_qh li.on span{color: #fff}
.cpys_qh li.on .em1{ background:url(../images/cpys01_h.png) no-repeat center center;}
.cpys_qh li.on .em2{ background:url(../images/cpys02_h.png) no-repeat center center;}
.cpys_qh li.on .em3{ background:url(../images/cpys03_h.png) no-repeat center center;}
.cpys_qh li.on .em4{ background:url(../images/cpys04_h.png) no-repeat center center;}
.cpys_qh li.on .em5{ background:url(../images/cpys05_h.png) no-repeat center center;}


/*招商加盟政策与扶持*/
.fuchi {overflow: hidden;	width: 100%;	padding: 100px 0;	background: #222;}
.fuchi .titis h4 {font-size:40px;color: #fff; text-align:center;font-family: 'Oswald',sans-serif;}
.fuchi .fcbox {	overflow: hidden;		margin: 0 auto;		margin-top: 45px;}
.fuchi ul { display: flex; flex-wrap: wrap;	}
.fuchi .fc {width:calc(100%/3 - 40px);margin: 20px 20px;border: 2px solid #646464;	padding:60px 40px;}
.fuchi .fc:nth-child(2){border: 2px solid #f39800;}
.fuchi h3 {font-size: 24px;	color: #fff; text-align:center; text-transform:uppercase;font-family: 'Oswald',sans-serif;	margin-bottom: 20px;}
.fuchi p {font-size: 16px;	color: #777;	line-height: 30px;}
.fuchi .fc:hover{border: 2px solid #f39800;}


/*招商加盟流程*/
.liucheng {overflow: hidden;	width: 100%;	background: url(../images/liucheng_bg.jpg) no-repeat center top;	padding-top: 60px; margin-bottom:30px;}
.liucheng .lcbox {overflow: hidden;	width: 1000px;margin: 0 auto;	height: 110px;	position: relative;	background: url(../images/liucheng00.png) no-repeat center 45px;	margin-top: 25px;}
.liucheng ul {overflow: hidden;	width: 102%;}
.liucheng li {float: left;	width: 81px;margin: 0 56px 0 33px;	height: 110px;}
.liucheng li em {display: block;	width: 26px;height: 22px;text-align: center;	line-height: 22px;	font-size: 16px;color: #fff;background-color: #000;	margin: 0 auto;	position: relative;	z-index: 2}
.liucheng li b {display: block;	width: 75px;	height: 65px;	background-color: #fff;	border: 3px solid #000;	margin: 0 auto;	margin-top: -14px;}
.liucheng li i {display: block;	width: 50px;	height: 50px;	margin: 0 auto;	margin-top: 12px;}
.liucheng li span {display: block;	text-align: center;	font-size: 14px;	color: #666;	margin-top: 10px;}
.liucheng li .i01 {background: url(../images/liucheng01.png) no-repeat center top;}
.liucheng li .i02 {background: url(../images/liucheng02.png) no-repeat center top;}
.liucheng li .i03 {background: url(../images/liucheng03.png) no-repeat center top;}
.liucheng li .i04 {background: url(../images/liucheng04.png) no-repeat center top;}
.liucheng li .i05 {background: url(../images/liucheng05.png) no-repeat center top;}
.liucheng li .i06 {background: url(../images/liucheng06.png) no-repeat center top;}
.liucheng li:hover em {background-color: #ffbf00;}
.liucheng li:hover b {border-color: #ffbf00}
.liucheng li:hover i {background-position: bottom}


.case-top{margin: 100px 200px 0px 200px; display: flex; justify-content: center; align-items: center; position: relative;}
.casename{ display: flex; justify-content: center; align-items: center;}
.casename h2{color: #005caf; font-size:1.75rem; text-align: center; width: 446px; display: table; height: 59px; line-height: 59px; background-image:url(../images/casename.png); background-repeat: no-repeat; background-position: center;}
.casename h2 font{font-size:1.25rem;text-transform: uppercase; }
.casename b{color: #005caf; margin: 0px 40px;}
.case-top .caseposition {   font-size: 0.875rem; position: absolute; right: 0;   color: #999;      display: flex;   border-bottom: 1px solid #999;}
.case-top .caseposition a{ color: #999;}

.caselist{ padding: 100px 0px;}
.caselist ul{ display: flex; flex-wrap: wrap; margin: 0px 165px; }
.caselist ul li{ width: calc(100%/3 - 70px); background: #fff;margin: 0px 35px 50px; box-sizing: border-box;}
.caselist ul li .img{height: 320px;}
.caselist ul li .img img{height: 320px; width:100%; object-fit: cover;}
.caselist ul li h3{ font-weight: bold; font-size: 000; text-align: center; font-size: 1.125rem; margin-top: 10px;}


.caseshow{ width: 1200px; margin:100px auto 100px;}
.caseshow-top{margin: 0px 0px 30px 0px; display: flex; justify-content: center; align-items: center; position: relative;}
.caseshow-top h2{color: #000;  font-weight:bold;font-size:1.75rem; text-align: center;  display: table; height: 59px; line-height: 59px; }

.caseshow-top .caseposition {   font-size: 0.875rem; position: absolute; right: 0;   color: #999;      display: flex;   border-bottom: 1px solid #999;}
.caseshow-top .caseposition a{ color: #999;}

.news-main{display: flex; flex-wrap: wrap;justify-content: space-between; margin: 60px auto; }
.news-cont{width:100%;}
.newslist{ padding:0px 0px 15px 0px; width: calc(100% - 0px); box-sizing: border-box;}
.newslist li{   overflow:hidden; background: #fafafa; border-radius: 10px; padding: 0px; margin-bottom:40px ; }
.newslist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto;  }
.newslist li .list_img{ width: 360px; height: 200px; overflow: hidden;}
.newslist li .list_img img{ width: 100%; height: 200px; display: block; object-fit: cover; border-radius: 10px;}
.newslist li time{ background: url(../images/newscon2.png) no-repeat; float:left; text-align: center;color: #252525; font-size: 16px; 
padding: 0px 0px 0px 30px;  box-sizing: border-box;} 
.newslist li em{background: url(../images/newscon1.png) no-repeat; float:left; text-align: center;color: #252525; font-size: 16px;
padding: 0px 0px 0px 30px; margin-left: 30px;  box-sizing: border-box;} 
.newslist li .list_text{ width: auto; margin: 0px 0px;padding: 30px 30px; box-sizing: border-box; } 
.newslist li .list_text h3{ margin-bottom: 10px; color: #252525; line-height: 18px; font-weight: bold; font-size: 16px;}
.newslist li .list_text p{ color:#676767; font-size: 14px; padding: 15px 0px; line-height: 24px; clear: both;}
.newslist li .list_text span{color: #fff;   position: relative;   font-size: 16px;
      display: inline-flex;   align-items: center;  padding:10px 15px;  margin-top: 20px;  background: #3eb0a8;   border-radius: 21px;}

.newslist li:hover .list_text h3{ }
.newslist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}



.newssort{ margin: 0px 0px 0px 0px; width: 290px; }
.newssort ul{border: 1px solid #dcdcdc;border-radius: 10px;background: #fff; }
.newssort ul li {   padding: 0px 0px;      margin: 0 0px; transition: 0.5s; }
.newssort li a.calss1 {color: #252525; font-size: 16px; font-weight: bold; display: flex;justify-content: space-between; padding: 20px 20px 20px 40px;}
.newssort li:hover a,.newssort li.active a { color:#252525;}
.newssort li a.calss1:after{font-family: "FontAwesome"; content: '\f105';}
.newssort li dl{ background: #f5f5f5;padding: 5px 40px;}
.newssort li.active dl{  display: block; }
.newssort li dl a{ width: 100%; font-size: 14px; display: block; color: #676767; padding: 10px 0px;}
.newssort li dl a.active{ color: #252525; text-decoration: underline;}


.post-news{ margin-top: 20px; border: 1px solid #dcdcdc; background: #fff;}
.post-news h2{font-size:16px; color:#252525; font-weight: bold;  padding: 0px 15px; height:50px; line-height:50px; }
.post-news ul li{ margin: 0px 15px 15px 15px; }
.post-news ul li a{display: flex; flex-wrap: wrap; justify-content: space-between;}
.post-news ul li .img{ height: 80px; width: 80px;  }
.post-news ul li img{ width: 100%;     height: 100%;object-fit: cover;}
.post-news ul li .text{width: calc(100% - 90px);}
.post-news ul li h3{ color: #252525; font-weight: bold; font-size: 14px; line-height: 14px; 
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; }
.post-news ul li time{font-size: 14px; color: #252525;  font-style: normal;}
.post-news ul li span{font-size: 14px; display: block; color: #252525;  font-style: normal; }




.newsshow{width: calc(100% - 0px); background:#f4f6f4; padding:30px 30px;}
.newsshow h2{color: #252525;  font-weight:bold;font-size:20px; margin-bottom: 20px;  }


.newsshow .content{padding: 0px 0px; line-height:24px;  color:#676767;font-size:16px; }
.newsshow .content img{max-width: 100%;}




.sb-form-box{ border: 1px solid #dcdcdc;  border-radius: 10px; padding: 10px 10px; margin: 20px 0px 0px 0px;}
.sb-form-box .input{display: flex; justify-content: space-between; flex-wrap: wrap; }
.sb-form-box .input input{ width: 100%; background: #f5f5f5; border: none; border-radius: 5px; padding: 15px 10px;margin-bottom: 20px;}
.sb-form-box .textarea textarea{ width: 100%; background: #f5f5f5; border: none;height: 130px; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}

.sb-form-box button{ width: 100%; background: #252525; color: #fff; font-weight: bold; font-size: 14px; border: none; width: 100%;border-radius: 5px; 
padding: 15px 10px; text-transform: uppercase;  position: relative;  text-align: left;}
.sb-form-box button:before{ content: ""; background: url(../images/newsbtn.webp) no-repeat center; position: absolute; right: 20px; display: block; width: 20px; height: 20px;}

/* nyabout css */
.about-company{	margin:60px auto 60px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-company-text ul{display: flex; flex-wrap: wrap; }
.about-company-text li {width: calc(100%/2 - 40px); margin: 0px 20px; text-align: center;}
.about-company-text li h3{font-size: 20px; color: #252525; font-weight: bold; margin:20px 0px 30px;}
.about-company-text li p{font-size:16px; margin-bottom: 20px; color: #676767;	line-height: 24px;}


.about-choose{ margin: 60px 0px;}
.about-choose h2{font-size:36px;text-align: center; font-weight: bold;}
.choosebox ul{display: flex; flex-wrap: wrap;  }
.choosebox li{ width: calc(100%/3 - 40px); margin: 0px 20px; padding: 30px 30px; }
.choosebox li .img{ display: flex; align-items: center;justify-content: center;}
.choosebox li img{ width: 300px; height: 300px;  border-radius: 100%; }
.choosebox li .text{ padding: 30px 0px 30px 0px;  position: relative;}
.choosebox li .text h3{ color: #252525; font-size: 18px; margin-bottom: 20px; text-align: center; line-height: 30px; font-weight: bold;}
.choosebox li .text p{ color: #676767; font-size: 16px; line-height: 24px; text-align: center;}


.about-ganyan{ }
.about-ganyan .about-ganyan-box{background: #f4f6f4; padding: 60px 0px 60px 0px;}
.about-ganyan h2{ font-size: 30px; margin-bottom: 20px; text-align: center; font-weight: bold;}
.about-ganyan ul { display: flex; flex-wrap: wrap; justify-content: center;    align-items: center; }
.about-ganyan ul li span{background: url(../images/quotes.png); width: 46px; height: 37px; display: block;}
.about-ganyan ul li{ width: 600px;   padding:20px 20px;align-items: center;   display: flex;   flex-direction: column;   justify-content: center;}
.about-ganyan ul li h3{color: #14261c; font-size: 21px; text-align: center; font-weight: bold; margin: 20px 0px;}
.about-ganyan ul li p{ color:#4b4f58; font-size: 14px; font-weight:lighter;text-align: center;}
.about-ganyan ul li img{width: 50px; margin: 10px 0px;}


.project-box01{background:#f4f6f4; padding: 100px 0px;}
.project-box01 .projectbox{display: flex; flex-wrap: wrap;}
.project-box01 .projectbox .left{width:55%;}
.project-box01 .projectbox .left h2{ font-size: 36px; margin-bottom: 30px;}
.project-box01 .projectbox .left p{font-size: 16px;color:#4e5652;  line-height: 30px; margin-bottom: 20px;}
.project-box01 .projectbox .right{width: 45%;display: flex;   align-items: center;}
.project-box01 .projectbox .right ul{display: flex; flex-wrap: wrap;}
.project-box01 .projectbox .right ul li span{background: #fff; margin: 0px auto; width: 80px; height: 80px; align-items: center; justify-content: center; display:flex; border-radius: 100%;}
.project-box01 .projectbox .right ul li{width:calc(100%/4); text-align: center;}
.project-box01 .projectbox .right ul li h3{font-size: 14px; font-weight: bold; margin-top: 20px;}
.project-box01 .projectbox .right ul li i{font-size: 40px;}

.project-box02{padding: 100px 0px;}
.project-box02 .projectbox-top{display: flex; flex-wrap: wrap;}
.project-box02 .projectbox-top .left {width: 50%;}
.project-box02 .projectbox-top .left img{width: 100%;}
.project-box02 .projectbox-top .right{width: 50%; display:flex; align-items: center; justify-content: center;}
.project-box02 .projectbox-top .right li a{ border: 1px solid #14261c; border-radius: 4px;  margin: 20px 0px; padding: 15px 30px 15px 30px;display: table;}
.project-box02 .projectbox-bottom ul{display: flex; flex-wrap: wrap;}
.project-box02 .projectbox-bottom li {width: calc(100%/4 - 10px); margin: 0px 5px;}
.project-box02 .projectbox-bottom li a{ border: 1px solid #14261c; border-radius: 4px;  margin: 10px auto; padding: 15px 30px 15px 30px;display: table;}

.project-box03 .projectbox-bottom {margin-top: 20px;}
.project-box03 .projectbox-bottom li{display: flex; flex-wrap: wrap;}
.project-box03 .projectbox-bottom li .text{width: 50%; padding-right: 30px;}
.project-box03 .projectbox-bottom li .text h3{font-size: 30px; margin-bottom: 20px;}
.project-box03 .projectbox-bottom li .text p{color: #4e5652; font-size: 18px;}
.project-box03 .projectbox-bottom li .img{width: 50%;}
.project-box03 .projectbox-bottom li .img img{width: 100%;}


.project-con01 {padding: 30px 0px 100px 0px;    text-align: center;}

.project-con02 ul li{display: flex; flex-wrap: wrap; align-items: center;}
.project-con02 ul li:last-child{flex-direction: row-reverse;}
.project-con02 ul li .img{ width: 35%;}
.project-con02 ul li .img img{ width: 100%;}
.project-con02 ul li .text{ width: 65%; padding: 0px 20px;}
.project-con02 ul li .text p{font-size:16px;font-weight: bold; line-height: 30px;}

.project-con03{padding: 60px 0px;}

.project-con04 ul{display: flex; flex-wrap: wrap;}
.project-con04 ul li{width: calc(100%/2); margin: 10px 0px; text-align: center;}
.project-con04 ul li:nth-child(3) a{
    background-image: radial-gradient(at center center, #ECA5E5 17%, #D60808 81%);}
.project-con04 ul li:last-child a{background-image:radial-gradient(at center center, #9BDCF1 17%, #081DD6 81%)}    
.project-con04 ul li a{font-size: 20px; padding: 10px 40px; border-radius: 4px;
    font-weight: 700;
    font-style: normal;
   
    text-shadow: 0px 0px 50px rgb(0 0 0 / 30%);
   
    color: #FFFFFF; margin:0 auto; display: table; background-color: transparent;
    background-image: radial-gradient(at center center, #39EF02 17%, #073D14 81%);
   
}
.project-con04 ul li i{margin-right: 30px;}

.project-con04 .p-button{margin-top: 20px;}
.project-con04 .p-button a{font-size: 20px; padding: 10px 40px; border-radius: 4px;
    font-weight: 700;
    font-style: normal;
   
    text-shadow: 0px 0px 50px rgb(0 0 0 / 30%);
   
    color: #FFFFFF; margin:0 auto; display: table; background-color: transparent;
    background-image: radial-gradient(at center center, #E30E4E 17%, #FF8200 80%);
   
}
.project-con04 .p-button i{margin-right: 30px;}

.project-con05{padding: 100px 0px;}
.project-con05 ul{display: flex; flex-wrap: wrap;}
.project-con05 ul li{width: calc(100%/3); text-align: center;}



.public-content{padding: 60px 0px;}
.com-content{background:#f4f6f4;padding: 60px 60px; margin: 60px 0px;}

.sponsors{ margin: 60px 0px;}
.sponsors h2{font-size:36px;font-weight: bold;}
.sponsors p{font-size:16px;}
.sponsorsbox ul{display: flex; flex-wrap: wrap;  }
.sponsorsbox li{ width: calc(100%/3 - 40px); margin: 0px 20px; padding: 30px 30px; }
.sponsorsbox li .img{ display: flex; align-items: center;justify-content: center;}
.sponsorsbox li img{ width: 300px; height: 300px;  }
.sponsorsbox li .text{ padding: 30px 0px 30px 0px;  position: relative;}
.sponsorsbox li .text h3{ color: #252525; font-size: 18px; margin-bottom: 20px; text-align: center; line-height: 30px; font-weight: bold;}
.sponsorsbox li .text p{ color: #676767; font-size: 16px; line-height: 24px; text-align: center;}


/* contactus css */
.nycontact{}
.nycontact .contshow {background: #222;padding: 100px 0px;}
.nycontact .contshow ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nycontact .contshow li {width: calc(100%/4 - 40px); margin:10px 20px;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.nycontact .contshow li .cta-icon{height: 80px; width: 80px; border-radius: 100%; background: #f39800; display: flex; align-items: center; justify-content: center;}
.nycontact .contshow li .cta-icon i{font-size: 30px; color: #fff;}
.nycontact .contshow li .cta-text{width: calc(100% - 100px);    }
.nycontact .contshow li p{font-size:16px; color: #fff;  display: block;}
.nycontact .contshow li span{font-size:20px;color: #f39800; text-transform: uppercase; font-family: 'Oswald',sans-serif;margin-bottom: 10px; display: block;}

.nycontact .contmain{background: #000; padding: 100px 0px;}
.nycontact .form-map{display: flex; flex-wrap: wrap;}

.nycontact .contact-form{font-size: 18px;color: #f39800;}
.nycontact .contact-form h2{ font-size: 36px; color: #fff; margin-bottom: 30px; text-transform: uppercase; font-family: 'Oswald',sans-serif;}
.nycontact .contact-form { width:50%;padding-left:60px;}
.nycontact .contact-form .form-group { margin-bottom:20px; overflow:hidden;}
.nycontact .contact-form .form-group .input{ width:100%;}
.nycontact .contact-form .form-group input,.nycontact .contact-form .form-group textarea{width: 100%; box-sizing:border-box;
    padding: 10px 20px;
    font-size: 15px;
    outline: none;
    text-shadow: 0px 1px 0px #fff; border-radius: 20px;
    border: 1px solid #ccc;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.nycontact .contact-form .form-group textarea{ height:200px;}
.nycontact .contact-form .btn-info {
    background-color: #f39800;
    box-shadow: 2.5px 4.33px 15px 0 rgb(0 0 0 / 15%);
    color: #FFF;
    padding: 20px 30px;
    border-radius: 30px; font-size: 16px;
    text-transform: uppercase;
}

.nycontact .map-outer{width: 50%;}


.reLink {margin: 10px auto 10px; padding: 0px 0px; }
.reLink .prevLink, .reLink .nextLink { margin: 10px 0px;	}
.reLink .prevLink a, .reLink .nextLink a {	}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {	color: #04549b;}
.reLink .prevLink {	}
.reLink .nextLink {	}


@media screen and (max-width: 1680px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1440px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1366px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1024px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}	
header .headerbox {    width: calc(100% - 80px);    margin: 0px 40px;    padding: 0px 30px;}

.index-box03 .product-box {width: 80%;}

.index-box04 ul li{width: 480px;}
}


@media screen and (max-width: 768px) {
header {  position: inherit;background: rgba(0,0,0,0.6);}
header .headerbox { width: calc(100% - 0px); display:block;margin: 0px 0px;height:60px;padding: 0px 0px;border-radius: 0px;}		
.wrap{width: 100%; padding: 0px 10px;  margin: 0px 0px;}
.logobox{ display: flex; justify-content: space-between; padding: 0px 10px;     align-items: center;   width: 100%;}
.logo { height: 60px;}
.logo img{ height: 30px;}

.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: #fff;}  
.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);
}

.navbox{ display:none;position: absolute; opacity:0; top: 61px; 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; 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 a.navdown:after{position:absolute; right:0;}
.navbar ul li a.navdown:before {right: 0;}
.navbar ul li .downmune{ display:none; position: inherit;top: 0px; padding: 0px 10px;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;}


.social-tools{display: none;}

.index-banner .banner-text{padding: 0px 0px;}
.index-banner .banner-text h3{font-size: 18px;margin-bottom:10px; font-weight:bold;}
.index-banner .banner-text p{font-size: 14px;}
.index-banner .banner-text ul {   margin-top: 0%;}
.index-banner .banner-text a.ban-btn{ width:120px; height:30px; line-height:30px; font-size:14px;}
.index-box01 .tit h2{font-size:26px;}
.index-box01 .tit p{color:#000;}
.index-box03 .text h2{ margin-bottom:20px; font-weight:bold;}
.index-box04 .youshi-list ul li h3{font-size:14px;}
.index-box06{padding:30px 0px 10px 0px}
.index-box01 .box01{padding-bottom:0px;}
.index-box06 .textbox .text h2{font-size:24px;font-weight:bold;}
.index-box06 ul li{width:calc(100%/1 - 40px);margin:0px;}
.index-box06 ul li .text h3{font-weight:bold;font-size:24px;}

.index-banner video{aspect-ratio: 16/9; width:100%; height:auto;}

.index-box01 .tit p{width:90%;}
.index-box01 ul li {   width: calc(100%/1 - 20px);   margin: 0px 10px;}

.index-box02 .feedback-box{height:auto;}
.index-box02 video {    height:auto;    width: 100%;   object-fit: cover;    aspect-ratio: 16/9;}

.index-box03 {   padding: 10px 0px 100px 0px;}
.index-box03 .text p{width:calc(100% - 0px);}

.index-box05 .text h2{  width: 100%;}
.index-box05 .text p{width:calc(100% - 0px);}

.index-box06 .textbox .text {  width: 100%;}
.index-box06 .textbox .img {   width: calc(100% - 0px);}

.index-box07 .text h2{  width: 100%;}
.index-box07 .text p{width:calc(100% - 0px);}

.index-box09 .textbox .text {  width: 100%;}
.index-box09 .textbox .img {   width: calc(100% - 0px);}


.about-company-text li {   width: calc(100%/1 - 40px);   margin: 0px 20px;}
.choosebox li {width: calc(100%/1 - 40px); margin: 0px 20px;}

.project-box01 .projectbox .left {width: 100%;}
.project-box01 .projectbox .right {width: 100%;}

.project-box02 .projectbox-top .right li a{padding: 10px 20px 10px 20px;}
.project-box02 .projectbox-bottom li a{padding: 10px 20px 10px 20px;}

.project-box03 img{width: 100%;}
.project-box03 .projectbox-bottom li .text{width: 100%;padding-right:0px; margin-bottom: 20px;}
.project-box03 .projectbox-bottom li .img{width: 100%;}

.project-con01{padding: 30px 10px !important;}
.project-con01 img{width: 100%;}

.project-con02 ul li .text{padding: 20px 20px;}
.project-con02 ul li .img{width: 100%;}
.project-con02 ul li .text{width: 100%;}

.project-con03 iframe{width: 100%; height: 350px;}
.project-con04 ul li {  width: calc(100%/1);}
.project-con05 ul li {  width: calc(100%/1); margin: 10px 0px;}

.nycontact{padding: 60px 10px;}
.nycontact .contshow {   width: 100%;}
.nycontact .map-outer{   width: 100%;}
.swiper-more{ margin:20px auto 0px auto;}

}