@charset "utf-8";

html{
  overflow-y: scroll;
}
body{
  font-family: "lucida Grande",Verdana,"Microsoft YaHei";
}
a{
  color: inherit;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;   
          transition: 0.3s;
}
a:hover{
  color: inherit;
  text-decoration: none;
}
a:focus{
  text-decoration: none;
}
ul{
  list-style: none;
  margin:0;
  padding:0;
}
b,dt{
 /* font-weight: normal;*/
}
p{
  margin:0;
}
h3,h4{
  margin: 0;
  font-weight: normal;
}
@supports(display:flex) {
  body{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }
  #content-wrap{
    flex: 1;
  }
}

.container-fluid{
  max-width: 1030px;
}

.mat-20{
  margin-top: -20px;
}
.mat20{
 margin-top: 20px; 
}

.img-middle{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  
  max-width: 100%;
  max-height: 100%;
}


/*顶部*/
.top-head{
  line-height: 70px;
  font-size: 0;
  background: url(../img/sky-bg.png) no-repeat center;
}
.top-logo{
  display: inline-block;
}
.m-logo,
.b-logo{
  display: none;
}
@media (min-width: 500px) {
  .m-logo{
    display: inline-block;
  }
  .s-logo{
    display: none;
  }
}
@media (min-width: 768px) {
  .top-head{
    line-height: 1.42857143;
    padding: 15px 0;
  }
  .m-logo{
    display: none;
  }
  .b-logo{
    display: inline-block;
  }
}

/*小屏  折叠按钮*/
#btn-collapse {
  float: right;
  top: 0;
  cursor: pointer;
  color: #364660;
  font-size:24px;
  line-height: inherit;
}
@media only screen and (min-width: 500px) {
  #btn-collapse{
    font-size: 26px;
  }
}
.top-line{
  float: right;
  margin-top: 7.5px;
  color: #0084c9;
}
.top-line .line-img{
  float: left;
}
.top-line .line-img img{
  margin-right: 5px;
}
@media only screen and (max-width: 859px) {
	.top-line .line-img .text{
	  display: none;
	}
}
.top-line .line-img p{
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  line-height: 30px;
}
.top-line .line-img span{
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.top-line .line-number{
  float: left;
  font-size: 20px;
  margin-left: 5px;
}
.top-line .line-number p{
  font-weight: bold;
  line-height: 25px;
}

/*导航*/
.top-nav-wrap{
  color: #fff;
  background: #f6759e;
}
@media only screen and (max-width: 767px) {
  .top-nav-wrap{
    display: none;
    
    position: absolute;
    z-index: 2;
    width: 100%;
    background: #3884be;
    background: linear-gradient(#3884be,#004e87);
  }
}
.top-nav{
  margin-left: -15px;
  margin-right: -15px;
}
.top-nav>li>a{
  display: block;
  text-align: center;
  line-height: 35px;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .top-nav-wrap{
    display: block !important;
    background: #3884be;
    background: linear-gradient(#3884be,#004e87);
    border-top: 1px solid #004e87;
  }
  .top-nav{
    margin-left: 0;
    margin-right: 0;
  }
  .top-nav>li{
    position: relative;
    float: left;
    width: 12.5%;  /* calc(100% / 8) */
  }
  .top-nav>li:last-child:after,
  .top-nav>li:before{
    content: "";
    position: absolute;
    top: 1em;
    width: 1px;
    height: 1.5em;
    background: #fff;
  }
  .top-nav>li:before{
    left: -0.5px;
  }
  .top-nav>li:last-child:after{
    right: -0.5px;
  }
  .top-nav>li>a{
    line-height: 2.5;
    margin: 0.5em 0.6em;
    border-radius: 5px;
  }
  .top-nav>li>a.act{
    background: rgba(255,255,255,0.5);
  }
}
.top-nav>li>a:hover{
  background: rgba(255,255,255,0.5);
}



/*轮播图*/
.swiper-img .swiper-slide img{
  margin: 0 auto;
}
/*.slide-img-big{
  display: none;
}
.slide-img-small{
  display: block;
}
@media (min-width: 640px) {
  .slide-img-big{
    display: block;
  }
  .slide-img-small{
    display: none;
  }
}*/


/*主要标题*/
.main-title {
  position: relative;
  margin: 20px 0;
  text-align: center;
  font-size: 1.5em;
}
.main-title:before,
.main-title:after{
  content: "";
  position: absolute;
  bottom: 0.5em;
  width: calc(50% - 3em);
  height: 1px;
  background: #dcdcdc;
}
.main-title:before{
  left: 0;
  background: linear-gradient(90deg,transparent 50%,#dcdcdc 0);
}
.main-title:after{
  right: 0;
  background: linear-gradient(-90deg,transparent 50%,#dcdcdc 0);
}
@media (min-width: 768px) {
  .main-title{
    margin-top: 30px;
  }
}
.main-title a{
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #0084ca;
  padding: 0 1em;
}
.main-title h3{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.main-title h4{
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .main-title{
    font-size: 1.7em;
  }
}
@media (min-width: 992px) {
  .main-title{
    font-size: 1.8em;
  }
}
.main-title a[href]:hover{
  color: #006296;
}


/*首页 公司简介*/
.about-img img{
  display: block;
  margin: 0 auto 10px;
  max-width: 100%;
}
.about-text{
  line-height: 1.8;
}
.about-text .title{
  font-size: 16px;
  color: #0084ca;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #aeaeae;
  margin-bottom: 5px;
}
.about-text .text{
  text-indent: 2em;
}
@media only screen and (min-width: 640px) {
  .about-img{
    float: left;
    max-width: 45%;
    margin-right: 20px;
  }
  .about-img img{
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .about-img{
    max-width: 35%;
  }
}


/*查看更多按钮*/
.btn-more{
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background: #0084ca;
  padding: 5px 12px;
  margin-top: 6px;

  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;   
          transition: 0.3s;
}
.btn-more:hover{
  color: #fff;
  background: #0072b0;
}


/*首页 产品展示*/
.product-wrapper{
  padding-bottom: 30px;
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.main-product .col-xs-6{
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 640px ) and (max-width: 991px) {
  .main-product .col-xs-6:nth-child(n+4){
    display: none;
  }
}
.prolink{
  position: relative;
  display: block;
  
  max-width: 240px;
  margin: 0 auto;
}
.prolink .imgbox{
  position: relative;
  height: 0;
  padding-top: 83%;
  border:1px solid #dcdcdc;
  overflow: hidden;
}
.prolink .linktitle{
  font-size: 13px;
  padding: 5px 0;
  color: #222;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/*首页 新闻中心*/
.news-wrapper {
  padding-bottom: 30px;
  color: #fff;
  background: #404040;
  background: url(../img/newswrapper-bg.jpg) no-repeat center / cover;
}
.news-wrapper .main-title a{
  color: #fff;
}
.news-wrapper .main-title a:hover{
  color: #ddd;
}
.news-wrapper .main-title:before{
  background: linear-gradient(90deg,transparent 50%,#fff 0);
}
.news-wrapper .main-title:after{
  background: linear-gradient(-90deg,transparent 50%,#fff 0);
}

.slideMesbox{
  max-width: 880px;
  margin: 0 auto;
}
.slideMesbox .imgbox{
  float: left;
  width: 150px;
  height: 150px;
  border: 5px solid rgba(255,255,255,0.5);
  border-radius: 50%;
}
.slideMesbox .textlink{
  position: relative;
  float: left;
  display: block;
  max-width: calc(100% - 230px);
  margin: 20px 35px;
}
@media only screen and (max-width: 579px) {
	.slideMesbox .imgbox{
	  float: none;
	  margin: 0 auto 10px;
	}
	.slideMesbox .textlink{
	  float: none;
	  max-width: 520px;
	}
}
.slideMesbox .textlink:before,
.slideMesbox .textlink:after{
  position: absolute;
  top: -25px;
  font-family: arial;
  font-size: 50px;
}
.slideMesbox .textlink:before{
  content: "\“";
  left: -30px;
}
.slideMesbox .textlink:after{
  content: "\”";
  right: -30px;
}
.slideMesbox .title{
  font-size: 15px;
  margin-bottom: 5px;
  
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.slideMesbox .text{
  line-height: 1.6;
  height: 6.4em;
  overflow: hidden;
  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.slideMesbox .textlink:hover{
  color: #eee;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

/*技术论坛左右切换按钮*/
.btn-news-prev{
  left: 0;
}
.btn-news-next{
  right: 0;
}


/*首页  应用领域*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.main-apply .col-xs-6{
	  width: 33.33333333%;
	}
}
@media only screen and (max-width: 639px) {
  .main-apply .col-xs-6:nth-child(n+5){
    display: none;
  }
}
@media only screen and (min-width: 640px) and (max-width: 991px) {
	.main-apply .col-xs-6:nth-child(n+7){
	  display: none;
	}
}
.shadelink{
  position: relative;
  display: block;
  
  max-width: 240px;
  margin: 0 auto;
  overflow: hidden;
}
.shadelink .imgbox{
  position: relative;
  height: 0;
  padding-top: 83%;
  
}

.shadelink .linktitle{
  font-size: 12px;
  padding: 0.2em 5px;
  color: #fff;
  background: rgba(0,132,202,0.5);
  line-height: 1.8;     
  
  overflow: hidden;
  text-overflow: ellipsis;
  
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;   
          transition: 0.3s;
		  
  text-align:center;

}
.shadelink:hover .linktitle{
  background: rgba(0,132,202,0.8);
 
}
@media only screen and (max-width: 479px){
	.shadelink .linktitle{
		white-space:nowrap;
	}	
}
@media only screen and (min-width: 480px) {
  .shadelink .linktitle{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    
    font-size: 13px;
    height: 2.2em;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;*/
  }
/*	.shadelink:hover .linktitle{
    height: 4em;
    -webkit-line-clamp: 2;
  }*/
  
  /*100%蒙版*/
  .shadelink.shadetotal .imgbox{
    border: 1px solid #dcdcdc;
  }
  .shadelink.shadetotal .linktitle{ 
    background: #0084ca;
    
    -webkit-transition: 0.5s ease-out;  
       -moz-transition: 0.5s ease-out;  
            transition: 0.5s ease-out;
  }
  .shadelink.shadetotal:hover .linktitle{
    background: rgba(0,132,202,0.5);
    height: 100%;
    display: flex;    
    align-items: center;
	justify-content:center;
  }
}


.main-apply .btn-more-wrap{
  text-align: center;
  margin: 20px 0;
}
.main-apply .btn-more{
  padding: 8px 15px;
}


/*首页 联系我们*/
.contact-wrapper{
  padding-bottom: 20px;
  background: url(../img/contactwrapper-bg.png) no-repeat center / cover
}
.contact-wrapper .col-xs-12{
  margin-bottom: 20px;
}
.main-contact{
  color: #262626;
}
.contact-title{
  font-size: 15px;
  margin-bottom: 15px;
}

.contact-link{
  margin-bottom: 15px;
}
.qqlink{
  display: inline-block;
  width: 115px;
  text-align: center;
  margin-bottom: 5px;
}
.qqlink img{
  margin-right: 8px;
}
.qqlink span{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 8px;
  color: #fff;
  background: #0084ca;
  border-radius: 4px;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;   
          transition: 0.3s;
}
.qqlink span:before{
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  margin-top: -5px;
  border-width: 3px 4px;
  border-style: solid;
  border-color: #0084ca #0084ca transparent transparent;
}
.qqlink:hover span{
  background: #006296;
}

.erweima img{
  max-width: 100%;
}
.contact-way .erweima{
  display: inline-block;
  text-align: center;
}
.contact-list li{
  margin-bottom: 0.5em;
}
.contact-list li .glyphicon{
  color: #828282;
  margin-right: 10px;
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .contact-way .contact-list{
    float: left;
    width: 60%; 
  }
  .contact-way .erweima{
    float: right;
    max-width: 40%;
  }
}
@media only screen and (min-width: 950px) {
  .contact-way .contact-list{
    float: left;
    width: 100%; 
  }
  .contact-way .erweima{
    float: right;
    max-width: 40%;
  }
}

/*联系表单*/
.contact-form{
  max-width: 650px;
  margin: 0 auto;
}
.contact-form label{
  font-weight: normal;
}
.contact-form .form-control{
  background:#fff;
  border: 1px solid #ccc;
  border-radius: 0;
}
.contact-form .form-control:focus{
  border-color: #0084ca;
}
.contact-form textarea{
  width: 100%;
  resize: vertical;
}
.contact-form input[type=submit]{
  width: 100%;
  color: #fff;
  background:#0084ca;
  padding: 4px 10px;
  border-radius: 0;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
          transition: 0.3s;
}
.contact-form input[type=submit]:hover{
  background: #0072b0;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}


/*非主页页面*/
.main-page{
  margin: 20px 0 30px;
}
@media (max-width: 767px) {
  .main-page{
    margin-top: 0;
  }
  
  .contact-way img{max-width:100%; height:auto;}
  .contact-list img{max-width:100%; height:auto;}
  
}
@media only screen and (min-width: 840px) and (max-width:991px) {
  .page-aside-wrap{
    width: 30%;
  }
  .page-section-wrap{
    width: 70%;
  }
}


/*aside标题*/
.aside-toptitle {
  color:#fff;
  text-align: center;
  padding: 10px 5px;
  border-radius: 6px 6px 0 0;
  background: #0084ca;
  background: linear-gradient(135deg,#4da9da 40%,#0084ca 0,#0084ca 75%,#0079b8 0);
}
.aside-toptitle .text{
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  text-align: left;
}
.aside-toptitle .text p{
  font-size: 24px;
  font-weight: bold;
}
.aside-toptitle .text span{
  font-size: 12px;
  text-transform: uppercase;
}

.aside-title{
  position: relative;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #0084ca;
  margin-top: 20px;
}
.aside-title strong{
  font-size: 16px; 
}
.aside-title:before{
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 14px;
  background: url(../img/title-shadow.jpg) no-repeat center / cover;
}

/*侧栏列表*/
.aside-list{
  margin-bottom: 30px;
  border: 1px solid #dbdbdb;
}
.aside-list li a{
  color: #222;
  display: block;
  line-height:22px;
}
.aside-list>li>a{
  cursor:pointer;
  margin: 10px 0;
  padding: 5px 10px;
  background: #cfcfcf;
  background: linear-gradient(#f9f9f9,#cfcfcf 50%,#e3e3e3);
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.aside-list>li>a[href]:hover,
.aside-list>li>a.act{
  color: #fff;
  background: linear-gradient(#58a8e4 50%,#3384c5 0);
}
.aside-list>li>a:before{
  content: "\29C1";
  margin-right: 8px;
  font-size: 16px;
}

/*二级菜单*/
.aside-list li ul{
  padding: 0 12px;
}
.aside-list li ul li a{
  margin-bottom:5px;
}
.aside-list li ul li a:before{
  content: "\FE65";
  margin-right: 6px;
}
.aside-list li ul li a.act,
.aside-list li ul li a:hover{
  color: #0084ca;
}


/*侧栏联系列表*/
.aside-contact>img{
  width: 100%; display: none;
}
.aside-contact ul{
  color: #232323;
  font-size: 12px;
  padding: 5px;
}
.aside-contact ul li{
  line-height: 1.6;
  margin: 5px 0;
}
.companyname{
  font-size: 1.05em;
  text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}


/*section标题*/
.section-title{
  height: 40px;
  line-height: 39px;
  border-bottom: 1px solid #d3d3d3;
}
.section-title .title-text{
  position: relative;
  display: inline-block;
  color: #0084ca;
  font-size: 16px;
}
.section-title .title-text:before{
  content: "";
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0084ca;
}
.section-title .pos{
  float: right;
  font-size: 13px;
  color: #222;
}
.section-title .pos a.act,
.section-title .pos a[href]:hover{
  color: #0084ca;
}

/*section内容部分*/
.section{
  margin: 20px 0;
}

/*详情页*/
.section-x{
/*  margin-top: 30px;*/
  line-height: 1.6;
}
.section-x .title{
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 15px;
}
.section-x .title.big{
  font-family: simsun;
  padding-bottom: 15px;
  border-bottom: 1px solid #dfdfdf;
}
.section-x .imgbox{
 text-align: center;
  margin: 10px 0;
}
.section-x .imgbox img{
  max-width: 100%;
  margin-bottom: 10px;
  
}
.section-x .text{
  font-size:12px;
  color: #222;
  line-height: 1.75;
  margin-bottom: 10px;
}


/*产品展示页*/
@media (min-width: 640px) and (max-width: 767px) {
  .section-product .col-xs-6{
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width:850px) {
  .section-product{
    padding: 0 10px;
  }
  .section-product .col-xs-6{
    width: 50%;
  }
}


/*新闻中心页*/
.newsitem{
  padding-bottom: 15px;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 15px;
}
.newslink{
  display: block;
}
.newslink .imgbox{
  text-align: center;
}
.newslink .imgbox img{
  max-width: 100%;
}
.newslink .newstext{
  position: relative;
  overflow: hidden;
}
.newslink .newstext .title{
  font-size: 15px;
  margin: 5px 0;
  color: #2d7db8;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newslink .newstext .text{
  color: #222;
  line-height: 1.8;
  max-height: 5.4em;
  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.newslink .span-more{
  display: inline-block;
  color: #2d7db8;
  margin-top: 5px;
}
@media (max-width: 479px) {
  .newslink{
    padding: 10px;
  }
  .newslink .newstext{
    margin-top: 5px;
  }
}
@media (min-width: 480px) {
  .newslink{
    height: 148px;
  }
  .newslink .imgbox{
    position: relative;
    overflow: hidden;
    float: left;
    
    width: 180px;
    max-width: 50%;
    height: 100%;
  }
  .newslink .imgbox img{
    max-height: 100%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
  }
  .newslink .newstext{
    float: left;
    width: calc(100% - 180px);
    min-width: 50%;
    height: 100%;
    padding: 10px;
  }
  .newslink .span-more{
    position: absolute;
    bottom: 10px;
    left: 10px;
  }
  
}
.newslink:hover{
  background: #f1f1f1;
}
@media only screen and (min-width: 992px) {
  .newslink:hover{
    transform: translateY(-5px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  }
}



/*联系我们页*/
.section-contact .erweima-wrap{
  text-align: center;
  margin-bottom: 20px;
}
.section-contact .erweima{
  display: inline-block;
  text-align: center;
}
.section-contact .list-wrap{
  text-align: center;
}
.section-contact .contact-list{
 /* display: inline-block;*/
  text-align: left;
}
@media only screen and (min-width: 640px) {
  .section-contact .erweima-wrap{
    text-align: right;
    margin-bottom: 0;
  }
  .section-contact .list-wrap{
    text-align: left;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.section-contact .col-xs-12{
    width: 50%;
  }
}

.contact-map{
  margin: 20px 0;
}
.contact-map img{
  display: block;
  margin: 0 auto;
  max-width: 100%;
}


/*小屏产品分类下拉按钮*/
#s-btn,
#s-btn-drop {
  color:#fff;
  background: #222;
  line-height: 35px;
  margin: 10px;
  margin-bottom: 0;
  padding: 0 15px;
}
#s-btn-drop{
  cursor: pointer;
}
#s-btn span,
#s-btn-drop span{
  margin-right:10px;
}
#s-btn b.glyphicon{
  display: none;
}
#s-btn-drop b{
  float: right;
  top: 0;
  line-height: 35px;
  
  -webkit-transition: 0.4s;  
     -moz-transition: 0.4s;  
          transition: 0.4s;
}
#s-btn-drop.act b{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*小屏下拉列表*/
.drop-list{
  display: none;
  margin:0 12px;
  text-align: center;
  color: #fff;
}
.drop-list li a{
  display: block;
  cursor: pointer;
  padding:6px 15px;
  margin-top: 3px;
}
.drop-list>li>a{
  background: #0084ca;
}
.drop-list>li>a:hover,
.drop-list>li.act>a,
.drop-list>li>a.act{
  color: #fff;
  background: #0072b0;
}
/*二级下拉菜单*/
.drop-list li ul{
  display: none;
  margin: 0 3px;
}
.drop-list li ul li a{
  background: #65a6c9;
}
.drop-list li ul li a:hover,
.drop-list li ul li a.act{
  background: #3c98c9;
}



/* 大屏底部  */
.foot{
  color: #fff;
  background: #0084ca;
  padding: 15px 0;
}
@media only screen and (min-width: 768px) {
  .foot{
    padding: 20px 0px;
  }
}
.foot a:hover{
  color: #ddd;
}
.foot-content{
  text-align: center;
  line-height: 1.6;
}
.foot-nav{
  font-size: 0;
  line-height: 0;
  margin-bottom: 5px;
}
.foot-nav a{
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  padding: 0 8px;
  margin-bottom: 5px;
  border-right: 1px solid #fff;
}
@media only screen and (max-width: 449px) {
	.foot-copy .recordnumber{
	  display: block;
	}
}


/*小屏底部*/
.foot-fixed{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  color:#fff;
  background:#222;
  border-top: 1px solid #111;
}
.foot-fixed .col-xs-3{
  padding: 0;
}
.foot-fixed a{
  display: block;
  padding:2px 0;
  text-align: center;
}
.foot-fixed a:hover{
  background:#0377b4;
}
.foot-fixed .foot-icon{
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 20px;
  overflow: hidden;
}
i.foot-phone{
  background: url(../img/foot-icon.png) 0px -0px no-repeat;
}
i.foot-map{
  background: url(../img/foot-icon.png) -30px -0px no-repeat;
}
i.foot-sharelink{
  background: url(../img/foot-icon.png) -60px -0px no-repeat;
}
i.foot-email{
  background: url(../img/foot-icon.png) -90px -0px no-repeat;
}
@media screen and (max-width: 767px) {
  /*小屏底部fixed导航距离*/
  body{
    padding-bottom: 45px;
  }
}

@media  (max-width:767px){
.section-x .text img{max-width:100%;
 text-align:center;}

}