@charset "utf-8";
@import url("../font/044839/stylesheet.css");
@import url("../font/045907/stylesheet.css");
@import url("../font/051226/stylesheet.css");
@import url("../font/054314/stylesheet.css");

/* CSS Document */
* {
margin: 0;
padding: 0;
}
body {
/* font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif; */
color: #333;
font-size: 13px;

}
.roidmi-banner {
width: 100%;
height: 720px;
overflow: hidden;

}

.roidmi-banner .swiper-container {
margin-top: -40px;
width: 100%;
height: 800px;
}
.swiper-button-prev,.swiper-button-next{
width: 15%;
height: 100%;
top:0;
background:none;
}
.swiper-button-prev{
left:0;}	
.swiper-button-next{
right:0;}	
.swiper-button-prev span,.swiper-button-next span{
display:block;
width: 64px;
height: 64px;
position: absolute;
left: 20px;
top: 50%;
margin-top:-32px;
border-radius: 100%;
background: rgba(180,180,180,0.25) url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/arrows.png') no-repeat center 17px;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.swiper-button-next span{
background: rgba(180,180,180,0.25) url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/arrows.png') no-repeat center -71px;
left:auto;
right:20px;
}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
opacity: .6;
}
/*分页器*/
.roidmi-banner .swiper-pagination{
top:auto;
bottom:50px;
background:none;
}
.roidmi-banner  .swiper-pagination-bullet {
display: inline-block;
width: 50px;
height: 30px;
margin: 0 3px;
cursor: pointer;
background: none;
border-radius:0;
opacity: 1;
}
.roidmi-banner  .swiper-pagination-bullet span {
width: 50px;
height: 2px;
display: block;
background: rgba(255,255,255,0.5);
}
.roidmi-banner .swiper-pagination-bullet-active span{
background-color:#fff;
}
.roidmi-banner .autoplay .swiper-pagination-bullet-active span{
background-color: rgba(255,255,255,0.5);
}
.roidmi-banner  .swiper-pagination-bullet i{
background: #fff;
height: 2px;
transform:scaleX(0);
transform-origin: 0;
display: block;
}
.roidmi-banner .autoplay .firsrCurrent i{
transition:transform 2.9s linear;
transform:scaleX(1);
}
.roidmi-banner .autoplay .current i{
transition:transform 4s linear;
transform:scaleX(1);
}
.roidmi-banner  .autoplay .replace span{
background-color:#fff;
}
/*内容样式*/


.slide1 {
background: #000 url(http://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/banner/X30Pro-banner.jpg) no-repeat center 50%;
background-size: cover;

}

.slide1 .article-m-s{
	position:absolute;
	font-family: "fzlantinghei-r-gbkregular";	
	font-size:1.2vw;
	color:#fff;
	border:2px solid #1B4D8B;
	border-radius:8px;
	left:20%;
	
}

.slide1 .article-m-s  .nex2{
	padding:0 10px;
	background:#1B4D8B;
	border-radius: 0 8px 8px 0;
}
.slide1 .article-m-s  .pro{
	padding:0 5px;
	
}

.slide1 .title {
text-align: center;
margin-top: 200px;
font-size: 30px;
font-weight: normal;
color: #fff;
position: absolute;
width:300px;
left:45%;
}

.slide2 {
background: #f3f3f3 url(/images/4947/banner.jpg) no-repeat center 50%;
background-size: cover;
}

.slide2 .title {
padding-top: 100px;
text-align: center;
position: absolute;
left:30%;
top:118px;

}

.slide2 h2 {
bottom: 100px;
text-align: center;
font-size: 30px;
font-weight: normal;
position: absolute;
width: 100%;
}

.slide3 {
background: #fff url(https://cnbj2.fds.api.xiaomi.com/resource/rmwebiste/nexs/nex2_banner_pc.jpg) no-repeat center 100%;
background-size: cover;
}

.slide3 .title {
text-align: center;
margin-top: 100px;
font-size: 40px;
font-weight: normal;
position: absolute;
top:100px;
left:30%;
}

.slide4 {
background: #fff url(https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite_en/eveplus/EVEPLUS-BANNER.jpg) no-repeat center 100%;
background-size: cover;
}

.slide4 .title {
text-align: center;
margin-top: 100px;
font-size: 40px;
font-weight: normal;
position: absolute;
top:100px;
left:30%;

}
.slide5 {
background: #fff url(https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/banner/slider5.jpg) no-repeat center 100%;
background-size: cover;
}

.slide5 .title {
text-align: center;
margin-top: 100px;
font-size: 40px;
color: #fff;
font-weight: normal;
position: absolute;
top:100px;
left:30%;

}
.region-box{
width:800px;
height:450px;
text-align: center;
margin:0 auto;
display: none;
overflow-x: hidden;

}

.region-box .title{
margin-top:20px;
font-size: 34px;
}
.region-box .detail{
margin-top:20px;
font-size: 20px;
}
.region-box  .detail-region-box{
width:100%;
padding-top:40px;
}

.region-box .detail-region-box .language-box{
	width:128px;
	height:60px;
	color:#6c6c6c;
	margin-bottom:20px;
	float:left;
}
.region-box .detail-region-box .language-box a div {
	color:#6c6c6c;
}
.region-box .detail-region-box .language-box img{
	height:40px;
}

.region-box .detail-region-box .language-box:hover{
background:#2f79de;
color:#eee;

}
.region-box .detail-region-box .language-box:hover a{
color:#fff;
}
body{
background-color: #f2f2f2;

}
a{ 
text-decoration: none;
color:#fff;     
}
a:hover{
cursor:pointer !important;
}
.title-h-weight{
font-family: "source_sans_probold";
font-size: 53px;
font-weight: 900;
height:53px;

}
.c-b{
color:#000;   
}
.c-w{
color:#fff;
}

.header{
font-family: "fzlantinghei-el-gbkregular";
width:100%;
height:75px;
position: absolute;
top:0;
left:0;  
z-index: 100;
transition: all 0.3s ease;


}

.header:hover a{
color:#000;

}
.header:hover  .logo{
	
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/logo_red.png',  sizingMethod='scale');
-ms-behavior: url(../htc/backgroundsize.min.htc);
behavior:url(../htc/backgroundsize.min.htc);
background: url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/logo_red.png') no-repeat 50% 50%;
background-size: 80%; */
}


.header .header-container{

width:1200px;
height:75px;

margin:0 auto;

}
.header .mainnav .nav-item  a{
color:#fff;
font-family: "fzlantinghei-el-gbkregular";
font-weight: 300;

}
.header .header-container:hover a{

color:#000;
}

.header .logo {
width: 80px;
height: 20px;
display: block;
float: left;
}
.header-container .logo{
	width:70px;
	margin-left:20px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/logo_white.png',  sizingMethod='scale');
-ms-behavior: url(../htc/backgroundsize.min.htc);
behavior:url(../htc/backgroundsize.min.htc);
background: url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/logo_white.png') no-repeat 50% 50%;
background-size: 80%; */

}

.header .mainnav {
width: auto;
height: 75px;
float: left;
margin-left: 170px;

}

.header .mainnav .nav-item {
width: auto;
height: 75px;
line-height: 75px;
float: left;
margin-left: 15px;
cursor: pointer;
font-size:16px;

}







.header .languageBox {
width: 155px;
height: 60px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
float: right;
}

.header .userInfoBox .languageInfo {
width: 100%;
height: 40px;
margin: auto 0;
position: relative;
} 
.header .userInfoBox .languageInfo  .language {
width: 40px;
height: 100%;
float: left;
cursor: pointer;
position: relative;
margin: 0 5px;
}
.header .language .languageImg {
width: 100%;
height: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.header .language .languageImg a {
width: 20px;
height: 20px;
display: block;
background: url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/language_white.png') no-repeat 50% 50%;
background-size: 100%;
}
.header .header-container:hover .languageImg a {
background: url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/language_black.png') no-repeat 50% 50%;
background-size: 100%;
}
    
.product-list{
width:100%;
opacity: 1;/**完成后需要置0*/
position: absolute;
height:422px;
left:0;
background-color:#eee;
border-top: 2px solid #e2e2e2;
visibility:hidden;
z-index: -1;

}


#menu_product:hover .product-list{
opacity: 1;
height: 422px;
visibility:visible;
}

#menu_product:hover .p-box{
opacity: 1;
top:0;


}
#menu_product:hover .left-img{
opacity: 1;

}

.product-list .item-content{
width:1200px;
padding-top:30px;
padding-bottom: 40px;
margin:0 auto;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}


.product-list .item-content .left-img{

background:#fff  url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/product_menu_img.jpg') no-repeat 0% 50%;
background-size: 100%;
width:472px;
height:352px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
float:left;
border-radius: 4px;
opacity: 0;

}
.product-list .item-content .product-grid .p-box{
width:170px;
height:170px;
margin-right: 12px;
margin-bottom: 12px;
line-height: 170px;
text-align: center;
background-color: #fff;
border-radius: 4px;
opacity: 0;

}
.product-list .item-content .left-img:hover{
background-size: 104%;

}

.m-r-0{
margin-right: 0px !important;
}

.product-list .item-content .product-grid{

margin-left: 12px;
width:716px;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
display: -moz-box; /* Firefox 17- */  
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox;
display: flex;
float:left;
display: -webkit-flex; 
flex-wrap: wrap;

}



.p-box img{
width:170px;
height:170px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;

}

.product-list .item-content .product-grid .p-box img:hover{
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);  

}

#pagination_1,#pagination_2{
cursor: pointer;

}
.p1{

-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
background-size: 100%;
position: relative;
top:-10px;
}







.p2{
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background-size: 100%;
position: relative;
top:-10px;
}
.p3{
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
background-size: 100%;
position: relative;
top:-10px;
}
.p4{
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
/* background:#fff  url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/p/3.jpg') no-repeat 50% 50%; */
background-size: 100%;
position: relative;
top:-10px;
}
.p5{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
/* background:#fff  url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/p/6.jpg') no-repeat 50% 50%; */
background-size: 100%;
position: relative;
top:10px;
}
.p6{
-webkit-transition: all 1.2s ease;
-moz-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;
/* background:#fff  url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/p/f8e_pro.jpg') no-repeat 50% 50%; */
background-size: 100%;
position: relative;
top:10px;
}
.p7{
-webkit-transition: all 1.4s ease;
-moz-transition: all 1.4s ease;
-o-transition: all 1.4s ease;
transition: all 1.4s ease;
/* background:#fff  url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/p/7.jpg') no-repeat 50% 50%; */
background-size: 100%;
position: relative;
top:10px;
}
.p8{
-webkit-transition: all 1.6s ease;
-moz-transition: all 1.6s ease;
-o-transition: all 1.6s ease;
transition: all 1.6s ease;
position: relative;
top:10px;

}


.product-list .item-content .product-grid .p8:hover  .delay200{
animation: f-b1 500ms both ;
-webkit-animation: f-b1 500ms both ;
animation-delay:200ms;
-webkit-animation-delay:200ms; 
animation-iteration-count:2;

}
.product-list .item-content .product-grid .p8:hover  .delay400{
animation: f-b1 500ms both ;
-webkit-animation: f-b1 500ms both ;
animation-delay:200ms;
-webkit-animation-delay:200ms; 
animation-iteration-count:2;

}
.product-list .item-content .product-grid .p8:hover  .delay600{
animation: f-b1 500ms both ;
-webkit-animation: f-b1 500ms both ;
animation-delay:400ms;
-webkit-animation-delay:400ms; 
animation-iteration-count:2;

}

@keyframes f-b1
{
0%   {color: #bebebe;}
100% {color: #313131;}

}


.delay200 {
font-size: 40px;
color: #bebebe;


}
.delay400 {
font-size: 40px;
color: #bebebe;


}
.delay600 {
font-size: 40px;
color: #bebebe;


}
.p5 .speech-bubble{
	top:-422px;
	
}
.speech-bubble {   
position: relative;   
width: 0px;   
height: 352px;   
left:182px;
top:-252px;
border-radius: 4px;   
z-index: 999;
border:1px solid #eee;
opacity: 0;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
background-size: cover;
visibility: hidden;
} 

.p3 .speech-bubble ,.p4 .speech-bubble,.p7 .speech-bubble{
left:-364px; 
}

.p5 .speech-bubble ,.p6 .speech-bubble, .p7 .speech-bubble{

top:-434px;

}


.speech-bubble:after {   
content: '';   
position: absolute;   
width: 0;   
height: 0;   
border: 15px solid rgba(0,0,0,0); 



}
.speech-bubble-left:after {   
border-right-color: #fff;   
top: 20%;   
right: 100%;   
margin-top: -15px;


}
.p5 .speech-bubble-left:after , .p6 .speech-bubble-left:after {

top:60%


}  
.speech-bubble-right:after {   
border-left-color: #fff;   
left: 100%;   
top: 20%;   
margin-top: -15px;      
}

.p7 .speech-bubble-right:after {
top:60%;


} 

.speech-bubble img{
	width:100%;
	height:100%;
}
.p1:hover .speech-bubble{
width:352px;
/* background:#fff  url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/menu/p5.gif') no-repeat 0%  50%;*/
opacity: 1;
visibility:visible;
}

.p2:hover .speech-bubble{
width:352px;
/* background:#fff  url('https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/menu/p1.gif') no-repeat 0% 50%; */
opacity: 1;
visibility:visible;
}

.p3:hover .speech-bubble{
width:352px;
opacity: 1;
visibility:visible;
}
.p4:hover .speech-bubble{
width:352px;
opacity: 1;
visibility:visible;
}
.p5:hover .speech-bubble{
width:352px;

opacity: 1;
visibility:visible;
}
.p6:hover .speech-bubble{
width:352px;
opacity: 1;
visibility:visible;
}
.p7:hover .speech-bubble{
width:352px;

opacity: 1;
visibility:visible;
}

.title-border{
font-family: "fzlantinghei-el-gbkregular";
font-size: 15px;
padding:0px 8px;
border-width: 1px;
border-style: solid;
border-radius: 4px;
line-height: 20px;
font-weight: 100;
position: relative;
top:-5px;;


}
.border-color-red{
border-color:#d65475;
color:#d65475;


}

.border-color-blue{
border-color:#003482;
color:#003482;

}
.nav-item .option-list{
width:140%;
background:#ffffff;
position: relative;
margin:0 auto;
top:-2px;
left:-10px;
text-align: center;
z-index: -1;
border-radius: 4px;
visibility: hidden;


}

.nav-item:hover{
border-bottom:2px solid #484848;


}

.nav-item:hover .option-list{
visibility: visible;

}


.nav-item .option-list .option-list-item:hover .border-ef{

background:#e3e3e3;


}

.nav-item .option-list .option-list-item{

height: 40px;
line-height: 40px;

position: relative;


}
.nav-item .option-list .option-list-item a{
color:#000;
font-size: 12px;

}
.nav-item .option-list  .option-list-item .border-ef{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
transform-origin: 50% 50%;
width:100%;
height:40px;
position: absolute;
top:0;
left:0;
z-index:-1;

}

.title-2{
font-family: "fzlantinghei-el-gbkregular";
font-size: 35px;
font-weight: 300;
margin-top:12px;
letter-spacing: 1px;

}
.title-3{
font-family:"fzlantinghei-el-gbkregular";
font-size: 26px;
font-weight: 100;
margin-top:13px;
opacity: .8;

letter-spacing: 2px;

}
.title-4{
font-family:"fzlantinghei-r-gbkregular";
width: 100px;
margin:0 auto;
margin-top: 70px;
position: relative;
font-size: 14px;
text-align: center;
font-weight: 100;

}


.less_remark{
font-family: "fzlantinghei-el-gbkregular";
margin-top:100px;
color:#fff;
opacity: 1;
font-size: 12px;
letter-spacing: 2px;
font-weight:100;
}

#underline:after{
content: "";
width: 19px;
height: 1px;
position: absolute;
top: 110%;
left: 34%;
transition: all .8s;
}
.slide1 #underline:after{
background: #ffffff;
}
.slide2 #underline:after{
background: #5a5a5a;
}
.slide3 #underline:after{
background: #e3e3e3;
}
.slide4 #underline:after{
background: #e3e3e3;
}
.slide5 #underline:after{
background: #e3e3e3;
}
#underline:hover:after{
left: 0%;
width: 100%;
}





.roidmi-container{
width:1200px;
margin:0 auto;
margin-top:40px;

}
.dis-flex{
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
display: -moz-box; /* Firefox 17- */  
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox;
display: flex;
   
    
}
.roidmi-container .roidmi-container-left{
width:590px;
height:684px;

flex: 1;
border-radius: 4px;
}

.roidmi-container .roidmi-container-left .front{
background:#fff  url(/images/6534/b.jpg) no-repeat 0% 0%;
width:590px;
height:684px;
position: relative;
top:0;
float:left;
z-index: 51;   
opacity: 1;
}
.roidmi-container .roidmi-container-left .back{

width:590px;
height:684px;
position: relative;
top:0;
z-index:50;
opacity: 1;

}



.video-silder-1 video{

width:580px;
border-radius: 4px;

-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}







.video-silder-2 video{
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
width:580px;
border-radius: 4px;

}


.first-video{
width:580px;
position: absolute;
bottom:0;
left:0;  
z-index:9;

}

.second-video{
width:580px;
position: absolute;
right:0;
top:0;
z-index:0;
}

.pagination{
width:100px;
height:30px;

position:absolute;
z-index: 99;
bottom:20px;
left:40px;
}
.pagination .pagination-list{
margin:0;
padding:0;

}
.pagination .pagination-list li{

width:10px;
height:10px;
list-style: none;
border:2px solid #fff;
float:left;
margin-left: 10px;
border-radius: 10px;
}
.cur{
background-color: #fff;



}
.showbox{
box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.2);  
}



.roidmi-container .roidmi-container-right{
width:590px;
height:684px;
margin-left:20px;

flex: 1;
}
.roidmi-container .roidmi-container-right .top{
background:#fff  url(/images/4377es/a.png) no-repeat 90% 0%;
background-size: 80%;
width:590px;
height:332px;
border-radius: 4px;
transition: all 0.5s ease; 
}
.roidmi-container .roidmi-container-right .top:hover{
background-size: 100%;
-moz-box-shadow:0px 20px 40px -20px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 20px 40px -20px rgba(0,0,0,0.2);
box-shadow: 0px 20px 40px -20px rgba(0,0,0,0.2); 
}
.roidmi-container .roidmi-container-right .text-container{
padding-left:40px;
padding-top:40px;

}

.roidmi-container .roidmi-container-right .text-container .text-label{
font-family: "fzlantinghei-r-gbkregula";
font-size: 25px;
color:#515151;
}


.roidmi-container .roidmi-container-right .text-container .text-detail{
font-family: "fzlantinghei-el-gbkregula";
font-weight: 100;
font-size: 20px;
color:#515151;
letter-spacing: 2px;
margin-top:10px;

}
.roidmi-container .roidmi-container-right .bottom{
background:#fff  url(/images/6419/6419.png) no-repeat 90% 0%;
background-size: 80%;
width:590px;
height:332px;
margin-top:20px;
transition: all 0.5s ease;
border-radius: 4px;
}
.roidmi-container .roidmi-container-right .bottom:hover{
background-size: 100%;
-moz-box-shadow:0px 20px 40px -20px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 20px 40px -20px rgba(0,0,0,0.2);
box-shadow: 0px 20px 40px -20px rgba(0,0,0,0.2); 

}
.roidmi-container .roidmi-row{

width:100%;

}
.yuanjiao{
border-radius: 4px;

}

.no-border{
border:0 !important;

}
.roidmi-container .roidmi-row .grid{
flex: 1;
width:33%;
height:160px;
border-radius: 4px;
border-left: 1px solid #c6c5c5;
background-color: #fff;

}
.roidmi-container .roidmi-row .grid .text-container{
height:60px;
padding-left:50px;
margin-top:50px;
font-family: "fzlantinghei-r-gbkregular";
color:#797979



}

.roidmi-container .roidmi-row .grid .text-container .text-label{
font-size: 25px;
font-family: "fzlantinghei-el-gbkregular";
font-weight: 300;
}
.roidmi-container .roidmi-row .grid .text-container .text-detail{
font-size: 16px;
font-family: "fzlantinghei-el-gbkregular";
font-weight: 300;
color:#434343;
margin-top:10px;
color:#c8c8c8;
}

.tborder{
width:30px;
height:60px;
border-left: 3px solid #747171;
border-right: 3px solid transparent;
border-top:3px solid transparent;
border-bottom:3px solid transparent;
position: relative;
float:left;
top:50px;      

}

.roidmi-container .roidmi-row .grid:hover .tborder {
border-left-color: #434343;

}
.roidmi-container .roidmi-row .grid:hover .text-container{
color:#434343;

}
.header:hover{
			background-color: #fff;
		}
		
		.footer{
		width:100%;
		height:460px;
		margin-top:40px;
		background:#343536;
		
		}
		.footer .footer-container {
		width:1200px;
		height:434px;
		margin:0 auto;       
		}
		.footer .footer-container .footer-list{
		padding-top:80px;
		display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
		display: -moz-box; /* Firefox 17- */  
		display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
		display: -moz-flex; /* Firefox 18+ */  
		display: -ms-flexbox; /* IE 10 */  
		display: flex;
		
		}
		.footer .footer-container .footer-list-grid{
		
		flex: 1;
		}
		.footer .footer-container .footer-list-grid .grid-title{
		font-size: 18px;
		color:#d4d4d4;
		font-family: "fzlantinghei-el-gbkregular";
		
		}
		
		
		.footer .footer-container .footer-list-grid .grid-detail {
		position:relative;
		margin-top:20px;
		
		}
		.footer .footer-container .footer-list-grid .grid-detail a{
		font-family: "fzlantinghei-el-gbkregular";
		font-weight: 100;
		color:#a2a5a7;
		}
		.footer .footer-container .footer-list-grid .grid-detail a:hover{
		
		color:#fff;
		}
		
		.footer .footer-container .footer-h-list{
		padding-top:60px;
		height:45px;
		border-bottom: 1px solid #5d6062;
		}
		
		
		.f-l{
		float:left;   
		}
		.f-r{
		float:right;
		}
		.m-l-20{
		margin-left: 20px !important;
		}
		.m-l-0{
		margin-left:0px !important;
		}
		.grid-text{
		
		margin-left:20px;
		}
		.grid-text a{
		font-family: "fzlantinghei-el-gbkregular";
		color:#a2a5a7;
		}
		
		.footer-h-list .grid-text a img{
		width:25px;
		}
		.footer-h-list .grid-text a:hover{
		color:#fff;
		}
		
		.footer .footer-container .footer-end{
		padding-top:20px; 
		}
		
		.footer-end  .grid-text a:hover{
		color:#fff;
		}
		.clear-fix{
		    clear: both;
		        
		}
		  
		.mr-20{
		margin-right: 10px;
		}
		.mt-10{
		margin-top:10px;
		}
		
		.mt-40{
		margin-top:40px;
		}
		.mt-60{
		margin-top:60px;
		}  
		.mt-80{
		margin-top:80px;
		}
		.mt-100{
		margin-top:100px;
		}
		.mt-140{
		margin-top:140px;
		}
		.f-20{
		font-size: 20px;
		}
		.f-4c{
		color:#4c4c4c;
		}
		.f-blue{
		color:#4266de !important;
		}
		.p-left-90{
		padding-left: 40px;
		}
		.wechat{
			position:relative; 
		}
		.wechat:hover .wechat-qrcode{
			visibility: visible;
		}
		.wechat-qrcode{
		width:150px;
		height:150px;
		position: absolute;
		top:-50px;
		left:70px;
		visibility: hidden;
			
		}
		.wechat-bottom{
		width:100px;
		height:100px;
		top:-60px;
		left:-170px;
			
			
		}
		.appdownload:hover .app{
			visibility: visible;
		}
		.layui-layer-page .layui-layer-content{
		    overflow:hidden !important;
		}
	

.roidmi-logo{
	
	width:60px!important;
	position: relative;
	bottom:10px
}
.e-footer{
	width:100%;
    background: #343536;
  
}
.e-footer-container{
	width:1200px;
	margin:0 auto;
	color: #5d6062
	  
}
.e-footer .e-footer-container a{
	color: #5d6062;
	text-decoration: underline;
	margin: 0 5px;
	
	
}
.weibo-logo,.weixin-logo{
	width:25px;
}