/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/templates/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
html{height:100%} 
body {
  padding-top:84px;
}
body{
  height:100%;
  min-height:35rem;
  position:relative;
  font-family: 'MS UI Gothic';
  font-weight:400; 
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6{
  font-family:'MS UI Gothic';
  font-weight:700;
}

.tails-down{
  flex-direction: column;
  display: none;
}	
@media (min-width: 992px){
.tails-down{
  flex-direction: row;
  display:flex;
}	
}

.tails-down .navbar-nav{
  flex-direction: row;
}

.tails-down-HD{
  display:flex;
}
.tails-down-HD a{
  padding:0.2rem;
}	
@media (min-width: 992px){
.tails-down-HD{
  display:none;
}	
}
/*2020-11-25 lhl  end*/

.carousel-item {
  height: 35vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  overflow:hidden; 
  z-index:1;
}
ul{
  width: 100%;
  padding: 0;
  margin: 0;
}
li{ 
  list-style-type:none;
  line-height: 1.5em;
}

/*border*/
.BD-left{
  border-left: solid 1px #306ccb;
}

.BD-right{
  border-right: solid 1px #306ccb;
}

/*a*/
/*tails*/
.tails-up{
  flex-direction:row-reverse;
}
.tails-up i{
  font-size: 1.3em;
}

.tails-up a { color: #005eb8; text-decoration: none} 
.tails-up a:link { color: #005eb8; text-decoration: none} 
.tails-up a:visited { color: #235cb5; text-decoration: none} 
.tails-up a:hover { color: #235cb5; text-decoration: none} 
.tails-up a:active { color: #235cb5; text-decoration: none}

.tails-down a { color: #333; text-decoration: none} 
.tails-down a:link { color: #333; text-decoration: none} 
.tails-down a:visited { color: #333; text-decoration: none} 
.tails-down a:hover { color: #333; text-decoration: none} 
.tails-down a:active { color: #333; text-decoration: none}

.tails-down-HD a { color: #60c6e6; text-decoration: none} 
.tails-down-HD a:link { color: #60c6e6; text-decoration: none} 
.tails-down-HD a:visited { color: #60c6e6; text-decoration: none} 
.tails-down-HD a:hover { color: #60c6e6; text-decoration: none} 
.tails-down-HD a:active { color: #60c6e6; text-decoration: none}

footer a { color: rgba(255,255,255,.65); text-decoration: none} 
footer a:link { color: rgba(255,255,255,.65); text-decoration: none} 
footer a:visited { color: rgba(255,255,255,1); text-decoration: none} 
footer a:hover { color: rgba(255,255,255,1); text-decoration: none} 
footer a:active { color: rgba(255,255,255,1); text-decoration: none}


/*text-color*/
.text-green{color:#68cd95}
.text-blue{color:#60c6e6}
.text-red{color:#ec484e}
.text-pink{ color:#ec9e87}
.text-purple{color:#9491d5}
.text-orange{color:#fcc36c}
.text-yellow{color:#f9c656}
.text-juice{color:#f99b50}
.text-sea{color:#005eb8}

/*BG-color*/
.bg-green{background:#68cd95}
.bg-blue{background:#60c6e6}
.bg-yellow{background: #f9c656}
.bg-sea{background: #005eb8}
.bg-white-85{background: rgba(255,255,255,.85)}
.bg-white-75{background: rgba(255,255,255,.75)}
.bg-active{background: #306ccb}


.overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#cd9557;opacity:.7;z-index:0}
.masthead{position:relative;top:0;overflow:hidden;z-index:3}
.masthead .masthead-bg{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;min-height:20rem;height:100%;background-color:rgba(0,46,102,.8);transform:skewY(4deg);transform-origin:bottom right}
.masthead .masthead-content h1{font-size:2.5rem}
.masthead .masthead-content p{font-size:1.2rem}
.masthead .masthead-content p strong{font-weight:700}
.masthead .masthead-content .input-group-newsletter input{height:auto;font-size:1rem;padding:1rem}
.masthead .masthead-content .input-group-newsletter button{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:1rem}
@media (min-width:768px){
.masthead{height:100%;min-height:0;width:19.5rem;padding-bottom:0}
.masthead .masthead-bg{min-height:0;transform:skewX(-8deg);transform-origin:top right}
.masthead .masthead-content{padding-left:3rem;padding-right:10rem}
.masthead .masthead-content h1{font-size:}
.masthead .masthead-content p{font-size:}}
.social-icons{position:absolute;top:3.5rem;margin-bottom:2rem;width:100%;z-index:2}
.social-icons ul{margin-top:3rem;width:100%;text-align:center}
.social-icons ul>li{margin-left:1rem;margin-right:1rem;display:inline-block}
.social-icons ul>li>a{display:block;color:#fff;background-color:rgba(0,123,255,.8);border-radius:100%;font-size:2rem;line-height:4rem;height:4rem;width:4rem}
@media (min-width:768px){
.social-icons{margin:0;position:absolute;top:13rem;right:2.5rem;bottom:2rem;width:auto}
.social-icons ul{margin-top:0;width:auto}
.social-icons ul>li{display:block;margin-left:0;margin-right:0;margin-bottom:2rem}
.social-icons ul>li:last-child{margin-bottom:0}.social-icons ul>li>a{transition:all .2s ease-in-out;font-size:2rem;line-height:4rem;height:4rem;width:4rem}
.social-icons ul>li>a:hover{background-color:#002e66}}
.btn-secondary{background-color:#cd9557;border-color:#cd9557}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#ba7c37!important;border-color:#ba7c37!important}
.input{font-weight:300!important}


.btn-xl{padding:1.25rem 2.5rem}
.content-section{padding-top:5rem;padding-bottom:5rem}
.content-section-heading h2{font-size:4rem;font-family:Arial;}
.content-section-heading h3{font-size:1rem;text-transform:uppercase}

.text-faded{color:rgba(255,255,255,.7)}
.map{height:30rem}@media (max-width:992px){.map{height:75%}}
.map iframe{pointer-events:none}
.scroll-to-top{position:fixed;right:15px;bottom:15px;display:none;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:45px}
.scroll-to-top:focus,.scroll-to-top:hover{color:#fff}.scroll-to-top:hover{background:#343a40}
.scroll-to-top i{font-weight:800}
.masthead{min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.masthead h1{font-size:4rem;margin:0;padding:0}
@media (min-width:992px){.masthead{height:100vh}.masthead h1{font-size:5.5rem}}#sidebar-wrapper{position:fixed;z-index:2;right:0;width:250px;height:100%;transition:all .4s ease 0s;transform:translateX(250px);background:#1d809f;border-left:1px solid rgba(255,255,255,.1)}
.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none}
.sidebar-nav li.sidebar-nav-item a{display:block;text-decoration:none;color:#fff;padding:15px}
.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.2)}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav>.sidebar-brand{font-size:1.2rem;background:rgba(52,58,64,.1);height:80px;line-height:50px;padding-top:15px;padding-bottom:15px;padding-left:15px}
.sidebar-nav>.sidebar-brand a{color:#fff}
.sidebar-nav>.sidebar-brand a:hover{color:#fff;background:0 0}
#sidebar-wrapper.active{right:250px;width:250px;transition:all .4s ease 0s}
.menu-toggle{position:fixed;right:15px;top:15px;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:50px;z-index:999}
.menu-toggle:focus,.menu-toggle:hover{color:#fff}
.menu-toggle:hover{background:#343a40}
.service-icon{background-color:#fff;color:#60c6e6;height:10rem;width:10rem;display:block;line-height:9rem;font-size:4rem;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}
.portfolio-item{display:block;position:relative;overflow:hidden;max-width:530px;margin:auto auto 1rem}
.portfolio-item .caption{display:flex;height:100%;width:100%;background-color:rgba(33,37,41,.2);position:absolute;top:0;bottom:0;z-index:1}
.portfolio-item .caption .caption-content{color:#fff;margin:auto 2rem 2rem}
.portfolio-item .caption .caption-content h2{font-size:.8rem;text-transform:uppercase}
.portfolio-item .caption .caption-content p{font-weight:300;font-size:1.2rem}
@media (min-width:992px){.portfolio-item{max-width:none;margin:0}
.portfolio-item .caption{transition:background-color .7s,-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out,background-color .7s;transition:clip-path .25s ease-out,background-color .7s,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(0);clip-path:inset(0)}
.portfolio-item .caption .caption-content{transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem}
.portfolio-item img{transition:-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out;transition:clip-path .25s ease-out,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}
.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}
.portfolio-item:hover .caption{background-color:rgba(29,128,159,.9);-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}}.map iframe{height:100%;width:100%;border:0}
footer.footer{padding-top:5rem;padding-bottom:5rem}
footer.footer .social-link{display:block;height:4rem;width:4rem;line-height:4.3rem;font-size:1.5rem;background-color:#1d809f;transition:background-color .15s ease-in-out;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}
footer.footer .social-link:hover{background-color:#155d74;text-decoration:none}
a{color:#1d809f}
a:active,a:focus,a:hover{color:#155d74}
.btn-primary{background-color:#1d809f!important;border-color:#1d809f!important;color:#fff!important}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#155d74!important;border-color:#155d74!important}
.btn-secondary{background-color:#ecb807!important;border-color:#ecb807!important;color:#fff!important}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#ba9106!important;border-color:#ba9106!important}
.btn-dark{color:#fff!important}.btn{box-shadow:0 3px 3px 0 rgba(0,0,0,.1);font-weight:700}
.bg-primary{background-color:#60c6e6!important}
.text-primary{color:#1d809f!important}
.text-secondary{color:#ecb807!important}
.EMS{padding:5rem 0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-EMS.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.EMS h2{font-family:Arial;font-size:4.5rem;font-weight:700;display:block;max-width:30rem}
.smartOM{padding:0 0 5rem 0;}
.smartOM h2{font-family:Arial;font-size:4.5rem;font-weight:700;display:block;background:#f9c656;padding:1.5rem}
.case{padding:5rem 0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%);background-position:center center;background-repeat:no-repeat;background-size:cover}  /*url(../img/bg-case.jpg)*/
.case h2{font-size:2.5rem;font-weight:700;display:block;}
.product{padding:0 0 5rem 0;}
.product h2{font-size:4.5rem;font-weight:700;display:block;background:#f9c656;padding:1.5rem}

/*panel*/
.panel {
  border-radius: 5px;
  border: 0;
  -webkit-box-shadow: 0 0px 2px 0 rgba(233, 236, 239, 1), 0 0px 2px 0 rgba(233, 236, 239, 1);
          box-shadow: 0 0px 2px 0 rgba(233, 236, 239, 1), 0 0px 2px 0 rgba(233, 236, 239, 1);
}
.panel > .panel-heading,
.panel.panel-info > .panel-heading {
  background-color: #60c6e6;
}
[class*="panel-"] > .panel-heading {
  color: rgba(255,255,255, 0.84);
  border: 0;
}
.panel-default > .panel-heading,
.panel:not([class*="panel-"]) > .panel-heading {
  color: rgba(0,0,0, 0.87);
}
.panel-footer {
  background-color: #eeeeee;
}

/*btn*/
.btn-primary{color:#fff;background-color:#005eb8!important;border-color:#005eb8 !important}
.btn-primary:hover{color:#fff;background-color:#306ccb!important;border-color:#235cb5!important}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#306ccb!important;border-color:#235cb5!important;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#005eb8!important;border-color:#005eb8!important}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#306ccb!important;border-color:#235cb5!important}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}

/*frame*/
.frame-primary{
  color:#fff;
  background:#005eb8!important;
  border-radius:5px;
  padding:1.25rem 2.5rem;
  -webkit-box-shadow: 0 0px 8px 0 rgba(233, 236, 239, 1), 0 0px 10px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0px 8px 0 rgba(233, 236, 239, 1), 0 0px 10px 0 rgba(0, 0, 0, .1);


}
.frame-white{
  color:#333;
  font-weight:700;
  background:#fff!important;
  border-radius:5px;
  padding:1.25rem 2.5rem;
  -webkit-box-shadow: 0 0px 2px 0 rgba(233, 236, 239, 1), 0 0px 10px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0px 2px 0 rgba(233, 236, 239, 1), 0 0px 10px 0 rgba(0, 0, 0, .1);

}
.frame-gray{
  color:#333;
  font-weight:700;
  background:#fbfbfb!important;
  border-radius:3px;
  padding:1rem;
  -webkit-box-shadow: 0 0px 1px 0 rgba(233, 236, 239, 1), 0 0px 2px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0px 1px 0 rgba(233, 236, 239, 1), 0 0px 2px 0 rgba(0, 0, 0, .1);
}


/*navbar*/
.navbar li{
  padding: 0 0.4em 0 0.4em;
}
.MENU li{
  width: 20%;
  text-align: center;
  padding: 0 !important;
}

/*nav*/
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}

/*nav-tabs-2*/
.nav-tabs-2 > li {
  font-size: 1rem;
  margin:0!important;
  background: #e9ecef;
}
.nav-tabs-2 > li > a {
  color: #333;
  font-size: 1rem;
  padding: 1rem 0.5rem;
}
.nav-tabs-2 > li > a:hover {
  background: #eff1f4;
  text-decoration: none;
}
.nav-tabs-2 > li.active > a,  
.nav-tabs-2 > li.active > a:hover,
.nav-tabs-2 > li.active > a:focus {
  color: #60c6e6;	
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  cursor: default;
}
.nav-tabs-2.nav-justified-2 {
  width: 100%;
}
.nav-tabs-2.nav-justified-2 > li {
  float: none;
}
.nav-tabs-2.nav-justified-2 > li > a {
  text-align: center;
}
.nav-tabs-2.nav-justified-2 > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs-2.nav-justified-2 > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs-2.nav-justified-2 > li > a {
   font-size: 1rem;
   font-weight: 400;
   text-decoration: none;
  }
}
.nav-tabs-2.nav-justified-2 > li > a {
  font-size: 1rem;
  font-weight: 400;
}
.nav-tabs-2.nav-justified-2 > .active > a,
.nav-tabs-2.nav-justified-2 > .active > a:hover,
.nav-tabs-2.nav-justified-2 > .active > a:focus {
  color: #fff;
  font-weight: 700;
  background: #60c6e6;
  text-decoration: none;
}
@media (min-width: 768px) {
  .nav-tabs-2.nav-justified-2 > li > a {
  }
  .nav-tabs-2.nav-justified-2 > .active > a,
  .nav-tabs-2.nav-justified-2 > .active > a:hover,
  .nav-tabs-2.nav-justified-2 > .active > a:focus {
   text-decoration: none;
  }
}

.sign{
  padding:0 0 1.2rem 0;
}
@media (min-width: 768px) {
.sign{
  padding:10rem 0;	
}
}

/*news*/
.news{
  height:35vh;
  min-height:300px;
  padding:0;
  background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-news.jpg) no-repeat bottom;
  background-size:cover;
  float:left;
}


/*top button*/
#return-top{
  width:60px;
  height:60px;
  position:fixed;
  right:30px;
  bottom:30px;
  border: 5px solid #fff;
  border-radius:50px;
  background:#005eb8;
  -webkit-box-shadow: 0 0px 3px 0 rgba(233, 236, 239, 1), 0 0px 2px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0px 3px 0 rgba(233, 236, 239, 1), 0 0px 2px 0 rgba(0, 0, 0, .1);
  z-index:100;
}
#return-top i{
  color:#fff;
  display: inline-block;
  position: relative;
  left: 15px;
  top: 1px;
}
.blue-circle{
  color:#fff;
  font-weight:700;
  text-align:center;
  font-size:0.5rem;
  margin-top: -6px;
}
#return-top:hover i{
  top:-4px;
}

/*2020-12-10*/
table td{
  display:table-cell; 
  vertical-align:middle;
  padding:0.4rem;
}

table thead{
  font-weight: 700;
  background: #58b3dd;
}

/*.table-bordered{border:1px solid #fff!important}
.table-bordered td,.table-bordered th{border:1px solid #fff!important}
*/

.bg-blue-0{
  color: #7f9db9;
  background: #f7fafd;
}

/*2020-12-14*/
.download_item h4{
  font-family: YuGothic;
}

.download_item p{
  color: rgba(0,0,0,.68);
}

/*2020-12-22*/
.solution .card-text{
 padding: 2rem;
 border-radius: 2rem 0 2rem 0;
 color: rgba(0,0,0,.75);
 }
 
 .solution-style-grey{
 background: #f7f7f7;
 border: solid 0.5rem rgba(0,0,0,.01);
 }
 
 .solution-style-blue{
 color: rgba(22,66,132,.75) !important;
 background: #f3f9fc;
 border: solid 0.5rem #eff6fa;
 }
 
 .solution-style-purple{
 color: rgba(84,26,107,.75) !important;
 background: #f9f2fa;
 border: solid 0.5rem #f6edf8;
 }


/*list-group-item*/ 
.list-group-item{
  padding-left:0.875rem!important;
  padding-right:0.875rem!important;
 }

.list-group-item.active{
  color:rgba(255,255,255,1)!important;
  background-color:#58b3dd;
  border-color:#58b3dd;
  font-weight:700;
 }
  
.list-group-item a {fonte-size:1.125rem;text-decoration:none}
.list-group-item a:link {color:rgba(0,0,0,.55); text-decoration: none} 
.list-group-item a:visited {color:rgba(0,0,0,.55);; text-decoration: none} 
.list-group-item a:hover {color:rgba(0,0,0,.85);; text-decoration: none} 

/*2021-7-9*/ 
    .folder-list .line-bottom{
		border-bottom: 1px solid #efefef;
	}
	
	.folder-list .card-header{
		font-weight: bolder;
	}
	
	.folder-list li{
		text-indent: 1.25rem;
		padding: 0.5rem 0;
	}
	
	.folder-list a{
	    color:rgba(0,0,0,.55);
	}
	
	.folder-list a:hover{
	    color:rgba(0,0,0,.75);
	}
	
	.myTab a{
		display: block;
	}
	 
	.on,.on a{
        color:rgba(255,255,255,.95) !important;
		font-weight: bolder;
        background-color:rgba(88,179,211,1);
		text-decoration: none !important;
    } 
	
	.on a:hover{
	    color:rgba(255,255,255,.95) !important;
		text-decoration: none !important;
	}
	 
	a,a:hover,a:link,a:active,a:visited{
		text-decoration: none !important;
	}
	
	
/*2021-8-2*/ 
	.bg-yellow{
	background:rgba(249,198,86,1);
    }
	


/*2021-11-24*/
.product-standard .card-header{
	font-size: 58px;
}

.product-standard h4{
	font-size: 28px;
	font-weight: 100;
	color: #60c6e6 !important;
}

.product-standard p small,{
	color: #898989 !important;
}

.product-standard h5 {
	font-weight: 100;
	color:  #60c6e6 !important;
}

.margin-center{
	margin-left: auto!important;
	margin-right: auto!important;
}

.m-t--5{
	margin-top:-5px
}

.Circle-Style-1 {
	text-align: center;
	border-radius: 50%;
	width: 140px;
	height: 140px;
	padding: 1.265rem 0.3125rem 0 0.3125rem;
	border: 3px solid #60c6e6;
}

.Circle-Style-1 .number-big{
	font-size: 2.265rem;
	color: #60c6e6;
}

.Circle-Style-1 .number-small{
	font-size: 0.625rem;
	font-weight: bold;
	color: #000;
}

.Circle-Style-1 hr{
	margin: 0 0 0.375rem 0 !important;
}

.Circle-Style-2 {
	text-align: center;
	border-radius: 50%;
	width: 124px;
	height: 124px;
	padding:0.875rem 0.3125rem 0 0.3125rem;
	border: 3px solid #60c6e6;
}

.Circle-Style-2 .number-big{
	font-size: 2rem;
	color: #60c6e6;
}

.Circle-Style-2 .number-small{
	font-size: 0.625rem;
	font-weight: bold;
	color: #000;
}

.Circle-Style-2 hr{
	margin: 0 0 0.375rem 0 !important;
}

.Circle-Style-1 .kWh::after{
	content: "kWh";
	font-size: .875rem;
	font-weight: bold;
	color: rgba(0,0,0,.35);
	margin-left: 2px;
}

.Circle-Style-1 .kW::after{
	content: "kW";
	font-size: 0.875rem;
	font-weight: bold;
	color: rgba(0,0,0,.35);
	margin-left: 2px;
}

.Circle-Style-2 .kWh::after{
	content: "kWh";
	font-size: 0.825rem;
	font-weight: bold;
	color: rgba(0,0,0,.35);
	margin-left: 0.025rem;
}

.Circle-Style-2 .kW::after{
	content: "kW";
	font-size: 0.825rem;
	font-weight: bold;
	color: rgba(0,0,0,.35);
	margin-left: 0.025rem;
}

.Circle-number-style{
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 0.3125rem;
	background-color: #60c6e6;
	position: absolute;
	z-index: 9;
}

.Circle-title hr{
	border: 1px solid #60c6e6;
	margin: 1.5625rem 0 0.3125rem 0.625rem !important;
}


.modal-dialog .Purple .modal-header {
	background: rgba(170,120,163,.55);
	color: #ffffff
}
.modal-dialog .Green .modal-header {
	background: rgba(102,176,134,.55);
	color: #ffffff
}
.modal-dialog .Blue .modal-header {
	background: rgba(31,150,213,.55);
	color: #ffffff
}

.modal-dialog .close {
	text-shadow: none;
	color: #ececec
}

.modal-dialog .modal-content {
	background: rgba(255,255,255,.88)
}

.modal-dialog .modal-content .modal-header,
.modal-dialog .modal-content .modal-footer {
	border-color: #ececec
}

.modal-dialog .modal-content .modal-footer {
	background-color: rgba(255,255,255,.25)
}

.modal-dialog .close:hover,
.modal-dialog .close:focus {
	background: transparent;
	outline: none
}

.modal-dialog .btn {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 300
}
.modal-dialog .btn:hover {
	-moz-box-shadow: 0 3px 7px 0 #cdd3d9;
	-webkit-box-shadow: 0 3px 7px 0 #cdd3d9;
	box-shadow: 0 3px 7px 0 #cdd3d9
}

.btn.btn-round {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.btn.btn-purple,
.btn.btn-green,
.btn.btn-blue{
	border: 0;
	line-height: 1.6;
	color: rgba(255,255,255,.35)
}

.btn.btn-purple {
	background-color: rgba(170,120,163,1);
	border-color: #aa78a3
}
.btn.btn-green {
	background-color: rgba(102,176,134,1);
	border-color: #66b086
}
.btn.btn-blue {
	background-color: rgba(31,150,213,1);
	border-color: #1f96d5
}

.btn.btn-purple:hover,
.btn.btn-green:hover,
.btn.btn-blue:hover{
	color:  rgba(255,255,255,.85)!important
}

/*table*/
.modal-dialog .table {
	color: #626569;
	background: rgba(255,255,255,1);
}

.modal-dialog .table-sm tr td,
.modal-dialog .table-sm tr th{
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.modal-dialog .table .thead-purple th {
	background-color: #aa78a3;
	border-color: #aa78a3
}

.modal-dialog .table .thead-blue th {
	background-color: #1f96d5;
	border-color: #1f96d5
}

.modal-dialog .table .thead-green th {
	font-size: 16px;
	background-color: #66b086;
	border-color: #66b086
}

.modal-dialog .table thead th {
	font-weight: 700;
	border-width: 1px
}

.modal-dialog .table tr td,
.modal-dialog .table tr th {
	vertical-align: middle;
	white-space: nowrap;
	border-color: #ececec;
	font-size: 14px
}

.modal-dialog .table.table-hover tbody tr:hover {
	color: #626569
}


.modal-dialog .Pics{
	background: #fff;
	border: 1px solid #ececec;
	padding: 10px
}

.modal-dialog .Dawn{
	color: #ff9d67;
	background: rgba(254,242,0,.35);
	border: 5px solid rgba(255,204,103,.55);
	border-radius: 20px;
	padding: 20px 20px 0 20px
}

.modal-dialog .Dark{
	color: #7d7db3;
	background: rgba(166,166,202,.35);
	border: 5px solid rgba(138,138,189,.35);
	border-radius: 20px;
	padding: 20px 20px 0 20px
}

.modal-dialog h6::before{
	font-family: "FontAwesome";
	content: "\f10c";
	margin-right: 5px;
}


/*2021-12-27 服务体系板块更新*/
.bg-service{
	width: car(100%+20px);
	background: url('../img/pic-service-0.svg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	padding: 20px 0 40px 0;
}

.bg-service .son-frame h4 {
	font-size: 15px;
}

.bg-service .son-frame p {
	font-size: 12px;
	margin-bottom: 8px !important;
}

.bg-service .son-frame p::before {
	font-family: "MS Mincho";
	content: "▪";
	margin-right: 0.1875rem;
}

.Step1 h4,
.Step1 p::before {
	color: #2899b8;
}

.Step2 h4,
.Step2 p::before {
	color: #834c2b;
}

.Step3 h4,
.Step3 p::before {
	color: #5c9245;
}

.Step4 h4,
.Step4 p::before {
	color: #c8572e;
}



.bg-service .col-lg-3{
	padding: 22px 8px 0 3px;
}

.bg-service .step-frame{
	line-height: 150px;
	width: 100%;
	height: 140px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
	opacity: .75;
}
.step-1{
	background: url('../img/pic-service-1-1.svg') no-repeat center center;
}
.step-2{
	background: url('../img/pic-service-2-1.svg') no-repeat center center;
}
.step-3{
	background: url('../img/pic-service-3-1.svg') no-repeat center center;
}
.step-4{
	background: url('../img/pic-service-4-1.svg') no-repeat center center;
}

.son-frame{
	width: 100%;
	height: 660px;
	margin-top: 30px;
	padding: 30px 10px;
	border-radius: 30px;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	background: linear-gradient(135deg, #efefef, #fff);
	box-shadow: 3px 3px 4px 0 #b2bbc5;
	opacity: 1;	
}

.son-frame table td{
	padding: 1.5px 2.5px;
	font-size: 12px !important;
	border-color: #dae6d5 !important;
}

.son-frame table thead th{
	padding: 2px;
	font-size: 12px !important;
	background-color: #dae6d5 !important;
	border-color: #dae6d5 !important;
}

.round{
	border-radius: 10px;
}