@charset "utf-8";
/*初始化代码*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body, html{position:relative;background:#f5f5f5;width:100%;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;}
body {color:#000; font-size:12px; font-family: "Microsoft YaHei","Arial","黑体","宋体",sans-serif; }
td,th,caption { font-size:12px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#000; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; width: 100%;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
::-webkit-scrollbar{width:0;height:0;}
/* footer下的a */
.link{
  display: flex;
}
.link span a{
  color: #888;
}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }/*公共类*/
.fl { float:left}
.fr {float:right}
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.hide {display:none !important;}
/* 文本溢出省略 父级样式需为块级元素、宽度不能为空*/
.ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ellipsis2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-indent:2em;
}
.ellipsis3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ellipsis4{
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-indent: 2em;
width: 200px;
}
/*地图样式*/
#allmap{
	width: 375px;height: 300px;overflow: hidden;margin:0;
}

/*引入字体图标*/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*css3动画时间*/
.animated1_5{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

/*统一样式更改*/
a:hover{color:#2d8cf0;}
input[type="text"], input[type="password"] {outline: 0;}

header{
  width:100%;
  height:43px;
  background:#ffffff;
  position:fixed;
  top:0;
  left:0;
  z-index:999;
  border-bottom:1px solid #ddd;
}
.header-top{
  width:100%;
  height:43px;
}
header .logo{
  padding:7px 15px 7px;
  width:92px;
  float:left;
}
header .logo a{
  display:block;
}
header .logo img{
  width:100%;
  vertical-align:middle;
}
header .auth{
  width:95px;
  padding:10px 0;
  float:left;
}
header .auth img{
  width:100%;
  vertical-align:middle;
}
.search{
  padding:11px 15px 0;
  float:right;
  position:relative;
}
.search input{
  width:110px;
  height:24px;
  line-height:24px;
  padding:0 25px 0 5px;
  vertical-align:middle;
  border:1px solid #ddd;
  border-radius:4px;
  margin-right:5px;
}
.search a{
  display:inline-block;
  width:20px;
  height:20px;
}
.search .search-btn{
  position:absolute;
  top:14px;
  right:50px;
  margin-left:0;
}
.search .search-btns{
  width:16px;
  height:16px;
  padding:5px;
  line-height:12px;
  background:#005da4;
  position:absolute;
  top:12px;
  right:45px;
  margin-left:0;
  border:0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search a img{
  width:100%;
  vertical-align:middle;
}
.tabnav{
  width:100%;
  height:100%;
  background:#ffffff;
  overflow-y:auto;
  position:fixed;
  top:0;
  left:0;
  z-index:900;
}
.tabnav .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
}
.tabnav ul{
  width:100%;
  height:100%;
  background:#ffffff;
  position:absolute;
  top:0;
  right:0;
}
.tabnav ul .more span{
  display:block;
  padding:10px;
  position:relative;
  border-bottom:1px solid #ddd;
}
.tabnav ul .more span:before{
  content: " ";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 2px 2px 0 0;
  border-color: #B2B2B2;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 15px;
}
.tabnav ul .more.active span:before{
  border-width: 0 2px 2px 0;
  border-color: #B2B2B2;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.tabnav ul li a{
  display:block;
  padding:10px;
  border-bottom:1px solid #ddd;
}
#tabnav{
  width:100%;
  height:100%;
  background:#ffffff;
  overflow-y:auto;
  position:fixed;
  top:0;
  left:0;
  z-index:900;
}
#tabnav .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
}
#tabnav ul{
  width:100%;
  height:100%;
  background:#ffffff;
  position:absolute;
  top:0;
  right:0;
}
#tabnav ul .more span{
  display:block;
  padding:10px;
  position:relative;
  border-bottom:1px solid #ddd;
}
#tabnav ul .more span:before{
  content: " ";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 2px 2px 0 0;
  border-color: #B2B2B2;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 15px;
}
#tabnav ul .more.active span:before{
  border-width: 0 2px 2px 0;
  border-color: #B2B2B2;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
#tabnav ul li a{
  display:block;
  padding:10px;
  border-bottom:1px solid #ddd;
}
.more-menu{
  background:#f5f5f5;
  border-bottom:1px solid #ddd;
}
.more-menu a{
  border:0 !important;
}
.page{
  width:100%;
  height:100%;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
/*首页*/
.flexslider{
  width:100%;
  overflow:hidden;
  background-color: #f5f5f5;
}
.serve{
  padding:0px 10px 10px;
  background:#f5f5f5;
}
.serve ul li{
  width:48%;
  float:left;
  margin-bottom:10px;
}
.serve ul li span{
  display: block;
  width: 300px;
}
.serve ul li:nth-child(2n){
  float:right;
}
.serve ul li a{
  display:block;
}
.serve .serve-img{
  width:100%;
  max-height:92px;
  overflow:hidden;
}
.serve .serve-image{
  width:170.66px;
  max-height:128px;
  overflow:hidden;
}
.serve-img img{
  width:100%;
  max-height:92px;
  vertical-align:middle;
	border-radius:5px 5px 0 0;
}
.serve h3{
  padding:5px 10px;
  font-size:14px;
  text-align: center;
  background-color:#FFF;
}
.serve h3 img{
  width:14px;
  height:14px;
  vertical-align:middle;
  margin-right:5px;
  margin-top:-2px;
}
.serve_h2{
	border-bottom:1px solid #CCC;
	 margin-bottom:15px;
	 clear:both;
	padding-top:10px;
}
.serve h2{
	 font-size: 16px; line-height:30px; width:67px; border-bottom:1px solid #069; display:inline; padding-bottom:5px;
}
.serve span a{
	float:right;
	padding-top:7px;
	color:#06C;
}

.popular{
  padding:10px;
}
.popular h3{
  padding:20px 0;
  text-align:center;
  font-size:18px;
}
.popular ul li{
  width:25%;
  text-align:center;
  margin-bottom:20px;
  float:left;
}
.popular ul li a{
  display:block;
}
.popular ul li img{
  width:33px;
  height:33px;
  vertical-align:middle;
}
.popular ul li span{
  display:block;
  margin-top:5px;
}
.account{
  padding:30px 10px;
  background:#f8f8f8;
  background: url("../picture/about_bg.jpg") no-repeat;
}
.account .account-img{
  width:140px;
  float:left;
  margin-right:10px;
}
.account .account-img img{
  width:100%;
  vertical-align:middle;
}
.account .account-info{
  width:calc(100% - 170px);
  float:left;
}
.account .account-info h3{
  font-size:18px;
  margin-bottom:10px;
}
.account .account-info a{
	color:#333;
}
.advant{
  padding:30px 10px;
}
.advant h3{
  font-size:18px;
  text-align:center;
  margin-bottom:20px;
}
.advant ul li{
  padding:5px 0;
  border-bottom:1px solid #dddddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.advant ul li .advant-img{
  width:80px;
  height:54px;
  overflow:hidden;
  margin-right:10px;
}
.advant ul li .advant-img img{
  width:100%;
  vertical-align:middle;
}
.advant ul li .advant-info{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}
.advant ul li .advant-info h4{
  font-size:14px;
  text-indent: 2em;
}
.advant ul li .advant-info p{
  color:#868686;
}
.news{
  padding:10px 10px;
  background:#f8f8f8;
}
.news h3{
  font-size:18px;
  text-align:center;
  margin-bottom:20px;
  color: #0D4192;
}
.news .list a{
  display:block;
  padding-left:50px;
  position:relative;
  border: 1px solid #f5f5f5;
  background-color: white;
  line-height: 35px;
  margin-bottom: 15px;
  background: url("../picture/new.jpg") no-repeat;
  color: #06C;
}

.news .list a span{
  display:block;
}
.news .list a .news-txt{
  width:70%;
  float:left;
}
.news .list a .news-time{
  width:30%;
  float:left;
  text-align:center;
  color: #464646;
}
.link{
  padding:20px 0;
}
.link h3{
  font-size:18px;
  text-align:center;
  margin-bottom:20px;
}
.link ul li{
  width:33.3333333%;
  text-align:center;
  margin-bottom:20px;
  float:left;
}
.link ul li a{
  display:block;
}
.link ul li a img{
  width:100px;
  vertical-align:middle;
}
/*检测服务*/
.banner img{
  width:100%;
  vertical-align:middle;
}
.crumbs{
  padding:15px 10px;
}
.product-list h3{
  padding:0 10px 15px;
  text-align:center;
  font-size:18px;
  position:relative;
}
.product-list h3:before{
  content:"";
  width:20px;
  height:2px;
  background:#0053a6;
  position:absolute;
  top:-5px;
  left:50%;
  margin-left:-10px;
}
.product-list ul li{
  width:46%;
  margin:0 2% 20px;
  float:left;
}
.product-list ul li a{
  display:block;
  background:#ffffff;
  border:1px solid #ddd;
}
.product-list ul li a img{
  width:100%;
  height:101px;
  vertical-align:middle;
}
.product-list ul li a span{
  display:block;
  font-size:14px;
  text-align:center;
}
.product-list ul li a p{
  padding:0 5px;
  text-indent: 2em;
}
.report h3{
  padding:15px 10px;
  text-align:center;
  font-size:18px;
  position:relative;
}
.report h3:before{
  content:"";
  width:20px;
  height:2px;
  background:#0053a6;
  position:absolute;
  top:10px;
  left:50%;
  margin-left:-10px;
}
.report ul li{
  width:46%;
  margin:0 2% 20px;
  float:left;
}
.report ul li img{
  width:100%;
  vertical-align:middle;
}
/*检测服务详情*/
.product-info h3{
  padding:0 10px 15px;
  text-align:center;
  font-size:18px;
  position:relative;
}
.product-info h3:before{
  content:"";
  width:20px;
  height:2px;
  background:#0053a6;
  position:absolute;
  top:-5px;
  left:50%;
  margin-left:-10px;
}
/*.product-info p{
  padding:0 10px 15px;
}*/
.product-main{
  text-align:center;
}
.product-main .product-img{
  width:200px;
  margin:0 auto 10px;
}
.product-content p,.news-content p{ text-indent:2em;}
.product-main .product-img img{
  width:100%;
  vertical-align:middle;
}
.product-main .product-info{
  width:150px;
  margin:0 auto;
}
/*.product-info .info-detail{
  padding:0 10px 10px;
}*/
.info-detail p{ text-indent:2em;}
.product-info .info-detail p{
  padding:0;
}
.product-info .info-detail a{
  display:block;
  width:120px;
  height:35px;
  line-height:35px;
  background:#ff9900;
  color:#ffffff;
  text-align:center;
  margin-top:10px;
}
.test{
  padding:15px 10px;
}
.test h3{
  font-size:18px;
  color:#005baf;
  margin-bottom:10px;
}
.test .test-info{
  margin-bottom:15px;
}
.test .test-info a{
  display:block;
  width:24%;
  text-align:center;
  padding:2px 0;
  border-right:1px solid #666666;
  float:left;
  margin-bottom:10px;
}
.test .test-stand{
  margin-bottom:15px;
}
.test .test-stand a{
  display:block;
  width:33%;
  text-align:center;
  padding:2px 0;
  border-right:1px solid #666666;
  float:left;
  margin-bottom:10px;
}
.test h4{
  font-size:16px;
  margin-bottom:10px;
}
.test h4 a{
  color:#005baf;
}
.service-flow{
  padding:15px 10px;
}
.service-flow h3{
  font-size:18px;
  text-align:center;
}
.service-flow p span{
  color:#0053a6;
}
/*资讯中心*/
.crumbs-nav{
  border-bottom:1px solid #dddddd;
}
.crumbs-nav a{
  display:block;
  width:25%;
  float:left;
  height:35px;
  line-height:35px;
  text-align:center;
}
.crumbs-nav a.active{
  color:#0053a6;
  border-bottom:1px solid #0053a6;
}
.news-list{
  padding:10px;
}
.news-list ul li a{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding:10px 0;
  border-bottom:1px solid #ddd;
}
.news-list ul li a .news-img{
  width:100px;
  height:66px;
  overflow:hidden;
  margin-right:10px;
}
.news-list ul li a .news-img img{
  width:100%;
  vertical-align:middle;
}
.news-list ul li a .news-info{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}
.news-list ul li a .news-info h3{
  font-size:14px;
  margin-bottom:10px;
  text-indent:2em;
}
.news-detail{
  padding:10px;
}
.news-detail .news-title{
  font-size:16px;
  text-align:center;
  margin-bottom:5px;
}
.news-detail .news-date{
  margin-bottom:15px;
}
.news-detail .news-date span{
  display:inline-block;
  color:#999999;
}
.news-content img{
  max-width:100%;
  vertical-align:middle;
}
.news-link{
  text-align: center;
}
.news-link a{
  margin-bottom:5px;
}
/*关于费尔*/
.about{
  padding:0;
  background:#f5f5f5;
  padding-left:10px;
}
.about_h2{
	border-bottom:1px solid #CCC;
	 clear:both;
	padding-top:10px;
	background-color: #f5f5f5;
}
.about h2{
	 font-size: 16px; line-height:30px; width:67px; border-bottom:1px solid #069; display:inline; padding-bottom:5px;
}
.about span a{
	float:right;
	padding-top:7px;
	color:#06C;
}
.index_img{
	padding:0;
	padding: 0;
	font-size: 14px;
	line-height: 30px;
	background-color: #fff;
	margin: 0 10px;
}
.index_img img{
  margin: 0;
  background-color: #fff;
  width: 100%;
}
.index_img p{
	padding: 0px 15px 5px;
	text-indent: 20px;
	background-color: #fff;
	color: #272727;
}
.weteam{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 958px;
	background: url("../picture/we_team.jpg") no-repeat;
}
.about-nav{
  border-bottom:1px solid #dddddd;
  background-color:#f5f5f5;
}
.about-nav a{
  display:block;
  width:20%;
  float:left;
  line-height:35px;
  line-height:35px;
  text-align:center;
	background-color: #f5f5f5;
	font-size: 16px;
	margin: 0px;
}
.about-nav a.active{
  color:#000;
	border-bottom:1px solid #069;
}
.accounts{
  padding:10px;
}
.accounts h3{
  font-size:16px;
  color:#0053a6;
  text-align:center;
  margin:10px 0;
}
.accounts p img{
  max-width:100%;
  vertical-align:middle;
}
.accounts .field li{
  width:50%;
  float:left;
  text-align:center;
  margin-bottom:15px;
  position:relative;
}
.accounts .field li img{
  width:100px;
  vertical-align:middle;
}
.accounts .field li span{
  display:block;
  width:100%;
  color:#ffffff;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-10px;
}
.accounts table tr:nth-child(odd){
  background:#f6f6f6;
}
.accounts table tr:nth-child(even){
  background:#d9edf7;
}
.accounts table tr td{
  text-align:center;
  padding:5px;
}
.accounts .intell li{
  width:29.3333333%;
  margin:0 2% 10px;
  float:left;
}
.accounts .intell li img{
  width:100%;
  vertical-align:middle;
}
.accounts .cooper{
  margin-top:10px;
}
.accounts .cooper li{
  width: 33.3333333%;
  text-align: center;
  margin-bottom: 20px;
  float: left;
}
.accounts .cooper li a{
  display:block;
}
.accounts .cooper li a img{
  width:100px;
  vertical-align: middle;
}
.tests{
  padding:10px;
}
.tests .tests-info img{
  width:100%;
  vertical-align:middle;
}
.tests .tests-info h3{
  font-size:16px;
  text-align:center;
}
.tests .tests-info a{
  display:block;
  width:120px;
  height:35px;
  line-height:35px;
  background:#ff9900;
  color:#ffffff;
  text-align:center;
  margin:10px 0;
}
.tests .tests-device h3{
  font-size:16px;
  text-align:center;
  margin-bottom:10px;
}
.tests .tests-device ul li{
  width:48%;
  float:left;
}
.tests .tests-device ul li:nth-child(2n){
  float:right;
}
.tests .tests-device ul li a{
  display:block;
}
.tests .tests-device ul li a img{
  width:100%;
  vertical-align:middle;
}
.tests .tests-device ul li a span{
  display:block;
  text-align:center;
}
.tests .tests-science h3{
  font-size:16px;
  text-align:center;
  margin:10px 0;
}
.tests .tests-science ul li{
  width:48%;
  float:left;
  margin-bottom:10px;
}
.tests .tests-science ul li:nth-child(2n){
  float:right;
}
.tests .tests-science ul li img{
  width:100%;
  vertical-align:middle;
}
.tests .tests-project h3{
  font-size:16px;
  text-align:center;
  margin:10px 0;
}
.tests .tests-project .project-list a{
  display:block;
  width:33.3333333%;
  text-align:center;
  float:left;
  margin-bottom:5px;
	
}
.state{
  padding:10px;
}

.state h3{
  font-size:16px;
  color:#0053a6;
  text-align:center;
  margin-bottom:10px;
	
	
}
.credent{
  padding:10px;
}
.credent h3{
  font-size:16px;
  text-align:center;
  margin:10px 0;
}
.credent .credent-list a{
  display:block;
  width:28%;
  margin:0 2% 10px;
  float:left;
  text-align:center;
  height:32px;
  line-height:32px;
  border:1px solid #dddddd;
}
.team{
  padding:0 10px 10px;
}
.team h3{
  font-size:16px;
  text-align:center;
  padding:10px 0;
}
.team p{
  margin-bottom:10px;
  text-indent: 2em;
}
.team img{
  width:100%;
  vertical-align:middle;
}
/*联系我们*/
.contact-nav{
  border-bottom:1px solid #dddddd;
}
.contact-nav a{
  display:block;
  width:33.3333333%;
  float:left;
  height:35px;
  line-height:35px;
  text-align:center;
}
.contact-nav a.active{
  color:#0053a6;
  border-bottom:1px solid #0053a6;
}
.contact-list{
  padding:10px;
}
.contact-list .address p{
  margin-bottom:5px;
}
.contact-list .address p img{
  width:16px;
  vertical-align:middle;
  margin-top:-2px;
  margin-right:5px;
}
.join-list{
  margin-bottom:15px;
}
.join-list h3{
  font-size:16px;
  margin-bottom:5px;
}
.join-list .join-class{
  margin-bottom:10px;
}
.join-list .join-class span{
  display:inline-block;
  margin-right:5px;
}
.join-list .join-info{
  margin-bottom:10px;
}
.join-list .join-btn a{
  display:block;
  width:120px;
  height:35px;
  line-height:35px;
  background:#006ad3;
  color:#ffffff;
  text-align:center;
}
.leave h3{
  font-size:16px;
  text-align:center;
  margin-bottom:10px;
}
.leave .leave-input{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom:10px;
}
.leave .leave-input label{
  width:60px;
  margin-right:10px;
  text-align:right;
}
.leave .leave-input label span{
  color:#ff0000;
}
.leave .leave-input input{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width:100%;
  height:32px;
  line-height:32px;
  padding:0 10px;
  border:1px solid #ddd;
  border-radius:4px;
}
.leave .leave-input textarea{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding:10px;
  border:1px solid #ddd;
  border-radius:4px;
  resize:none;
}
.leave .leave-btn a{
  display:block;
  width:120px;
  height:32px;
  line-height:32px;
  background:#006ad3;
  color:#ffffff;
  text-align:center;
  margin-left:70px;
}
/*详情*/
.detail-info{
  padding:10px;
}
.detail-info h3{
  font-size:16px;
  text-align:center;
  margin-bottom:10px;
}
.detail-info .content p img{
  max-width:100%;
  vertical-align:middle;
}
/*分页*/
.pages{
  width: 100%;
  padding:10px 60px 30px;
  display: flex;
  flex-flow: row;
  box-sizing: border-box;
  /* padding-left: 130px; */
}
.pages ul{
  display: flex;
  flex-flow: row;
  text-align: center;
}
.pages ul li a{
  text-decoration: none;
}
.pages .thisclass a{
  color:#005da4;
}
.pages ul li{
  width: 50px;
  border: none;
  text-align: center;
}
.pages ul li .pageinfo{
  display: block;
  width: 240px;
}
/*轮播图*/
 .swiper-container {
        width: 100%;
        height:188px;
        margin: 0px auto;
    }
.swiper-container img{
  width: 100%;
}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
/*底部*/
.footer{
  padding:35px 10px;
  background:#333333;
  color:#888888;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.footer .foot-qrcode{
  margin-left:10px;
}
.footer .foot-qrcode img{
  width:60px;
  height:60px;
  vertical-align:middle;
}
.footer .foot-qrcode span{
  display:block;
  color:#ffffff;
  margin-top:2px;
  text-align:center;
}