@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.icon{
  font-family:"iconfont" !important;
  font-size: 3em;
  line-height: 0.75em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-intro:before{content: "\e64b";}
.icon-product:before{content: "\e610";font-weight: 100;}
.icon-home:before{content: "\e605";}
.icon-tech:before{content: "\e630";}
.icon-contact:before{content: "\e602";}

@media (max-width: 769px) {
	#main{width: 100%;}
}
@media (min-width: 768px) {
	#main{width: 640px;}
}

#main{margin: 0 auto;padding-bottom: 5em;}

.navbar{position: fixed;bottom: 0;width: 100%;height: 5em;background: #eee;left: 0;z-index: 100;right: 0;}
.navbar ul{clear: both;overflow: hidden;height: 5em;}
.navbar li{float: left;display: inline;width: 20%;text-align: center;height: 5em;}
.navbar li a{display: block;line-height: 0.7em;position: relative;font-size: 0.85em;color: #000;height: 100%;}
.navbar li .icon:before{text-align: center;display: block;padding-top: 10px;}
.navbar li:hover a{color: #0099e5;}

.banner{position: relative;}
.banner .bd{overflow: hidden;width: 100%;position: relative;left: 0;top: 0;}
.banner .bd ul{clear: both;}
.banner .bd li{float: left;display: inline;width: 100%;}
.banner .bd li img{display: block;width: 100%;}
.banner .hd{bottom: 0;left: 0;right: 0;}
.banner .hd .swiper-pagination-bullet{background: #fff;filter: alpha(opacity=100);opacity: 1;margin: 0 5px;}
.banner .hd .swiper-pagination-bullet-active{background: #154a9a;}

.content{min-height: 300px;}

.index_list{background: #016fac;padding: 15px 10px 5px 10px;color: #fff;}
.index_list li{overflow: hidden;margin-bottom: 15px;}
.index_list li a{display: block;color: #fff;}
.index_list li .pic{width: 100px;height: 95px;float: left;display: inline;overflow: hidden;}
.index_list li .pic img{display: block;}
.index_list li .info{margin-left: 110px;}
.index_list li .info h2{font: bold 18px/30px '微软雅黑';height: 30px;overflow: hidden;margin-bottom: 3px;}
.index_list li .info p{font: normal 13px/20px '微软雅黑';height: 60px;overflow: hidden;}

#footer{background: #016fac;color: #fff;text-align: center;font: normal 14px/25px '微软雅黑';padding: 10px 0;border-top: 1px solid #fff;}

.profile{font: normal 14px/2 '微软雅黑';color: #333;overflow: hidden;padding: 10px;}
.profile img{display: block;margin: 0 auto;max-width: 100% !important;}










