@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
img {
  border: none;
  display: block;
}
input,
select,
textarea {
  outline: none;
  border: none;
  background: none;
}
textarea {
  resize: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #1349ba;
}
a,
label {
  outline: none;
}
i {
  font-style: normal;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.w {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  html,
  body {
    font-size: 40px;
  }
}
@media only screen and (max-device-width: 540px), only screen and (max-width: 540px) {
  html,
  body {
    font-size: 33.75px;
  }
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  html,
  body {
    font-size: 30px;
  }
}
@media only screen and (max-width: 400px) {
  html,
  body {
    font-size: 25px;
  }
}
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
  html,
  body {
    font-size: 22.5px;
  }
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
  html,
  body {
    font-size: 20px;
  }
}
html,
body {
  font-family: "microsoft yahei", Aril, sans-serif;
  color: #333;
  background-color: #fff;
  text-align: center;
  -webkit-text-size-adjust: none;
}
input,
textarea {
  font-family: "microsoft yahei", Aril, sans-serif;
  color: #333;
}
.icon {
  background: url(../images/icon.png) no-repeat;
  display: block;
  background-size: 5rem;
}
.clear {
  padding: 0px;
  margin: 0;
  clear: both;
}
.header {
  *zoom: 1;
  height: 3.5rem;
  position: fixed;
  top: 0;
  z-index: 900;
  background: #fff;
  border-bottom: 1px solid #d2d2d2;
}
.header:before,
.header:after {
  display: table;
  content: "";
  line-height: 0;
}
.header:after {
  clear: both;
}
.header .logo {
  margin-top: .7rem;
  margin-left: .3rem;
  width: 5.4rem;
  float: left;
  overflow: hidden;
}
.header .logo img {
  width: 100%;
  height: 100%;
  font-size: .6rem;
}

.header .header-tel {
  width: 10rem;
  height: 2.4rem;
  float: left;
  position: relative;
  z-index: 901;
  box-sizing: border-box;
  text-align: left;
  padding-left: .75rem;
  border-left: 1px solid #dfdfdf;
  margin: .5rem 0 0 0;
}
.header .header-tel h4 {
  font-size: .6rem;
}
.header .header-tel p {
  font-size: .4rem;
}
.header .header-tel h5 {
  font-size: .8rem;
  color: #1349ba;
  font-family: arial;
  font-weight: bold;
  position: relative;
  padding-left: .65rem;
  margin-top: .1rem;
}
.header .header-tel h5 i {
  height: .6rem;
  width: .6rem;
  position: absolute;
  z-index: 902;
  left: 0;
  top: .2rem;
}
.main-nav {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  *zoom: 1;
  height: 2.65rem;
  box-sizing: border-box;
  margin: 3.5rem auto 0px;
}
.main-nav:before,
.main-nav:after {
  display: table;
  content: "";
  line-height: 0;
}
.main-nav:after {
  clear: both;
}
.main-nav a {
  display: block;
  float: left;
  width: 25%;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: .65rem;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid #d2d2d2;
  background: url(../images/navli.jpg) no-repeat right center;
}
.main-nav a:nth-child(4n) {
  background: none;
}
.main-nav a:nth-child(8n) {
  background: none;
  display: block;
}
.main-nav a:hover,
.main-nav a.hover {
  background: url(../images/navhover.jpg) repeat-x 3px;
  color: #fff;
}
/*banner*/
.banner{  position:relative; overflow:hidden; width:100%;max-width:640px; min-width:320px;margin:0 auto;}
.banner .list { float:left; width:400%; }
.banner .list li { float:left; width:25%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:90%; height:14px;color:#fff; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:15px; }
.banner .tip span { display:inline-block; width:14px; height:14px; background:#1550c7; margin:0 3px;border-radius:10px}
.banner .tip span.cur{ background:#f98f27;}
.seacher {
  height: 2.075rem;
  background: #1349ba;
}
.seacher input {
  float: left;
  margin-left: 0.5rem;
  margin-top: 0.225rem;
  height: 1.65rem;
  line-height: 1.65rem;
}
.seacher input[type=text] {
  background: #fff;
  width: 9.4rem;
  color: #969696;
  font-size: 0.6rem;
  padding: 0px .5rem;
}
.seacher input[type=button] {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe100), to(#ff9300));
  width: 4.175rem;
  font-size: 0.75rem;
  color: #fff;
}
.column-head {
  width: 100%;
  height: 1.37rem;
  margin-bottom: 0.5rem;
  box-sizing: border-box;
  position: relative;
  z-index: 800;
  margin-top: .6rem;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe200), to(#ff9300));
  line-height: 1.375rem;
}
.column-head span {
  color: #fff;
  font-weight: bold;
  font-size: 0.5rem;
  background: url(../images/column-head-main.jpg) no-repeat;
  background-size: 5.475rem;
  display: block;
  position: absolute;
  width: 5.475rem;
  height: 1.625rem;
}
.column-head a {
  float: right;
  font-size: 0.6rem;
  color: #1041ab;
  position: relative;
  padding-right: 1.75rem;
}
.column-head a i {
  color: #fff;
  width: 0.9rem;
  height: 0.85rem;
  line-height: 0.85rem;
  line-height: 1.375rem;
  display: block;
  text-align: center;
  background-position: -3.775rem 0px;
  position: absolute;
  right: 0.5rem;
  top: 0.25rem;
}
.pro-sub-list {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .5rem;
  *zoom: 1;
}
.pro-sub-list a {
  display: block;
  float: left;
  width: 20%;
  height: 1.425rem;
  line-height: 1.425rem;
  text-align: center;
  font-size: 0.5rem;
  margin-bottom: .3rem;
  border-bottom: 4px solid #9f9f9f;
  font-weight: bold;
  overflow: hidden;
}
.pro-sub-list a:hover,
.pro-sub-list a.hover {
  border-color: #ff9600;
  background: #fff;
}
.product-center {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.product-center .pro-list {
  padding: .5rem .5rem 0;
}
.product-center .pro-list .pro-item {
  width: 47%;
  float: left;
  border: 1px solid #e7e7e7;
  margin-bottom: 0.625rem;
}
.product-center .pro-list .pro-item .pro-item-img {
  display: block;
  width: 100%;
  overflow: hidden;
}
.product-center .pro-list .pro-item .pro-item-img img {
  width: 99%;
  margin: 0 auto;
  padding-top: 1%;
  display: block;
/*   height: 5.25rem; */
}
.product-center .pro-list .pro-item .pro-item-title {
  display: block;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  overflow: hidden;
  font-size: 0.45rem;
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#1650c9), to(#0c3797));
}
.product-center .pro-list .pro-item:nth-child(2n) {
  margin-left: 4%;
}
.product-center .pro-list:before,
.product-center .product-center .pro-list:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-center .pro-list:after {
  clear: both;
}
.product-center:before,
.product-center:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-center:after {
  clear: both;
}
.text .texttop {
  font-size: 0.9rem;
  color: #154dc3;
  font-weight: bold;
  background: #f1f1f1;
  height: 3rem;
  padding-top: 0.8rem;
}
.text .texttop i {
  color: #ff7200;
  font-size: 0.9rem;
}
.text .texttop p {
  font-size: 0.625rem;
  font-family: impact;
  color: #d1d1d1;
  font-weight: normal;
  text-transform: uppercase;
}
.text ul .blue {
  background: #154dc3;
}
.text ul .e4 {
  background: #e4e4e4;
}
.text ul .blue .fl,
.text ul .blue .fr {
  color: #fff;
}
.text ul .e4 .icon {
  background-position: -0.4rem -0.575rem;
}
.text ul .e4 .num,
.text ul .e4 i {
  color: #154dc3;
}
.text ul .blue i {
  color: #ffde00;
}
.text ul li {
  height: 3.5rem;
  padding: 0.5rem 0 .5rem 1rem;
  overflow: hidden;
}
.text ul li .rem1 {
  width: 1rem;
  height: 100%;
}
.text ul li .rem5 {
  width: .5rem;
  height: 100%;
}
.text ul li .num {
  width: 1.625rem;
  line-height: 3.5rem;
  font-family: impact;
  font-size: 1.5rem;
  text-align: center;
}
.text ul li .icon {
  background-position: 0px -0.575rem;
  height: 3.5rem;
  width: 0.175rem;
}
.text ul li .wenzi {
  width: 10.75rem;
  text-align: left;
}
.text ul li .wenzi p {
  font-size: 0.75rem;
  padding-bottom: .1rem;
  font-weight: bold;
}
.text ul li .wenzi span {
  font-size: 0.4rem;
  line-height: 0.7rem;
  display: block;
  max-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.honor {
  *zoom: 1;
}
.honor .honor-body {
  margin-top: .55rem;
  height: 8.75rem;
  width: 100%;
  box-sizing: border-box;
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  position: relative;
  z-index: 800;
}
.honor .honor-body .honor-view {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.honor .honor-body .honortab ul {
  display: none;
}
.honor .honor-body .prev,
.honor .honor-body .next {
  position: absolute;
  z-index: 801;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  width: 0.9rem;
  height: 1.95rem;
}
.honor .honor-body .prev {
  background-position: -0.7rem -2.125rem;
  left: .85rem;
}
.honor .honor-body .next {
  background-position: -1.725rem -2.125rem;
  right: .85rem;
}
.honor .honor-body .honor-list {
  display: block;
  width: 600%;
  height: 100%;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
}
.honor .honor-body .honor-list li {
  height: 8.75rem;
  width: 11.625rem;
  float: left;
}
.honor .honor-body .honor-list li .honor-img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #2c643d;
  z-index: 800;
}
.honor .honor-body .honor-list li .honor-img img {
  width: 100%;
  height: 100%;
  display: block;
}
.honor:before,
.honor:after {
  display: table;
  content: "";
  line-height: 0;
}
.honor:after {
  clear: both;
}
.about {
  *zoom: 1;
}
.about .about-img {
  width: 6.675rem;
  height: 4.725rem;
  display: block;
  padding-left: .8rem;
}
.about .about-img img {
  width: 100%;
}
.about .about-summary {
  line-height: 0.7rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  width: 6.75rem;
  padding-left: 0.5rem;
  font-size: 0.5rem;
}
.about .about-more {
  width: 2.925rem;
  height: 0.825rem;
  color: #fff;
  background: #ff9600;
  float: right;
  text-align: center;
  line-height: 0.825rem;
  margin-top: .3rem;
  font-size: 0.45rem;
  margin-right: 1rem;
}
.about:before,
.about:after {
  display: table;
  content: "";
  line-height: 0;
}
.about:after {
  clear: both;
}
.about .about-body {
  margin: 0 4%;
  line-height: 1rem;
  font-size: .6rem;
  text-align: left;
  *zoom: 1;
}
.about .about-body:before,
.about .about-body:after {
  display: table;
  content: "";
  line-height: 0;
}
.about .about-body:after {
  clear: both;
}
.about .about-body img {
  max-width: 99%;
  margin-left: auto;
  margin-right: auto;
}
.about .map {
  margin: .5rem 4%;
  height: 240px;
}
.news {
  *zoom: 1;
}
.news .news-list {
  margin: .75rem 4% .75rem;
  *zoom: 1;
}
.news .news-list .news-item {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 800;
}
.news .news-list .news-item i.icon {
  display: block;
  width: .5rem;
  height: .5rem;
  position: absolute;
  z-index: 801;
  top: .4rem;
  left: 0;
  background-position: -2.775rem -2.15rem;
}
.news .news-list .news-item h5,
.news .news-list .news-item i {
  height: 1.2rem;
  line-height: 1.2rem;
}
.news .news-list .news-item h5 {
  font-size: 0.5rem;
  text-indent: .75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  float: left;
}
.news .news-list .news-item i.tim {
  font-size: 0.5rem;
  float: right;
}
.news .news-list a:hover h5 {
  color: #0C3797;
}
.news .news-list .news-item:last-child {
  border-bottom: 0 none;
}
.news .news-list:before,
.news .news .news-list:after {
  display: table;
  content: "";
  line-height: 0;
}
.news .news-list:after {
  clear: both;
}
.news:before,
.news:after {
  display: table;
  content: "";
  line-height: 0;
}
.news:after {
  clear: both;
}
.faq {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.faq:before,
.faq:after {
  display: table;
  content: "";
  line-height: 0;
}
.faq:after {
  clear: both;
}
.faq .faq-list {
  margin: .75rem 4% .75rem;
  *zoom: 1;
}
.faq .faq-list .faq-item {
  margin-bottom: 0.625rem;
  height: 2.5rem;
  box-sizing: border-box;
  border-bottom: 1px dashed #e7e7e7;
}
.faq .faq-list .faq-item .item-ask,
.faq .faq-list .faq-item .item-answer {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 800;
  text-align: left;
  padding-left: 1.5rem;
}
.faq .faq-list .faq-item .item-ask i,
.faq .faq-list .faq-item .item-answer i {
  text-align: center;
  display: block;
  width: 0.925rem;
  height: 0.825rem;
  line-height: 0.825rem;
  font-size: .5rem;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.faq .faq-list .faq-item .item-ask {
  height: 0.825rem;
  line-height: 0.825rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: .65rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.25rem;
}
.faq .faq-list .faq-item .item-ask i {
  background-position: -0.675rem 0.025rem;
}
.faq .faq-list .faq-item .item-answer {
  height: 0.825rem;
  line-height: 0.825rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .6rem;
  color: #333;
}
.faq .faq-list .faq-item .item-answer i {
  background-position: -1.825rem 0.025rem;
}
.faq .faq-list .faq-item:last-child {
  border-bottom: 0 none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.faq .faq-list:before,
.faq .faq-list:after {
  display: table;
  content: "";
  line-height: 0;
}
.faq .faq-list:after {
  clear: both;
}
.back-top {
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #1143ae;
  position: relative;
  z-index: 800;
  cursor: pointer;
  width: 13.125rem;
  height: 1.5rem;
  border: 3px solid #1143ae;
  margin: .5rem auto 0;
}
.back-top:hover {
  background: #1143ae;
  color: #fff;
}
.back-top:before,
.back-top:after {
  display: table;
  content: "";
  line-height: 0;
}
.back-top:after {
  clear: both;
}
.copyright {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  margin-bottom: 3.75rem;
}
.copyright:before,
.copyright:after {
  display: table;
  content: "";
  line-height: 0;
}
.copyright:after {
  clear: both;
}
.copyright .copyright-txt {
  text-align: center;
  font-size: .65rem;
  color: #5c5c5c;
  line-height: .8rem;
  padding: .45rem 4%;
  *zoom: 1;
}
.copyright .copyright-txt:before,
.copyright .copyright-txt:after {
  display: table;
  content: "";
  line-height: 0;
}
.copyright .copyright-txt:after {
  clear: both;
}
.copyright .copyright-txt a {
  color: #5c5c5c;
}
.copyright .qc-img {
  margin-left: auto;
  margin-right: auto;
  width: 6.55rem;
  height: 6.55rem;
  padding: .5rem;
  border: 1px solid #cfcfcf;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}
.copyright .qc-img img {
  width: 6.55rem;
  height: 6.55rem;
}
.footer {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  height: 3rem;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  background-color: #1143ae;
  position: fixed;
  bottom: 0;
  z-index: 900;
}
.footer:before,
.footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer:after {
  clear: both;
}
.footer .footer-menu {
  display: block;
  width: 25%;
  height: 3rem;
  float: left;
  box-sizing: border-box;
  padding-top: .7rem;
}
.footer .footer-menu i {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/icon.png) no-repeat;
  background-size: 5rem;
}
.footer .footer-menu .menu-home {
  height: .75rem;
  width: .8rem;
  background-position: -0.6rem -1rem;
}
.footer .footer-menu .menu-map {
  height: .8rem;
  width: .65rem;
  background-position: -1.6rem -1rem;
}
.footer .footer-menu .menu-tel {
  height: .85rem;
  width: .8rem;
  background-position: -2.375rem -1rem;
}
.footer .footer-menu .menu-tm {
  height: .8rem;
  width: .85rem;
  background-position: -3.4rem -1rem;
}
.footer .footer-menu span {
  height: .8rem;
  line-height: .8rem;
  font-size: .65rem;
  color: #fff;
}
.footer .cur {
  background-color: #092a92;
}
@media screen and (min-width: 641px) {
  .header,
  .footer {
    left: 50%;
    margin-left: -320px;
  }
}
.detail {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.detail:before,
.detail:after {
  display: table;
  content: "";
  line-height: 0;
}
.detail:after {
  clear: both;
}
.detail h1 {
  margin: 0 4%;
  line-height: 1.5rem;
  font-size: .8rem;
  width: 92%;
}
.detail .pro-detail-img {
  margin: 0 4%;
  *zoom: 1;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.detail .pro-detail-img:before,
.detail .pro-detail-img:after {
  display: table;
  content: "";
  line-height: 0;
}
.detail .pro-detail-img:after {
  clear: both;
}
.detail .pro-detail-img img {
  max-width: 14.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.pro-detail-img span {
  font-size: 14px;
}
.detail .detail-body {
  margin: 0 4%;
  line-height: 1rem;
  font-size: .6rem;
  text-align: left;
  *zoom: 1;
}
.detail .detail-body:before,
.detail .detail-body:after {
  display: table;
  content: "";
  line-height: 0;
}
.detail .detail-body:after {
  clear: both;
}
.detail .detail-body img {
  max-width: 14.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.detail .detail-pre-next {
  margin: .75rem 4%;
  width: 92%;
  height: 2rem;
  border-bottom: 1px solid #ccc;
}
.detail .detail-pre-next span {
  float: left;
}
.detail .detail-pre-next .prevLink,
.detail .detail-pre-next .nextLink {
  display: block;
  height: 1rem;
  line-height: 1rem;
  text-align: left;
  font-size: .45rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
  float: left;
}
.msg-form {
  margin: 1rem 4%;
}
.msg-form input.mestxt {
  width: 100%;
  height: 1.5rem;
  margin-bottom: .5rem;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
  background-color: #f1f1f1;
  padding: .1rem .5rem;
  font-size: .45rem;
  color: #333;
  -webkit-appearance: none;
}
.msg-form textarea {
  width: 100%;
  height: 4rem;
  margin-bottom: .5rem;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
  background-color: #f1f1f1;
  padding: .1rem .5rem;
  font-size: .45rem;
  color: #333;
  -webkit-appearance: none;
}
.code-row {
  width: 100%;
  height: 2rem;
}
.code-row input[type="text"] {
  width: 58%;
  float: left;
}
.code-row img {
  max-width: 38%;
  height: 1.5rem;
  float: right;
}
input.sub {
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #f88c22;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
  font-size: .75rem;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
}
input#txtImageCode {
  width: 58%;
  float: left;
  border: 1px solid #e3e3e3;
}
.pager {
  display: none;
}
.news-more,
.pro-more,
.err {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ccc));
  line-height: 1.375rem;
  width: 13.375rem;
  margin: 0 auto;
  height: 1.375rem;
  display: block;
  font-size: 0.6rem;
  border-radius: 3px;
}
.baiduMap {
  height: 200px;
  margin: 10px 0 10px;
  border-radius: 2px;
  line-height: 120%;
  font-size: 0.9em;
}
.BMap_bubble_title a {
  display: inline-block;
  padding: 0 10px;
  height: 2em;
  line-height: 2em;
  border-radius: 0.5em;
  background: #333;
  color: #FFF;
}
.BMap_bubble_content{ line-height:12px; font-size:12px;}
/*# sourceMappingURL=styles.css.map */