.bgFull {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
}
.vcenter {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.block {
  display: block;
  position: relative;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
  width: 1040px;
}
.clearfix {
  clear: both;
}
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50% {
    transform: translateX(-8%);
  }
  65% {
    transform: translateX(4%);
  }
  80% {
    transform: translateX(-4%);
  }
  95% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  50% {
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(8%);
  }
  65% {
    transform: translateX(-4%);
  }
  80% {
    transform: translateX(4%);
  }
  95% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important;
}
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
  }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
  }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
  }
}
/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    transform: translateY(3%);
  }
  100% {
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    -webkit-transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
  }
}
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important;
}
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  65% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
  }
  50% {
    -webkit-transform: rotate(-2deg);
  }
  65% {
    -webkit-transform: rotate(1deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
  }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
}
/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
  }
}
/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}
@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
body {
  font-family: "微软雅黑";
  font-size: 14px;
  color: #292929;
  background-color: #fff;
}
dl,
dt,
dd,
ul,
li,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  color: #292929;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #000;
}
@media (max-width: 1004px) {
  .centerBlock {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*
    --------------------------------
            公共样式 (如 header nav footer ...)
    --------------------------------
*/
.header {
  height: 80px;
  width: 100%;
  position: relative;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  z-index: 9001;
  background: linear-gradient(#fff, #e4e4e4);
}
@media (max-width: 1004px) {
  .header {
    height: 40px;
  }
}
@media (max-width: 768px) {
  .header {
    height: auto;
  }
}
.header-fix {
  position: fixed;
  top: 0px;
  /*-webkit-animation: headerFix 1s ease 1;
  animation: headerFix 1s ease 1;*/
  z-index: 9001;
}
@-webkit-keyframes headerFix {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@keyframes headerFix {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.logo img {
  height: 80px;
}
@media (max-width: 1004px) {
  .logo img {
    height: 40px;
  }
}
.search {
  height: 42px;
  width: 100%;
  background: rgba(14, 89, 202, 0.27);
  left: 0;
  top: 80px;
  position: absolute;
}
.search .phone {
  line-height: 42px;
  font-size: 18px;
  color: #fff;
  padding-left: 32px;
  font-family: vrinda;
  background: url(../images/icons.png) no-repeat -74px 6px;
}
.search .translation {
  line-height: 42px;
  font-size: 14px;
  color: #fff;
  padding-right: 13px;
  float: right;
  }
  .search .translation a{
    color: #FFF;
  }
@media (max-width: 430px) {
  .search{height: 65px;}
  .search .translation {font-size: 12px;}
  .search .translation{float:none;}
  .search .phone {
    display: none;
  }
}
.search .main {
  width: 200px;
  height: 23px;
  margin-left: 30px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -mz-border-radius: 5px;
  position: relative;
}
.search .main .text {
  width: 85%;
  border: 0;
  height: 23px;
  padding: 0 10px;
  display: block;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -mz-border-radius: 0;
  font-size: 12px;
}
.search .main .btn {
  position: absolute;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -mz-border-radius: 0;
  background-color: #0063b4;
  background-image: url(../images/iconfont-sousuo.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 15%;
  height: 100%;
  right: 0;
  top: 0;
}
@media (max-width: 430px) {
  .search .main {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 1004px) {
  .search {
    top: 40px;
  }
}
@media (max-width: 768px) {
  .search {
    top: 0;
    position: relative;
  }
}
@media (max-width: 1004px) {
  .nav {
    display: none;
  }
}
.nav ul > li {
  position: relative;
  float: left;
}
.nav ul li ul li {
  width:150px!important;
}
.nav ul > li > a {
    color: #353535;
    display: block;
    padding: 0 10px;
    line-height: 80px;
    font-weight: 600;
}
.nav ul > li:last-child > a {

}
.nav ul > li > ul {
  position: absolute;
  display: none;
  left: -32px;
  top: 55px;
  width: 150px;
}
.nav ul > li > ul a {
  display: block;
  background-color: #2c3038;
  color: #c6cad2;
  line-height: 40px;
  height:40px;
  padding:0 5px;
  text-align: center;
  overflow: hidden;
  width: 150px!important;
  display:block;
  margin-left: -5px;
  font-size:12px;
}
#tesu170{ width:150px;}
.nav ul > li > ul a:hover {
  color: #fff;
  background-color: #0063b4;
}
.nav ul > li:hover > a,
.nav ul > li.active > a {
  /*color: #0063b4;*/
}
.pnav {
  position: absolute;
  display: none;
  right: 15px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
}
.pnav .pnav-btn {
  cursor: pointer;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../images/iconfont_pnav.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
}
@media (max-width: 1004px) {
  .pnav {
    display: block;
  }
}
.pnav-list {
  position: fixed;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -mz-border-radius: 50%;
  transition: All .4s ease-in-out;
  -webkit-transition: All .4s ease-in-out;
  -moz-transition: All .4s ease-in-out;
  -o-transition: All .4s ease-in-out;
  overflow: auto;
  z-index: 500;
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
}
.pnav-list > ul {
  transition: All 1s ease-in-out;
  -webkit-transition: All 1s ease-in-out;
  -moz-transition: All 1s ease-in-out;
  -o-transition: All 1s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0);
  -webkit-transform: scale(0);
}
.pnav-list > ul > li {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.pnav-list > ul > li > a {
  display: block;
  margin-top: -1px;
  color: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 16px;
  line-height: 40px;
}
.pnav-list > ul > li > ul {
  padding: 20px 0;
}
.pnav-list > ul > li > ul a {
  display: block;
  color: #eee;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
}
.pnav-list.on {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -mz-border-radius: 0;
  padding: 15%;
  width: 100%;
  height: 100%;
}
.pnav-list.on .closed {
  width: 30px;
  height: 30px;
  background-image: url(../images/iconfont-guanbi.png);
  left: 15px;
  top: 15px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  position: fixed;
}
.pnav-list.on > ul {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.footer {
  color: #ffffff;
  padding: 10px 5px;
  background-color: #0063b4;
}
.footer .box {
  padding-left: 28px;
  padding-right: 28px;
  min-height: 191px;
  border-right: 1px dotted #c7c7c7;
}
.footer .box .box-title {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 15px;
}
.footer .box:last-child {
  border: 0;
}
@media (max-width: 1004px) {
  .footer .box {
    float: none;
    width: 100%;
    border-bottom: 1px solid #4a4d53;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.footer .fla{
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  color: #ffffff;
}
.footer .fla:hover {
  /*color: #0063b4;*/
}
@media (max-width: 1004px) {
  .footer .centerBlock:first-child {
    display: none;
  }
}
.foot-nav {
  padding: 0;
  margin: 0;
}
.foot-nav li {
    float: left;
    margin-right: 4px;
    width: 130px;
}
.foot-nav li dt .fla {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  display: block;
  margin-bottom: 15px;
}
.foot-nav li dd .fla {
  font-size: 12px;
  overflow: hidden;
  height:20px;
  line-height:20px;
  margin-bottom: 10px;
  display: block;
  padding-left: 0.8em;
}
.foot-nav li:last-child {
  margin-right: 0;
}
@media (max-width: 640px) {
  .foot-nav li {
    float: none;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #4a4d53;
  }
  .foot-nav li:last-child {
    border: 0;
  }
  .foot-nav li dd .fla:last-child {
    margin-bottom: 0;
  }
}
.foot-contact{
  max-width: 246px;
}

.foot-contact p {
  font-size: 12px;
  margin-bottom: 5px;
}
.foot-erweima {
  width: 113px;
}
.foot-copy {
  font-size: 12px;
  color: #ffffff;
  margin-top: 5px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px dotted #c7c7c7;
}
@media (max-width: 480px) {
  .foot-copy {
    margin-top: 15px;
  }
  .foot-copy .pull-left,
  .foot-copy .pull-right {
    float: none;
    text-align: center;
    display: block;
    width: 100%;
  }
}
@media (max-width: 1004px) {
  .foot-copy {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
}
.column-banner a {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
}
.column-banner a i {
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  display: block;
  padding-bottom: 20%;
}

.breadcrumb {
  height: 26px;
  margin-bottom: 0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  color: #999;
  line-height: 26px;
  font-size: 12px;
}
.breadcrumb a {
  color: #999;
}
.breadcrumb a:hover {
  color: #000;
}
.breadcrumb span {
  text-decoration: underline;
}
.breadcrumb .pull-right {
  padding-left: 25px;
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  background-position: -80px -350px;
}
.content {
  padding-bottom: 45px;
min-height:200px;
}
.content .home-titles {
  padding: 50px 0;
}
@media (max-width: 768px) {
  .content {
    padding-bottom: 30px;
  }
}
.content-box {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  background-image: url(../images/feedback-bg.jpg);
}
/*
	------------------------------
	首页样式 (如 banner abouts ... )
	------------------------------
*/
.banner {
  position: relative;
}
.banner .slick-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.banner .slick-dots li {
  width: 80px;
  height: 5px;
  background-color: #e8eaea;
  overflow: hidden;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.banner .slick-dots li button {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: 9999px;
}
@media (max-width: 768px) {
  .banner .slick-dots li {
    width: 50px;
    height: 3px;
  }
}
.banner .slick-dots .slick-active {
  background-color: #0063b4;
}
.banner .items {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
}
.banner .items i {
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  display: block;
  padding-bottom: 30%;
}
@media (max-width: 768px) {
  .banner .items i {
    padding-bottom: 26%;
  }
}
.partners {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  padding: 20px 0;
  background-image: url(../images/partners_bg.jpg);
}
.partners .centerBlock {
  padding: 0 20px;
}

.partners .title .en {
  font-size: 32px;
  text-transform: uppercase;
  color: #eee;
  font-family: impact;
  display: block;
}
@media (max-width: 480px) {
  .partners .title .en {
    font-size: 24px;
  }
}
.partners .title .ch {
  font-size: 18px;
  position: relative;
  color: #fff;
  vertical-align:middle;
  margin-left:10px;
}
.partners .title .ch:after {
  content: "";
  width: 5px;
  height: 5px;
  right: -15px;
  top: 9px;
  background-color: #a3a3a3;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -mz-border-radius: 50%;
  position: absolute;
}
.partners .title .ch:before {
  content: "";
  width: 812px;
  height: 1px;
  background-color: #a3a3a3;
  left: 86px;
  top: 11px;
  /*position: absolute;*//*手机端右拉有问题*/
}
.link_a{ padding-top:10px; line-height:26px;margin-left: 10px;}
.link_a a{ display:inline-block; margin-right:15px; color:#fff;}
.link_a a:hover{ color:#0063b4;}
@media (max-width: 480px) {
  .partners .title .ch {
    font-size: 14px;
  }
}
.partners .list {
  float: right;
  width: 680px;
}
.partners .list .items {
  position: relative;
  display: block;
  width: 120px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.7);
  background: #fff \9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
}
.partners .list .items img {
  max-width: 80%;
  max-height: 80%;
}
@media (max-width: 1004px) {
  .partners .title,
  .partners .list {
    float: none;
    width: 100%;
  }
  .partners .title {
    margin-bottom: 15px;
    margin-left: 0;
  }
  .partners .list .items {
    width: 100%;
  }
}
.home-news {
  margin-top: 50px;
  padding: 0 30px;
  overflow: hidden;
}
@media (max-width: 1004px) {
  .home-news {
    margin-top: 30px;
  }
}
@media (max-width: 470px) {
  .home-news {
    padding: 0 5px;
  }
}
.home-news ul {
  width: 110%;
}
@media (max-width: 1004px) {
  .home-news ul {
    width: 100%;
  }
}
.home-news li {
  height: 135px;
  width: 435px;
  margin-right: 80px;
  margin-bottom: 35px;
  float: left;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
.home-news li .date {
  float: left;
  position: relative;
  text-align: right;
  padding: 12px;
  width: 85px;
  height: 135px;
  border: 1px solid #96d4fa;
}
.home-news li .date span {
  display: block;
  color: #0063b4;
}
.home-news li .date .day {
  font-size: 44px;
  line-height: 48px;
  font-weight: 600;
}
.home-news li .date .line {
  display: inline-block;
  width: 14px;
  height: 1px;
  background-color: #0063b4;
  line-height: 0;
}
.home-news li .date .year,
.home-news li .date .month {
  font-size: 18px;
}
.home-news li .date:after {
  content: "";
  width: 50%;
  height: 50%;
  left: -1px;
  top: -1px;
  border-top: 2px solid #0063b4;
  border-left: 2px solid #0063b4;
  position: absolute;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
.home-news li .date:before {
  content: "";
  width: 50%;
  height: 50%;
  right: -1px;
  bottom: -1px;
  border-bottom: 2px solid #0063b4;
  border-right: 2px solid #0063b4;
  position: absolute;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
.home-news li .text {
  float: right;
  width: 325px;
  height: 135px;
}
.home-news li .text .name {
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 16px;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  display: block;
  height: 28px;
  border-bottom: 1px solid #ccc;
}
.home-news li .text .clude {
  display: block;
  color: #6e6e6e;
  height: 40px;
  overflow: hidden;
  margin-top: 5px;
}
.home-news li .text .more {
  display: inline-block;
  border: 1px solid #0063b4;
  color: #0063b4;
  padding: 5px 20px;
  margin-top: 10px;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
@media (max-width: 1004px) {
  .home-news li {
    margin-right: auto;
    float: none;
    margin-left: auto;
  }
}
@media (max-width: 470px) {
  .home-news li {
    width: 80%;
    height: 90px;
    margin-bottom: 30px;
  }
  .home-news li .text {
    width: 100%;
    height: auto;
  }
  .home-news li .text .name {
    font-size: 14px;
  }
  .home-news li .text .clude {
    font-size: 12px;
    height: 18px;
  }
  .home-news li .more {
    font-size: 12px;
  }
  .home-news li .date {
    display: none;
  }
}
.home-news li:hover .date:after,
.home-news li:hover .date:before {
  width: 100%;
  height: 100%;
  border-color: #0099fd;
}
.home-news li:hover .text .more {
  border-color: #0099fd;
  color: #0099fd;
}
.home-news li:hover .text .name {
  color: #0099fd;
}
.home-about {
  margin-top: 50px;
}
@media (max-width: 1004px) {
  .home-about {
    margin-top: 30px;
  }
}
.home-about .items {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
  padding-bottom: 32px;
  position: relative;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
@media (max-width: 420px) {
  .home-about .items {
    width: 80%;
  }
}
.home-about .color1 {
  background-color: #969696;
}
.home-about .color2 {
  background-color: #969696;
}
.home-about .color3 {
  background-color: #969696;
}
.home-about .color4 {
  background-color: #969696;
}
.home-about .color1:hover,
.home-about .color2:hover,
.home-about .color3:hover,
.home-about .color4:hover {
  background-color: #0063b4;
}
.home-about .color1:hover .bar,
.home-about .color2:hover .bar,
.home-about .color3:hover .bar,
.home-about .color4:hover .bar {
  color: #0063b4;
}
.home-about .color1:hover .text .clude,
.home-about .color2:hover .text .clude,
.home-about .color3:hover .text .clude,
.home-about .color4:hover .text .clude {
  color: #e6f5ff;
}
.home-about .translate {
  transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
}
@media (max-width: 860px) {
  .home-about .translate {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
.home-about .slick-slide {
  padding-top: 30px;
  position: relative;
}
@media (max-width: 860px) {
  .home-about .slick-slide {
    padding-top: 0px;
  }
}
.home-about .slick-slide:after {
  content: "";
  height: 50%;
  width: 1px;
  right: 0;
  background: #ccc;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
}
@media (max-width: 420px) {
  .home-about .slick-slide:after {
    display: none;
  }
}
.home-about .slick-slide:last-child:after {
  display: none;
}
.home-about .pic {
  display: block;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
}
.home-about .text {
  padding: 20px 10px;
  text-align: left;
  position: relative;
}
.home-about .text .name {
  display: block;
  color: #fff;
  font-size: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  	text-align:center;
}
.home-about .text .clude {
  font-size: 12px;
  margin-top: 10px;
  display: block;
  height: 40px;
  line-height: 20px;
  color: #dbdbdb;
  overflow: hidden;
}
@media (max-width: 420px) {
  .home-about .text .clude {
    height: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 1004px) {
  .home-about .text {
    padding: 10px 10px;
  }
  .home-about .text .name {
    font-size: 18px;

  }
}
.home-about .bar {
  height: 28px;
  width: 100%;
  left: 0;
  bottom: 8px;
  color: #8f9195;
  background-color: #fff;
  line-height: 28px;
  text-align: center;
  position: absolute;
  overflow: hidden;
}
.home-products {
  position: relative;
  margin: 50px 0;
 height: 240px!important;
}
@media (max-width: 1004px) {
  .home-products {
    margin: 30px 0;
  }
}
.home-products .items {
  display: block;
  width: 235px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
}
.home-products .items:hover .pic {
  height: 45%;
}
.home-products .items:hover .txt {
  height: 55%;
  background-color: #0063b4;
  position:relative;
  z-index:9;
}
.home-products .items:hover .txt .clude {
  height: 38px;
}
.home-products .items:hover .txt .num,
.home-products .items:hover .txt .name {
  color: #fff;
}
.home-products .items:hover .txt .more {
  background-color: #f59900;
  color: ;
}
@media (max-width: 420px) {
  .home-products .items {
    width: 80%;
  }
}
.home-products .slick-prev,
.home-products .slick-next {
  width: 63px;
  height: 123px;
  margin-top: -61.5px;
  overflow: hidden;
  text-indent: 9999px;
}
.home-products .slick-prev {
  left: -123px;
  background: url(../images/icons.png) no-repeat -16px -62px;
}
.home-products .slick-next {
  right: -123px;
  background: url(../images/icons.png) no-repeat -16px -204px;
}
.home-products .pic {
  display: block;
  height: 61.2%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  text-align: center;
}
.home-products .txt {
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  text-align: center;
  padding: 15px;
  display: block;
  height: 35%;
  color: #666;
  background-color: #fff;
}
.home-products .txt .num {
  font-size: 18px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
.home-products .txt .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  margin-top: 4px;
}
.home-products .txt .clude {
  font-size: 12px;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  height: 0px;
  overflow: hidden;
  color: #ffe8c3;
  margin-top: 7px;
}
.home-products .txt .more {
  font-size: 12px;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  line-height: 15px;
  width: 15px;
  height: 15px;
  color: #fff;
  display: inline-block;
  background-color: #cbcbcb;
  margin-top: 0px;
}
.about-products {
  margin-top: 15px;
  margin-bottom: 0;
}
.about-products .items .txt {
  border: 1px solid #e8e8e8;
}
/*
	--------------------------
	公共组件 （如 page title ...）
	--------------------------
*/
.return {
  margin-top: 30px;
}
.return a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #0063b4;
  color: #fff;
}
.editor {
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.editor img {
  max-width: 100%;
}
.others-title {
  text-align: center;
  line-height: 40px;
  border-top: 1px solid #999999;
  margin-top: 30px;
}
.others-title span {
  display: inline-block;
  padding: 0 40px;
  border-top: 2px solid #333333;
  margin-top: -1px;
}
.pagination {
  margin-top: 45px;
}
.pagination a, .pagination span{
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;

}
.pagination span.page-cur,.pagination a:hover{
      z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: pointer;
}
.home-blocks {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  padding: 50px 0;
  overflow: hidden;
}
@media (max-width: 1004px) {
  .home-blocks {
    padding: 30px 0;
  }
}
.home-titles {
  width: 900px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.home-titles .clude {
  text-align: left;
  line-height: 24px;
  /* height: 50px;
  overflow: hidden; */
  color: #999;
  margin-top: 20px;
  width: 770px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.home-titles .max-ch {
  font-size: 30px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  line-height: 30px;
  color: #0063b4;
  margin-bottom: 10px;
}
.home-titles .en {
  font-size: 44px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 44px;
  font-family: impact;
  color: #0063b4;
}
@media (max-width: 640px) {
  .home-titles .en {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .home-titles .en {
    font-size: 24px;
    line-height: 24px;
  }
}
.home-titles .ch {
  text-align: center;
  font-size: 33px;
  margin-top: 5px;
}
.home-titles .ch>.spand>a{
  color:#0063b4;
}
.MsoNormadivx{width:27%;}
.home-titles .ch .spand {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: #727272;
}
.home-titles .ch .spand:after,
.home-titles .ch .spand:before {
  content: "";
  height: 1px;
  width: 50%;
  background-color: #afb0b2;
  top: 50%;
  position: absolute;
}
.home-titles .ch .spand:after {
  right: -50%;
}
.home-titles .ch .spand:before {
  left: -50%;
}
.home-titles .ch .spand .round {
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -mz-border-radius: 50%;
  width: 5px;
  height: 5px;
  top: 50%;
  margin-top: -2.5px;
  background-color: #afb0b2;
}
.home-titles .ch .spand .round.rl {
  left: 0;
}
.home-titles .ch .spand .round.rr {
  right: 0;
}
.home-titles .ch .spand .place,.home-titles .ch .spand .module{
  margin-bottom:0px!important;
}
@media (max-width: 480px) {
  .home-titles .ch {
    font-size: 14px;
    line-height: 14px;
  }
}
.home-title-white .ch span,
.home-title-white .en {
  color: #fff;
}
.home-title-white .ch span .round,
.home-title-white .ch span:after,
.home-title-white .ch span:before {
  background-color: #92c3e0;
}
@media (max-width: 1004px) {
  .text-title-max,
  .text-title-min {
    display: none;
  }
}
.more-box {
  text-align: center;
}
.round-more {
  display: inline-block;
  padding: 5px 22px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  -mz-border-radius: 25px;
}
@media (max-width: 480px) {
  .round-more {
    font-size: 12px;
  }
}
.more-blue {
  background-color: #0063b4;
  color: #fff;
}
.more-blue:hover {
  color: #fff;
}
.more-white {
  background-color: #0063b4;
  color: #fff;
}
/*
	----------------------------------------------
	栏目样式 (如 contact about products news hr ... )
	----------------------------------------------
*/
.products-list li {
  float: left;
  width: 50%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .products-list li {
    width: 100%;
  }
}
.products-list li .box-t {
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
.products-list li .box-p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #0063b4;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.products-list li .box-p:after {
  content: "";
  position: absolute;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #0063b4;
  border-width: 15px;
  width: 0;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: -15px;
  z-index: 20;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.products-list li .box {
  float: left;
  position: relative;
  width: 47%;
  margin: 1.5%;
  border: 1px solid #e8e8e8;
}
.products-list li .box i {
  display: block;
  padding-bottom: 75%;
}
.products-list li .box-t:after,
.products-list li .box-t:before {
  content: "";
  position: absolute;
  height: 50%;
  width: 1px;
  background-color: #e3e3e3;
}
.products-list li .box-t:after {
  left: 0;
  bottom: 0;
  transform-origin: left bottom;
  transform: rotateZ(45deg);
  -webkit-transform-origin: left bottom;
  -webkit-transform: rotateZ(45deg);
}
.products-list li .box-t:before {
  right: 0;
  top: 0;
  transform-origin: left top;
  transform: rotateZ(45deg);
  -webkit-transform-origin: left top;
  -webkit-transform: rotateZ(45deg);
}
.products-list li .pic {
  background-repeat: no-repeat;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  left: 2%;
  top: 2%;
  width: 96%;
  height: 96%;
}
.products-list li .pic img{ max-width:100%;}
.products-list li .txt {
  position: absolute;
  text-align: center;
  width: 70%;
  height: 48px;
  left: 15%;
  top: 50%;
  margin-top: -24px;
}
.products-list li .txt .name {
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;

  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  display: block;
  color: #666666;
}
.products-list li .txt .more {
  line-height: 15px;
  font-size: 12px;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  width: 15px;
  height: 15px;
  display: inline-block;
  background-color: #cbcbcb;
  margin-top: 10px;
  color: #fff;
}
.products-list li:hover .box-t {
  background-color: #0063b4;
}
.products-list li:hover .box-t .name {
  color: #fff;
}
.products-list li:hover .box-t .more {
  background-color: #f59900;
    color: #fff;
}
.products-list li:hover .box-p:after,
.products-list li:hover .box-p:before {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.products-gird1,
.products-gird2 {
  padding: 0;
}
@media (max-width: 1004px) {
  .products-gird1,
  .products-gird2 {
    width: 100%;
  }
}
.products-gird2 {
  padding-left: 40px;
}
@media (max-width: 1004px) {
  .products-gird2 {
    padding-left: 0;
    margin-top: 30px;
  }
}
.products-text {
  line-height: 30px;
  font-size: 13px;
  color: #666;
}
.products-pic {
  width: 418px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 450px) {
  .products-pic {
    width: 100%;
  }
}
.products-pic-max {
  border: 1px solid #e8e8e8;
}
.products-pic-max .items i {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  display: block;
  padding-bottom: 73%;
}
.products-pic-list {
  padding: 7px;
  margin-top: 5px;
  border: 1px solid #e8e8e8;
}
.products-pic-list .main {
  width: 90%;
  margin: 0 auto;
}
.products-pic-list .main .items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.products-pic-list .main .items i {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  display: block;
  padding-bottom: 75%;
}
.products-pic-list .main .slick-prev:before,
.products-pic-list .main .slick-next:before {
  color: #999;
}
.products-pic-list .main .slick-prev {
  left: -22px;
}
.products-pic-list .main .slick-next {
  right: -23px;
}
@media (max-width: 450px) {
  .products-pic-list .main {
    width: 100%;
  }
  .products-pic-list .main .slick-prev,
  .products-pic-list .main .slick-next {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.about-line {
  position: relative;
  margin-bottom: 45px;
  border-top: 1px solid #ccc;
}
.about-line img {
  position: absolute;
  left: 0;
  top: -35px;
  right: 0;
  margin: auto;
}
.honor li {
  float: left;
  text-align: center;
  width: 33.333333333333336%;
  margin-bottom: 20px;
  border-bottom: 1px dashed #dddddd;
  padding: 3%;
}
.honor li img{ max-height:190px;}
.honor .pic {
  position: relative;
  display: block;
}
.honor .pic i {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  background-image: url(../images/honor_bg.jpg);
  display: block;
  padding-bottom: 70%;
}
.honor .pic img {
  position: absolute;
  z-index: 2;
  width: 90%;
  height: 86%;
  left: 5%;
  top: 7%;
}
.honor .pic:before {
  content: "";
  width: 80%;
  height: 5%;
  left: 10%;
  bottom: 0;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
  position: absolute;
}
.honor .name {
  line-height: 24px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin-top: 30px;
  height: 24px;
  padding: 0 20px;
  display: inline-block;
  border: 1px solid #e6e6e6;
}
@media (max-width: 640px) {
  .honor .name {
    padding: 0 5px;
  }
}
.download li {
  line-height: 20px;
  color: #666;
  padding: 20px;
  border-bottom: 1px dashed #e5e4e4;
}
.download li a {
  color: #666;
}
.download li .num {
  font-size: 14px;
  font-family: arial;
}
.download li .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50%;
  margin-left: 10px;
  display: inline-block;
}
.download li .down-btn {
  line-height: 20px;
  font-size: 12px;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  color: #52abe1;
  padding: 0 15px;
  background-color: #bfe5fd;
  border: 1px solid #52abe1;
}
.download li:hover .down-btn {
  background-color: #0063b4;
  color: #fff;
}
.news-list {
  margin-top: 0;
}
.news-list ul {
  width: 100%;
}
.news-list li {
  height: auto;
  border-bottom: 1px dashed #e0dede;
  padding-bottom: 20px;
  width: 100%;
}
.news-list li .text {
  width: 88.8%;
}
.news-list li .text .name {
  border-bottom-color: #ececec;
}
@media (max-width: 1004px) {
  .news-list li .text {
    width: 87%;
  }
}
@media (max-width: 915px) {
  .news-list li .text {
    width: 84%;
  }
}
@media (max-width: 770px) {
  .news-list li .text {
    width: 80%;
  }
}
@media (max-width: 620px) {
  .news-list li .text {
    width: 75%;
  }
}
@media (max-width: 520px) {
  .news-list li .text {
    width: 70%;
  }
}
@media (max-width: 470px) {
  .news-list li {
    margin-bottom: 0px;
  }
}
@media (max-width: 450px) {
  .news-list li .date {
    text-align: left;
    width: 100%;
    height: auto;
    padding: 10px 20px;
  }
  .news-list li .date span {
    display: inline-block;
  }
  .news-list li .text {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
.new-come {
  color: #999;
  font-size: 12px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
}
.new-editor {
  margin-top: 20px;
}
.new-others {
  margin-top: 30px;
  border: 1px solid #e9e9e9;
}
.new-others {
  position: relative;
  padding: 20px 0 15px 0;
}
.new-others a {
  font-size: 12px;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 32px;
  color: #666;
  display: block;
  border-bottom: 1px dashed #ccc;
}
.new-others a:hover {
  color: #0063b4;
}
.new-others .title {
  display: inline-block;
  padding: 5px 10px;
  left: 15px;
  top: -15px;
  background-color: #fff;
  color: #666;
  position: absolute;
  font-size: 16px;
  font-weight: 600;
}
.contact .col-sm-4 {
  line-height: 36px;
  padding-left: 65px;
  padding-right: 65px;
}
@media (max-width: 1004px) {
  .contact .col-sm-4 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 640px) {
  .contact .col-sm-4 {
    line-height: 26px;
  }
}
.contact .contact-text {
  margin-top: 40px;
}
@media (max-width: 640px) {
  .contact .contact-text {
    margin-top: 20px;
  }
  .p_cate_box a{ width:100%;}
}
.emap {
  border: 1px solid #ccc;

}

.feedback input[type='email'],
.feedback input[type='text'],
.feedback textarea {
  background-color: #ececec;
}
.feedback input[type='email'],
.feedback input[type='text'] {
  height: 32px;
  line-height: 32px;
}
.feedback textarea {
  min-height: 200px;
}
.feedback{height: 500px;}
@media (max-width: 640px) {
  .feedback{height: auto;}
  .feedback textarea {
    min-height: 100px;
  }
}
.feedback .im {
  background-image: url(../images/im.png);
  background-repeat: no-repeat;
  background-position: right 10px;
}
.feedback .row {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .feedback .row {
    margin-bottom: 0;
  }
}
.feedback .btn {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .feedback .col-sm-6,
  .feedback .col-xs-12 {
    margin-bottom: 10px;
  }
}
.hr {
  position: relative;
}
.hr .col-sm-6 {
  padding-left: 30px;
  padding-right: 30px;
}
.hr .row {
  position: relative;
  margin-bottom: 40px;
}
.hr .row b.ii {
  left: 0;
  bottom: -10px;
  bottom: -6px\0;
  bottom: -6px\9\0;
  
  transform: rotateZ(45deg) translateX(-50%);
  -webkit-transform: rotateZ(45deg) translateX(-50%);
  position: absolute;
  width: 12px;
  height: 12px;
  overflow:hidden;
  background-color: #0063b4;
}

@media (max-width: 767px) {
  .hr .row .ii {
    display: none;
  }
}
.hr .row:last-child {
  margin-bottom: 0;
}
.hr .pic i {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../css/backgroundsize.min.htc);
  behavior: url(../css/backgroundsize.min.htc);
  display: block;
  padding-bottom: 70%;
}
@media (max-width: 767px) {
  .hr .pic {
    margin-bottom: 20px;
  }
}
.hr .title {
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 5px;
  color: #52abe1;
  margin-bottom: 10px;
  border-bottom: 1px solid #52abe1;
  display: block;
  position: relative;
}
.hr .cont {
  line-height: 24px;
}
.hr .cont a {
  color: #fab23a;
  text-decoration: underline;
}
/*.hr:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 100%;
  border-left: 1px dashed #0063b4;
}*/

/*levi 20151126*/
.other_new li{ float:left; width:50%; line-height:28px; background:url(../images/li_dot.png) no-repeat 0 7px;}
.other_new li a{ display:block; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:15px;}
.other_new li a:hover{ color:#44b7ff;}
.fl{ float:left;}
.fr{ float:right;}
.f999{ color:#999;}
.p_cate_box{ margin-top:10px;}
.p_cate_box a{ display:inline-block; padding: 4px 40px; border:1px solid #e3e3e3; color:#333; width: auto;overflow:hidden;height:33px; }
.p_cate_box a:hover{ background-color:#0063b4; color:#fff; border:1px solid #0063b4; opacity:0.8;}
.p_cate_box a.cur{ background-color:#0063b4; color:#fff; border:1px solid #0063b4;}


@media (max-width: 767px) {
  .hr:before {
    display: none;
  }
  .other_new li{ width:100%;}
}
/*# sourceMappingURL=public.css.map */


/*search*/
.sl_box{ background-color:#fff; padding:20px; border: 10px solid #065fb9;}
.search_list li{ padding:20px 10px; border-bottom:1px dotted #ccc;}
.search_list li:hover{ background-color:#f5f5f5;}
.search_list li h4.sl_t{ font-size:16px; padding-bottom:10px;}
.search_list li p.sl_i{ color:#999; line-height:1.8em; padding-bottom:10px;}
.search_list li p.sl_more a{ display:inline-block; padding:5px 15px; border:1px solid #e3e3e3; color:#065fb9;}


.p_catelist li{ display:inline-block; position:relative;}
.pro_three{ position:absolute; left:0; top:38px; background-color:#fff; z-index:99; display:none;}
.pro_three a{ margin-bottom:-1px;}
.p_catelist .pro_three a.curr{background-color: #0063b4;}

/*sitemap*/
.sitemap{font-family:"微软雅黑";text-align:left; padding:30px;}
.sitemap > ul > li {line-height: 30px;border-bottom: dashed 1px #f8f6f6;margin-bottom: 20px; text-decoration:none;font-size: 14px; font-size:14px;}
.sitemap > ul > li > ul > li{ border-bottom:1px solid #e3e3e3; padding:5px 0;}
.sitemap > ul > li > ul > li > ul >li a{ background:url(../images/li_dot.png) no-repeat center left; padding-left:10px; color:#999;}
.sitemap > ul > li > ul > li > ul >li{ display:inline-block; margin-right:10px;}
.sitemap > ul ul{ margin-left:20px;}
.sitemap li h2{ font-size:14px;}
.sitemap li h2 a{background:#0063b4;color:#fff;padding: 5px 10px;text-decoration: none;}
.sitemap > ul > li > ul > li a:hover{ color:#0063b4;}
.sitemap li a {margin-right: 10px;text-decoration: none;color:#666;}

.pub_form_ul li input[type="text"]{line-height:30px!important;height:30px!important;}
a.l-btn span.l-btn-left{height:auto!important;}
a.l-btn{padding-right: 16px!important;}
label {margin-bottom: 1px!important;}
.pub_form_ul li label {margin-right: 0px!important;}
.panel {margin-bottom: 0px!important;}
.panel_inner .tip{padding: 0px!important;}
.panel-body {   padding: 0px; }

.indexb .module{
  position:static!important;
  margin-bottom: 0px!important;
}
.indexb .module .m_ctrl{
  margin-top: 55px;
  z-index:999!important;
}
.indexb .module .m_edit,.indexb .module .m_add,.indexb .module .m_del{
  margin-top: 40px;
}

.indexb{
  margin-bottom: 0px!important;
}

.h4pro{
  font-size: 18px;
  margin-top: 10px;
}

#products-list .products-listdiv{
  float: left;
  width: 251px;
}

.foot1_img{
  background: url(../images/iconfont_point.png) no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 7px;
  float: left;
}
.foot2_img{
  background: url(../images/iconfont_user.png) no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 7px;
  float: left;
}
.foot3_img{
  background: url(../images/iconfont_phone.png) no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 7px;
  float: left;
}
.bannerban .module .m_edit,.bannerban .module .m_add,.bannerban .module .m_del{
    margin-top: 40px;
}
.breadcrumb a:last-child{
    text-decoration:underline;
}
.BMapLib_nav{display:none;padding:10px!important;}
.BMapLib_bubble_content{padding:0 10px 10px 10px!important;}
.BMapLib_sendToPhone,.BMapLib_bubble_close{display:none;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ececec inset;
}
#contact-form .validate-on{border: 1px solid #ff0000; box-shadow: 0 0 1px #ff0000;}
*:focus{ outline: none; }
input,textarea {outline:none;}
.products-list img{
  max-width: 100%;
  max-height: 100%;
}
.new-page { border: 1px dashed #ddd; border-left: none; border-right: none;color:#999;padding:10px;margin-top: 50px; }
.new-page .fl,.new-page .fr { width: 40%; }
.new-page .fl a,.new-page .fr a{color:#999;display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float: left;max-width: 85%;}
.new-page .fl span,.new-page .fr span{display: block;float: left;}
.new-page a:hover{color:#0063b4;}
@media (max-width: 767px) {
  .new-page .fl, .new-page .fr{
    width: 47%;
  }
 .new-page .fl a,.new-page .fr a{
  max-width: 100%;
 } 

}
input[name="verify"]{
  width: 20%;
}
.centerBlock #products-list .slick-list{
  height: 280px;
  overflow: hidden;
}

#banner{
    max-height: 500px;
    overflow: hidden;
  }
@media (max-width: 767px) {
  #banner{
    height: auto;
  }

  #products-list{
    width: 100%;
    height: 100%;
  }
  #products-list .products-listdiv{
    width: 100%;

  }
  .p_catelist{
    display: none;
  }
  .breadcrumb .pull-right{
      width: 100%;
      display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  }
  .pagination a, .pagination span{
    padding:6px;
  }
  .pagination .page-num{
    display: none;
  }
  .search_list h4.sl_t{
      width: 100%;
      display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  }
  input[name="verify"]{
    width: 55%;
  }
  .products-list img{
    height: 98%;
  }
  .slick-slide img{
    height: 100%;
  }
}
.banner .items i { padding-bottom: 26%;}

.honor li .hon_img{
  width:270px;
  height:180px;
  display: block;
}

@media(max-width:768px){
  .products-list li .txt .name{padding-top:12px;}
  .new-editor img{max-width:100%!important;height:auto;}
  .pull-left{max-width:80%;}
  .pull-left img{width:100%;height:auto;}
}

@media (max-width: 640px) {
  .banner .slick-dots{bottom:0px;}
}

@media (max-width: 480px) {
  .banner .slick-dots{bottom:0px;}
  .content{min-height:600px;}
}
.newslist_time{
	background: url(../../../../images/fk4.gif) no-repeat 0px 10px;
	padding-left: 10px;
	margin-left:10px;
	line-height:27px;
	border-bottom-style: none;
}
.newslist_time a:hover{ color:#0063b4!important;}
.time{
	float: right;
	width: 20%;
}
#pager{
	margin-top:20px;
	padding-right:10px;
	border-top: 1px dotted  #999;
	text-align: right;
}
.text_bg{
	font: bold 14px/30px Times New Roman;
	color: #333;
	background: #FEF7DA;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px dotted  #FC6;
}
.newDte{
	font:  12px/30px Times New Roman;
	color: #666;
	text-align: center;
	vertical-align: middle;
}
.contRead{
	font:  12px/30px Times New Roman;
	color: #999;
	text-align: right;
	vertical-align: middle;
}
.list ul li{
	background-image: none;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 23%;
}
.contRead{
	font:  12px/30px Arial;
	color: #999;
	text-align: right;
	vertical-align: middle;
}
.dlsj p{ font-family:'Microsoft YaHei';font-size:14px;color:#666666;text-indent:2em!important;}
.cpxxsy{
	height:40px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:40px;
	vertical-align: middle;
	color:#0099FF;
	font-size:14px;
}
.MsoNormalTable{ width:80%!important; font-size:14.5pt!important; font-family: "新宋体"!important;}
.MsoNormalTable p span{font-size:12px!important; }
#picys img { margin: 2px;
padding: 2px;
box-shadow: 1px 2px 4px #999;
-moz-box-shadow: 1px 2px 4px #999;
-webkit-box-shadow: 1px 2px 4px #999;
box-shadow: 1px 2px 4px #999;
border: 1px solid #CCC;
border-radius: 10px;
}

ul.modulx {
  width: 100%;
}
li.modulxli {
  width: 45%;
  float: left;
  margin-bottom: 30px;
}
.modulxli1 {
  width: 50%;
  float: left;
}
.modulxli1 a{color:#000;}
.modulxli1 img {
  width: 100px;
  height: 100px;
  margin-left: 125px;
  border-radius: 7px;
}
.modulxli1 h4, .modulxli1 h6 {
  float: left;
  margin-top: 3px;
  line-height: 17px;
}
.modulxli1 h4{font-weight:bolder;}