#footer{
	color: #333;
	position:fixed;
	bottom: 0;
	width: 100%;
	display: block;
	background: #fff;
	height: 60px;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);	
    z-index: 999;	
}
#footer .footer-nav{
	display: block;
	margin: 0px;
	padding: 0px;
	position:fixed	
	bottom: 0;	
} 
#footer a{
	text-align: center;	
	font-size: 14px;	
	width: 100%;
	display: block;
	text-decoration: none;	
	color: #999;
}
#footer li{
	display: inline-block;
	width: 24%;
	padding: 5px;
	position:relative;
    text-align: -webkit-match-parent;	
}
#footer a i{	
	width: 100%;
	display: block;	
}
#footer a:hover, #footer .check{	
-webkit-transform: scale(1.2);
color: #222;
}
.footer{
	text-align: center;
}
.footer .links a{
	font-size: 12px; 
	display: inline-block;
	padding: 0px 10px;
}
.footer rr i{
	font-size: 18px;
	margin: 10px 10px;
}
.mask{
	position:fixed;
	top: 0px;
	left: 0px;	
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0,0,0,.6);	
	display: none;
}
.maskIn{
  margin: auto;  
  position: absolute;  
  top: 50%; left: 50%;  
  -webkit-transform: translate(-50%,-50%);  
   -ms-transform: translate(-50%,-50%);  
   transform: translate(-50%,-50%);  
}
.footer rr{
	width: 40px;
	height: 40px;	
	display: inline-block;;
	border:1px solid #666;
	border-radius:40px;
	-moz-border-radius:40px; /* Old Firefox */
	margin: 5px 8px;
}
}
h2,h3,h4,h5{
	letter-spacing:2px
}
.caseList ul,li{
	padding: 0px;
	margin: 0px;
}

.caseList ul li{
	border-top: 1px #a0d468 solid;
	list-style:none;
}
.caseList .listcon{
	padding:10px 20px;	
}
.h100{
	height: 100px;
}
#app .navbar{
	top: 0px;
	position: fixed;
	z-index: 999;
	width: 100%;	
    box-shadow: 0 2px 5px rgba(0,0,0,.3);	
}
.center{
	text-align: center;
}
.caseList .contact {
	line-height: 1.2;
	border-top:#a0d468 solid 1px ;
	padding: 10px;
}
.contact .fa-volume-control-phone,.M{
	color: #333;
	font-size: 30px;	
}
#app,#anzhuang{
background: #fff;
}
#anzhuang{
	padding: 20px;
}
.beizhu,.zhu{
	line-height: 150%;
	color: #8b7f7b;
	font-size: 12px;
}
.L{
	
	color: #222;
	font-size: 30px;
}
R{
	width: 60px;
	height: 60px;	
	display: inline-block;;
	padding: 13px 7px;
	border:1px solid #222;
	border-radius:60px;
	-moz-border-radius:60px; /* Old Firefox */
}
.contact .fa-cny{
	line-height: 1.2;	
}
#anzhuang{
	border:  1px solid #eee;
}
.contact h3{
	color: #333;
	padding: 10px;
	margin: 0px;	
}
red{
	color: red;
}
html{
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;	
}
.contact h4{
	padding-top: 10px;
}
.carousel-control{
 position: absolute; top: 0; bottom: 0;
 /*让容器内元素横向、纵向居中*/
 display: flex; align-items: center; justify-content: center;
}
.carousel-inner .item{
text-align: center;
}
#news{
	padding: 0px 20px;
}
#news .rows .row{
	border-top: 1px #a0d468 solid;
	padding: 8px 5px;
}
#news .rows .row img{
	width:  100px;
	height: 75px;
}
a{
	color: #333;
}
.lists a{
	#636b6f
}
a:hover{
	color: #333;
}
.row a{
	text-decoration: none;
}
.newsShow{
	padding: 20px;
}
.newsShow {
	line-height: 30px;
}
.newsShow .con {
	font-size: 16px;
}
#product .li img{
	width: 100%;
	border-radius:0px 5px 0px 5px;	
}
#product .li{
	padding: 5px 12px;
}
.block{
	border-top: 1px #eee solid;	
	padding: 25px 15px;
}
.block i{
	
	font-size: 30px;
}
.block a{
	font-size: 18px;
}
.block h3{
	font-size: 22px;
}
#product .table td{
	font-size: 18px;
}
#product .list{
	height: 110px;
	font-size: 18px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
#product .lists{
	margin-bottom: 22px;
}
#product .table td,#product .list{
	text-align: center;
	padding:  30px 15px;
}
.productCon h4{
	text-align: center;
}
.productCon{
	padding: 20px;
}
.productCon .table tr td:last-child{
	text-align: right;
}
#useCase{
	padding: 25px 10px;
}
#useCase .row{
	padding: 10px 0px;;
	border-top:1px solid #eee ;
}

.photo img{
	width: 100%;
}
.option{
	padding: 0px;
	margin: 0px;

}
.option li{
	display:inline;
	padding-left: 6px;
}
.option li:before{
content: '□';
}
.productPhoto img{
	width: 100%;
}
li p{
	display: inline;
}
#about img{
	width: 100%;
}
#about{
	text-align: center;
}
#about .block:nth-child(odd){		
	background: #fff;
}
#about .block:nth-child(even){
	background: #ededef;
}
#contact .block a{
	font-size: 18px;	
	color: #636b6f;
}
#contact img{
	width: 100%;
}
#contact label{
	padding-right: 10px;
	font-size: 18px;
}
#faq{
	padding: 0px 20px;
}
#faq .row{
	margin: 0px;
	padding: 0px;
}
#faq .row .ask{
	padding-left: 10px;
}
.answer{
    margin-bottom: 30px;
    padding: .6em 1em;
    border-left: .4em solid #666;
    background: #f1f1f1;
    font-size: 14px;
    min-height: 40px;	
}
#law p{
	line-height: 150%;
}
#law p{
	padding-top: 15px;
}
.photoMark{
	padding: 10px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
	position:absolute;
	bottom: 0px;	
	width: 100%;
	font-size: 14px;	
}
.photoMark  h5{
 font-size: 16px;
}
#useCase .row{
	position: relative;
}
.productCon .row{
	position: relative;
}
.relative{
	position: relative;	
}
.listcon h5{
	font-size: 18px;
}
.listli{
	margin-top: 15px;
}
.ftable{
	width: 80%;
	margin: auto;
	text-align: center;		
}
.ftable a{
	width: 100%;
	font-size: 16px;	
	text-decoration: none;	
}
.ftable i{
	width: 100%;
	text-decoration: none;	
}
.ftable .qq{
	color: #4a89dc;	
}
.ftable .baidu{
	color: #8cc152;	
}
.ftable .contact{
	color: #3bafda;	
}
.ftable .product{
	color: #967adc;	
}
#sales img{
	width: 100%;
}
.where{
	display: none;
}
.nowhere{
	display: block;
}
.ftable{
	margin-bottom: 40px;
}
#news a *:hover{
	text-decoration:underline;
}
.item time{
	font-style: italic;
	font-size: 12px;
	padding: 0px 10px;
}
#news .newsShow .con img{
	width: 100%;
}