/*基础CSS*/
body{ font-size:14px; color:#333; -webkit-text-size-adjust:none; font-family:'SourceHanSansCN-Regular'; font-style:normal; min-width:1200px; padding:0; margin:0;}
html {font-size: 14px;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight: normal;}
.clearfix:before{ clear: both;}
li {	list-style: none;}
a {	color: #333; text-decoration:none;}
a:hover {	text-decoration: none;}
p, dl, dt, dd, ul {	margin: 0px;	padding: 0px;}
em{font-style: normal;}
.clear {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after, .clearfix:before {content: '';	clear: both;	display: table;}
.wrap,.container{ width:80%; margin:0 auto;}
.text-center{ text-align:center;}

.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}

header .header-upper.fixed-top { position:fixed;top:0; background:#fff; width: 100%; z-index: 9;}


header{z-index: 9; width: 100%; position: absolute;background: rgba(0,0,0,0.6);}
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:0px;}

.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:40px auto;width:20%;}



.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;background-color: #000;}
.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:#666;}
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; }



.case-pages{ padding:90px 150px 100px 150px;}
.case-pages .case-list{ margin:0px -10px;}
.case-pages .case-list li{ width:calc(25% - 20px); margin:10px 10px; float:left;}
.case-pages .case-list li .card-img{ height:300px; overflow:hidden;}
.case-pages .case-list li .card-img img{width:100%; height:300px; object-fit:cover;transform: scale(1.0);transition: 0.65s;}
.case-pages .case-list li h3{ text-align:center; margin:10px 0px; line-height:30px;}
.case-pages .case-list li:hover img{transform: scale(1.1);}
.case-pages h2{ text-align:center; font-size:20px; font-weight:bold;}
.case-pages .met{ margin:20px 0px; text-align:center;}

.video_box{  overflow:hidden;position: relative;  margin:30px 0px 100px;}
.video_box span{ font-size:70px; display:block; line-height:normal; text-align:right;}
.video_box em{ font-size:30px; display:block; line-height:normal; text-align:right;}
.video_box h2{background-color: #ff7f00 !important; text-align: center; color:#fff; line-height:40px; font-size:16px; margin-bottom:20px;}
.video_box .container{ width:1000px; margin:auto;}  
.video_box ul{ margin:0 -10px;}
.video_box li{ float:left; width: calc(33.333% - 20px); margin:10px 10px; }
.video_box li .video{background-color:rgba(0, 0, 0, 1);
border-radius: 0;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);}
.video_box li p{ font-size:16px; text-align:center; height:42px; margin-top:10px;}
.video_box01{ margin-top:50px;}


.slide-pages{ position:relative; margin-bottom:70px;padding:90px 0px;}
.company_box01{ }
.company_box01 .box_left{ width:50%; float:left;background:url(../images/box_left.jpg); height:640px; padding-top:100px; padding-right:10%; padding-left:10%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.company_box01 .box_left img{ width:207px; margin-bottom:60px;}
.company_box01 .box_left h3{font-size: 31px;color:#008AFC;}
.company_box01 .box_left span{color:#008AFC;font-size:40px;font-weight:bold;}
.company_box01 .box_right{ width:50%; float:left;background:url(../images/box_right.jpg); position:relative; background-size:100% 100%; height:640px; padding-top:60px; padding-right:10%; padding-left:100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.company_box01 .box_right li{ margin-bottom:60px;}
.company_box01 .box_right li span{font-size:33px;font-weight:bold;}
.company_box01 .box_right li p{font-size:17px;text-align:justify;}

.company_box02 { background:#fff; overflow: hidden; padding:40px 0px 100px 0px; margin-top:60px;}
.company_box02 .box_content{display: flex; flex-wrap: wrap; width:100%; margin:auto;}
.company_box02 .box_content .img{width: 40%;}
.company_box02 .box_content .img img{width: 100%;}
.company_box02 .box_content .text{width: 60%; box-sizing: border-box; padding:0px 60px ;}
.company_box02 .box_content .text span{ font-size:20px;margin-bottom:20px; display: block;}
.company_box02 .box_content .text h2{ font-size:30px;margin-bottom:20px;}
.company_box02 .box_content .text img{ width:207px; margin-bottom:20px; }
.company_box02 .box_content .text p{ margin-bottom: 20px;font-size:17px;line-height:30px;text-align:justify;}



.company_box03 { background:#fff; overflow: hidden; padding:0px 0px 100px 0px;}
.company_box03 .box_content{ width:1360px; margin:auto;}
.company_box03 .box_content .hn-row{display: flex; flex-wrap: wrap;}
.company_box03 .box_content .hn-row .left-honor{width: 50%;}
.company_box03 .box_content .hn-row .left-honor span{ float: left;font-size:30px; line-height:40px;}
.company_box03 .box_content .hn-row .left-honor a.more{ float: left;font-size:18px; color:#fff; margin-left:30px;    background-color: rgba(238, 177, 136, 1);    border: solid rgba(96, 96, 96, 1) 0px;    width: 178px; text-align:center; line-height:40px;    height: 40px;}
.company_box03 .box_content .hn-row .left-honor img{width: 100%;}

.company_box03 .box_content .hn-row .right-news{width: 50%; display: flex; }
.company_box03 .box_content .hn-row .right-news .img{overflow: hidden; width: 360px;}
.company_box03 .box_content .hn-row .right-news .text-n{width:calc(100% - 360px);padding-right: 30px; box-sizing:border-box;font-size:17px;line-height:30px;text-align:justify;}

.company_box03 .box_content .hn-row .right-news .img .swiper-pagination {display: flex;justify-content: center;  align-items: center;   width: 100%;   position: inherit;}
.company_box03 .box_content .hn-row .right-news .img .swiper-pagination .swiper-pagination-bullet{border: 1px solid #000; opacity: 1; margin: 0px 3px; background: transparent;}
.company_box03 .box_content .hn-row .right-news .img .swiper-pagination .swiper-pagination-bullet-active{ background: #000;  }

.company_box03 .box_content .text{ clear:both; padding-top:60px; overflow:hidden; display: flex;flex-wrap: wrap;margin: 0px -20px;}
.company_box03 .box_content .text h3{font-size:25px;font-weight:bold;color:#002D5C; margin-bottom:10px;}
.company_box03 .box_content .text p{font-size:16px;color:#041F3E; line-height:30px;}
.company_box03 .box_content .text li{ overflow:hidden; width:calc(100%/3 - 40px); margin: 0 20px 20px 20px;}
.company_box03 .box_content .li1{ float: left;}
.company_box03 .box_content .li2{ float: left; }
.company_box03 .box_content .li3{ overflow:hidden; clear:both;}

.company_box04 { background:#f2f2f2; overflow: hidden; padding:0px 0px 70px 0px; }
.company_box04 h3{  margin:20px auto; width:1000px;font: normal normal normal 33px/1.4em avenir-lt-w01_85-heavy1475544,sans-serif;}
.company_box04 dt{ width:40%; float: left; background-color: rgba(0, 48, 91, 1); height:470px; padding:40px 100px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.company_box04 dt img{width:180px;}
.company_box04 dt h4{font-size:20px; color:#fff; line-height:normal;}
.company_box04 dt span{font-size:30px; color:#fff; line-height:normal;}
.company_box04 dt p{font-size:14px; color:#fff; line-height:30px;}
.company_box04 dd{ width:60%; float:right;} 
.company_box04 dd img{ width:100%; height:470px; object-fit:cover; display:block;}

.company_box04 ul{ margin-bottom:60px; overflow:hidden; padding:0px;}
.company_box04 ul li{ float:left; padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width:20%; height:250px;}
.company_box04 ul li img{width:100%; height:100%; display:block; object-fit:cover;}

.index_box07{ background-color: #3991c1; overflow:hidden;position: relative;padding:60px 0px; margin-top:40px;}
.index_box07 .tit{ text-align:center;}
.index_box07 .tit h3 {margin-bottom:0px; font-size: 36px; color:#fff; text-align:center; font-weight:400; text-transform:uppercase;  }

.index_box07 .container{ width:1000px; margin:auto;  overflow:hidden;}
.contact-left{ width:50%; float: left;}
.contact-left span{ font-size:24px; display: block; margin-bottom: 10px; font-weight:bold; color: #fff;}
.contact-left p{ font-size:18px; line-height: 30px; font-weight: normal;color: #fff;}
.contact-left p a{color: #fff;text-decoration:underline;}
.contact-content{ width:50%; float:right;}

/*在线留言*/
.contact_lxwm{ width:60%; margin:80px auto;padding:60px 0px;}

.exp-container {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;

}

.exp {
  display: flex;
  flex-direction: column-reverse;
  width: 46%;
  margin-bottom: 30px;
  position: relative;
  flex-wrap: wrap;float:left; margin:2%;
}

.exp__label {
  transition: 0.3s;
  margin-bottom: 5px; font-size:18px;
}

.exp__label:before {
  content: attr(data-icon);
  font-weight: normal;
  font-family: "Ionicons";
  font-size: 24px;
  position: absolute;
  left: 0;
  transform: rotateY(90deg);
  bottom: 0;
  height: 52px;
  background: transparent;
  color: #000;
  transform-origin: left;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .3s 0s ease, transform .3s 0s ease;
  width: 42px;
}

.exp__input {
  border: 1px solid #ddd;
  padding: 0 10px;
  width: 100%;
  height: 52px;
  transition: 0.3s;
  font-weight: normal;
  box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  outline: none;
}

.exp__input:focus {
  padding-left: 42px;
  border-color: #bbb;
}

.exp__input:focus + label:before {
  transform: rotateY(0deg);
}

.exp__input:valid {
  padding-left: 42px;
  border-color: green;
}

.exp__input:valid + label {
  color: green;
}

.exp__input:valid + label:before {
  transform: rotateY(0deg);
  color: green;
  font-size: 34px;
  content: attr(data-icon-ok);
}

.exp-title {
  text-align: center;
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: bold;
}

.exp-title span {
  display: inline-block;
  padding: 5px;
  font-size: 22px;
  background: #feffd4;
}


.contact_bottom{ width:50%; height:50px; line-height:50px; background-color:#000; color:#fff; text-align:center;font-size:16px; margin:0 auto; border:none;}


/*---優惠活動---*/
.feedback{ padding:0px; }
.feedback .w1000{width:1000px; margin:0 auto}
.feedback .w-left{ float:left; width:475px;}
.feedback .w-left img{ max-width:470px}
.feedback .w-right{ float:right; width:500px; border:5px solid #000; padding: 30px 0px; height:596px;  box-sizing: border-box;}

.feedback table{ margin:0px auto; width:95%}
.feedback td.text{padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight: normal;}
.feedback td.input{ padding:6px 8px;}
.feedback td.input input{ margin-right:8px; width:90%; padding:10px;  margin-bottom:20px;}
.feedback .submit{background: #ff7f00 !important;   padding: 10px 28px;   width: 180px;  font-weight: bold;   text-transform: uppercase;   color: #fff;
    font-size: 13px;   letter-spacing: 1px;   display: flex;   justify-content: center;   margin: 30px auto 0px; border:0;}


.solution-pages{ padding:100px 0px 100px 0px;}
.solution-pages .solution-list{ margin:0px -5px;}
.solution-pages .solution-list li{ width:calc(33.333% - 10px); margin:20px 5px; float:left;}
.solution-pages .solution-list li .card-img{ height:240px; overflow:hidden;}
.solution-pages .solution-list li .card-img img{width:100%; height:240px; object-fit:cover;transform: scale(1.0);transition: 0.65s;}
.solution-pages .solution-list li h3{ text-align:center; font-weight:bold; font-size:20px;  line-height:40px; margin-top:20px;}
.solution-pages .solution-list li:hover img{transform: scale(1.1);}

.lb-box{ position:relative;}
.lb-box img{ height:500px; object-fit:cover; width:100%;}
.lb-box .s_ban .ban_text{ background-color: rgba(9, 63, 124, 1);  width:240px; padding:20px; position:absolute; top:20px; right:20%;text-align:center;}
.lb-box .s_ban .ban_text span{ font-size:40px; color:#fff; line-height:normal; }

.lb-box .swiper-pagination{bottom: 25px!important;}
.lb-box .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; background: #fff;}
.lb-box .swiper-pagination .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); border-radius: 100%; height: 18px; width: 18px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.lb-box .swiper-pagination .swiper-pagination-bullet-active{ background: #ffbd05; }

.dec_box{ margin:60px auto; width: 1360px;}
.dec01,.dec02,.dec03,.dec04,.dec05{ margin-bottom: 30px;}
.dec_box h3{font-size: 30px; margin-bottom: 20px;}
.dec_box p{font-size: 16px;margin-bottom: 20px;}
.dec_box .dec05 img{ object-fit: cover; height: 220px; width: 270px; margin: 0px 1px; display: block; float: left;}

.case_sort{  margin:60px auto 30px;}
.case_sort ul{ margin:0px; padding:0px;display: flex;  justify-content: center;  flex-wrap: wrap;}
.case_sort ul li{ float:left; width:100px; height:35px; line-height:35px; border:solid #f2f2f2 1px; margin:5px; text-align:center}
.case_sort ul li a{ display:block;}
.case_sort ul li a.btn-light{ background:#3991c1; color:#fff;}
.case_sort ul li a.btn-info{background:#ff7f00 !important;color:#fff;}
.case_sort ul li a.active{ color:#3991c1;}

/*图片模块*/
#imglist{ padding:0px 0px; width:88%; margin:0px auto 80px auto;}
#imglist ul{ display:flex; flex-wrap:wrap;}
#imglist li{ float:left; display:inline; text-align:center; padding:10px; width:25%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#imglist li .img { overflow:hidden;}
#imglist li .img img{ margin:auto; width:100%; height:250px; object-fit:cover;transform: scale(1.0);   transition: 0.65s;}
#imglist li h3{ padding:15px 0px 10px; font-weight: bold; line-height:1.5; font-size:17px; color:#b91729}
#imglist li:hover img{transform: scale(1.1);}



.module-recyling_box .con_box01{    margin: auto;  width: 1000px;}
.module-recyling_box .con_box01 h2{ color:#67BD31; font-size:28px; font-weight:bold; text-align:center; margin-top:30px;}
.module-recyling_box .con_box01 hr{ border-top:1px solid rgba(104, 196, 12, 1); width:76px; margin: 20px auto;}
.module-recyling_box .con_box01 span{ color:#67BD31; font-size:23px; font-weight: normal; text-align:center; margin-bottom:30px; display:block;}
.module-recyling_box .con_box01 p{  font-size:16px; line-height:30px; margin-bottom:10px; font-weight: normal;}

.module-recyling_box .con_box02{    margin: auto;  width: 1000px;}
.module-recyling_box .con_box02 h2{ color:#67BD31; font-size:28px; font-weight:bold; text-align:center; margin-top:30px;}
.module-recyling_box .con_box02 hr{ border-top:1px solid rgba(104, 196, 12, 1); width:156px; margin: 20px auto;}
.module-recyling_box .con_box02 dt{ float: left; width:50%; font-size:16px; line-height:30px;}
.module-recyling_box .con_box02 dt span{ font-weight:bold;}
.module-recyling_box .con_box02 dt b{ font-weight:bold;color:#67BD31;}
.module-recyling_box .con_box02 dd{ float: right; width:40%;}
.module-recyling_box .con_box02 dd img{ width:100%;}


.product-pages{ padding:90px 0px 100px 0px;}
.product-pages .product-list{ margin:60px -5px;}
.product-pages .product-list li{ width:calc(50% - 10px); margin:20px 5px; float:left;}
.product-pages .product-list li .card-img{ height:300px; }
.product-pages .product-list li .card-img img{width:100%; height:300px; object-fit:contain;    -webkit-transition: all .5s linear; transition: all .5s linear;}
.product-pages .product-list li h3{ text-align:center; font-weight:bold; font-size:20px;  line-height:40px; margin-top:20px;}
.product-pages .product-list li:hover img{-webkit-transform:translate3d(0, -10px, 0);}

.pro_three{background:#fff; padding-bottom:0px;}
.pro_three_mid{padding: 15px 0px;width: 1000px;margin: auto;overflow: hidden;}
.pro_three .showpro_box03 h2{font-size:63px;font-weight:400;}
.pro_three .showpro_box03 em{ text-align:right;font-size:16px; display:block;}
.pro_three .showpro_box03 dl{}
.pro_three .showpro_box03 dl dt{ width:50%; float:left;}
.pro_three .showpro_box03 dl img{ width:100%;}
.pro_three .showpro_box03 dl dd { width:40%; float:right;}
.pro_three .showpro_box03 dl dt h3{font-size:18px; font-weight:bold;}
.pro_three .showpro_box03 dl dt p{font-size:16px; line-height:30px;}
.pro_three .showpro_box03 ul li{font-size:14px;line-height:30px;}

.pro_three .showpro_box04 { margin-top:20px;}
.pro_three .showpro_box04 p{font-size196px; line-height:30px; margin-bottom:20px;}


.pro_four_con01{ width:1300px; margin:0 auto;}
.pro_four_con01 .four_title{ font-size:30px; text-align:center; padding:50px 0px; font-weight:bold; color:#1d355e;}
.pro_four_con01 .four_list li{ float:left; width:400px; margin:0px 10px;}
.pro_four_con01 .four_list li .list_text{ padding:15px 15px;}
.pro_four_con01 .four_list li h3{ font-size:20px; font-weight:bold; text-align:left; margin-bottom:10px;}
.pro_four_con01 .four_list li p{ font-size:14px; color:#666; text-align:left; line-height:30px;}


.pro_four_con02 {width:100%; clear:both; padding:60px 0px;}
.pro_four_con02 .pro_four_con02_box{ width: 1300px; margin:0px auto 0px; position: relative;background: #fff; }
.pro_four_con02 .pro_four_con02_box h2{ font-size:1.8rem; font-weight: bold; margin-bottom: 20px; color:#1c355d;}
.pro_four_con02 .s-text ul{ list-style-type: disc; margin-left:20px;}
.pro_four_con02 .s-text li{ font-size:16px;  color: #404d53; margin-bottom: 20px;cursor: pointer; list-style:inherit;}
.pro_four_con02 .s-text li.cur{ color:#1d355e; font-weight:bold; font-size:16px;}

.pro_four_con02 .s-text{float:left; width:300px;}
.pro_four_con02 .s-img{ width:calc(100% - 300px); float:left;}
.pro_four_con02 .s-img li{ display:none;}
.pro_four_con02 .imgsss{ display:flex;}
.pro_four_con02 .ffssse{ margin-top:20px;}
.pro_four_con02 .ffssse p {   line-height: 30px;  font-size: 16px;}

.mt-tabpage {
	width: 1300px;
	margin: 60px auto;
	box-shadow: 0 0 5px #999;
	background-color: #FFFFFF;
}
.mt-tabpage-title {
	height: 54px;
	font-size: 0;
	background-color: #fff;
	width:1200px;
	margin: auto;    display: flex; justify-content: space-between;
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
}
.mt-tabpage-title .mt-tabpage-item {
	justify-content: center;
    align-items: center;
    display: flex;
	
	height: 54px;
	
	text-align: center;
	color: #333;
	font-size: 16px; 
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #eb4537;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #eb4537;
	
	border-bottom: 1px solid #F85B5E;
}
.mt-tabpage-count {
	position: relative;
	width: 1300px;
	height: auto;
	overflow: hidden;
}

.mt-tabpage-count li.mt-tabpage-item {	width: 1200px; overflow:hidden;		text-align: center; margin: 30px auto;}
.mt-tabpage-count li.mt-tabpage-item img{ float:left;    max-width: 100%;}
.mt-tabpage-count li.mt-tabpage-item .left{float:left; width:50%;}
.mt-tabpage-count li.mt-tabpage-item .right{float:left;width:calc(50% - 60px); margin:0px 30px;}
.mt-tabpage-count li.mt-tabpage-item p{ line-height:30px; font-weight:bold; margin-top:10px; text-align:left; font-size:16px;}
.mt-tabpage-count li.mt-tabpage-item p font{ color:#3991c1;}

.pro_four_con03 {width:100%; clear:both; padding:60px 0px;}
.pro_four_con03 .pro_four_con03_box{ width: 1200px; margin:0px auto 0px; position: relative;background: #fff; }
.pro_four_con03 .pro_four_con03_box h2{ font-size:1.8rem; font-weight: bold; margin-bottom: 20px; color:#1c355d;}
.pro_four_con03 .ss-text ul{ list-style-type: disc; margin-left:20px;}
.pro_four_con03 .ss-text li{ font-size:16px;  color: #404d53; margin-bottom: 20px;cursor: pointer; list-style:inherit;}
.pro_four_con03 .ss-text li.cur{ color:#1d355e; font-weight:bold; font-size:16px;}

.pro_four_con03 .ss-text{float:left; width:300px;}
.pro_four_con03 .ss-img{ width:calc(100% - 300px); float:left;}
.pro_four_con03 .ss-img li{ display:none;}
.pro_four_con03 .imgsss{ display:flex;}
.pro_four_con03 .ffssse{ margin-top:20px;}
.pro_four_con03 .ffssse p {   line-height: 30px;  font-size: 16px;}

.banner_list{ width:1300px; margin:0 auto; text-align:center; background-color:#FFF;}
.banner_list_title{ font-size:2.2rem;text-align:center; line-height:40px; clear:both; padding:50px 0px; font-weight:bold; color:#1d355e;}


.honor-pages{ padding:60px 150px 100px 150px;}
.honor-pages .honor-list{ margin:0px -10px; display:flex; flex-wrap:wrap;}
.honor-pages .honor-list li{ width:calc(25% - 20px); margin:10px 10px; float:left;}
.honor-pages .honor-list li .card-img{ height:300px; overflow:hidden;border: 1px solid #eee;}
.honor-pages .honor-list li .card-img img{width:100%; height:300px; object-fit:contain;transform: scale(1.0);transition: 0.65s;}
.honor-pages .honor-list li h3{ text-align:center; line-height:30px;}
.honor-pages .honor-list li:hover img{transform: scale(1.1);}

.media{ width:1000px; margin:100px auto}
.media h1{ font-size:72px; line-height:120px}
.widget-title{ font-size:40px; line-height:50px; font-weight:bold}
.textwidget{ font-size:24px; color:#666; line-height:40px}
.media-sp{ margin-top:50px;}
.media-spzs{ margin-top:15px}
.media-img{ margin-top:15px}
.media-three{width:1000px; margin:100px auto;}
#newslist1{ padding:15px 0px; flex-wrap:wrap; display:flex;}
#newslist1 .newslist_box{  }
#newslist1 li{width:calc(33.333% - 40px);padding:10px; float:left; background:#eeeeee; border-radius:20px;margin:10px; }
#newslist1 .news_img{}
#newslist1 .news_img img{ width:100%; height:150px; object-fit:cover; display:block;}
#newslist1 .news_t{ width:100%; padding:10px 10px; box-sizing:border-box;}
#newslist1 li h4{ font-size:16px; margin:5px 5px 10px 5px;}
#newslist1 li .more1{padding:0px 0px; font-size:14px; color:#0b0b0b; margin:auto; text-align:center; height:40px; float:right;line-height:40px; text-transform:uppercase; }
#newslist1 li .times{ line-height:40px;}


.newslist_box{ margin:auto; width:1100px;}
.newslist_box ul{ flex-wrap:wrap; display:flex;}
.newslist_box li{width:calc(50% - 90px);padding:20px 30px; margin:15px 15px; float:left; background:#eeeeee; border-radius:30px;  }
.newslist_box .news_img{}
.newslist_box .news_img img{ width:100%; height:250px; object-fit:cover; display:block;}
.newslist_box .news_t{ width:100%; padding:20px 0px; box-sizing:border-box;}
.newslist_box li h4{ font-size:19px; margin:0px 0px 10px 0px;}
.newslist_box li p{padding: 15px 0px;    text-align: left;   font-size: 16px;}
.newslist_box li .more {  padding:0px 0px; font-size:18px; color:#0b0b0b; margin:auto; text-align:center; height:40px; border:1px solid #0b0b0b; display: block; width:200px; line-height:40px; text-transform:uppercase; }
.newslist_box li .news_t time {   color: #393939;    font-size: 18px;    font-weight: bold;}
.news-pages{ margin:60px auto 100px; }
.news-pages h2{ text-align:center; font-size:20px; font-weight:bold;}
.news-pages .met{ margin:20px 0px; text-align:center;}


.contact-content{ width:50%; float:right;}
.contact_form input[type="text"], .contact_form input[type="email"]{width:100%;border-radius:0;line-height:22px;font-size:14px; padding:14px 17px 14px;outline:none;color:#FFF;border:none;border-bottom:3px solid #efbe0c;margin:0 0 20px;background:#212121;}
.contact_form input[type="submit"]{padding:13px 30px;border:2px solid #efbe0c;font-size:16px;color:#fff;background:#212121;text-decoration:none;outline:none;margin-top:12px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;cursor:pointer;}
.contact_form input[type="submit"]:hover{color:#efbe0c;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.contact_form textarea{width:100%;border-radius:0;line-height:22px;font-size:14px;padding:14px 17px 14px;outline:none;border:none;border-bottom:3px solid #efbe0c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:none;color:#FFF;height:190px;background:#212121;}
#contact form{width:80%;margin:0 auto;text-align:center;}
.contact-content input[type="text"], .contact-content textarea{padding:8px;width:100%;margin:2% 0% 0 0;outline:none;color:#354A81;background:rgba(176, 232, 227, 1);font-size:14px;border: none;cursor:pointer;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.contact-content .submit{background:rgba(176, 232, 227, 1); margin-top:5px; color:#354A81; width:100px; text-align:center; line-height:40px; float:right;}
.contact-content .submit input{background:none; border:none; color:#354A81; font-size:14px;}

.feedback-main .feedback-tit h2{font-size: 30px;  text-align: center;   line-height: 30px;   font-weight: bold;}
.feedback-main .feedback-tit p{margin: 0 auto;   padding: 30px 0px 30px 0px;   text-align: center;   font-size: 18px;}

.feedback-main{ margin:60px 0px 0px 0px;}
.feedback-main .feedback-form table{ margin:0px auto; width:100%}
.feedback-main .feedback-form td.text{padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight: normal;}
.feedback-main .feedback-form td.input{ padding:6px 0px;}
.feedback-main .feedback-form td.input input{ width:100%; padding:10px;  margin-bottom:20px; border:1px solid #ccc;box-sizing: border-box; }
.feedback-main .feedback-form textarea{width:100%; padding:10px;box-sizing: border-box;}
.feedback-main .feedback-form .submit{background: #ff7f00 !important;   padding: 10px 28px;   width: 180px;  font-weight: bold;   text-transform: uppercase;   color: #fff;font-size: 13px;   letter-spacing: 1px;   display: flex;   justify-content: center;   margin: 30px auto 0px; border:0;}

.feedback-main .feedback-form td.inputs{ padding:10px 10px; margin-bottom:20px; display:flex; border:1px solid #ccc;}
.feedback-main .feedback-form td.inputs span{margin-right:10px;}
.feedback-main .feedback-form td.inputs input{margin-right:5px;}

.feedback-text-box{margin:60px 0px;}
.feedback-text-box p{ line-height:30px; font-size:16px;}



.knowledge_li { margin:auto; width:1000px;}
.knowledge_li li{ float:left; width:300px; height:300px; position:relative; margin:16px;}
.knowledge_li li img{ width:300px; height:300px; object-fit:cover;}
.knowledge_li li h3{position: absolute;color:#fff;bottom: 20px; padding:0px 10px; font-size:18px;}
.knowledge_li li .k_bg{height: 100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; padding:10px;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: inline-block; background-color: rgba(0,0,0,0.35);}

/*基础CSS*/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:auto; height:auto; overflow:hidden; float:left; }
.side_content .side_list {overflow:hidden; width: auto;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:36px;margin-top:20%}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;text-align:right;}
.side_center img{ width: 80%;}
.close_btn { float:right; display:block;height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { color:#ff0000; font-weight:bold;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}


/*能源管理系统页面*/

.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:3rem;line-height:5rem}
.ems_con .emstext{font-size:1.25rem; 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_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;}


.khal_left{ width:58%; float:left; text-align:left; padding-top:30px;}
.khal_left_title{ font-size:16px; font-weight:bold; line-height:35px;}
.khal_left_con p{ font-size:15px; color:#333; font-weight:normal; padding-top:10px;}
.khal_right{ float:right; text-align:right; width:40%;}
.khal_right img{ max-height:300px;}
.khal_left img{max-height:300px;}



.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{
		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;
	}
	.banner{
		background: #fff;
		width: 100%;
		height: 600px;
		font-size: 40px;
		line-height: 600px;
		text-align: center;
		margin-bottom: 30px;
	}

/*充电桩*/

.pro_seven{ background:#fff;overflow:hidden; padding-bottom:100px; padding-top:50px; }
.pro_seven .content{width: 1000px; margin:auto;}
.pro_seven .showpro_box01 h2{font-size:54px; text-align:center; line-height:normal;}
.pro_seven .showpro_box01 span{font-size:40px; text-align:center; display:block; font-weight:lighter;line-height:normal;}
.pro_seven .showpro_box01 p{font-size:26px; text-align:center; line-height:normal;}
.pro_seven .showpro_box02 a.more{
height: 46px;
line-height: 46px;
padding: 0px 30px;
display: inline-block;
margin-top: 20px;
cursor: pointer;
-webkit-transition: all .3s ease-in-out 0s;
font-size: 33px;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
background-color:
rgba(238, 177, 136, 1);
color:
#fff;}
.pro_seven .showpro_box02 em{ font-size:26px; display:block;}

.pro_seven .showpro_box03 dt{ float:left; width:50%; }
.pro_seven .showpro_box03 dt h3{font-size:30px;color:#0D5EBA;}
.pro_seven .showpro_box03 dt span{font-size:17px; color:#0D5EBA; margin-bottom:10px; display:block;}
.pro_seven .showpro_box03 dt p{font-size:14px; margin-bottom:50px;}
.pro_seven .showpro_box03 dd{ float:right; width:50%; }

.pro_seven .showpro_box04 dl{ clear: both; margin-top:50px; overflow:hidden;}
.pro_seven .showpro_box04 dt{ float:left; width:50%; }
.pro_seven .showpro_box04 dt h3{font-size:17px;color:#0D5EBA; font-weight:bold; margin-bottom:30px;}
.pro_seven .showpro_box04 dt p{font-size:14px; line-height:normal; }
.pro_seven .showpro_box04 dd{ float:right; width:50%; }

.pro_seven .showpro_box05 a.more{ margin:auto; width:135px; margin-bottom:30px;
height: 46px;
line-height: 46px;
padding: 0px 30px;
display: block;
margin-top: 20px;
cursor: pointer;
-webkit-transition: all .3s ease-in-out 0s;
font-size: 33px;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
background-color:
rgba(238, 177, 136, 1);
color:
#fff;}
.pro_seven .showpro_box05 img{ width:100%;}
.swiper-more{width:60%;padding-bottom:20px;}


/*充电桩结束*/


























@media screen and (max-width: 1440px) {
.company_box01 .box_left { width: 40%; padding-left: 5%; padding-right: 5%;}
.company_box01 .box_left span{font-size: 50px;}
.company_box01 .box_right {  width: 60%;padding-left: 5%; padding-right: 5%;}
.company_box02 .box_content{width: 90%;}
.company_box03 .box_content { width: 90%;}	
}



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

body{ min-width:100%;overflow-x: hidden;}
.side_center img{width:40%}
.scrollsidebar{ right:0px; top:100px;}
.side_content{width:auto}
.side_content .side_list{width:auto}
.product-pages{padding:0px;}


html {  font: calc(100vw/7.5);}
.wrap,.container {   width: 100%;  margin: 0 auto;} 
header .nav-outer.fixed-top{ position:absolute;}
header.fixed-top .header-upper{ width:100%;}   
.main-header .header-top{ line-height:42px; height:42px; padding:0px 20px;}
.main-header .header-upper{ display:block; width:100%; }    
.main-header .header-upper .logo-box{justify-content: space-between; align-items: center; height:60px;padding:0px 2px;  margin: 0;   text-align: inherit; display: flex;
}
.main-header .header-upper .logo-box .logo{width: 90%;}
.main-header .header-upper .logo-box .logo h1{ font-size:0;display: flex;justify-content: space-between;align-items: center;}
.main-header .header-upper .logo-box .logo img{ height:40px;}
.top_phone { margin-right: 30px;}
.online{ display: none !important;}
.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: #3991c1;}  
.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);
}

.index-box02 video{ height: 100vh;width: 100%; object-fit: cover;}



.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%;}
	
	
	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: 96%; 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:30px;
		-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);
	}	

	.index-box01 .tit img{width:100%}
	.index-box01 ul li .text{width:90%}
	

.main-header .nav-outer{ display:block;position: absolute; opacity:0; padding: 0px 20px; box-sizing: border-box;  z-index: 999;   background: #fff;   width: 100%;   height: 100vh;transition: all 0.5s;
transform: translateX(100%);}
.main-header .nav-outer.menu-show{ transform: translateX(0%);opacity:1; }
.main-menu .navigation{ display:block; margin-left:0px; text-align:left; height: auto;    box-shadow: 0 0 rgba(0,0,0,.075)!important;}
.main-menu .navigation>li{ justify-content:left; height:auto; display:block; position:relative; margin:20px 0px;}
.main-menu .navigation>li>a{ text-align:left;display:-webkit-inline-box;    justify-content: space-between;   height: 30px;   align-items: center;}
.main-menu .navigation li .nav_ul{ position:inherit; height:0; top:0 !important; width:100%;}
.main-menu .navigation li.active .nav_ul{ height:auto !important; }
.main-menu .navigation li.lists:after {   content: "+"; font-weight: bold;  color: #008282; line-height: 30px; position:absolute; right:0; top:0; }
.main-menu .navigation li.active:after {   content: "-"; font-weight: bold;   color: #008282;  line-height: 30px; position:absolute; right:0; top:0; }
.index-banner img{ height:400px; width:100%; object-fit:cover;}
.position-absolute{top:20%;}
.position-absolute h2{ font-size:24px;font-weight:bold;margin-bottom:20px;}
.position-absolute ul {-webkit-column-count:1;-moz-column-count: 1;column-count: 1;}
.position-absolute ul li{ font-size: 16px;padding-left:30px;}

.index_project .index_title {   margin-bottom: 60px;   padding: 0px 20px;   box-sizing: border-box;}
.index_project .index_title h2{ font-size:26px; font-weight:bold;}
.index_project .index_title p{ font-size:16px; line-height:30px;}
.index_project .menu{ width:100%;}
.index_project .menu li img{ width:50%;}
.index_project .menu li h3{ font-size:16px;}

.index_project .pkright img{ height:500px; object-fit:cover;}
.index_project .pkleft { top: 20px; left: 20px; padding: 20px 20px;width: calc(100% - 40px);}
.index_project .pkleft h4{ font-size:22px;}
.index_project dd p{ font-size:14px;}



.index-about{padding:60px 0px; background:#3991c1;}
.section_description p{ line-height:30px;}

.container_small{ width:calc(100% - 40px); margin:0px 20px;}
.why_grid{ flex-wrap:wrap; justify-content:space-between;}
.why_grid li{ width:100px; height:100px; margin:0px 0px;}
.why_grid li soan{ font-size:18px;}
.why_grid li b{ font-size:24px;}
.why_grid li p{font-size:14px;}

.index_box06 .container{ width:calc(100% - 40px); margin:0px 20px;}


.index-box04{ margin:60px 0px 0px 0px;}
.index-box04 .index-title { margin-bottom: 30px;   padding: 0px 20px;   box-sizing: border-box;}
.index-box04 .index-title h2{ font-size:26px;}
.index-box04 .partner-box{ width:100%; }
.index-box04 ul li{ }
.index-box04 ul img{ width:100%;}
.index_box06 .tit h3 a{ font-size: 30px;}


.index_box05 ul{ margin:0px 0px;}
.index_box06 li .video{ height:300px;}
.index_box05 ul li{width:calc(50% - 10px); margin:5px 5px;}
.index_box05 ul li .img{ height:200px;}

.fk-box{ }
.fk-box-m{}
.index_box08{width:calc(100% - 40px); margin:0px 20px;}
.index_box08 ul{ width:100%;}
.index_box08 ul li{ display:block;}

.index_box08 ul li .text{ height:300px; width:100%; padding:0px;}
.index_box08 ul li .img{ width:calc(100% - 0px);}
.index_box08 ul li .img img{ width:100%;}

.fk-box-m .swiper-pagination{bottom: 25px!important;}
.fk-box-m .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; background: #eee;}
.fk-box-m .swiper-pagination .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); border-radius: 100%; height: 18px; width: 18px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.fk-box-m .swiper-pagination .swiper-pagination-bullet-active{ background: #ffbd05; }

.index_box07 .container{ width:calc(100% - 40px); margin:0px 20px;}
.index_box07 .tit h3{ font-size:30px; margin-bottom:20px}
.contact-left{ width:100%;}
.contact-left p{ font-size:16px;}
.copyright { font-size:16px;}

.case-pages{ padding:30px 0px 100px 0px;}
.case-pages .case-list{ margin:0px 5px; display:flex; flex-wrap:wrap;}
.case-pages .case-list li{ width:calc(50% - 10px); margin:5px 5px; float:left;}
.case-pages .case-list li .card-img{ height:200px; overflow:hidden;}
.case-pages .case-list li .card-img img{width:100%; height:200px; object-fit:cover;transform: scale(1.0);transition: 0.65s;}
.case-pages .case-list li h3{ text-align:center; }
.case-pages .case-list li:hover img{transform: scale(1.1);}

.case-pages h2{ text-align:center; font-size:20px; font-weight:bold;}
.case-pages .met{ margin:20px 0px; text-align:center;}
.case-pages .content{ padding:0px 20px;}
.case-pages .content img{ width:100% !important; height:auto !important;}

.video_box .container{ width:100%;}
.video_box span{ font-size:30px; font-weight:bold;}
.video_box em{ font-size:20px; font-weight:bold;}
.video_box ul{ margin:0px 0px;}
.video_box ul li{ width:calc(50% - 20px);}

.company_box01 .box_left{ width:100%;height:auto;padding:50px 10px;}
.company_box01 .box_left img{ float: left; width:160px; margin-bottom:30px;}
.company_box01 .box_left h3{ clear:both;}
.company_box01 .box_left span{ font-size:50px;}
.company_box01 .box_right{ width:100%; height:auto; padding:60px 20px 0px 20px;}
.company_box01 .box_right li span{ font-size:24px;}
.company_box01 .box_right li p{ font-size:14px;}

.company_box02{ margin-top:0px;}
.company_box02 .box_content{ width:90%; margin:0px 5%; display: block;}
.company_box02 .box_content .img {  width: 100%;}
.company_box02 .box_content .text { width: 100%; margin-top:20px;padding: 0px 0px;}

.company_box03 .box_content{ width:90%; margin:0px 5%;}

.company_box03 .box_content .hn-row { display: block;}
.company_box03 .box_content .hn-row .left-honor {  width: 100%;}
.company_box03 .box_content .left-honor img{ width:100%;}
.company_box03 .box_content .hn-row .right-news { width: 100%; display: block; clear: both;}
.company_box03 .box_content .hn-row .right-news .text-n { width: calc(100% - 0px); padding-right: 0px;}


.company_box03 .box_content a.more{ margin-left:0px; margin-top:10px;}
.company_box03 .box_content .text{display: block;}
.company_box03 .box_content .text li{ width:calc(100%/1 - 40px); }

.company_box04 h3{ width: calc(100% - 20px);}
.company_box04 dt{ width:100%; height:auto;padding:40px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.company_box04 dd{ width:100%;}
.company_box04 dd img{ width:100%; height:auto;}
.company_box04 ul li{ width:33.3333%; height:33.333vw;}

.feedback .w1000{ width:calc(100% - 40px); margin:0px 20px;}

.feedback .w-left{ float:none; width:100%;}
.feedback .w-left img{max-width: 100%;}
.feedback .w-right{  float:none; width:100%;   box-sizing: border-box;}
.feedback .w1200 img{max-width: 100%;}

.solution-pages {    padding: 20px 0px 60px 0px !important;}
.solution-pages .solution-list{ margin:0px 0px}
.solution-pages .solution-list li{width:calc(100% - 40px);margin: 20px 20px;}
.solution-pages .solution-list li h3 { margin-top:10px;}

.slide-pages{padding:20px 0px;}
.lb-box .s_ban .ban_text{ width:auto; text-align:left;top:40px;}
.lb-box img{ height:300px;}
.lb-box .s_ban .ban_text span{ font-size:20px; display:block;}

.case_sort {   margin: 30px auto;}
.case_sort ul{ justify-content:space-between;}
.case_sort ul li {   width: calc(33.33% - 12px);    margin: 0px 5px 10px 5px;}
#imglist{width:100%;}
#imglist li{ width:50%;}
.dec_box {    margin: 60px 20px;    width: calc(100% - 40px);}
.dec_box img{ width:100% !important; height:auto !important;}

.index_box03 .tit h3{ font-size:24px !important;}
.index_box03 .tit h2{ font-size:24px !important;}
.about_other dl{margin-right:0px !important;}

.module-recyling_box .con_box01{ margin: 0px 20px;    width: calc(100% - 40px);}
.module-recyling_box .con_box01 img{ width:100%;}

.module-recyling_box .con_box02{ margin: 0px 20px;    width: calc(100% - 40px);}
.module-recyling_box .con_box02 img{ width:100%;}
.module-recyling_box .con_box02 dt{ width:100%;}
.module-recyling_box .con_box02 dd{ width:100%;}

.product-pages .product-list li {   width: calc(50% - 20px);   margin: 10px 10px;   float: left;}
.product-pages .product-list li .card-img{ border:1px solid #eee; height:200px;}
.product-pages .product-list li .card-img img{ height:200px; width:100%; object-fit:contain;}
.product-pages .product-list li h3{ font-size:16px; margin-top:0px;}

.pro_three_mid{margin: 0px 20px;    width: calc(100% - 40px);}
.pro_three .showpro_box03 dl dt{width:100%;}
.pro_three .showpro_box03 dl dd{width:100%;}


.pro_four_con01{width:100%;}
.pro_four_con01 .four_list li{ width: calc(100% - 20px);}
.pro_four_con01 .four_list li .list_img img{width:100%;}
.pro_four_con02 .pro_four_con02_box{width: calc(100% - 40px); margin:0px 20px;}
.pro_four_con02 .s-text{width:100%;}
.pro_four_con02 .s-text ul{ display:flex; justify-content:space-between;}
.pro_four_con02 .s-img{width: calc(100% - 0px);}
.pro_four_con02 .imgsss img{ max-width:100%;}

.mt-tabpage{ width:calc(100% - 40px);}
.mt-tabpage-title{ width:100%; flex-wrap:wrap; height:auto;}
.mt-tabpage-title .mt-tabpage-item{ width:50%;}
.mt-tabpage-count{ width: calc(100% - 40px); margin:0px 20px;}
.mt-tabpage-count li.mt-tabpage-item{ width:100%;}
.mt-tabpage-count li.mt-tabpage-item .left{ width:100%;}
.mt-tabpage-count li.mt-tabpage-item .right{width: calc(100% - 0px); margin:30px 0px 0px 0px;}


.pro_four_con03 .pro_four_con03_box{width: calc(100% - 40px); margin:0px 20px;}
.pro_four_con03 .ss-text{width:100%;}
.pro_four_con03 .ss-text ul{ display:flex; justify-content:space-between;}
.pro_four_con03 .ss-img{width: calc(100% - 0px);}
.pro_four_con03 .imgsss img{ max-width:100%;}

.banner_list{ width:100%;}
.banner_list li img{ width:100%;}

.media{width: calc(100% - 40px); margin:0px 20px;}
.media-sp img{ width:100%;}
.media-sp iframe{ height:300px !important;}
.widget-title{ font-size:30px; line-height:normal;}
.textwidget{ font-size:20px; margin-bottom:10px;}

.media-three{width: calc(100% - 40px); margin:20px 20px;}
#newslist1{ margin:0px -5px;}
#newslist1 li {    width: calc(50% - 30px); margin:5px 5px;}

.news-pages{ margin: 60px 20px 100px !important; width: calc(100% - 40px);}
.newslist_box{ width:100%;}
.newslist_box li { width: calc(100% - 0px);   padding: 20px 20px; margin: 15px 0px;}
.newslist_box li h4{ font-size:16px;}
.newslist_box .news_img img{ height:200px;}
.newslist_box li .more {font-size: 14px; height: 30px; line-height: 30px;  width: 120px; }
.news-pages .content img{max-width:100%;}
.page-links{ display:block; padding:0px 20px;}
.page-links .prev-link, .page-links .next-link{ width:100%; line-height:30px;}

.honor-pages {  padding: 60px 20px 100px 20px;}
.honor-pages .honor-list li{width:calc(50% - 20px);}
.honor-pages .honor-list li .card-img{ height:250px;}
.honor-pages .honor-list li .card-img img{ height:250px;}

.knowledge{ margin:20px 0px;}
.knowledge_li { width:100%;}
.knowledge_li li{width: calc(50% - 20px);    height: calc(50vw - 20px); margin:5px 10px;}
.knowledge_li li img{ width:100%; height:100%;}

.feedback-main{ padding:0px 20px;}
.feedback-text-box{ padding:0px 20px;}

/*在线留言*/

.contact_lxwm{ width:100%;}
.exp-container{padding:10px;}
.exp__label{ font-size:14px;} 
.exp{ width:100%;}
.top_phone i{ height:30px; width:30px; line-height:30px; margin-right:2px;}







/*能源管理系统页面*/
.ems_con{ width: 90%; margin: 0 auto;;}
.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: 1.2rem; 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%;}





/*充电桩*/
.pro_seven .content{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:0px 10px 100px 10px;}

.pro_seven .showpro_box01 h2{font-size:30px;}
.pro_seven .showpro_box01 span{font-size:20px;}
.pro_seven .showpro_box01 img{width:100%;}
.pro_seven .showpro_box02 img{width:100%;}
.pro_seven .showpro_box03 dt{width:100%;}
.pro_seven .showpro_box03 dd{width:100%;}
.pro_seven .showpro_box03 dd img{width:100%;}
.pro_seven .showpro_box04 dt{width:100%;}
.pro_seven .showpro_box04 dd{width:100%;}
.pro_seven .showpro_box04 dd img{width:100%;}
.pro_seven .showpro_box05 dt{width:100%;}
.pro_seven .showpro_box05 dd{width:100%;}
.pro_seven .showpro_box05 dd img{width:100%;}
.pro_seven .showpro_box06 dt{width:100%;}
.pro_seven .showpro_box06 dd{width:100%;}
.pro_seven .showpro_box06 dd img{width:100%;}



}