﻿/*Banner*/
.Banner {
height: 6.5rem;
background-image: url(/Images/banner_bottomLine.gif);
background-size: 100% 0.3rem;
background-position: center bottom;
background-repeat: no-repeat;
overflow-y: hidden;
}

.flexslider {
border-width: 0;
margin: 0 !important;
}

.Banner .flex-control-nav {
bottom: 0.1rem;
z-index: 1000;
}

.Banner .flex-control-paging li a {
width: 0.2rem;
height: 0.2rem;
}

.Banner__inner {
position: static !important;
}

.Banner__inner .swiper-pagination {
bottom: auto;
margin-top: -0.29rem;
}

.Banner__inner .swiper-pagination-bullet {
width: 0.2rem !important;
height: 0.2rem !important;
}
/*Banner over*/

/*homeClassification*/
.homeClassification {
height: 6.5rem;
background-color: #568CC8;
}

.Classification__item {
height: 3.25rem;
width: 2.35rem;
float: left;
text-align: center;
font-size: 0.3rem;
color: white;
cursor: pointer;
display:block;
}

.Classification__inner {
height: 2.0rem;
width: 2.0rem;
border: 0.04rem solid #819AD4;
margin: 0.2rem;
border-radius: 1rem;
}

.Classification__innerCircle {
height: 1.8rem;
width: 1.8rem;
background-color: white;
margin: 0.1rem;
border-radius: 1rem;
background-position:center;
background-size:65% auto ;
}

       
.Classification__item:hover .Classification__inner {
border-color: #3D80CF;
}

.Classification__item:nth-child(1) .Classification__innerCircle{
background-image: url(/Images/icon-mp/home-icon.png);
}        
.Classification__item:nth-child(2) .Classification__innerCircle{
            
background-image: url(/Images/icon-mp/solution-icon.png);
background-size:60% auto ;
}
.Classification__item:nth-child(3)  .Classification__innerCircle{
background-image: url(/Images/icon-mp/case-icon.png);
background-size:60% auto ;
}
.Classification__item:nth-child(4)  .Classification__innerCircle{
background-image: url(/Images/icon-mp/service-icon.png);
}
.Classification__item:nth-child(5)  .Classification__innerCircle{
background-image: url(/Images/icon-mp/news-icon.png);
background-size:60% auto ;
}
.Classification__item:nth-child(6) .Classification__innerCircle{
             
background-image: url(/Images/icon-mp/about-icon.png);
}
.Classification__item:nth-child(7) .Classification__innerCircle{
background-image: url(/Images/icon-mp/contact-icon.png);
}
 /*homeClassification over*/


 
  /*aboutLanto */
.aboutLanto__introduction {
padding: 0.3rem;
box-sizing: border-box;
}

.aboutLanto__introduction span {
color: #3E4D5C;
font-size: 0.4rem;
}

.aboutLanto__introduction p {
color: #888888;
font-size: 0.25rem;
line-height: 0.4rem;
padding-top: 0.2rem;
box-sizing: border-box;
}

.aboutLanto__reason {
padding: 0.3rem;
box-sizing: border-box;
}

.aboutLanto__reasonItem {
height: 1.6rem;
margin-bottom: 0.2rem;
}

.reasonItem__icon {
width: 1.35rem;
height: 1.35rem;
background-color: #528AD3;
float: left;
}

.reasonItem__icon img {
width: 1.35rem;
height: 1.35rem;
text-align: center;
}

.reasonItem__text {
float: left;
}

.reasonItem__text p {
color: #888888;
line-height: 0.4rem;
padding-top: 0.2rem;
padding-left: 0.2rem;
box-sizing: border-box;
font-size: 0.25rem;
}
  /*aboutLanto over*/
  
  
 /*recommendedProducts*/
.recommendedProducts {
background-color: #568CC8;
padding-bottom: 0.3rem;
}

.recommendedProducts__tilte {
height: 2.0rem;
color: white;
margin: 0.4rem;
font-size: 0.3rem;
padding-top: 0.2rem;
box-sizing: border-box;
}

.recommendedProducts__tilte h2 {
font-size:0.4rem;
}

.recommendedProducts__tilte ul li {
height: 0.6rem;
width: 2.0rem;
float: left;
text-align: center;
line-height: 0.6rem;
margin-left: 0.1rem;
margin-bottom: 0.1rem;
cursor: pointer;
margin-top: 0.2rem;
}

.recommendedProducts__title--current {
color: black;
}


.MPrecommendedProducts__outside {
height: 3.4rem;
width: 4.5rem;
float: left;
margin-top: 0.3rem;
background-color: white;
margin-left: 0.2rem;
}

.listItems__pic {
height: 3.0rem;
width: 4.2rem;
background-position: center center;
background-size: 100% 100%;
cursor: pointer;
padding-top: 2.5rem;
box-sizing: border-box;
}

.listItems__picText {
width: 4.2rem;
height: 0.5rem;
text-align: center;
line-height: 0.5rem;
color: white;
background-color: rgba(5,1,1,0.6);
}

.MPrecommendedProducts__itemDefault {
height: 3.0rem;
width: 4.2rem;
margin: 0.15rem;
margin-right: 0.3rem;
background-image: url(/Images/news/default.png);
background-position: center;
background-size: 100% 100%;
}
 /*recommendedProducts over*/ 


  /*homeNews */ 
.homeNews{
margin-top:0.5rem;
}
.homeNews__title{           
color: #3E4D5C;
font-size: 0.4rem;
padding-left:0.3rem;
box-sizing:border-box;
}
.homeNews__item{
background-color: #EAEAEA;
margin-top:0.3rem;
}
.homeNews__item ul li {
height: 0.6rem;
width: 20%;
float: left;
text-align: center;
line-height: 0.6rem;
margin-bottom: 0.1rem;
cursor: pointer;
margin-top: 0.2rem;
}       
.homeNews__show{
padding:0.2rem 0.3rem 0.5rem 0.3rem;
box-sizing:border-box;
}
.homeNews__outside{
height:0.7rem;
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex; 
border-bottom:0.04rem dashed black;   
color:black;
line-height:0.7rem;
font-size:0.25rem;
background-image:url(/Images/icon-mp/homeNews-tri.gif);
background-position:left center;
background-size:0.15rem;
cursor:pointer; 
margin-top:0.1rem;
}
       
.homeNews__details{
-webkit-flex:  2;
flex: 2;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis; 
margin-left:0.3rem;
display:block;
}
.homeNews__time{
-webkit-flex:  1;
flex: 1;
margin-left:0.2rem;
text-align:right;
            
}
.homeNews__one{
height:2.2rem;
font-size:0.25em;
background-image:url(/Images/icon-mp/homeNews-tri.gif);
background-position:left center;
background-size:0.25rem;
}
      
.homeNews__text{
-webkit-flex:  1;
flex: 1;
margin-left:0.3rem;
display:block;
}
.text__title{
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/
cursor:pointer;
font-size:0.3rem;   
line-height:0.35rem;
             
}
.text__summary{
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/
cursor:pointer;
font-size:0.25rem;
padding-top:0.1rem;
box-sizing:border-box;
line-height:0.35rem;
}
.text__time{
font-size:0.3rem;
color:burlywood;
line-height:0.2rem;
margin-top:0.1rem;
}
.homeNews__default{
-webkit-flex:  1;
flex: 1;
width:100%;
height:95%;
margin-left:0.3rem;
background-image:url(/Images/news/default.png);
background-position:center;
background-size:100% auto;
}
.homeNews__pic{    
width:100%;
height:100%;                
background-position:center;
background-size:100% 100%;
}
   
/*homeNews over*/ 
