/**********
	自定义工具函数
	用于将1200px设计稿的px高度转换为750px的rem高度
**********/
/********开始Home头部*******/
.top {
  height: 112px;
  background: url(../images/icon/blue.png) repeat;
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 6;
}
.top > .mauto .logo {
  float: left;
  width: 216px;
  height: 112px;
}
.top > .mauto .logo a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.top > .mauto .logo a img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.top > .mauto .top-right {
  float: right;
  width: 950px;
}
.top > .mauto .top-right .mail {
  color: #ccc;
  padding-right: 28px;
  float: right;
  width: 100%;
  text-align: right;
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
}
.top > .mauto .top-right .mail a {
  padding: 0 8px;
  display: inline-block;
  font-size: 12px;
  color: #ccc;
}
.top > .mauto .top-right .nav {
  float: right;
}
.top > .mauto .top-right .nav > ul > li {
  float: left;
  height: 72px;
  line-height: 48px;
  padding: 0 30px;
  position: relative;
}
.top > .mauto .top-right .nav > ul > li > a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.top > .mauto .top-right .nav > ul > li.active > a,
.top > .mauto .top-right .nav > ul > li:hover > a {
  border-bottom: #dbd9d7 solid 1px;
}
.top > .mauto .top-right .nav > ul > li.active > a > em,
.top > .mauto .top-right .nav > ul > li:hover > a > em {
  background: #0057a9;
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 48px;
}
.top > .mauto .top-right .nav > ul > li.active dl,
.top > .mauto .top-right .nav > ul > li:hover dl {
  display: block;
}
.top > .mauto .top-right .nav > ul > li dl {
  background: #fff;
  width: 472px;
  padding: 20px 10px;
  position: absolute;
  left: 0;
  top: 72px;
  display: none;
  -moz-box-shadow: 3px 1px 9px #9999;
  box-shadow: 3px 1px 9px #9999;
}
.top > .mauto .top-right .nav > ul > li dl dt {
  width: 252px;
  float: right;
}
.top > .mauto .top-right .nav > ul > li dl dt img {
  width: 252px;
  height: 151px;
}
.top > .mauto .top-right .nav > ul > li dl dd {
  float: left;
  width: 151px;
  height: 27px;
  line-height: 27px;
}
.top > .mauto .top-right .nav > ul > li dl dd a {
  color: #555;
  font-size: 12px;
  display: inline-block;
  width: 151px;
  padding-left: 20px;
  background: url(../images/icon/icon01.png) 10px center no-repeat;
}
.top > .mauto .top-right .nav > ul > li dl dd a:hover,
.top > .mauto .top-right .nav > ul > li dl dd a.active {
  color: #fff;
  background: url(../images/icon/icon02.png) 10px center no-repeat;
  background-color: #2a7dcc;
}
/********結束Home头部*******/
/********开始Homebanner*******/
.i-banner .bx-wrapper .bx-pager.bx-default-pager a {
  width: 12px;
  height: 12px;
  margin-top: -5px;
  border-radius: 50%;
  background: #fff;
  margin: 0 5px;
}
.i-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.i-banner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #0d6fcc;
}
/********結束Homebanner*******/
/********开始Home關於我們*******/
.div-t {
  text-align: center;
  line-height: 40px;
}
.div-t span {
  color: #111;
  padding: 0 10px;
  font-size: 21px;
  display: inline-block;
  padding: 0 40px;
  position: relative;
}
.div-t span em {
  width: 30px;
  background: #bdb9b9;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 50%;
  display: block;
}
.div-t span em.t1 {
  left: 0;
}
.div-t span em.t2 {
  right: 0;
}
.t-box {
  text-align: center;
  color: #999;
  position: relative;
}
.t-box span {
  position: relative;
  display: inline-block;
  height: 35px;
  line-height: 30px;
}
.t-box span em {
  position: absolute;
  left: 50%;
  margin-left: -9px;
  height: 2px;
  background: #0057a9;
  top: 35px;
  display: block;
  width: 18px;
}
.i-about {
  width: 100%;
  float: left;
  margin-top: 100px;
}
.i-about dl {
  float: left;
  text-align: center;
  padding: 0 40px;
  width: 20%;
}
.i-about dl dt {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  width: 118px;
  height: 134px;
  display: inline-block;
}
.i-about dl dt img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.i-about dl dd.t1 {
  margin-top: 10px;
}
.i-about dl dd.t1 a {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.i-about dl dd.t2 {
  color: #aaa;
  margin-top: 5px;
  line-height: 18px;
}
.i-about dl:hover {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.i-about dl:hover:hover {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.i-about dl:hover dd.t1 a {
  color: #0d6fcc;
}
.i-about dl.a1 dt {
  background: url(../images/about01.png) center center no-repeat;
}
.i-about dl.a1:hover dt {
  background: url(../images/about01-hover.png) center center no-repeat;
}
.i-about dl.a2 dt {
  background: url(../images/about02.png) center center no-repeat;
}
.i-about dl.a2:hover dt {
  background: url(../images/about02-hover.png) center center no-repeat;
}
.i-about dl.a3 dt {
  background: url(../images/about03.png) center center no-repeat;
}
.i-about dl.a3:hover dt {
  background: url(../images/about03-hover.png) center center no-repeat;
}
.i-about dl.a4 dt {
  background: url(../images/about04.png) center center no-repeat;
}
.i-about dl.a4:hover dt {
  background: url(../images/about04-hover.png) center center no-repeat;
}
.i-about dl.a5 dt {
  background: url(../images/about05.png) center center no-repeat;
}
.i-about dl.a5:hover dt {
  background: url(../images/about05-hover.png) center center no-repeat;
}
/********結束Home關於我們*******/
/********开始Home產品展示*******/
.section03 {
  background: #eee;
}
.i-product {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.i-product .item {
  float: left;
  width: 50%;
  padding: 0 10px;
}
.i-product .item dl {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px;
  margin-top: 25px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.i-product .item dl:hover {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.i-product .item dl dt {
  float: left;
  width: 200px;
  height: 163px;
  overflow: hidden;
}
.i-product .item dl dt a img {
  width: 200px;
  height: 163px;
  transition-duration: 1000ms;
  transition-timing-function: ease-out;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -webkit-transition-duration: 1000ms;
  -webkit-transition-timing-function: ease-out;
  -o-transition-duration: 1000ms;
  -o-transition-timing-function: ease-out;
  -o-transform: scale(1, 1);
  -moz-transition-duration: 1000ms;
  -moz-transition-timing-function: ease-out;
  -moz-transform: scale(1, 1);
  -ms-transition-duration: 1000ms;
  -ms-transition-timing-function: ease-out;
  -ms-transform: scale(1, 1);
}
.i-product .item dl dt a img:hover {
  transform: scale(1.2, 1.2);
  transition-duration: 1000ms;
  transition-timing-function: ease-out;
  -webkit-transform: scale(1.2, 1.2);
  -webkit-transition-duration: 1000ms;
  -webkit-transition-timing-function: ease-out;
  -o-transform: scale(1.2, 1.2);
  -o-transition-duration: 1000ms;
  -o-transition-timing-function: ease-out;
  -moz-transform: scale(1.2, 1.2);
  -moz-transition-duration: 1000ms;
  -moz-transition-timing-function: ease-out;
  -ms-transform: scale(1.2, 1.2);
  -ms-transition-duration: 1000ms;
  -ms-transition-timing-function: ease-out;
}
.i-product .item dl dd {
  float: left;
  width: 330px;
  padding-left: 15px;
}
.i-product .item dl dd.t1 {
  margin-top: 10px;
  line-height: 40px;
  position: relative;
}
.i-product .item dl dd.t1 em {
  position: absolute;
  width: 22px;
  height: 3px;
  background: #f58220;
  left: 15px;
  top: 40px;
}
.i-product .item dl dd.t1 a {
  color: #333;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
.i-product .item dl dd.t1 a:hover {
  color: #0d6fcc;
}
.i-product .item dl dd.t2 {
  color: #999;
  font-size: 12px;
  margin-top: 0px;
  line-height: 22px;
}
.more {
  text-align: center;
}
.more a {
  display: inline-block;
  width: 128px;
  height: 34px;
  line-height: 32px;
  background: #fff;
  color: #333;
  border-radius: 3px;
  border: #ddd solid 1px;
}
.more a:hover {
  color: #0d6fcc;
}
/********結束Home產品展示*******/
/********開始Home新聞列表*******/
.i-news {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.i-news dl {
  width: 50%;
  float: left;
  padding: 0 32px;
  margin-top: 20px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.i-news dl:hover {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.i-news dl dt {
  float: left;
  width: 78px;
  height: 108px;
  border: #ddd solid 1px;
  padding: 0 5px;
  text-align: center;
}
.i-news dl dt em {
  height: 60px;
  font-size: 48px;
  color: #0057a9;
  line-height: 60px;
  border-bottom: #ddd solid 1px;
  display: block;
}
.i-news dl dt i {
  display: block;
  color: #999;
  font-size: 16px;
  line-height: 40px;
}
.i-news dl dd {
  float: left;
  width: 456px;
  padding-left: 15px;
}
.i-news dl dd a {
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  line-height: 30px;
}
.i-news dl dd.t2 {
  line-height: 22px;
  font-size: 12px;
  color: #999;
}
.i-news dl:hover dt {
  background: #0057a9;
}
.i-news dl:hover dt em {
  border-bottom: #286fb2 solid 1px;
  color: #fff;
}
.i-news dl:hover dt i {
  color: #fff;
}
.i-news dl:hover dd a {
  color: #0d6fcc;
}
/********結束Home新聞列表*******/
/********開始Home底部*******/
.bottom {
  background: url(../images/bottombg.jpg) center top no-repeat;
  width: 100%;
  float: left;
}
.bottom .code {
  float: left;
  width: 440px;
  padding: 20px;
}
.bottom .code dt {
  float: left;
}
.bottom .code dd {
  width: 278px;
  padding-left: 15px;
  float: left;
  color: #fff;
}
.menu {
  float: right;
  margin: 35px 0 20px;
}
.menu dl {
  float: left;
  padding: 0 18px;
  text-align: center;
}
.menu dl dt {
  font-size: 16px;
  position: relative;
  color: #fff;
  height: 40px;
}
.menu dl dt em {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 32px;
  background: #69b8ce;
  height: 2px;
  width: 16px;
  margin-left: -8px;
}
.menu dl dd a {
  color: #fff;
  font-size: 13px;
  line-height: 25px;
  display: inline-block;
}
.menu dl dd a:hover {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.menu dl dd a:hover:hover {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.copyright {
  width: 100%;
  float: left;
  background: #222;
  padding: 16px;
  line-height: 20px;
  color: #777;
  font-size: 13px;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: #0d6fcc;
}
/********結束Home底部*******/


.Page_next {
font-size:13px;
    border-top: 1px dotted #cccccc;
    margin: 20px  auto;
    padding-top: 30px;
	padding-bottom:20px;
    text-align: center;
    width: 95%;
}