* {
	margin: 0;
	padding: 0;
	/*list-style: none;*/
}

html{
	font-size: 20px;
}

@media (min-width: 768px) {
html{
	font-size: 10px;
}

 .col-sm-1-5 {
    width: 20%;
    float: left;
  }
  .col-sm-1-10 {
    width: 10%;
    float: left;
  }
  .col-md-1-10 {
    width: 10%;
    float: left;
  }
  .col-sm-1-20 {
    width: 5%;
    float: left;
  }
  .col-sm-1-2 {
    width: 50%;
    float: left;
  }
  .col-sm-1-2_2 {
    width: 45%;
    float: left;
  }
}

@media (min-width: 992px) {
html{
	font-size: 15px;
}
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
  .col-sm-1-10 {
    width: 10%;
    float: left;
  }
  .col-md-1-10 {
    width: 10%;
    float: left;
  }
  .col-sm-1-20 {
    width: 5%;
    float: left;
  }
  .col-sm-1-2 {
    width: 50%;
    float: left;
  }
  .col-sm-1-2_2 {
    width: 45%;
    float: left;
  }
}
@media (min-width: 1200px) {
	html{
		font-size: 30px;
	}
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
	.col-sm-1-10 {
		width: 10%;
		float: left;
	}
	.col-md-1-10 {
		width: 10%;
		float: left;
	}
	.col-sm-1-20 {
		width: 5%;
		float: left;
	}
	.col-sm-1-2 {
		width: 50%;
		float: left;
	}
	.col-sm-1-2_2 {
		width: 45%;
		float: left;
	}
}

@media (min-width: 1600px) {
	html{
		font-size: 40px;
	}
  .col-lg-1-5 {
  width: 20%;
    float: left;
  }
  .col-sm-1-10 {
    width: 10%;
    float: left;
  }
  .col-md-1-10 {
    width: 10%;
    float: left;
  }
  .col-sm-1-20 {
    width: 5%;
    float: left;
  }
  .col-sm-1-2 {
    width: 50%;
    float: left;
  }
  .col-sm-1-2_2 {
    width: 45%;
    float: left;
  }
}

.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {
	min-height: 1px;
	position: relative;
  }
  
  .col-xs-1-5 {
	width: 20%;
	float: left;
  }
  
  .col-xs-1-10,.col-sm-1-10,.col-md-1-10,.col-lg-1-10 {
	  min-height: 1px;
	  position: relative;
	}
	
	.col-xs-1-10 {
	  width: 10%;
	  float: left;
	}
	
	.col-xs-1-20,.col-sm-1-20,.col-md-1-20,.col-lg-1-20{
	  min-height: 1px;
	  position: relative;
	}
	
	.col-xs-1-20{
	  width: 5%;
	  float: left;
	}
	
	.col-xs-1-2,.col-sm-1-2,.col-md-1-2,.col-lg-1-2{
	  min-height: 1px;
	  position: relative;
	}
	
	.col-xs-1-2{
	  width: 50%;
	  float: left;
	}
	
	.col-xs-1-2_2,.col-sm-1-2_2,.col-md-1-2_2,.col-lg-1-2_2{
	  min-height: 1px;
	  position: relative;
	}
	
	.col-xs-1-2_2{
	   width: 45%;
	  float: left;
	}

.font_title {
	font-size: 0.75rem;
	font-family: Microsoft YaHei;
	font-weight: lighter;
	align-items: center;
	color: #333333;
}

.font_english_title {
	font-size: 24px;
	font-family:Microsoft YaHei;
	align-items: center;
	color: #333333;
}


/*
 * 头部
 */

.header {
	background-color: #182945;
	text-align: right;
	width: 100%;
	height: 20px;
	z-index: 2;
}

.header_font {
	font-size: 12px;
	font-family: Microsoft YaHei;
	line-height: 20px;
	color: #fefefe;
	/* padding-right: 90px; */
}


/*
 *语言切换
 */

ul,
li {
	/*list-style: none;*/
}

a {
	text-decoration: none;
}

.language {
	right: 0px;
	position: absolute;
	z-index: 3;
}

.language ul li {
	float: right;
	text-decoration: none;
}

.language ul li a {
	width: 90px;
	height: 20px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
}

.language ul li ul {
	position: absolute;
	display: none;
}

.language ul li ul li {
	float: none;
}

.language ul li ul li a {
	background: #333333;
}

.language ul li ul li a:hover {
	color: #b4d565;
}

.language ul li:hover ul {
	display: block;
}

.margin{
	width: 62.5%;
	margin: 0 18.75%
}

@media only screen and (max-width: 767px) {
	.main-nav {
		position: fixed;
		left: 0;
		max-width: 250px;
		margin: 0;
		background: #1C1D21;
	}
}

/*
 * 导航栏1
 */

#tf-menu {
	background-color: transparent;
	height: 1.4rem;
	border: none;
	z-index: 2;
	border-radius: 0;
	margin-bottom: 0px;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
}

.menu_link{
	color: #333333!important;
}

.fixed-nav {
	position: fixed;
	left: 0;
	right: 0;
	padding: 0px 0px;
	background-color: #FFF !important;
	border-bottom: 1px solid #EAEAEA!important;
}

.navbar-brand img {
	width: auto;
}

.navbar-brand {
	padding-right: 80px;
	padding-top: 5px;
	height: 70px;
}

.navbar-nav {
}

.nav_font_color {
	color: #FFFFFF;
}

.navbar-nav > li > a {
	font-family:Microsoft YaHei;
	text-align: center;
	width: 130px;
	font-size: 16px;
	margin: 0px 1px;
	text-transform: uppercase;
}

/*鼠标点击后效果*/
.navbar-default .navbar-nav > li > a.active {
	color: #B3D465!important;
}

/*鼠标移上去效果*/
.navbar-nav > li > a:hover {
	color: #B3D465!important;
}

.navbar-default .navbar-nav > li >a:after{
	display: block;
	width: 0%;
	position: absolute;
	top: 100%;
	height: 2px;
	background-color: #B3D465;
	content: '';
	-webkit-transition: 0.2s width;
	transition: 0.2s width;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.main-nav>li>a:hover:after,
.main-nav>li>a.active:after{
	width: 50%;
	margin-left: 12%;
}

.navbar-default .navbar-nav > li > a.not_focus:focus::after,
.navbar-default .navbar-nav > li > a.not_hover:hover::after{
	height: inherit;
	background-color: #b4d565;
	opacity: 0;

}
.dropdown-menu>li>a {
    padding: 8px 20px;
}

/*
 * 导航栏2
 */

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #b4d565;
}

.nav-pills>li>a {
	border-radius: 0px;
}

.nav1 {
	list-style: none;
}

.nav1>li>a {
	position: relative;
	font-family: Microsoft YaHei;
	display: block;
	padding: 0.45rem 0.25rem;
	font-size: 0.6rem;
	color: #333333;
	text-decoration: none;
	background-color: #F2F5F7;
}

.nav1>li>a:hover {
	background-color: #b4d565;
	color: #FEFEFE;
}

.navigation_bar {
	margin: 0 5% 0;
	z-index: 0;
}

.navigation_bgcolor {
	background-color: #F2F5F7;
}


/*
 * 导航栏3
 */

.nav2>li>a {
	position: relative;
	display: block;
	font-family: Microsoft YaHei;
	padding: 25px 15px;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #F2F5F7;
}

.nav2>li>a:hover {
	background-color: #b4d565;
	color: #FEFEFE;
}


/*
 * 轮播
 */

.carousel_img_style{
	vertical-align:middle; 
	width:1.5rem;
	height: 1.5rem;
}
.carousel_img_style1{
	vertical-align:middle;
	width:0.5rem;
}

.carousel-control.right {
	/*text-align: right;*/
	background: none;
	width: 0.9rem;
	height: 1.1rem;
	margin-top: 4rem;
	margin-right: 1rem;
}

.carousel-control.left {
	/*text-align: left;*/
	background: none;
	width: 0.9rem;
	height: 1.1rem;
	margin-top: 4rem;
	margin-left: 1rem;
}

.carousel-control.right img{
   margin-top: 0;
    }
.carousel-control.left img{
   margin-top: 0;
	}

.nav_picture {
	width: 100%;
	position: relative;
	/*top: -70px;*/
}

.nav_picture img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
}

.nav_font_big {
	width: 100%;
	font-size: 0.8rem;
	font-family: Microsoft YaHei;
	color: #232323;
	text-align: center;
	padding-top: 1.2rem;
	margin-bottom: 1rem;
}

.nav_font_small {
	width: 62.5%;
	margin: 0 18.75%;
	font-size: 0.6rem;
	font-family: Microsoft YaHei;
	color: #333333;
	line-height: 1rem;
	text-align: left;
}

.navbar .nav > li .dropdown-menu {
	margin: 0;
}
.navbar .nav > li:hover .dropdown-menu {
	display: block;
}

/*
 * 业务范围
 */

.business-scope-title {
	margin-top: 1.4rem;
	margin-bottom: 1.2rem;
	font-size: 0.8rem;
	color: #333333;
	font-family: Microsoft YaHei;
	text-align: center;
}

.business-scope-box a:hover .img1{
	display: none
}

.business-scope-box a:hover .img2{
	display: block;
	cursor: pointer; 
	transform: translateY(-5px); 
	transition: all 0.35s;
	border-radius:2px;
	box-shadow:1px 0px 6px rgba(216,216,216,0.75);
}

.img1{
	display: block;
}

.img2 {
	display: none;
}

.business-scope-box img{
	width: 100%;
}

/*
 * 解决方案
 */
 
.row{
	margin-left: 0px;
	margin-right: 0px;
}

.solution {
	margin-top: 1rem;
	width: 100%;
}

  .solution-item {
	  text-align: center;
	  cursor: pointer;
  }
  
  .solution-item div {
	  width: 3rem;
	  height: 3rem;
	  background-size: contain;
	  margin: auto;
  }
  
  .solution-item p {
	font-family: Microsoft YaHei;
	font-size: 0.45rem;
	color: #999;
	text-align: center;
	padding: 0.625rem 0rem;
  }
  
  .solution-item.active p {
	color: #b3d465;
  }
  
  #solution-item-1 div{
	  background-image: url('../img/icon-1-n.png')
  }
  
  #solution-item-1.active div{
	  background-image: url('../img/icon-1-s.png')
  }
  
  #solution-item-2 div{
	  background-image: url('../img/icon-2-n.png')
  }
  
  #solution-item-2.active div{
	  background-image: url('../img/icon-2-s.png')
  }
  
  #solution-item-3 div{
	  background-image: url('../img/icon-3-n.png')
  }
  
  #solution-item-3.active div{
	  background-image: url('../img/icon-3-s.png')
  }
  
  #solution-item-4 div{
	  background-image: url('../img/icon-4-n.png')
  }
  
  #solution-item-4.active div{
	  background-image: url('../img/icon-4-s.png')
  }
  
  #solution-item-5 div{
	  background-image: url('../img/icon-5-n.png')
  }
  
  #solution-item-5.active div{
	  background-image: url('../img/icon-5-s.png')
  }
  
  #solution-item-more div {
	  background-image: url('../img/icon-more.png')
  }

.solution-item_div{
	/*background-color: #ececec;*/
	background-size: 100% 100%;
	opacity:0.5;
	font-family:Microsoft YaHei;
	border-radius:10px;
	padding: 0.5rem;
	margin-top: -0.5rem;
}

.solution-item_div h2{
	text-align: left;
	color: #333333;
	font-size: 0.6rem;
}

.solution-item_div p{
	text-align: left;
	color: #666666;
	font-size: 0.45rem;
}

  .solution-item-switch{
	color: #666;
	font-size: 0.6rem;
	font-family: Microsoft YaHei;
}

.solution_index_font{
	font-family: Microsoft YaHei;
	font-size: 16px;
	color: #999;
	text-align: center;
	padding: 25px 0px;
}

.solution_spacing {
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;
	font-family: Microsoft YaHei;
	font-size: 0.8rem;
}

.solution_more_spacing {
	margin-top: 50px;
}

.solution_row_spacing {
	margin-top: 60px;
	margin-bottom: 80px;
}

.solution_more_font {
	font-family:Microsoft YaHei;
	font-size: 26px;
	color: #000000;
}

.solution_more_font:hover .img01 {
	display: none
}

.solution_more_font:hover .img02 {
	display: block;
}


.item_spacing {
	padding-top: 38px;
	padding-bottom: 20px;
	text-align: center;
}


a{
text-decoration:none;
}

a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}

.grid {
	overflow: hidden;
	margin: 0;
	width: 324px;
	height: 364px;
	list-style: none;
	
}

.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 100%;
	height: 100%;
	background: #3085a3;
	cursor: pointer;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 10%, rgba(72,76,97,0.6) 100%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 10%, rgba(72,76,97,0.6) 100%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.item3 a .img01 {
	display: block;
	width: 36px;
	height: 36px;
}

.item3 a .img02 {
	display: none;
	width: 36px;
	height: 36px;
	}

.item3 a:hover .img01 {
	display: none
}

.item3 a:hover .img02 {
	display: block;
}

hr{
	height:3px;
	border:none;
	border-top:3px 
	dashed #dcdcdc; 
	margin-top: 0px;
}

.distributed_cloud_service_spacing{
	margin-top: 20px; 
	margin-bottom: 80px;
}
.intelligent_cloud_service_spacing{
	margin-bottom: 80px;
}
/*
 * 解决方案展示
 */

.item a {
	display: block;
	width: 124px;
	height: 44px
}

.item a .img01 {
	display: block;
	width: 124px;
	height: 44px
}

.item a .img02 {
	display: none;
	width: 124px;
	height: 44px
}

.item a:hover .img01 {
	display: none
}

.item a:hover .img02 {
	display: block;
}

.solutions_presentation_topspacing {
	margin-top: 90px;
}

.solutions_presentation_top_left {
	width: 100%;
	height: 190px;
	margin-left: 2%;
	margin-right: 23px;
	
}

.solutions_presentation_top_right {
	width: 90%;
	height: 190px;
	margin-left: 23px;
	
}

.solutions_presentation_liftpicture {
	height: 300px;
	margin-right: 23px;
}

.solutions_presentation_rightpicture {
	width: 100%;
	height: 600px;
}

.solutions_presentation_leftfont {
	width: 100%;
	height: 600px;
	margin-left: 40px;
}

.solutions_presentation_rightfont {
	width: 100%;
	height: 600px;
	margin-right: 40px;
}

.solutions_presentation_top_right img {
	width: 100%;
	height: 100%;
}

.solutions_presentation_font_max {
	font-family: Microsoft YaHei;
	font-size: 30px;
	color: #000000;
	margin-top: 10px;
}

.solutions_presentation_font_small {
	font-family: Microsoft YaHei;
	font-size: 20px;
	color: #666666;
	padding-top: 25px;
	padding-bottom: 20px;
}

.solutions_presentation_top_font {
	font-family: Microsoft YaHei;
	font-size: 26px;
	font-weight: lighter;
	padding-top: 30px;
	color: #000000;
}

.item3 a {
	display: block;
	width: 36px;
	height: 36px;
}

.technology-capability-box {
	background:#FAFAFA;
	margin-top: 1.2rem;
}

.technology-capability-title {
	padding-top: 1.2rem;
	padding-bottom: 0.4rem;
	font-size: 0.8rem;
	color: #333333;
	font-family: Microsoft YaHei;
	text-align: center;
}

.technology-capability-picture img{
	width: 66.66%;
	text-align: center;
	padding-bottom: 2rem;
}



/*
 * 案例
 */

.case_title{
	font-family:Microsoft YaHei;
	color:rgba(51,51,51,1);
	font-size: 0.75rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
}

.case_img_left{
	text-align: right;
	padding-top: 4.5rem;
}

.case_img_right{
	text-align: left;
	padding-top: 4.5rem;
}

.case_img_style{
	position:relative;
	height:1.035rem;
}

.case_img_style_font{
	position:absolute;
	z-index:2;
	left:0;
	top:7rem;
}

.case_img_big_font{
	font-family: Microsoft YaHei;
	font-size: 0.9rem;
	color: #333;
	text-align: center;
}


.case_img_small_font{
	font-family: Microsoft YaHei;
	font-size: 0.45rem;
	color: #333;
	text-align: center;
	padding: 0.125rem 3.75rem;
}



.bg {
	background-color: #f3f4f8;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.case_picture img {
	width: 100%;
}

.case_more_spacing {
	padding-top: 60px;
	padding-bottom: 40px;
}

.case_font_max {
	font-family: Microsoft YaHei;
	font-size: 24px;
	margin-top: 30px;
	color: #333333;
	text-align: center;
}

.case_font_small {
	font-family: Microsoft YaHei;
	font-size: 18px;
	color: #333333;
	text-align: center;
}

.case_carousel{
	font-size: 0.6rem;
	color: #333;
	font-family: Microsoft YaHei;
	padding-bottom: 15px;
	text-shadow: none;
}

/*
 * 联系我们
 */

.contact {
	width: 62.5%;
	margin-left: 18.75%;
}

.contact_title{
	font-family: Microsoft YaHei;
	color: rgba(51,51,51,1);
	font-size: 0.75rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
}

.form {
	margin-bottom: 1.5rem;
}

.bigbox {
	border: 1px solid #698B22;
	height: 44px;
	margin-top: 5px;
}

.smallbox {
	border-left: 1px solid #698B22;
	height: 34px;
	float: left;
	margin-top: 5px;
}

.textarea_style{
	background:#FAFAFA;
	margin-top: 5px;
	height: 5.45rem!important;
	resize:none;
	border-radius:0px; 
	font-family: Microsoft YaHei;
	font-size: 14px;
}

.img_style{
	width:36px;
	height:36px;
	float: left; 
	margin-top: 5px;
}

.feedback-form {
	margin-bottom: 1rem;
	font-family: Microsoft YaHei;
  }

.feedback-form_input{
	background:#FAFAFA;
}

  .feedback-form .input-group {
	  background:rgba(250,250,250,1);
	  margin-top: 5px;
  }
  
  .feedback-form .input-group-addon {
	  border-radius: 0;
	  border-right: none;
	  background-color: #FAFAFA;
  }
  
  .feedback-form input {
	  border-radius: 0;
	  border-left: none;
  }
  
  .feedback-form .fa:before {
	  color: #ccc;
	  font-size: 1.4em;
  }

.mybutton{
	margin-top: 15px;  
	width:100%;
	height:36px;
	background:rgba(203,203,203,1);
	border-radius:1px;
	font-size: 20px;
	border: none; 
	text-align: center;
	color: #FFFFFF;
  }
.mybutton:hover{
	/*background-color: #9cbd4f;*/
}

input {
	height: 34px;
	border: 0px;
	outline: medium;
	font-size: 18px;
	padding-left: 10px;
}



/*
 * 底部
 */

.footer {
	width: 100%;
}

.footer img {
	width: 100%;
	height: 100%;
}

.footer_title_font {
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
	font-family: Microsoft YaHei;
}

.footer_title_font a{
	font-family: Microsoft YaHei;
	font-size: 0.4rem;
	color: #FFFFFF;
}

.footer_title_font a:hover {
	color: #b4d565;
	text-decoration: none;
}

.button a {
	color: #FFFFFF;
	font-family:Microsoft YaHei;
	font-weight: lighter;
	font-size: 0.3rem;
	display: block;
	margin-top: 0.25rem;
	text-decoration: none;
}

.button a:hover {
	color: #b4d565;
	text-decoration: none;
}

.box {
	margin-top: 1.2rem;
	color: #FFFFFF;
	font-family: Microsoft YaHei;
	font-size: 12px;
	text-align: left;
}

.box ul {
	list-style: none;
}

.top_arrow {
	position: fixed;
	width: 60px;
	height: 60px;
	z-index: 100;
}

#go_top {
	position: fixed;
	right: 1%;
	bottom: 80px;
}

.top_arrow_spacing{
	margin-top: 10px;
}

.tooltip-arrow {
	display: none!important;
}

.tooltip-inner {
	background-color: transparent!important;
}

.tooltip-options title {
	background-color: #FFFFFF;
}

.footer_bottom_font {
	font-family: Microsoft YaHei;
	font-size: 12px;
	color: #FFFFFF;
}

.footer_bottom {
	width: 100%;
	height: 11px;
	background-color: #666666;
}

.item1 a {
	display: block;
	width: 1.35rem;
	height: 1.35rem;
}

.item1 a .img01 {
	display: block;
	width: 1.35rem;
	height: 1.35rem;
}

.item1 a .img02 {
	display: none;
	width: 1.35rem;
	height: 1.35rem;
	}

.item1 a:hover .img01 {
	display: none
}

.item1 a:hover .img02 {
	display: block;
}


/*
 * 加入我们
 */

ol{list-style-type:none;counter-reset:sectioncounter;}  
ol li:before {  
    content:counter(sectioncounter) "、";   
    counter-increment:sectioncounter;  
 } 

.recruit_outside {
	background-color: #f3f4f8;
}

.recruit_center {
	background-color: #FFFFFF;
	margin: 0px 12.5%;
}

.recruit_inside {
	margin: 0px 10%;
	font-family: Microsoft YaHei;
}

.recruitment_information {
	font-size: 0.9rem;
	padding: 1rem 0;
	font-family: Microsoft YaHei;

}

.recruit_box {
	border-bottom: 0.125rem solid #B4D565;
}

.recruit_big_box {
	margin-top: 0.6rem;
	margin-bottom: 1.75rem;
}

.recruit_medium_box {
	margin-bottom: 0.45rem;
}

.recruit_small_box {
	margin-bottom: 0.75rem;
	margin-left: 0.75rem;
}

.recruit_big_title_font {
	font-size: 0.75rem;
	font-family: Microsoft YaHei;
	color: #333333;
}

.recruit_medium_title_font {
	font-size: 0.5rem;
	font-family:Microsoft YaHei;
	color: #333333;
}

.recruit_small_title_font ol {
	font-size: 0.35rem;
	font-family: Microsoft YaHei;
	color: #333333;
}

.recruit_bigright_title_font {
	font-size: 0.45rem;
	font-family: Microsoft YaHei;
	color: #333333;
}

.mailbox {
	padding-bottom: 80px;
}


/*
 * 解决方案
 */
.solution_center {
	margin: 0 18.75%;
}

.solution_center_picture {
	width: 75%;
	margin: 0 12.5% 150px;
	position: relative;
}

.solution_center_picture img {
	width: 100%;
	position: relative;
}

.solution_big_title_font {
	font-family: Microsoft YaHei;
	font-size: 0.8rem;
	color: #333333;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.solution_font {
	font-family: Microsoft YaHei;
	color: #333333;
	font-size: 0.55rem;
}

.intelligent_energy_box {
	margin: 1.75rem 18.75% 0.75rem;
}

.intelligent_energy {
	padding-bottom: 0.75rem;
}

.intelligent_energy_big_title_font {
	font-family: Microsoft YaHei;
	font-size: 0.75rem;
	text-align: center;
	color: #333333;

}

.intelligent_energy_picture img {
	margin: 0.5rem 0rem;
	width: 100%;
}


/*
 * 关于我们
 */

.about_font {
	font-size: 0.6rem;
	font-family: Microsoft YaHei;
	text-align: left;
	color: #333333;
	margin: 2rem 10% 1.25rem;
}

.about_center_box {
	background-color: #f3f4f8;
	width: 62.5%;
	margin: 0 18.75%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.about_center_leftpicture img {
	width: 100%;
}

.about_center_rightpicture img {
	width: 100%;
}

.about_center_centerpicture img {
	width: 100%;
	margin-top: 0.5rem;
}

.about_center_bottompicture img {
	margin: 0 10%;
	width: 80%;
	margin-bottom: 1rem;
}

.about_center_title {
	font-family: Microsoft YaHei;
	margin-bottom: 2rem;
	font-size: 0.75rem;
	color: #333333;
    text-align: center;
}

p.about_center_bigfont {
	font-family: Microsoft YaHei;
	font-size: 0.75rem;
	color: #333333;
	margin: 3rem 0 0.4rem;
	text-align: left;
	padding-left: 2rem;
	
}

p.about_center_smallfont {
	font-family: Microsoft YaHei;
	font-size: 0.5rem;
	color: #000000;
	padding: 0 2rem;
	line-height: 0.8rem;
	text-align: left;
}

p.about_center_big_font {
	font-family: Microsoft YaHei;
	font-size: 0.75rem;
	color: #333333;
	margin: 2rem 0 0.8rem;
}

p.about_center_small_font {
	font-family: Microsoft YaHei;
	font-size: 0.5rem;
	color: #000000;
}

.value{
	background-image: url('../img/product_positioning_background.png');
	font-family: Microsoft YaHei;
	font-size: 0.45rem;
	width: 100%;
}

.value_font_big{
	font-family: Microsoft YaHei;
	font-size: 0.6rem;
	color: #333333;
	text-align: left;
	margin-bottom: 0.75rem;
	padding: 0 0.25rem 0;
}

.value_font_small{
	font-family: Microsoft YaHei;
	font-size: 0.45rem;
	color: #333333;
	text-align: left;
	margin-bottom: 2rem;
	padding: 0 0.25rem 0;
}

.value_style{
	font-family: Microsoft YaHei;
	font-size: 1.5rem;
	color: #CACFD5;
	text-align: center;
	padding-top: 1.35rem;
}


/*
 * 产品与平台
 */
.e2title{
	font-size: 0.75rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	padding: 0.8rem 0rem;
	text-align: center;
}

.arrow{
	font-size:24px;
	font-family: Microsoft YaHei;
	color:rgba(254,254,254,1);
	line-height:36px;
	text-align: center;
	padding-top: 20px;
	padding-right: 10px;
}

.e2cloud-item {
	text-align: center;
	cursor: pointer;
}

.e2cloud-item div {
  width: 1.425rem;
	height: 1.5rem;
	background-size: contain;
	margin: auto;
}

.e2cloud-item p {
  font-family: Microsoft YaHei;
  font-size: 0.4rem !important;
  color: #999;
  text-align: center;
  padding: 0.625rem 0px;
}

.e2cloud-item.active p {
  color: #b3d465;
}

#e2cloud-item-1 div{
	background-image: url('../img/product_overview.png')
}

#e2cloud-item-1.active div{
	background-image: url('../img/product_overview_active.png')
}

#e2cloud-item-2 div{
	background-image: url('../img/product_architecture.png')
}

#e2cloud-item-2.active div{
	background-image: url('../img/product_architecture_active.png')
}

#e2cloud-item-3 div{
	background-image: url('../img/product_features.png')
}

#e2cloud-item-3.active div{
	background-image: url('../img/product_features_active.png')
}

#e2cloud-item-4 div{
	background-image: url('../img/typical_function.png')
}

#e2cloud-item-4.active div{
	background-image: url('../img/typical_function_active.png')
}

#e2cloud-item-5 div{
	background-image: url('../img/product_value.png')
}

#e2cloud-item-5.active div{
	background-image: url('../img/product_value_active.png')
}

#e2cloud-item-6 div{
	background-image: url('../img/product_demonstrations.png')
}

#e2cloud-item-6.active div{
	background-image: url('../img/product_demonstrations.png')
}

.e2box-item {
	text-align: center;
	cursor: pointer;
}

.e2box-item div {
  width: 1.325rem;
	height: 1.275rem;
	background-size: contain;
	margin: auto;
}

.e2box-item p {
  font-family: Microsoft YaHei;
  font-size: 0.4rem;
  color: #999;
  text-align: center;
  padding: 0.625rem 0rem;
}

.e2box-item.active p {
  color: #b3d465;
}

#e2box-item-1 div{
	background-image: url('../img/e2box-01-n.png')
}

#e2box-item-1.active div{
	background-image: url('../img/e2box-01-s.png')
}

#e2box-item-2 div{
	background-image: url('../img/e2box-02-n.png')
}

#e2box-item-2.active div{
	background-image: url('../img/e2box-02-s.png')
}

#e2box-item-3 div{
	background-image: url('../img/e2box-03-n.png')
}

#e2box-item-3.active div{
	background-image: url('../img/e2box-03-s.png')
}

#e2box-item-4 div{
	background-image: url('../img/e2box-04-n.png')
}

#e2box-item-4.active div{
	background-image: url('../img/e2box-04-s.png')
}

#e2box-item-5 div{
	background-image: url('../img/e2box-05-n.png')
}

#e2box-item-5.active div{
	background-image: url('../img/e2box-05-s.png')
}

#e2box-item-6 div{
	background-image: url('../img/e2box-06-n.png')
}

#e2box-item-6.active div{
	background-image: url('../img/e2box-06-n.png')
}

.products_value_title{
	font-size:0.75rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	margin: 1.75rem 0rem 0.75rem;
}

.products_selection_title{
	font-size:1rem;
	font-family:Microsoft YaHei;
	color:rgba(51,51,51,1);
	margin: 1rem 0rem 1.5rem;
	text-align: center;
}

.products_selection{
	padding: 0rem 1.25rem;
}

.products_selection_center{
	background:rgba(255,255,255,1);
	border-radius: 0.4rem ;
	box-shadow:0.1rem 0.1rem 0.5rem rgba(140,140,140,0.3);
	height: 7.5rem;
	margin-bottom: 1rem;
}

.products_selection_center_title{
	font-size:0.75rem;
	font-family: Microsoft YaHei;
	color:#333333;
	line-height:0px;
	padding: 1rem 0rem 1.5rem;
	text-align: center;
}

.products_selection_center_font{
	font-size:0.35rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	padding: 0rem 0.5rem;
	text-align: left;
}

.application_scene_style{
	width:100%;
	height:1.175rem; 
	background:rgba(204,225,152,1);
	opacity:0.3;
	margin: 0.5rem 0rem;
}

.application_scene_title{
	font-size:0.8rem;
	font-family:Microsoft YaHei;
	color:rgba(51,51,51,1);
	line-height:0.9rem;
	padding: 0.875rem 0rem 0.8rem;
}

.product_positioning_style_back{
	display: inline-block;
	margin-top: 0.5rem;
	margin-bottom: 0.3rem;
	padding: 1rem 1rem;
	text-align: center;
	width: 4.95rem;
	height: 5.5rem;
	background-color: #FFF;
	margin-right: 0.2rem;
	border: 1px solid #FFF;
}

.product_positioning_style_back p {
	font-size: 0.36rem;
}

.product_positioning_left_box{
	height:7.5rem;
	margin-top: 0.75rem;
}
.product_positioning_right_box{
	height:7.5rem;
	margin-top: 0.75rem;
}

.product_positioning_box_font{
	font-size:0.55rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	margin-top: 0.75rem;
}

.product_positioning_box_font ul{
	color: #B3D465;
	margin-left: 1rem;
}

.product_positioning_box_font ul li p{
	color: #221815;
	font-size: 0.45rem;
}

.product_features_box{
	background-color: #B8D1D3;
	width:100%;
	height:20rem; 
}

.product_features_box_padding{
	padding: 2.5rem 1.25rem 1.25rem;
}

.product_features_small_box_padding{
	padding: 0.2rem;
}

.product_features_box_picture_padding{
	padding: 1.5rem 0rem 0.75rem;
	height:6.5rem; 
	background:rgba(255,255,255,1);
	opacity:0.9;
	border-radius:0.5rem;
}

.product_features_small_box_font{
	font-size:0.75rem;
	font-family:Microsoft YaHei;
	color:rgba(136,169,59,1);
	margin-top: 1.25rem;
}

.product_value_row{
	width: 100%;
}

.product_value_row p{
	font-size: 24px;
	text-align: center;
}

.product_value_row_top{
	margin-top: 3rem;
}

.product_value_padding{
	padding: 2.5rem 1.25rem 1.25rem;
}

.product_value_top{
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.product_value_top p{
	font-family: Microsoft YaHei;
	font-size: 0.5rem;
	color: rgba(51,51,51,1);
	line-height: 30px;
	position: relative;
	top: -5.5rem;
	width: 80%;
}

.product_value_back_img1{
	background-image: url('../img/product_value_004.png');
	height: 10rem;
	width: 7rem;
}

.product_value_back_img2{
	background-image: url('../img/product_value_005.png');
	height: 10rem;
	width: 7rem;
}

.product_value_back_img3{
	background-image: url('../img/product_value_box.png');
	height: 4rem;
	width: 4rem;
	margin: 2rem -1rem 2rem 2rem;
}

.solid_circle {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background-color: #B3D465; // 实心圆点
}

.hollow_circle {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	border: 0.07rem solid #B3D465; // 空心圆点
}

.product_value_border{
	/*display: inline-block;*/
	/*width: 4rem;*/
	/*height: 7rem;*/
	margin: 1rem 0rem;
	/*border: 1px solid #E6E8ED;*/
}

.product_value_border img{
	line-height: 1.5rem;
	margin-top: 0.6rem;
}

.product_value_img1{
	margin-left: 0.1rem;
	position: relative;
	margin-top: -0.5rem;
}
.product_value_img2{
	margin-top: -0.8rem;
}

.product_value_page1{
	margin-top: -0.4rem;
	display: block;
}

.product_value_page2 {
	margin-top: -0.4rem;
	display: none;
}

.page_img:hover .product_value_page1{
	display: none
}

.page_img:hover .product_value_page2{
	display: block;
}

.product_value_box_padding{
	padding: 0rem 0.5rem;
}

.product_value_box_style{
	background:rgba(249,251,242,1);
	border-radius: 0.5rem;
	height:15rem;
}

.product_value_box{
	padding-top:1.75rem;
}

.product_value_box_title{
	margin-top:1rem;
	font-size:1rem !important;
	font-family:Microsoft YaHei;
	color:rgba(51,51,51,1) !important;
}

.product_value_box_font{
	margin-top:4rem;
	font-size:0.6rem !important;
	font-family:Microsoft YaHei;
	color:#88A93B !important;
}

.products_platforms_navigation:active{
	color:rgba(179,212,101,1);
	border-bottom: 2px solid rgba(179,212,101,1);
}

.products_platforms_navigation_font{
	font-size:14px;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	padding: 21px 0px;
}

.products_platforms_navigation_font:hover{
	color:rgba(179,212,101,1);
}

.products_platforms_navigation_font:active{
	color:rgba(179,212,101,1);
	border-bottom: 2px solid rgba(179,212,101,1);
}

.products_summary_picture{
	margin:2.475rem 0rem 1.475rem;
}

.products_summary{
	margin: 1.2rem 10% 3.325rem;
}

.products_summary_box_stytle{
	padding: 0px 0.75rem;
}

.products_summary_box{
	height: 7.6rem; 
	background:rgba(255,255,255,1);
	box-shadow:0.15rem 0.55rem 0.5rem rgba(189,213,225,0.3) 
}

.products_summary_box_title{
	padding-top:2.225rem;
	font-weight: 800;
	font-size:0.65rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	line-height:0rem;
	text-align: center;
}

.products_summary_box_font{
	padding: 1.25rem 0.75rem;
	font-size:0.5rem;
	font-family: Microsoft YaHei;
	color:rgba(102,102,102,1);
	line-height:0.75rem;
}

.products_summary_box_font_small{
	padding: 2.675rem 0.75rem;
	font-size:0.5rem;
	font-family: Microsoft YaHei;
	color:rgba(102,102,102,1);
	line-height:0.75rem;
}

.products_summary_title{
	text-align: center;
	height:0.75rem; 
	font-size:0.75rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	line-height:0rem;
}

.user_object{
	margin: 1rem 17% 1rem;
	width: 66%;
}

.user_object_box_stytle{
	padding: 0rem 0.75rem;
}

.user_object_box_title{
	padding: 0.975rem 0rem 0.875rem;
	font-size:0.65rem;
	font-family: Microsoft YaHei;
	color:rgba(27,27,27,1);
}

.user_object_box_font{
	font-size:0.5rem;
	font-family: Microsoft YaHei;
	color:rgba(102,102,102,1);
	line-height:0.6rem;
	text-align: center;
	width: 66%;
}

.products_summary_style{
	width:100%;
	height:100px; 
	background:rgba(238,238,238,1);
}

.products_summary_statistics{
	width:100%;
	background:rgba(31,44,61,1);
}

.products_summary_statistics_number{
	height:2.5rem; 
	font-size:0.8rem;
	font-family: Microsoft YaHei;
	color:rgba(254,254,254,1);
	line-height:0.625rem;
	border-right: 1px solid #A8A7AA;
	padding-top: 0.875rem;
	padding-right: 1rem;
}

.products_summary_statistics_stytle{	
	padding: 2.175rem 0rem 1.075rem;
}

.products_summary_statistics_number_stytle{	
	padding-top: 0.75rem;
}

.products_summary_statistics_title{
	padding-top: 0.875rem;
	padding-bottom: 1.875rem;
	font-size:0.4rem;
	font-family: Microsoft YaHei;
	color:rgba(255,255,255,1);
	line-height:0.625rem;
}

.products_summary_statistics_font{
	font-size:14px;
	font-family: Microsoft YaHei;
	color:rgba(231,231,231,1);
	line-height:25px;
}

.framework_font{
	padding: 28px 5% 23px;
	font-size:18px;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	line-height:22px;
}

.framework_style{
	margin-top: 314px;
	width:100%;
	height:400px; 
	background:rgba(245,248,250,1);
}

.product_features_title{
	margin: 1.6rem 0rem 1.725rem;
	font-size:0.75rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	text-align: center;
	line-height: 0.75rem;
}

.product_features_performance_title{
	margin: 1rem 0rem 1.1rem;
	font-size:0.75rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	text-align: center;
}

.product_features_performance_bg{
	width:100%;
	height:13.85rem; 
	background:rgba(243,243,243,1);
	text-align: center;
}

.product_features_performance_picture{
	width:60%;
	text-align: center;
}

.product_features_performance{
	padding-left: 12%;
	padding-right: 16%;
}

.product_features_performance_font p{
	font-size:0.45rem;
	font-family: Microsoft YaHei;
	color:rgba(102,102,102,1);
	line-height:0.6rem;
	/*text-align: center;*/
}

.typical_function_title_01{
	font-size:0.75rem;
	font-family: Microsoft YaHei;
	color:rgba(51,51,51,1);
	padding: 1.625rem 0rem 1.875rem;
	text-align: center;
}

.typical_function_title_02{
	font-size:0.75rem;
	font-family:Microsoft YaHei;
	color:rgba(51,51,51,1);
	padding: 2.5rem 0rem 1.45rem;
	text-align: center;
}

.products_platforms_center_font{
	width: 75%;
	margin-left: 12.5%;
	font-size: 0.45rem;
	font-family:Microsoft YaHei;
	color:#666666;
	line-height:31px;
	text-align: center;
	padding: 0rem 0.25rem 2.5rem;
	height: 8rem;
}

.qrcode{
	width: 92px;
	height: 92px;
	padding-top: 0.75rem;
}

.qrcode_font{
	font-family: Microsoft YaHei;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 0.4rem;
}