/* Compiled Less CSS File */
/* Generated from "base.css" */

@charset "utf-8";
.basebox {
  width: 100%;
  min-width: 320px;
  max-width: 3000px;
  height: auto;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  color: #000000;
}
.centerArea {
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.topbox {
  width: 100%;
  height: 83px;
  text-align: center;
  position: relative;
  z-index: 10;
}
.topbox .box {
  width: 100%;
  height: 83px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  max-width: 1200px;
  min-width: 320px;
}
.topbox .box .logo {
  float: left;
}
.topbox .box .menubtn {
  float: right;
  margin-top: 30px;
  margin-right: 10px;
  display: none;
}
.topbox .box .menubtn h5 {
  display: block;
  font-weight: normal;
  font-size: 24px;
  color: #FFFFFF;
}
.topbox .box .menu {
  float: right;
  margin-top: 40px;
}
.topbox .box .menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.topbox .box .menu ul li {
  margin: 0px 0 0 55px;
  padding: 0px;
  list-style: none;
  float: left;
  font-size: 16px;
  font-family: "Microsoft Yahei";
  height: 40px;
  line-height: 40px;
}
.headbox {
  width: 100%;
  height: 99px;
  text-align: center;
  position: relative;
  z-index: 10;
}
.headbox .box {
  width: 100%;
  height: 99px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  max-width: 1200px;
  min-width: 320px;
}
.headbox .box .logo {
  float: left;
}
.headbox .box .menubtn {
  float: right;
  margin-top: 30px;
  margin-right: 10px;
  display: none;
}
.headbox .box .menubtn h5 {
  display: block;
  font-weight: normal;
  font-size: 24px;
  color: #000000;
}
.headbox .box .menu {
  float: right;
  margin-top: 40px;
}
.headbox .box .menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.headbox .box .menu ul li {
  margin: 0px 0 0 55px;
  padding: 0px;
  list-style: none;
  float: left;
  font-size: 16px;
  font-family: "Microsoft Yahei";
  height: 40px;
  line-height: 40px;
}
#homeSlide {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  clear: both;
  position: relative;
  z-index: 1;
  margin-top: -83px;
}
#homeSlide .list {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#homeSlide .list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#homeSlide .list ul li {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
}
#erSlide {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  clear: both;
  position: relative;
  z-index: 1;
}
#erSlide .list {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#erSlide .list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#erSlide .list ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
}
.aboutbox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #FFFFFF;
  overflow: hidden;
}
.aboutbox .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
}
.aboutbox .centerbox .title {
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 30px;
  text-align: center;
  margin-top: 33px;
  font-family: "Microsoft YaHei";
  font-weight: normal;
  overflow: hidden;
}
.aboutbox .centerbox .title2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: normal;
  overflow: hidden;
}
.aboutbox .centerbox .aboutshow {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.aboutbox .centerbox .aboutshow .leftbox {
  float: left;
}
.aboutbox .centerbox .aboutshow .leftbox .tit {
  width: 100%;
  height: auto;
  line-height: 30px;
  color: #006BAF;
  font-family: "Microsoft YaHei";
  font-weight: normal;
  font-size: 16px;
}
.aboutbox .centerbox .aboutshow .leftbox .tit span {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
}
.aboutbox .centerbox .aboutshow .leftbox .showbox {
  width: 100%;
  height: auto;
  overflow: hidden;
  line-height: 200%;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
.aboutbox .centerbox .aboutshow .leftbox .morebox {
  text-align: right;
  width: 100%;
}
.aboutbox .centerbox .aboutshow .rightbox {
  float: right;
}
.productbox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  background: #F3F3F3;
}
.productbox .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
}
.productbox .centerbox .title {
  width: 100%;
  height: auto;
  line-height: 46px;
  font-size: 30px;
  text-align: center;
  margin-top: 33px;
  font-family: "Microsoft YaHei";
  font-weight: normal;
}
.productbox .centerbox .title2 {
  width: 100%;
  height: auto;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: normal;
}
.productbox .homeproduct {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
}
.productbox .homeproduct .container {
  width: 100%;
}
.productbox .homeproduct .box {
  height: 357px;
  background: #35A2DB;
}
.productbox .homeproduct .even {
  background: #0084C9;
}
.productbox .homeproduct .box .leftarea {
  height: 261px;
  clear: both;
  overflow: hidden;
  margin-top: 50px;
  padding: 0px;
}
.productbox .homeproduct .box .leftarea .tit {
  width: 200px;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  font-weight: bold;
  background: url(../Images/lineme.jpg) left bottom no-repeat;
  margin: 0 auto;
}
.productbox .homeproduct .box .leftarea .list {
  width: 200px;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
  margin: 0 auto;
}
.productbox .homeproduct .box .leftarea .list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.productbox .homeproduct .box .leftarea .list ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  height: 32px;
  line-height: 32px;
  width: 200px;
  overflow: hidden;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
.productbox .homeproduct .box .picarea {
  height: auto;
  margin: 0px;
  padding: 0px;
}
.productbox .homeproduct .box .picarea .pic {
  margin-top: 50px;
}
.pridebox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  background: #FFFFFF;
  padding-bottom: 33px;
}
.pridebox .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
}
.pridebox .centerbox .title {
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 30px;
  text-align: center;
  margin-top: 33px;
  font-family: "Microsoft YaHei";
  font-weight: normal;
  overflow: hidden;
}
.pridebox .centerbox .title2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: normal;
  overflow: hidden;
}
.pridebox .centerbox .wordbox {
  width: 90%;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  line-height: 200%;
  overflow: hidden;
  text-align: center;
}
.pridebox .centerbox .cerlist {
  width: 80%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
}
.pridebox .centerbox .cerlist .container {
  width: 100%;
}
.pridebox .centerbox .cerlist .row {
  width: 100%;
}
.pridebox .centerbox .cerlist ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.pridebox .centerbox .cerlist ul li {
  margin: 0px 0px 0 0;
  padding: 0px;
  list-style: none;
  float: left;
  text-align: center;
}
.homefeedback {
  width: 100%;
  height: 627px;
  margin: 0 auto;
  clear: both;
  background: url(../Images/feedback.jpg) right bottom no-repeat #f6f6f6;
  overflow: hidden;
}
.homefeedback .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
}
.homefeedback .centerbox .title {
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 30px;
  text-align: center;
  margin-top: 33px;
  font-family: "Microsoft YaHei";
  font-weight: normal;
}
.homefeedback .centerbox .title2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: normal;
}
.homefeedback .centerbox .container {
  width: 100%;
}
.homefeedback .centerbox .row {
  width: 100%;
}
.homefeedback .centerbox .feedback {
  padding-top: 33px;
}
.homefeedback .centerbox .feedback textarea {
  width: 100%;
  height: 160px;
}
.homefeedback .centerbox .feedback .btn {
  width: 100%;
  height: 57px;
  background: #E6181A;
  font-size: 14px;
  font-family: "Microsoft Yahei";
  color: #FFFFFF;
}
.homefeedback .centerbox .word {
  font-size: 16px;
  font-family: "Microsoft Yahei";
}
.homefeedback .centerbox .word p {
  line-height: 200%;
  margin-top: 33px;
}
.footnavbox {
  width: 100%;
  height: auto;
  background: #0084C9;
  overflow: hidden;
}
.footnavbox .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
  padding: 50px 0;
}
.footnavbox .centerbox .container {
  width: 100%;
}
.footnavbox .centerbox .row {
  width: 100%;
}
.footnavbox .centerbox .one {
  line-height: 200%;
}
.footnavbox .centerbox .one .tit {
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  background: url(../Images/fline.jpg) left bottom no-repeat;
  margin-bottom: 20px;
}
.footnavbox .centerbox .one .show {
  width: 100%;
  height: auto;
  overflow: hidden;
  line-height: 200%;
}
.footnavbox .centerbox .one .list {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.footnavbox .centerbox .one .list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footnavbox .centerbox .one .list ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-family: "Microsoft Yahei";
}
.footnavbox .centerbox .fhide {
  display: block;
}
.footbg {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #1F6388;
  padding: 20px 0;
}
.footbg .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
  line-height: 200%;
  text-align: center;
  color: #7D9CB1;
}
.ertopbox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  background: #0084C9;
  padding: 46px 0;
}
.ertopbox .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
  line-height: 200%;
  text-align: center;
  color: #7D9CB1;
}
.ertopbox .centerbox .tit {
  width: 100%;
  text-align: center;
  line-height: 200%;
  font-size: 14px;
  color: #FFFFFF;
  font-family: "Microsoft Yahei";
}
.ertopbox .centerbox .tit span {
  font-size: 20px;
}
.ertopbox .centerbox .ernav {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 27px;
}
.ertopbox .centerbox .ernav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.ertopbox .centerbox .ernav ul li {
  margin: 5px;
  padding: 0px;
  list-style: none;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  background: #35A2DB;
  float: left;
  color: #ffffff;
}
.ertopbox .centerbox .ernav ul li a {
  color: #ffffff;
}
.ertopbox .centerbox .ernav ul li.onfocus {
  background: #FFFFFF;
  color: #0084C9;
}
.ertopbox .centerbox .ernav ul li.onfocus a {
  color: #0084C9;
}
.ermainbox {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  min-height: 350px;
}
.ermainbox .centerbox {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
  line-height: 200%;
  text-align: left;
  color: #7D9CB1;
}
.ermainbox .centerbox .title2 {
  width: 100%;
  height: auto;
  table-layout: auto;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-family: "Microsoft Yahei";
  padding: 20px 0px;
  line-height: 200%;
  color: #000000;
}
.productlist {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 35px;
}
.productlist ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.productlist ul li {
	
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
}
.productlist ul li .inbox {
  min-width: 320px;
  height: auto;
  overflow: hidden;
  max-width: 370px;
  margin: 0 auto;
}
.productlist ul li .pic {
  height: auto;
}
.productlist ul li .pic img {
  border: 4px solid #DDDDDD;
}
.productlist ul li .tit {
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
}
.servicelist {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 35px;
}
.servicelist .container {
  margin: 0;
  padding: 0;
  width: 100%;
}
.servicelist .row {
  margin: 0;
  padding: 0;
}
.servicelist ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.servicelist ul li {
  margin: 15px 0;
  padding: 0px;
  list-style: none;
  float: left;
  overflow: hidden;
}
.servicelist ul li .container {
  width: 98%;
  overflow: hidden;
  background: #F4F4F4;
}
.servicelist ul li .pic {
  height: auto;
}
.servicelist ul li .pic img {
  border: 4px solid #DDDDDD;
  margin: 0 auto;
}
.servicelist ul li .rbox {
  line-height: 200%;
}
.servicelist ul li .rbox .showtit {
  width: 96%;
  line-height: 200%;
  text-align: left;
  font-size: 14px;
  color: #000000;
  font-family: "Microsoft Yahei";
}
.servicelist ul li .rbox .showword {
  width: 96%;
  line-height: 200%;
  text-align: left;
  color: #757575;
}