@charset "utf-8";
* {
  margin: 0;
  padding: 0
}
body {
  font-family: "Century Gothic", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #444;
  background: #FFF;
  height: 100%;
  position: relative;
  overflow-x: hidden
}
p {
  margin: 0
}
figure, h1, .h2, .h3, h4, h5, h6 {
  color: #444;
  font-weight: 400;
  font-family: "Century Gothic", Arial, sans-serif
}
li, ul {
  list-style: none
}
em, i {
  font-style: normal
}
img {
  border: 0 none
}
a {
  color: #333;
  text-decoration: none
}
a:hover {
  color: #e60012;
  text-decoration: none
}
article, aside, details, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
.layout {
  width: 100%
}
.container, .container-layout {
  margin: 0 auto;
  padding: 0 10px
}
.gallery-item .h3{font-size: 24px;line-height: 36px;}
/*banner开始=======================================================================================*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }



@media(min-width:760px) {
  .container {
    width: 750px
  }
}
@media(min-width:1000px) {
  .container {
    width: 1000px
  }
}
@media(min-width:1200px) {
  .container {
    width: 1200px
  }
}
.line {
  margin: 0;
  padding: 0
}
.x1, .x10, .x11, .x12, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .xb1, .xb10, .xb11, .xb12, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xl1, .xl10, .xl11, .xl12, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xm1, .xm10, .xm11, .xm12, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xs1, .xs10, .xs11, .xs12, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9 {
  position: relative;
  min-height: 1px
}
.line-big {
  margin-left: -10px;
  margin-right: -10px
}
.line-big .x1, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .xb1, .line-big .xb10, .line-big .xb11, .line-big .xb12, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xl1, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xm1, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xs1, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px
}
.line-middle {
  margin-left: -5px;
  margin-right: -5px
}
.line-middle .x1, .line-middle .x10, .line-middle .x11, .line-middle .x12, .line-middle .x2, .line-middle .x3, .line-middle .x4, .line-middle .x5, .line-middle .x6, .line-middle .x7, .line-middle .x8, .line-middle .x9, .line-middle .xb1, .line-middle .xb10, .line-middle .xb11, .line-middle .xb12, .line-middle .xb2, .line-middle .xb3, .line-middle .xb4, .line-middle .xb5, .line-middle .xb6, .line-middle .xb7, .line-middle .xb8, .line-middle .xb9, .line-middle .xl1, .line-middle .xl10, .line-middle .xl11, .line-middle .xl12, .line-middle .xl2, .line-middle .xl3, .line-middle .xl4, .line-middle .xl5, .line-middle .xl6, .line-middle .xl7, .line-middle .xl8, .line-middle .xl9, .line-middle .xm1, .line-middle .xm10, .line-middle .xm11, .line-middle .xm12, .line-middle .xm2, .line-middle .xm3, .line-middle .xm4, .line-middle .xm5, .line-middle .xm6, .line-middle .xm7, .line-middle .xm8, .line-middle .xm9, .line-middle .xs1, .line-middle .xs10, .line-middle .xs11, .line-middle .xs12, .line-middle .xs2, .line-middle .xs3, .line-middle .xs4, .line-middle .xs5, .line-middle .xs6, .line-middle .xs7, .line-middle .xs8, .line-middle .xs9 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px
}
.line-small {
  margin-left: -2px;
  margin-right: -2px
}
.line-small .x1, .line-small .x10, .line-small .x11, .line-small .x12, .line-small .x2, .line-small .x3, .line-small .x4, .line-small .x5, .line-small .x6, .line-small .x7, .line-small .x8, .line-small .x9, .line-small .xb1, .line-small .xb10, .line-small .xb11, .line-small .xb12, .line-small .xb2, .line-small .xb3, .line-small .xb4, .line-small .xb5, .line-small .xb6, .line-small .xb7, .line-small .xb8, .line-small .xb9, .line-small .xl1, .line-small .xl10, .line-small .xl11, .line-small .xl12, .line-small .xl2, .line-small .xl3, .line-small .xl4, .line-small .xl5, .line-small .xl6, .line-small .xl7, .line-small .xl8, .line-small .xl9, .line-small .xm1, .line-small .xm10, .line-small .xm11, .line-small .xm12, .line-small .xm2, .line-small .xm3, .line-small .xm4, .line-small .xm5, .line-small .xm6, .line-small .xm7, .line-small .xm8, .line-small .xm9, .line-small .xs1, .line-small .xs10, .line-small .xs11, .line-small .xs12, .line-small .xs2, .line-small .xs3, .line-small .xs4, .line-small .xs5, .line-small .xs6, .line-small .xs7, .line-small .xs8, .line-small .xs9 {
  position: relative;
  min-height: 1px;
  padding-right: 2px;
  padding-left: 2px
}
.x1, .x10, .x11, .x12, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9 {
  float: left
}
.x1 {
  width: 8.33333333%
}
.x2 {
  width: 16.66666667%
}
.x3 {
  width: 25%
}
.x4 {
  width: 33.33333333%
}
.x5 {
  width: 41.66666667%
}
.x6 {
  width: 50%
}
.x7 {
  width: 58.33333333%
}
.x8 {
  width: 66.66666667%
}
.x9 {
  width: 75%
}
.x10 {
  width: 83.33333333%
}
.x11 {
  width: 91.66666667%
}
.x12 {
  width: 100%
}
.x0-left {
  left: 0
}
.x1-left {
  left: 8.33333333%
}
.x2-left {
  left: 16.66666667%
}
.x3-left {
  left: 25%
}
.x4-left {
  left: 33.33333333%
}
.x5-left {
  left: 41.66666667%
}
.x6-left {
  left: 50%
}
.x7-left {
  left: 58.33333333%
}
.x8-left {
  left: 66.66666667%
}
.x9-left {
  left: 75%
}
.x10-left {
  left: 83.33333333%
}
.x11-left {
  left: 91.66666667%
}
.x12-left {
  left: 100%
}
.x0-right {
  right: 0
}
.x1-right {
  right: 8.33333333%
}
.x2-right {
  right: 16.66666667%
}
.x3-right {
  right: 25%
}
.x4-right {
  right: 33.33333333%
}
.x5-right {
  right: 41.66666667%
}
.x6-right {
  right: 50%
}
.x7-right {
  right: 58.33333333%
}
.x8-right {
  right: 66.66666667%
}
.x9-right {
  right: 75%
}
.x10-right {
  right: 83.33333333%
}
.x11-right {
  right: 91.66666667%
}
.x12-right {
  right: 100%
}
.x0-move {
  margin-left: 0
}
.x1-move {
  margin-left: 8.33333333%
}
.x2-move {
  margin-left: 16.66666667%
}
.x3-move {
  margin-left: 25%
}
.x4-move {
  margin-left: 33.33333333%
}
.x5-move {
  margin-left: 41.66666667%
}
.x6-move {
  margin-left: 50%
}
.x7-move {
  margin-left: 58.33333333%
}
.x8-move {
  margin-left: 66.66666667%
}
.x9-move {
  margin-left: 75%
}
.x10-move {
  margin-left: 83.33333333%
}
.x11-move {
  margin-left: 91.66666667%
}
.x12-move {
  margin-left: 100%
}
@media(min-width:300px) {
  .xl1, .xl10, .xl11, .xl12, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9 {
    float: left
  }
  .xl1 {
    width: 8.33333333%
  }
  .xl2 {
    width: 16.66666667%
  }
  .xl3 {
    width: 25%
  }
  .xl4 {
    width: 33.33333333%
  }
  .xl5 {
    width: 41.66666667%
  }
  .xl6 {
    width: 50%
  }
  .xl7 {
    width: 58.33333333%
  }
  .xl8 {
    width: 66.66666667%
  }
  .xl9 {
    width: 75%
  }
  .xl10 {
    width: 83.33333333%
  }
  .xl11 {
    width: 91.66666667%
  }
  .xl12 {
    width: 100%
  }
  .xl0-left {
    left: 0
  }
  .xl1-left {
    left: 8.33333333%
  }
  .xl2-left {
    left: 16.66666667%
  }
  .xl3-left {
    left: 25%
  }
  .xl4-left {
    left: 33.33333333%
  }
  .xl5-left {
    left: 41.66666667%
  }
  .xl6-left {
    left: 50%
  }
  .xl7-left {
    left: 58.33333333%
  }
  .xl8-left {
    left: 66.66666667%
  }
  .xl9-left {
    left: 75%
  }
  .xl10-left {
    left: 83.33333333%
  }
  .xl11-left {
    left: 91.66666667%
  }
  .xl12-left {
    left: 100%
  }
  .xl0-right {
    right: 0
  }
  .xl1-right {
    right: 8.33333333%
  }
  .xl2-right {
    right: 16.66666667%
  }
  .xl3-right {
    right: 25%
  }
  .xl4-right {
    right: 33.33333333%
  }
  .xl5-right {
    right: 41.66666667%
  }
  .xl6-right {
    right: 50%
  }
  .xl7-right {
    right: 58.33333333%
  }
  .xl8-right {
    right: 66.66666667%
  }
  .xl9-right {
    right: 75%
  }
  .xl10-right {
    right: 83.33333333%
  }
  .xl11-right {
    right: 91.66666667%
  }
  .xl12-right {
    right: 100%
  }
  .xl0-move {
    margin-left: 0
  }
  .xl1-move {
    margin-left: 8.33333333%
  }
  .xl2-move {
    margin-left: 16.66666667%
  }
  .xl3-move {
    margin-left: 25%
  }
  .xl4-move {
    margin-left: 33.33333333%
  }
  .xl5-move {
    margin-left: 41.66666667%
  }
  .xl6-move {
    margin-left: 50%
  }
  .xl7-move {
    margin-left: 58.33333333%
  }
  .xl8-move {
    margin-left: 66.66666667%
  }
  .xl9-move {
    margin-left: 75%
  }
  .xl10-move {
    margin-left: 83.33333333%
  }
  .xl11-move {
    margin-left: 91.66666667%
  }
  .xl12-move {
    margin-left: 100%
  }
  .detail .layout .item, .index_body .layout .item, .list_body .layout .item {
    height: 140px
  }
}
@media(min-width:760px) {
  .xs1, .xs10, .xs11, .xs12, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9 {
    float: left
  }
  .xs1 {
    width: 8.33333333%
  }
  .xs2 {
    width: 16.66666667%
  }
  .xs3 {
    width: 25%
  }
  .xs4 {
    width: 33.33333333%
  }
  .xs5 {
    width: 41.66666667%
  }
  .xs6 {
    width: 50%
  }
  .xs7 {
    width: 58.33333333%
  }
  .xs8 {
    width: 66.66666667%
  }
  .xs9 {
    width: 75%
  }
  .xs10 {
    width: 83.33333333%
  }
  .xs11 {
    width: 91.66666667%
  }
  .xs12 {
    width: 100%
  }
  .xs0-left {
    left: 0
  }
  .xs1-left {
    left: 8.33333333%
  }
  .xs2-left {
    left: 16.66666667%
  }
  .xs3-left {
    left: 25%
  }
  .xs4-left {
    left: 33.33333333%
  }
  .xs5-left {
    left: 41.66666667%
  }
  .xs6-left {
    left: 50%
  }
  .xs7-left {
    left: 58.33333333%
  }
  .xs8-left {
    left: 66.66666667%
  }
  .xs9-left {
    left: 75%
  }
  .xs10-left {
    left: 83.33333333%
  }
  .xs11-left {
    left: 91.66666667%
  }
  .xs12-left {
    left: 100%
  }
  .xs0-right {
    right: 0
  }
  .xs1-right {
    right: 8.33333333%
  }
  .xs2-right {
    right: 16.66666667%
  }
  .xs3-right {
    right: 25%
  }
  .xs4-right {
    right: 33.33333333%
  }
  .xs5-right {
    right: 41.66666667%
  }
  .xs6-right {
    right: 50%
  }
  .xs7-right {
    right: 58.33333333%
  }
  .xs8-right {
    right: 66.66666667%
  }
  .xs9-right {
    right: 75%
  }
  .xs10-right {
    right: 83.33333333%
  }
  .xs11-right {
    right: 91.66666667%
  }
  .xs12-right {
    right: 100%
  }
  .xs0-move {
    margin-left: 0
  }
  .xs1-move {
    margin-left: 8.33333333%
  }
  .xs2-move {
    margin-left: 16.66666667%
  }
  .xs3-move {
    margin-left: 25%
  }
  .xs4-move {
    margin-left: 33.33333333%
  }
  .xs5-move {
    margin-left: 41.66666667%
  }
  .xs6-move {
    margin-left: 50%
  }
  .xs7-move {
    margin-left: 58.33333333%
  }
  .xs8-move {
    margin-left: 66.66666667%
  }
  .xs9-move {
    margin-left: 75%
  }
  .xs10-move {
    margin-left: 83.33333333%
  }
  .xs11-move {
    margin-left: 91.66666667%
  }
  .xs12-move {
    margin-left: 100%
  }
  .detail .layout .item, .index_body .layout .item, .list_body .layout .item {
    height: 200px
  }
}
@media(min-width:1000px) {
  .xm1, .xm10, .xm11, .xm12, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9 {
    float: left
  }
  .xm1 {
    width: 8.33333333%
  }
  .xm2 {
    width: 16.66666667%
  }
  .xm3 {
    width: 25%
  }
  .xm4 {
    width: 33.33333333%
  }
  .xm5 {
    width: 41.66666667%
  }
  .xm6 {
    width: 50%
  }
  .xm7 {
    width: 58.33333333%
  }
  .xm8 {
    width: 66.66666667%
  }
  .xm9 {
    width: 75%
  }
  .xm10 {
    width: 83.33333333%
  }
  .xm11 {
    width: 91.66666667%
  }
  .xm12 {
    width: 100%
  }
  .xm0-left {
    left: 0
  }
  .xm1-left {
    left: 8.33333333%
  }
  .xm2-left {
    left: 16.66666667%
  }
  .xm3-left {
    left: 25%
  }
  .xm4-left {
    left: 33.33333333%
  }
  .xm5-left {
    left: 41.66666667%
  }
  .xm6-left {
    left: 50%
  }
  .xm7-left {
    left: 58.33333333%
  }
  .xm8-left {
    left: 66.66666667%
  }
  .xm9-left {
    left: 75%
  }
  .xm10-left {
    left: 83.33333333%
  }
  .xm11-left {
    left: 91.66666667%
  }
  .xm12-left {
    left: 100%
  }
  .xm0-right {
    right: 0
  }
  .xm1-right {
    right: 8.33333333%
  }
  .xm2-right {
    right: 16.66666667%
  }
  .xm3-right {
    right: 25%
  }
  .xm4-right {
    right: 33.33333333%
  }
  .xm5-right {
    right: 41.66666667%
  }
  .xm6-right {
    right: 50%
  }
  .xm7-right {
    right: 58.33333333%
  }
  .xm8-right {
    right: 66.66666667%
  }
  .xm9-right {
    right: 75%
  }
  .xm10-right {
    right: 83.33333333%
  }
  .xm11-right {
    right: 91.66666667%
  }
  .xm12-right {
    right: 100%
  }
  .xm0-move {
    margin-left: 0
  }
  .xm1-move {
    margin-left: 8.33333333%
  }
  .xm2-move {
    margin-left: 16.66666667%
  }
  .xm3-move {
    margin-left: 25%
  }
  .xm4-move {
    margin-left: 33.33333333%
  }
  .xm5-move {
    margin-left: 41.66666667%
  }
  .xm6-move {
    margin-left: 50%
  }
  .xm7-move {
    margin-left: 58.33333333%
  }
  .xm8-move {
    margin-left: 66.66666667%
  }
  .xm9-move {
    margin-left: 75%
  }
  .xm10-move {
    margin-left: 83.33333333%
  }
  .xm11-move {
    margin-left: 91.66666667%
  }
  .xm12-move {
    margin-left: 100%
  }
  .detail .layout .item, .index_body .layout .item, .list_body .layout .item {
    height: 273px
  }
}
@media(min-width:1200px) {
  .xb1, .xb10, .xb11, .xb12, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9 {
    float: left
  }
  .xb1 {
    width: 8.33333333%
  }
  .xb2 {
    width: 16.66666667%
  }
  .xb3 {
    width: 25%
  }
  .xb4 {
    width: 33.33333333%
  }
  .xb5 {
    width: 41.66666667%
  }
  .xb6 {
    width: 50%
  }
  .xb7 {
    width: 58.33333333%
  }
  .xb8 {
    width: 66.66666667%
  }
  .xb9 {
    width: 75%
  }
  .xb10 {
    width: 83.33333333%
  }
  .xb11 {
    width: 91.66666667%
  }
  .xb12 {
    width: 100%
  }
  .xb0-left {
    left: 0
  }
  .xb1-left {
    left: 8.33333333%
  }
  .xb2-left {
    left: 16.66666667%
  }
  .xb3-left {
    left: 25%
  }
  .xb4-left {
    left: 33.33333333%
  }
  .xb5-left {
    left: 41.66666667%
  }
  .xb6-left {
    left: 50%
  }
  .xb7-left {
    left: 58.33333333%
  }
  .xb8-left {
    left: 66.66666667%
  }
  .xb9-left {
    left: 75%
  }
  .xb10-left {
    left: 83.33333333%
  }
  .xb11-left {
    left: 91.66666667%
  }
  .xb12-left {
    left: 100%
  }
  .xb0-right {
    right: 0
  }
  .xb1-right {
    right: 8.33333333%
  }
  .xb2-right {
    right: 16.66666667%
  }
  .xb3-right {
    right: 25%
  }
  .xb4-right {
    right: 33.33333333%
  }
  .xb5-right {
    right: 41.66666667%
  }
  .xb6-right {
    right: 50%
  }
  .xb7-right {
    right: 58.33333333%
  }
  .xb8-right {
    right: 66.66666667%
  }
  .xb9-right {
    right: 75%
  }
  .xb10-right {
    right: 83.33333333%
  }
  .xb11-right {
    right: 91.66666667%
  }
  .xb12-right {
    right: 100%
  }
  .xb0-move {
    margin-left: 0
  }
  .xb1-move {
    margin-left: 8.33333333%
  }
  .xb2-move {
    margin-left: 16.66666667%
  }
  .xb3-move {
    margin-left: 25%
  }
  .xb4-move {
    margin-left: 33.33333333%
  }
  .xb5-move {
    margin-left: 41.66666667%
  }
  .xb6-move {
    margin-left: 50%
  }
  .xb7-move {
    margin-left: 58.33333333%
  }
  .xb8-move {
    margin-left: 66.66666667%
  }
  .xb9-move {
    margin-left: 75%
  }
  .xb10-move {
    margin-left: 83.33333333%
  }
  .xb11-move {
    margin-left: 91.66666667%
  }
  .xb12-move {
    margin-left: 100%
  }
}
@media(max-width:760px) {
  .show-l {
    display: block !important
  }
  .hidden-l {
    display: none !important
  }
}
@media(min-width:761px) and (max-width:1000px) {
  .show-s {
    display: block !important
  }
  .hidden-s {
    display: none !important
  }
}
@media(min-width:1001px) and (max-width:1200px) {
  .show-m {
    display: block !important
  }
  .hidden-m {
    display: none !important
  }
}
@media(min-width:1201px) {
  .show-b {
    display: block !important
  }
  .hidden-b {
    display: none !important
  }
}
.text-left {
  text-align: left
}
.text-center {
  text-align: center
}
.text-right {
  text-align: right
}
@font-face {
  font-family: MisoBold;
  src: url(miso-bold-webfont.eot);
  src: url(miso-bold-webfont.eot?#iefix) format('embedded-opentype'), url(miso-bold-webfont.ttf) format('truetype');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: fullscreen;
  src: url(fullscreen.eot);
  src: url(fullscreen.eot#iefix) format('embedded-opentype'), url(fullscreen.woff) format('woff'), url(fullscreen.ttf) format('truetype'), url(fullscreen.svg#fullscreen) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: wowslider-controls;
  src: url(wowslider-controls.eot);
  src: url(wowslider-controls.eot#iefix) format('embedded-opentype'), url(wowslider-controls.woff) format('woff'), url(wowslider-controls.ttf) format('truetype'), url(wowslider-controls.svg#wowslider-controls) format('svg');
  font-weight: 400;
  font-style: normal
}
#wowslider-container {
  zoom: 1;
  position: relative;
  width: 100%;
  margin: 0 auto;
  border: none;
  text-align: left;
  font-size: 10px;
  overflow: hidden
}
#wowslider-container.fullscreen-mode, #wowslider-container.fullwidth-mode {
  max-width: none;
  max-height: none
}
#wowslider-container .ws_images ul {
  position: relative;
  width: 10000%;
  height: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  overflow: visible
}
#wowslider-container .ws_images ul li {
  position: relative;
  width: 1%;
  height: 100%;
  line-height: 0;
  overflow: hidden;
  float: left;
  font-size: 0;
  padding: 0 !important;
  margin: 0 !important
}
#wowslider-container .ws_images {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
#wowslider-container.fullscreen-mode .ws_images, #wowslider-container.fullwidth-mode .ws_images {
  max-height: none
}
#wowslider-container .ws_images a {
  width: 100%;
  display: block;
  color: transparent
}
#wowslider-container.fullscreen-mode .ws_images a, #wowslider-container.fullwidth-mode .ws_images a {
  height: 100%
}
#wowslider-container img {
  max-width: none !important
}
#wowslider-container .ws_images img {
  width: 100%;
  border: none 0;
  max-width: none;
  padding: 0;
  margin: 0
}
#wowslider-container .ws_images iframe {
  position: absolute;
  z-index: -1
}
#wowslider-container a {
  text-decoration: none;
  outline: 0;
  border: none
}
#wowslider-container .ws_bullets {
  float: left;
  position: absolute;
  z-index: 70
}
#wowslider-container .ws_bullets div {
  position: relative;
  float: left;
  font-size: 0
}
#wowslider-container a.wsl {
  display: none
}
#wowslider-container .ws_bullets {
  padding: 10px
}
#wowslider-container .ws_bullets a {
  margin-left: 16px;
  width: 12px;
  height: 12px;
  float: left;
  text-indent: -4000px;
  position: relative;
  background: #d80808;
  background: rgba(255, 255, 255, .3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover {
  background: #d80808
}
#wowslider-container .ws_bullets a:hover {
  -webkit-animation: pulseIn .9s infinite linear;
  -moz-animation: pulseIn .9s infinite linear;
  animation: pulseIn .9s infinite linear
}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev {
  font-family: wowslider-controls;
  position: absolute;
  display: none;
  text-shadow: none;
  text-align: center;
  background: #000;
  color: #FFF;
  top: 50%;
  margin-top: -2.5em;
  height: 5em;
  width: 5em;
  z-index: 60;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
#wowslider-container a.ws_next:hover, #wowslider-container a.ws_prev:hover {
  background: rgba(255, 255, 255, .3)
}
#wowslider-container a.ws_next {
  right: 10px
}
#wowslider-container a.ws_next:after {
  content: '\e801';
  display: block;
  font-size: 3.5em;
  line-height: 1.7em
}
#wowslider-container a.ws_prev {
  left: 10px
}
#wowslider-container a.ws_prev:after {
  content: '\e800';
  display: block;
  font-size: 3.5em;
  line-height: 1.7em
}
#wowslider-container a.ws_prev:hover:after {
  -webkit-animation: prevArrow .7s infinite ease-in-out;
  -moz-animation: prevArrow .7s infinite ease-in-out;
  animation: prevArrow .7s infinite ease-in-out
}
#wowslider-container a.ws_next:hover:after {
  -webkit-animation: nextArrow .7s infinite ease-in-out;
  -moz-animation: nextArrow .7s infinite ease-in-out;
  animation: nextArrow .7s infinite ease-in-out
}
* html #wowslider-container a.ws_next, * html #wowslider-container a.ws_prev {
  display: block
}
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {
  display: block
}
#wowslider-container .ws_bullets {
  bottom: -33px;
  left: 50%
}
#wowslider-container .ws_bullets div {
  left: -70%
}
#wowslider-container .ws-title {
  position: absolute;
  display: block;
  bottom: .31em;
  left: 1.23em;
  margin: 9px;
  z-index: 50;
  font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;
  font-size: 5.5em;
  color: #FFF;
  text-shadow: 1px 1px 1px #333
}
#wowslider-container .ws-title div, #wowslider-container .ws-title span {
  display: inline-block;
  padding: 10px;
  background: #d80808;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  opacity: .95;
  filter: alpha(opacity=95)
}
#wowslider-container .ws-title div {
  display: block;
  background: #b02d15;
  margin-top: 10px;
  color: #FFF;
  opacity: .8;
  text-shadow: 1px 1px 1px #000
}
#wowslider-container .ws_images > ul {
  animation: wsBasic 16.8s infinite;
  -moz-animation: wsBasic 16.8s infinite;
  -webkit-animation: wsBasic 16.8s infinite
}
@keyframes wsBasic {
  0% {
    left: 0
  }
  14.88% {
    left: 0
  }
  25% {
    left: -100%
  }
  39.88% {
    left: -100%
  }
  50% {
    left: -200%
  }
  64.88% {
    left: -200%
  }
  75% {
    left: -300%
  }
  89.88% {
    left: -300%
  }
}
@-moz-keyframes wsBasic {
  0% {
    left: 0
  }
  14.88% {
    left: 0
  }
  25% {
    left: -100%
  }
  39.88% {
    left: -100%
  }
  50% {
    left: -200%
  }
  64.88% {
    left: -200%
  }
  75% {
    left: -300%
  }
  89.88% {
    left: -300%
  }
}
@-webkit-keyframes wsBasic {
  0% {
    left: 0
  }
  14.88% {
    left: 0
  }
  25% {
    left: -100%
  }
  39.88% {
    left: -100%
  }
  50% {
    left: -200%
  }
  64.88% {
    left: -200%
  }
  75% {
    left: -300%
  }
  89.88% {
    left: -300%
  }
}
#wowslider-container .ws_bullets a img {
  text-indent: 0;
  display: block;
  bottom: 16px;
  left: -115px;
  visibility: hidden;
  position: absolute;
  -moz-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
  border: 3px solid #FFF;
  max-width: none
}
#wowslider-container .ws_bullets a:hover img {
  visibility: visible
}
#wowslider-container .ws_bulframe div div {
  height: 75px;
  overflow: visible;
  position: relative
}
#wowslider-container .ws_bulframe div div img {
  height: 100%
}
#wowslider-container .ws_bulframe div {
  left: 0;
  overflow: hidden;
  position: relative;
  width: 200px;
  background-color: #FFF
}
#wowslider-container .ws_bullets .ws_bulframe {
  display: none;
  bottom: 18px;
  overflow: visible;
  position: absolute;
  cursor: pointer;
  -moz-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
  border: 3px solid #FFF
}
#wowslider-container .ws_bulframe span {
  display: block;
  position: absolute;
  bottom: -9px;
  margin-left: 0;
  left: 95px;
  background: url(triangle.png);
  width: 15px;
  height: 6px
}
#wowslider-container.ws_gestures, #wowslider-container.ws_gestures > div > a {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
#wowslider-container.ws_gestures.ws_grabbing, #wowslider-container.ws_gestures.ws_grabbing > div > a {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
#wowslider-container.ws_video_playing .ws_bullets {
  display: none
}
#wowslider-container.ws_video_playing:hover .ws_bullets {
  display: block
}
#wowslider-container.ws_video_playing_ie .ws_bullets, #wowslider-container.ws_video_playing_ie a.ws_next, #wowslider-container.ws_video_playing_ie a.ws_prev {
  display: block
}
#wowslider-container .ws_video_btn {
  position: absolute;
  display: none;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 55
}
#wowslider-container .ws_video_btn.ws_vimeo, #wowslider-container .ws_video_btn.ws_youtube {
  display: block
}
#wowslider-container .ws_video_btn div {
  position: absolute;
  background-image: url(playvideo.png);
  background-size: 200%;
  top: 50%;
  left: 50%;
  width: 7em;
  height: 5em;
  margin-left: -3.5em;
  margin-top: -2.5em
}
#wowslider-container .ws_video_btn.ws_youtube div {
  background-position: 0 0
}
#wowslider-container .ws_video_btn.ws_youtube:hover div {
  background-position: 100% 0
}
#wowslider-container .ws_video_btn.ws_vimeo div {
  background-position: 0 100%
}
#wowslider-container .ws_video_btn.ws_vimeo:hover div {
  background-position: 100% 100%
}
#wowslider-container1 .ws_playpause.ws_hide {
  display: none !important
}
#wowslider-container .ws_fullscreen {
  display: none;
  position: absolute;
  font-family: fullscreen;
  top: .5em;
  right: .5em;
  font-size: 2.25em;
  z-index: 59;
  color: #1ea5c2;
  text-shadow: none
}
#wowslider-container .ws_fullscreen:hover {
  -webkit-animation: pulseOut .9s infinite linear;
  -moz-animation: pulseOut .9s infinite linear;
  animation: pulseOut .9s infinite linear
}
#wowslider-container .ws_fullscreen:after {
  content: '\e800'
}
.ws_fs_wrapper {
  width: 100%;
  height: 100%;
  background: #efecdd
}
.ws_fs_wrapper > #wowslider-container, .ws_fs_wrapper > #wowslider-container .ws_images {
  margin: 0 auto;
  max-height: none
}
.ws_fs_wrapper > #wowslider-container .ws_fullscreen {
  position: fixed;
  display: block
}
.ws_fs_wrapper > #wowslider-container .ws_fullscreen:after {
  content: '\e801'
}
.ws_fs_wrapper > #wowslider-container {
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0
}
@-webkit-keyframes pulseIn {
  0% {
    -webkit-transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.2)
  }
  100% {
    -webkit-transform: scale(1)
  }
}
@-moz-keyframes pulseIn {
  0% {
    -moz-transform: scale(1)
  }
  50% {
    -moz-transform: scale(1.2)
  }
  100% {
    -moz-transform: scale(1)
  }
}
@keyframes pulseIn {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}
@-webkit-keyframes pulseOut {
  0% {
    -webkit-transform: scale(1)
  }
  50% {
    -webkit-transform: scale(.8)
  }
  100% {
    -webkit-transform: scale(1)
  }
}
@-moz-keyframes pulseOut {
  0% {
    -moz-transform: scale(1)
  }
  50% {
    -moz-transform: scale(.8)
  }
  100% {
    -moz-transform: scale(1)
  }
}
@keyframes pulseOut {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(.8)
  }
  100% {
    transform: scale(1)
  }
}
@-webkit-keyframes nextArrow {
  0%, 100% {
    -webkit-transform: translateX(0)
  }
  25% {
    -webkit-transform: translateX(2px)
  }
  75% {
    -webkit-transform: translateX(-2px)
  }
}
@-moz-keyframes nextArrow {
  0%, 100% {
    -moz-transform: translateX(0)
  }
  25% {
    -moz-transform: translateX(2px)
  }
  75% {
    -moz-transform: translateX(-2px)
  }
}
@keyframes nextArrow {
  0%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0)
  }
  25% {
    -moz-transform: translateX(2px);
    transform: translateX(2px)
  }
  75% {
    -moz-transform: translateX(-2px);
    transform: translateX(-2px)
  }
}
@-webkit-keyframes prevArrow {
  0%, 100% {
    -webkit-transform: translateX(0)
  }
  25% {
    -webkit-transform: translateX(-2px)
  }
  75% {
    -webkit-transform: translateX(2px)
  }
}
@-moz-keyframes prevArrow {
  0%, 100% {
    -moz-transform: translateX(0)
  }
  25% {
    -moz-transform: translateX(-2px)
  }
  75% {
    -moz-transform: translateX(2px)
  }
}
@keyframes prevArrow {
  0%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0)
  }
  25% {
    -moz-transform: translateX(-2px);
    transform: translateX(-2px)
  }
  75% {
    -moz-transform: translateX(2px);
    transform: translateX(2px)
  }
}
.float-left {
  float: left !important
}
.float-right {
  float: right !important
}
.clearfix:after, .container-layout:after, .container:after, .layout:after, .line-big:after, .line-middle:after, .line-small:after, .line:after, .nav-main:after, .nav-sub:after, .navbar:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden
}
.clearfix, .container, .container-layout, .layout, .line, .line-big, .line-middle, .line-small, .nav-main, .nav-sub, .navbar {
  display: block
}
.clear {
  clear: both
}
.padding-large {
  padding: 30px
}
.padding-large-top {
  padding-top: 30px
}
.padding-large-right {
  padding-right: 30px
}
.padding-large-bottom {
  padding-bottom: 30px
}
.padding-large-left {
  padding-left: 30px
}
.padding-big {
  padding: 20px
}
.padding-big-top {
  padding-top: 20px
}
.padding-big-right {
  padding-right: 20px
}
.padding-big-bottom {
  padding-bottom: 20px
}
.padding-big-left {
  padding-left: 20px
}
.padding {
  padding: 10px
}
.padding-top {
  padding-top: 10px
}
.padding-right {
  padding-right: 10px
}
.padding-bottom {
  padding-bottom: 10px
}
.padding-left {
  padding-left: 10px
}
.padding-small {
  padding: 5px
}
.padding-small-top {
  padding-top: 5px
}
.padding-small-right {
  padding-right: 5px
}
.padding-small-bottom {
  padding-bottom: 5px
}
.padding-small-left {
  padding-left: 5px
}
.padding-little {
  padding: 2px
}
.padding-little-top {
  padding-top: 2px
}
.padding-little-right {
  padding-right: 2px
}
.padding-little-bottom {
  padding-bottom: 2px
}
.padding-little-left {
  padding-left: 2px
}
.margin-large {
  margin: 30px
}
.margin-large-top {
  margin-top: 30px
}
.margin-large-right {
  margin-right: 30px
}
.margin-large-bottom {
  margin-bottom: 30px
}
.margin-large-left {
  margin-left: 30px
}
.margin-big {
  margin: 20px
}
.margin-big-top {
  margin-top: 20px
}
.margin-big-right {
  margin-right: 20px
}
.margin-big-bottom {
  margin-bottom: 20px
}
.margin-big-left {
  margin-left: 20px
}
#fh5co-header {
  z-index: 99999;
  width: 100%;
  position: fixed;
  background: #FFF;
  border-bottom: 1px solid #ddd;
  height: 90px;
  top: 0
}
.fh5co-gallery {
  margin-bottom: 10px
}
#fh5co-content_show {
  background: #F4F4F4;
  padding: 50px 0
}
.full-screen-en-title {
  font-weight: 700;
  font-size: 35px;
  color: #333
}
.full-screen-en-title span {
  font-family: "宋体";
  margin: 0 20px;
  color: #000
}
.ErWeiImg {
  max-width: 140px
}
.list-unstyle li {
  color: #FFF
}
.list-unstyle li a {
  color: #FFF !important
}
.list-unstyle li a:hover {
  color: #FFF !important
}
.navbar-left {
  text-align: center;
  color: #FFF
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height .5s ease-in-out;
  -moz-transition: height .5s ease-in-out;
  -ms-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
  float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
  cursor: pointer
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.grabbing {
  cursor: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center
}
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  opacity: .5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  opacity: 1;
  text-decoration: none
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 4px;
  filter: Alpha(Opacity=50);
  opacity: .5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center
}
.margin-big-large-bottom {
  margin-bottom: 75px
}
.margin-big-small-bottom {
  margin-bottom: 35px
}
.margin-big-middle-bottom {
  margin-bottom: 50px
}
.margin-big-middle-top {
  margin-top: 50px
}
.text-lowercase {
  text-transform: lowercase
}
.initialism, .text-uppercase {
  text-transform: uppercase
}
.text-capitalize {
  text-transform: capitalize
}
.float_bg {
  background: url(../images/qq_3.gif) repeat-y
}
.bg-main {
  background: #d61919
}
.layout {
  overflow-x: hidden
}
footer .layout {
  overflow: visible
}
.bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .button.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .pager-next.border-main, .pager-prev.border-main, .pager.border-main a, .text-main, a.text-main:link, a.text-main:visited, blockquote.border-main strong {
  color: #d61919
}
.border-main:hover {
  color: #FFF;
  background: #d61919;
  border-color: #d61919
}
.passcode {
  border-left: 1px solid #e2e2e2;
  border-radius: 0 4px 4px 0;
  height: 32px;
  line-height: 32px;
  margin: 1px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}
.blankbig {
  height: 50px;
  line-height: 50px;
  clear: both;
  font-size: 0;
  background: 0 0
}
.h2, .h3 {
  font-size: 32px;
  line-height: 100%
}
.detail .h2, .detail .h3 {
  line-height: 180%
}
.detail .h3 {
  font-size: 16px
}
.line-large {
  margin-left: -15px;
  margin-right: -15px
}
.line-large .x1, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .xb1, .line-large .xb10, .line-large .xb11, .line-large .xb12, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xl1, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xm1, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xs1, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.line-large:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden
}
.line-large {
  display: block
}
footer {
  background: #d61919;
  color: #595959
}
footer a {
  color: #666
}
footer .footlink {
  padding-top: 40px
}
footer .footlink ul li {
  line-height: 24px
}
footer .footlink .h3 {
  color: #FFF;
  font-size: 20px;
  height: 39px;
  line-height: 34px;
  width: 230px;
  margin-bottom: 15px;
  font-weight: 700
}
footer .footlink .h3.last {
  width: 168px;
  padding-left: 25px
}
footer .footlink ul li a {
  color: #FFF;
  font-size: 14px
}
footer .footlink ul li a:hover {
  text-decoration: underline
}
@media screen and (min-width:1000px) {
  footer .footlink .h3.last {
    float: right
  }
  footer .footlink .brode-box .media-img {
    text-align: right
  }
  footer .footlink .contact-box {
    padding-left: 80px
  }
  footer .footlink .about-box {
    width: 270px
  }
}
footer .copyright {
  background: #A31919;
  color: #FFF
}
footer .copyright ul {
  color: #595959
}
footer .copyright ul li a span {
  margin-left: 10px;
  color: #282828
}
footer .copyright ul li a:hover {
  color: #d61919
}
footer .copyright ul li a {
  color: #595959;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 22px
}
footer .copyright ul li.last {
  position: relative;
  background: url(../images/link.png) no-repeat left top;
  z-index: 1001
}
footer .copyright ul li.last a.golink {
  display: block;
  text-indent: -999em;
  width: 100px;
  height: 22px;
  bottom: 0;
  left: 0
}
footer .copyright ul li.last ul {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #181818 none repeat scroll 0 0;
  border-color: #7f8081 #7f8081 -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  bottom: 21px;
  display: none;
  left: 0;
  overflow: hidden;
  padding: 5px 5px 5px 7px;
  position: absolute;
  width: 100px
}
footer .copyright ul li.last ul li a {
  color: #595959;
  display: block;
  text-align: left;
  padding: 1px 0
}
footer .copyright ul li.last ul li a:hover {
  color: #8d8e8f;
  text-decoration: none
}
footer .table-responsive .nav a {
  color: #595959;
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
  padding: 0
}
footer .table-responsive .nav ul li {
  border-left: none
}
footer .table-responsive .nav ul a {
  color: #595959;
  font-size: 13px;
  line-height: 30px;
  padding: 0
}
footer .table-responsive .nav a:hover {
  color: #f08200
}
footer .media p {
  line-height: 24px;
  margin: 0
}
footer .media .media-body p {
  text-align: left
}
footer .media .media-body p a, footer .media .media-body p a:hover {
  color: #656565
}
#fh5co-about-us {
  background: #eee;
  padding-top: 50px
}
#fh5co-about-us p.media-img {
  width: 64px;
  height: 64px;
  margin: 0 auto
}
#fh5co-about-us p.media-img a {
  display: block;
  width: 64px;
  height: 64px
}
#fh5co-about-us .h2 {
  font-size: 18px;
  color: #444
}
#fh5co-about-us p {
  font-size: 14px;
  height: 70px;
  overflow: hidden
}
#fh5co-about-us .border-radius {
  margin: 0 10px 0 10px;
  display: inline
}
#fh5co-about-us .border-radius.last {
  margin: 0 0 20px 0
}
.fh5co-gallery .gallery-item {
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 110;
  text-align: center;
  text-align: center
}
.fh5co-gallery .gallery-item img {
  position: relative;
  max-width: 100%
}
.fh5co-gallery .gallery-item .overlay {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 11;
  vertical-align: middle;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}
.fh5co-gallery .gallery-item .overlay .bnt-case, .fh5co-gallery .gallery-item .overlay .h3, .fh5co-gallery .gallery-item .overlay p {
  position: relative;
  z-index: 12;
  text-align: center;
  display: block;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.fh5co-gallery .gallery-item .overlay .h3 {
  color: #F4F4F4;
  font-size: 16px;
  font-weight: 400;
  padding-top: 60px
}
.fh5co-gallery .gallery-item .overlay p {
  color: #F4F4F4;
  line-height: 24px;
  padding: 20px
}
.fh5co-gallery .gallery-item .bnt-case {
  margin-top: 10px;
  width: 100px;
  height: 30px;
  line-height: 24px;
  cursor: pointer;
  display: block;
  font-size: 24px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #F4F4F4;
  color: #F4F4F4;
  ecshop: alpha(opacity=90);
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9
}
.fh5co-gallery .gallery-item .bnt-case:hover {
  background: #F4F4F4;
  color: #d61919
}
.fh5co-gallery .gallery-item .overlay:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(bg.png)
}
.fh5co-gallery .gallery-item:hover .overlay {
  visibility: visible;
  opacity: 1
}
.fh5co-gallery .gallery-item:hover .overlay:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(bg.png)
}
#fh5co-why-us .show-content {
  overflow: hidden;
  padding-top: 40px
}
#fh5co-why-us .show-content .banner-img {
  overflow: hidden
}
#fh5co-why-us .show-content .banner-img img {
  max-width: 100%
}
#fh5co-why-us .show-content .item-text {
  padding: 80px 10px 15px 0;
  font-size: 16px;
  color: #444
}
#fh5co-why-us .show-content .item-text table td {
  vertical-align: top;
  padding-bottom: 54px
}
#fh5co-why-us .show-content .item-text table tr:last-child td {
  padding-bottom: 0
}
#fh5co-why-us .show-content .item-text table td.tdpad {
  padding-left: 15px;
  line-height: 20px
}
#fh5co-why-us .show-content .item-text td strong {
  background: red;
  color: #FFF;
  padding: 10px
}
#fh5co-comment-list .bg-comment {
  background-image: url(../images/fenlei.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0 70px
}
#fh5co-comment-list .show-list {
  position: relative;
  margin: 0 -15px !important;
  padding-top: 50px
}
#fh5co-comment-list .show-list .item {
  background: #FFF;
  padding: 30px 20px;
  position: relative;
  margin: 0 15px
}
#fh5co-comment-list .show-list .item .media-img {
  overflow: hidden
}
#fh5co-comment-list .show-list .item .media-img img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transition: transform 1s ease 0s
}
#fh5co-comment-list .show-list .item .media-img img:hover {
  transition: transform 1s ease 0s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1)
}
#fh5co-comment-list .show-list .item .quote-txt.left-quote {
  padding: 10px 0 10px
}
#fh5co-comment-list .show-list .item .quote-txt span {
  color: #ccc;
  font-size: 24px
}
#fh5co-comment-list .show-list .item .quote-txt.left-quote {
  transform: rotateY(-48deg);
  -ms-transform: rotateY(-48deg);
  -moz-transform: rotateY(-48deg);
  -webkit-transform: rotateY(-48deg);
  -o-transform: rotateY(-48deg)
}
#fh5co-comment-list .show-list .item .quote-txt.right-quote {
  transform: rotateY(-225deg);
  -ms-transform: rotateY(-225deg);
  -moz-transform: rotateY(-225deg);
  -webkit-transform: rotateY(-225deg);
  -o-transform: rotateY(-225deg)
}
#fh5co-comment-list .show-list .item .signature {
  color: #d61919;
  font-size: 18px;
  padding: 15px 0 10px;
  line-height: 25px
}
#fh5co-comment-list .show-list .item .signature a {
  cursor: pointer;
  color: #d61919
}
#fh5co-comment-list .show-list .item .signature a:hover {
  text-decoration: underline
}
#fh5co-comment-list .owl-theme .owl-controls {
  margin-top: 40px
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #d61919
}
#fh5co-news-list .media-left {
  height: 78px;
  width: 78px;
  background: #d61919;
  margin-right: 20px
}
#fh5co-news-list .media:hover .media-left {
  background: #252525;
  color: #FFF
}
#fh5co-news-list .media-left p {
  text-align: center;
  margin: 0;
  line-height: 22px;
  color: #FFF
}
#fh5co-news-list .media .media-left .f-month {
  font-size: 14px;
  color: #FFF
}
#fh5co-news-list .media .media-left .f-day {
  font-size: 28px;
  color: #FFF
}
#fh5co-news-list .media .media-left .f-year {
  font-size: 12px;
  color: #FFF
}
#fh5co-news-list .media .media-body .h3 {
  margin-bottom: 0;
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px
}
#fh5co-news-list .media .media-body .h3 a {
  font-size: 16px;
  color: #252525;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
#fh5co-news-list .media .media-body .h3 a:hover {
  color: #d61919
}
#fh5co-news-list .media:hover .media-body .h3 a {
  color: #d61919
}
#fh5co-news-list .media .media-body p {
  color: grey;
  font-size: 13px;
  line-height: 22px;
  height: 44px;
  overflow: hidden
}
@media screen and (min-width:1221px) {
  .col-5-11 {
    float: left;
    width: 20% !important;
    display: table-cell
  }
}
@media (min-width:1000px) and (max-width:1199px) {
  #fh5co-header .welcome-word h1 {
    padding-top: 18px
  }
  #fh5co-why-us .media:first-child {
    margin-top: 30px
  }
  footer .footlink .service-box {
    padding-left: 5px
  }
  footer .footlink .contact-box {
    padding-left: 20px
  }
  footer .footlink .about-box {
    width: 220px
  }
  .line-large {
    margin-left: -20px;
    margin-right: -20px
  }
  .line-large .x1, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .xb1, .line-large .xb10, .line-large .xb11, .line-large .xb12, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xl1, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xm1, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xs1, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px
  }
}
@media screen and (max-width:1000px) {
  footer .footlink .h3.last {
    width: 168px;
    padding-left: 0
  }
  #fh5co-why-us .media {
    margin-left: 0
  }
  #fh5co-why-us .media:first-child {
    margin-top: 0
  }
  #fh5co-why-us .show-content .item-text {
    padding-top: 30px
  }
  #fh5co-why-us .show-content .banner-img {
    display: none
  }
  .fh5co-gallery .gallery-item .bnt-case {
    margin-top: 60px
  }
  .navbar-body.nav-navicon {
    display: none
  }
  .line-large {
    margin-left: -10px;
    margin-right: -10px
  }
  .line-large .x1, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .xb1, .line-large .xb10, .line-large .xb11, .line-large .xb12, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xl1, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xm1, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xs1, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
  }
}
@media screen and (max-width:760px) {
  footer .footlink .h3.last {
    width: 168px;
    padding-left: 0
  }
  #fh5co-header .nav li a {
    padding: 12px 0 12px 15px;
    border-bottom: 1px solid #f2f2f2
  }
  #fh5co-header .nav li.last a {
    padding: 12px 0 8px 15px;
    border-bottom: 0 solid #f2f2f2
  }
  #fh5co-header img {
    height: 50px
  }
  #fh5co-header #header-box_id .margin-big-top {
    margin: 0
  }
  .fh5co-gallery .gallery-item .bnt-case {
    margin-top: 90px
  }
  .flex-direction-nav {
    display: none
  }
  .flex-control-nav {
    display: none
  }
}
@media screen and (max-width:480px) {
  footer .footlink .h3.last {
    width: 168px;
    padding-left: 0
  }
  #fh5co-why-us .media {
    margin-left: 0
  }
  #fh5co-why-us .media .h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
  }
  #fh5co-why-us .media p {
    font-size: 12px
  }
}
.more {
  border: solid 2px #e60012;
  background: 0 0;
  border-radius: 0;
  font-size: 16px;
  padding: 5px 25px;
  margin: 0;
  display: inline-block;
  line-height: 30px;
  color: #e60012
}
.more-back {
  background: #e60012;
  font-size: 14px;
  padding: 5px 25px;
  margin: 0;
  display: inline-block;
  line-height: 20px;
  color: #FFF
}
.searchbox {
  width: 100%;
  height: 100px;
  background: #e60012
}
.searchbox-li {
  width: 600px;
  margin: 0 auto;
  padding-top: 25px
}
.sk {
  float: left;
  height: 50px;
  line-height: 50px;
  border: 1px solid #FFF;
  width: 498px;
  text-indent: 20px;
  color: #333;
  font-size: 17px;
  background: #FFF;
  border-radius: 50px 0 0 50px
}
.sbtn {
  width: 100px;
  height: 50px;
  background: #222;
  border: 0;
  color: #FFF;
  font-size: 17px;
  border-radius: 0 50px 50px 0
}
.fl {
  float: left
}
.fr {
  float: right
}
.clr {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  font-size: 0
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.clearfix {
  *zoom: 1
}
#nav ul, .container, .fbox, .top {
  max-width: 1200px;
  _width: 1200px;
  margin: 0 auto
}
.top {
  position: relative;
  height: 90px
}
.logo {
  float: left;
  height: 100%;
  margin-right: 10px
}
.logo img {
  max-width: 100%;
  max-height: 70px;
  margin-top: 10px
}
.top .fr {
  min-width: 300px
}
#xyz {
  position: absolute;
  right: 4px;
  top: 5px
}
.head-text strong {
  color: #4a4a4a;
  font-size: 20px;
  display: block;
  padding: 24px 0 6px 0
}
.xyz li {
  float: left;
  width: 100px;
  font-size: 14px
}
.xyz li img {
  padding-right: 8px
}
.top .fr .ss {
  margin-top: 20px
}
.top .fr .ss p:nth-of-type(1) {
  background: url(../images/tel.jpg) no-repeat left center;
  padding-left: 30px
}
.top .fr .ss p:nth-of-type(2) {
  background: url(../images/mail.jpg) no-repeat left center;
  padding-left: 30px
}
#nav {
  clear: both;
  background: #FFF;
  box-shadow: 1px 5px 20px #c9c7c7;
  width: 100%;
  z-index: 99;
  border-bottom: 5px solid #e60012
}
#nav li {
  float: left
}
#nav li a {
  font-size: 16px !important;
  color: #333;
  line-height: 64px;
  display: block;
  padding: 0 65px;
  text-align: center
}
.inmenu {
  vertical-align: middle;
  position: relative;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform: translateZ(0);
  transition-property: color;
  transition-duration: .3s;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: .3s;
  -webkit-transition-property: color;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden
}
.inmenu::before {
  background: #e60012;
  transform-origin: 50% 50%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  content: "";
  transform: scaleX(0);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: .3s;
  -webkit-transition-property: transform;
  -webkit-transform: scaleX(0);
  -webkit-transform-origin: 50%
}
.inmenu:hover::before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1)
}
.inmenu:focus::before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1)
}
.inmenu:active::before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1)
}
#nav li a:hover {
  color: #FFF
}
#nav li a.inmenu_1 {
  background: #e60012;
  z-index: -1;
  color: #FFF
}
#nav .fl, #nav .fr {
  display: none;
  font-size: 20px;
  color: #111;
  line-height: 60px;
  padding: 0 12px
}
.nbtn {
  background: url(nav_icon.png) center no-repeat;
  width: 60px;
  text-indent: 900px;
  overflow: hidden;
  cursor: pointer
}
#nav li {
  position: relative;
  z-index: 99999
}
#nav li:hover ul li {
  float: none;
  display: block;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #eee;
  clear: both;
  min-width: 195px;
  background: #FFF
}
#nav li:hover ul li a {
  float: none;
  display: block;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 10px;
  line-height: 40px;
  text-align: left;
  text-transform: none;
  border-top: 0;
  font-size: 14px !important
}
#nav li:hover ul li a:hover {
  color: #FFF;
  background: #e60012;
  border-top: 0
}
#nav li ul {
  display: none;
  float: left;
  width: auto;
  position: absolute;
  top: 64px;
  left: 0;
  background: #FFF;
  padding-left: 0;
  opacity: .85;
  filter: alpha(opacity=85);
  z-index: 9999999
}
.p_more {
  margin: 16px 0;
  display: inline-block;
  min-width: 85px;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 100;
  text-align: center;
  color: #FFF
}
.mmv {
  background-color: #e60012;
  padding: 0 13px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform: translateZ(0);
  transition-property: color;
  transition-duration: .5s;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: .5s;
  -webkit-transition-property: color;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden
}
.mmv::before {
  background-color: #192634;
  transform-origin: 0 50%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  content: "";
  transform: scaleX(0);
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: .5s;
  -webkit-transition-property: transform;
  -webkit-transform: scaleX(0);
  -webkit-transform-origin: 0 50%
}
.mmv:hover {
  color: #FFF;
  text-decoration: underline
}
.mmv:focus {
  color: #FFF
}
.mmv:active {
  color: #FFF
}
.mmv:hover::before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
  -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
  -webkit-transform: scaleX(1)
}
.mmv:focus::before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
  -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
  -webkit-transform: scaleX(1)
}
.mmv:active::before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
  -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
  -webkit-transform: scaleX(1)
}
.inner-banner {
  text-align: center
}
.inner-banner img {
  max-width: 100%
}
.eput, .form-control {
  width: 260px;
  border: 1px solid #ccc;
  color: #999;
  text-indent: 12px;
  font-size: 14px
}
.eput {
  height: 30px
}
.form-control {
  height: 64px;
  resize: none;
  overflow: auto;
  margin: 12px auto;
  line-height: 30px;
  font-family: Arial, Helvetica, sans-serif
}
.eput:focus, .form-control:focus {
  border-color: #e60012;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 99, 104, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 99, 104, .6)
}
.ebtn {
  float: right;
  padding: 0 15px;
  height: 30px;
  border: 0;
  background: #e60012;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  text-transform: uppercase;
  cursor: pointer
}
.ebtn:hover {
  background: #000
}
.sidebar {
  float: left;
  width: 240px;
  padding-top: 24px
}
.main {
  padding: 23px 0 0 270px
}
.ctit .h3 {
  font-size: 18px;
  color: #FFF;
  line-height: 50px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  margin-bottom: 12px;
  background: #e60012
}
.bPosition {
  line-height: 45px;
  padding: 0 16px;
  color: #333;
  margin: 10px 0 0 0;
  background: #eee
}
.bPosition a {
  color: #e60012
}
.bPosition a:hover {
  color: #e60012;
  text-decoration: underline
}
.pcon_l {
  width: 100%;
  text-align: center
}
.pcon_r {
  text-align: center
}
h1.pd-title {
  font-size: 20px;
  font-weight: 600;
  color: #4a4a4a;
  padding-bottom: 10px;
  line-height: 24px;
  border-bottom: 1px solid #e4e2e2;
  text-transform: none;
  margin-bottom: 15px
}
.pcon_r .pcon_info {
  line-height: 25px;
  color: #333;
  font-size: 14px
}
.pcon_r .p_more {
  line-height: 48px;
  height: 48px;
  padding: 0 20px
}
.pcon {
  padding-top: 30px;
  float: left;
  width: 100%
}
.pcon .tit {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #e2e2e2;
  color: #e60012;
  font-size: 18px;
  font-weight: 700
}
.pcon .pinfo {
  display: block;
  line-height: 24px;
  padding: 20px 20px 30px 20px
}
 .pinfo img {
  max-width: 100%;
  margin: 0 auto
}
.acon {
  float: left;
  width: 100%
}
.acon .pinfo {
  display: block;
  line-height: 32px;
  padding: 0 0 30px 10px
}
.proIntro {
  color: #999;
  padding: 10px 10px;
  margin: 10px 0;
  border: 1px solid #eee;
  border-radius: 5px
}
.prosubmenu li {
  float: left;
  width: 32%;
  line-height: 24px
}
.prosubmenu {
  padding: 3px 0 0 10px
}
.sf-menu {
  display: table;
  width: 240px;
  margin: 0 auto;
  padding-bottom: 20px
}
.sf-menu li {
  clear: both;
  border-bottom: 1px solid #FFF
}
.sf-menu li a, .sf-menu li:hover a {
  display: block;
  color: #111;
  line-height: 20px;
  font-size: 16px;
  background: #ccc url(pico.png) 5px 15px no-repeat;
  padding: 9px 0 9px 18px
}
.sf-menu li a:hover {
  background-color: #e60012;
  color: #FFF
}
.sf-menu li li {
  clear: both;
  text-transform: capitalize;
  margin: 0 auto;
  position: relative;
  border-bottom: none;
  padding-bottom: 0
}
.sf-menu li li.LiLevel2 a {
  background: #FFF;
  line-height: 20px
}
.sf-menu li li.LiProDetail a {
  background: url(ico_sort.png) no-repeat 8px 11px
}
.sf-menu li li a, .sf-menu li:hover li a {
  display: block;
  line-height: 20px;
  color: #333;
  padding: 6px 0 4px 0;
  text-decoration: none;
  font-size: 14px;
  padding-left: 18px;
  font-weight: 400
}
.sf-menu li li a:hover {
  text-decoration: none;
  color: #e60012
}
ul.sf-menu ul {
  display: block
}
.sf-menu li:hover ul {
  display: block
}
ul.sf-menu ul ul {
  position: absolute;
  left: 240px;
  width: 240px;
  top: 0;
  margin: 0;
  visibility: hidden;
  border: 0;
  border-radius: 0;
  border-left: 0;
  z-index: 999999
}
.sf-menu li li li {
  background: #FFF;
  padding: 0
}
.sf-menu li li:hover {
  opacity: 1
}
.sf-menu li li li a, .sf-menu li:hover li li a {
  text-decoration: none;
  background: url(ico_sort.png) #f2f2f2 no-repeat 8px 11px;
  border-bottom: 1px solid #ddd;
  padding: 5px 0 3px 12px;
  text-indent: 8px
}
ul.pro-menu {
  margin-top: -1px;
  margin: 0;
  padding: 0;
  text-transform: capitalize
}
ul.sf-menu li:hover > ul {
  visibility: visible;
  margin: 0;
  padding: 0
}
ul.sf-menu li.Level1 > a {
  background: url(pico1.png) 3px 15px no-repeat
}
.ptit {
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #e2e2e2;
  color: #e60012;
  font-size: 18px;
  font-weight: 700
}
.rollPro1 {
  width: 100%;
  margin: 10px auto;
  overflow: hidden
}
.productsTitle h4 {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #e2e2e2;
  color: #e60012;
  font-size: 18px;
  font-weight: 700
}
.rollPro1 li {
  width: 30%;
  float: left;
  margin-right: 5%;
  text-align: center
}
.rollPro1 li:nth-of-type(3) {
  margin-right: 0
}
.rollPro1 li:nth-of-type(6) {
  margin-right: 0
}
.rollPro1 li:nth-of-type(9) {
  margin-right: 0
}
.rollPro1 li:nth-of-type(12) {
  margin-right: 0
}
.rollPro1 li .pbox {
  border: 1px solid #ddd;
  padding: 4px;
  height: 190px
}
.rollPro1 li .pbox img {
  max-width: 100%;
  max-height: 180px
}
.rollPro1 li p {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  margin: 10px auto
}
.pages {
  text-align: center;
  font-size: 12px;
  padding: 15px 0 20px 0;
  color: #b2b2b2;
  clear: both
}
.pages a, .pages span {
  display: inline-block;
  margin: 1px 5px;
  min-width: 10px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px
}
.pages a:link, .pages a:visited {
  color: #666;
  background: #FFF
}
.pages a:active, .pages a:hover, .pages span.ctxt {
  color: #FFF;
  background: #333;
  color: #FFF;
  text-decoration: none
}
.newslist {
  margin: 0 auto 12px auto;
  float: left;
  width: 100%
}
.newslist ul {
  padding-right: 16px
}
.newslist li {
  text-align: right;
  height: 40px;
  background: url(pico.png) 3px 17px no-repeat;
  border-bottom: 1px dashed #ddd;
  line-height: 40px;
  color: #888;
  overflow: hidden
}
.newslist li a {
  float: left;
  font-size: 15px;
  text-align: left;
  text-indent: 15px
}
.newslist li a:hover {
  color: #e60012;
  text-decoration: underline
}
.newslist li span {
  font-size: 14px;
  color: #333
}
.rnews, .rollPro {
  margin: 0 auto 50px
}
.rnews .h3, .rollPro .h3 {
  font-size: 25px;
  line-height: 24px;
  padding: 10px 0 35px 0;
  color: #333;
  font-weight: 400;
  height: 30px;
  color: #e60012
}
.rnews li {
  float: left;
  width: 50%;
  height: 35px;
  line-height: 35px
}
.rnews li a {
  display: block;
  white-space: nowrap;
  margin-right: 3%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  border-bottom: 1px dashed #ccc;
  color: #333
}
.rnews li a:hover {
  color: #e60012
}
.rollPro {
  height: 220px;
  margin-bottom: 30px
}
.rollPro .Cont {
  width: 94%;
  overflow: hidden;
  margin: 0 auto
}
.rollPro .ScrCont {
  width: 10000000px
}
.rollPro .pic {
  position: relative;
  width: 170px;
  height: 160px;
  margin: 0 3px;
  border: 1px solid #eee;
  text-align: center
}
.rollPro .pbox img {
  max-width: 162px;
  max-height: 100px
}
.rollPro .pbox {
  width: 100%;
  height: 120px;
  text-align: center
}
.rollPro p {
  height: 42px;
  overflow: hidden;
  line-height: 20px;
  position: absolute;
  bottom: 0
}
.rollPro #List1, .rollPro #List2, .rollPro .Cont, .rollPro .pic, .rollPro .wen_jt {
  float: left
}
.rollPro .wen_jt {
  width: 24px;
  padding-top: 45px
}
.newcon {
  padding-top: 0
}
.newcon .tit {
  text-align: center;
  color: #000;
  font-size: 22px
}
.newcon .time {
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  font-size: 12px;
  color: #999;
  width: 160px;
  margin: 0 auto 20px;
  text-align: center
}
.newcon p {
  line-height: 24px;
  font-size: 15px
}
.pinfo {
  font-size: 14px
}
.newcon .pn {
  padding: 12px 0 0 0;
  min-height: 40px
}
.newcon .next, .newcon .prev {
  font-size: 16px;
  padding: 6px 0 0 0;
  width: 100%
}
.newcon .next {
  margin-right: 0
}
.newcon .next a, .newcon .prev a {
  color: #666
}
.newcon .next a:hover, .newcon .prev a:hover {
  color: #e60012
}
#feedbackForm table {
  width: 100%;
  max-width: 600px;
  _width: 600px;
  margin-top: 20px;
  margin: 0 auto;
  text-align: left
}
.ftxt {
  width: 30%
}
.fput {
  width: 68%
}
#feedbackForm .text {
  float: left;
  width: 90%;
  height: 26px;
  margin: 16px 0 0 0;
  font-size: 12px;
  line-height: 26px;
  padding: 0;
  border: 1px solid #ccc
}
#feedbackForm .lable {
  padding: 10px 12px 0 0;
  line-height: 30px;
  height: 30px;
  text-align: right
}
#feedbackForm .atextarea {
  float: left;
  width: 90%;
  padding: 0;
  margin: 16px 0 0 0;
  border: 1px solid #ccc;
  height: 100px;
  font-size: 12px;
  line-height: 24px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666
}
#feedbackForm .submita {
  display: inline-blockl;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  background: #ff9c00;
  margin: 20px auto;
  border: none;
  color: #FFF;
  cursor: pointer
}
#feedbackForm .fsbtn {
  text-align: center;
  width: 90%;
  border: 1px solid #FFF
}
#feedbackForm span.xh {
  color: #e60012
}
.es-carousel-wrapper {
  padding: 10px 37px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative
}
.es-carousel {
  overflow: hidden;
  background: #FFF
}
.es-carousel ul {
  display: none
}
.es-carousel ul li {
  height: 100%;
  float: left;
  display: block
}
.es-carousel ul li a {
  display: block;
  border: 1px solid #eee !important;
  width: 138px;
  height: 136px;
  line-height: 136px;
  vertical-align: middle;
  display: table-cell;
  text-align: center
}
.es-carousel ul li a img {
  display: block;
  border: none;
  max-width: 132px;
  max-height: 124px;
  _margin-top: expression_r((300-this.height)/2);
  margin: 0 auto
}
.es-nav span {
  position: absolute;
  top: 50%;
  left: 12px;
  background: transparent url(duo_left.gif) no-repeat top left;
  width: 19px;
  height: 32px;
  margin-top: -13px;
  text-indent: -9000px;
  cursor: pointer;
  opacity: .8
}
.es-nav span.es-nav-next {
  right: 12px;
  left: auto;
  background: transparent url(duo_right.gif) no-repeat top left
}
.es-nav span:hover {
  opacity: 1
}
.table {
  border-collapse: collapse
}
.table td, .table th {
  border: 1px solid #cdcdcd;
  padding: 5px
}
.table p {
  padding: 0;
  margin: 0
}
@media screen and (min-width:1004px) {
  .top .fl {
    overflow: hidden
  }
  .top .fr .ss {
    clear: both
  }
  #nav li a {
    font-size: 14px
  }
  #nav ul {
    display: inherit
  }
  .pro_lb1 li:nth-child(4n+5) {
    clear: both
  }
}
@media screen and (max-width:1004px) and (min-width:960px) {
  .top .fl {
    float: none;
    clear: both;
    max-width: 100%
  }
  .top .fr {
    float: right
  }
  .top .fr .ss {
    float: right
  }
  .top .fr .xyz {
    float: left;
    padding-top: 6px
  }
  #nav li a {
    font-size: 14px;
    padding: 0 20px
  }
  #nav ul {
    display: inherit
  }
  .col2 {
    width: 27%
  }
  .col3 {
    width: 28%
  }
  .pro_lb1 li {
    width: 33.33%
  }
  .pro_lb1 li:nth-child(3n+4) {
    clear: both
  }
}
@media screen and (max-width:960px) and (min-width:640px) {
  .logo {
    float: none;
    width: 100%;
    max-width: 480px;
    text-align: center;
    display: block
  }
  .head-text, .top .fr .xyz {
    display: none
  }
  .logo img {
    max-height: 90px
  }
  #nav {
    border-bottom: 6px solid #e60012
  }
  #nav li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #c40000 !important
  }
  #nav li a {
    line-height: 48px
  }
  #nav li:hover ul {
    display: none !important
  }
  .inmenu::before {
    border-bottom-width: 1px
  }
  #nav li a.inmenu_1 {
    background: rgba(255, 255, 255, .1) url(btbg.png) left 47px repeat-x !important;
    z-index: -1
  }
  .prolist li {
    float: left;
    width: 98%;
    height: 200px;
    border: 1px solid #dddada;
    margin: 15px .8%
  }
  .hotpro li {
    width: 50%
  }
  .lnew, .tnew {
    float: none;
    width: 100%;
    clear: both
  }
  #nav .fl, #nav .fr {
    display: block
  }
  #nav ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background: #e60012;
    width: 100%
  }
  #nav ul li {
    border: 0
  }
  #nav {
    height: 60px;
    position: relative
  }
  .col1 {
    width: 50%
  }
  .col2 {
    width: 262px;
    padding-right: 15px;
    float: right
  }
  .col3 {
    padding-left: 15px;
    clear: both
  }
  .pro_lb1 li {
    width: 50%
  }
  .pro_lb1 li:nth-child(2n+3) {
    clear: both
  }
  .pcon_r {
    word-break: break-word
  }
  .newslist li a {
    width: 75%
  }
  #nav li#liHome {
    border-left: 0
  }
  .ss {
    display: none
  }
}
@media screen and (max-width:960px) and (min-width:700px) {
  .pcon_l {
    float: none;
    width: 402px;
    margin: 0 auto;
    overflow: hidden
  }
  .pcon_r {
    padding-left: 0
  }
  .pcon_r .pcon_info, .pcon_r .pd-title {
    padding-left: 20px
  }
  .pcon_r .p_more {
    margin-left: 20px
  }
  .jqZoomPup, .zoomdiv {
    display: none !important
  }
  .rnews li {
    float: none;
    display: block;
    width: 100%;
    margin: 0 auto
  }
  .newcon .next, .newcon .prev {
    float: none;
    width: 100%;
    margin: 0 auto
  }
  #nav li#liHome {
    border-left: 0
  }
}
@media screen and (max-width:700px) and (min-width:480px) {
  .pcon_l {
    float: none;
    width: 400px;
    margin: 0 auto;
    overflow: hidden
  }
  .pcon_r {
    padding-left: 12px
  }
  .jqZoomPup, .zoomdiv {
    display: none !important
  }
  .newslist li a {
    width: 75%
  }
  .rnews li {
    float: none;
    display: block;
    width: 100%;
    margin: 0 auto
  }
  .newcon .next, .newcon .prev {
    float: none;
    width: 100%;
    margin: 0 auto
  }
  #nav li#liHome {
    border-left: 0
  }
}
@media screen and (max-width:640px) {
  .searchbox {
    height: 60px
  }
  .searchbox-li {
    width: 300px;
    margin: 0 auto;
    padding-top: 10px
  }
  .sk {
    width: 218px;
    height: 40px
  }
  .sbtn {
    width: 80px;
    height: 40px
  }
  .full-screen-en-title {
    font-size: 30px
  }
  .full-screen-en-title span {
    margin: 0 10px
  }
  .top .fl, .top .fr {
    float: none;
    width: 100%;
    margin-top: 0
  }
  .logo {
    float: none;
    width: 100%;
    max-width: 480px;
    text-align: center
  }
  .head-text, .top .fr .ss, .top .fr .xyz {
    display: none
  }
  .logo img {
    max-height: 70px
  }
  #nav li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #e60012
  }
  #nav li a {
    line-height: 36px
  }
  #nav li:hover ul {
    display: none !important
  }
  .inmenu::before {
    border-bottom-width: 0
  }
  #nav li a.inmenu_1 {
    background: rgba(255, 255, 255, .1) !important;
    z-index: -1
  }
  #nav .fl, #nav .fr {
    display: block
  }
  #nav ul {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    background: #e60012
  }
  #nav {
    height: 48px;
    position: relative
  }
  #nav .fl, #nav .fr {
    font-size: 18px;
    line-height: 48px
  }
  .top .fr .ss {
    float: none;
    width: 300px;
    padding-top: 0;
    margin: 0 auto
  }
  .ss .sk {
    border-radius: 0
  }
  .lnew, .tnew {
    float: none;
    width: 100%;
    clear: both
  }
  .hotpro li {
    float: left;
    width: 50%
  }
  .hotpro li.hotpro li .p_more {
    display: none
  }
  .tnew .tbox {
    height: 160px
  }
  .tnew p {
    max-height: 106px
  }
  .ttext {
    padding: 0 12px 0 172px
  }
  .tnew img {
    width: 160px
  }
  .prolist li {
    float: none;
    width: 98%;
    height: 160px
  }
  .propic {
    height: 160px;
    width: 160px;
    text-align: center
  }
  .propic img {
    max-height: 160px;
    max-width: 160px
  }
  .protext {
    padding: 0 12px 0 180px;
    font-size: 12px
  }
  .protext .h3 {
    font-size: 14px;
    margin-top: 25px
  }
  .protext p {
    max-height: 40px;
    overflow: hidden
  }
  .p_more {
    margin: 16px 0;
    display: inline-block;
    min-width: 85px;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #FFF
  }
  .col1, .col2 {
    display: none
  }
  .col3 {
    float: none;
    width: auto;
    margin: 0;
    padding: 0
  }
  .col3 .h3 {
    text-indent: 15px
  }
  .col4 {
    float: left
  }
  .ccs {
    word-break: break-word;
    word-wrap: break-word;
    padding: 0 15px
  }
  .col4 {
    float: left;
    padding-left: 15px
  }
  .pro_lb1 li {
    width: 50%
  }
  .sidebar {
    float: none;
    width: 100%;
    padding-top: 12px
  }
  .main {
    padding: 6px 0 0 0
  }
  .sf-menu {
    display: table;
    width: 96%;
    margin: 0 auto;
    padding-bottom: 20px
  }
  ul.sf-menu ul ul {
    display: none !important
  }
  .ctit .h3 {
    text-indent: 10px
  }
  .newcon .next, .newcon .prev {
    float: none;
    width: 100%;
    margin: 0 auto
  }
  .newcon {
    padding: 0 12px
  }
}
@media screen and (max-width:480px) {
  .hotpro span {
    display: none
  }
  .col1, .col2 {
    display: none
  }
  .col3 {
    float: none;
    width: auto;
    margin: 0;
    padding: 0
  }
  .col3 .h3 {
    text-indent: 15px
  }
  .col4 {
    float: left
  }
  .pro_lb1 li {
    width: 100%
  }
  .pages span {
    display: none
  }
  .pages span.ctxt {
    display: inline-block
  }
  .pcon_l {
    float: none;
    margin: 0 auto;
    overflow: hidden
  }
  .pcon_r {
    padding-left: 12px
  }
  .pcon_l {
    float: none;
    width: 302px;
    margin: 0 auto;
    overflow: hidden
  }
  .jqzoom, .spec-preview {
    width: 300px !important;
    height: 300px !important
  }
  .jqzoom img {
    max-width: 300px !important;
    max-height: 300px !important
  }
  .spec-scroll .items {
    width: 244px !important
  }
  .spec-scroll {
    width: 302px !important
  }
  .jqZoomPup, .zoomdiv {
    display: none !important
  }
  .newslist li a, .rnews li {
    float: none;
    display: block;
    width: 100%
  }
  .newslist li span {
    display: none
  }
  .newcon .next, .newcon .prev {
    float: none;
    width: 100%;
    margin: 0 auto
  }
  .newcon {
    padding: 0 12px
  }
  #nav li#liHome {
    border-left: 0
  }
  .es-carousel ul li a {
    width: 100%;
    height: 100px;
    line-height: 100px
  }
  .es-carousel ul li a img {
    max-height: 96px;
    max-width: 100%
  }
}
.table {
  border-collapse: collapse
}
.table td, .table th {
  border: 1px solid #cdcdcd;
  padding: 5px
}
.table p {
  padding: 0;
  margin: 0
}
.buybtn {
  clear: both;
  width: 200px;
  height: 40px;
  margin: 20px 0 0 0;
  text-align: left;
  line-height: 40px
}
.buybtn a {
  display: inline-block;
  padding: 0 15px;
  color: #FFF;
  height: 40px;
  background: #0a4da6;
  border-radius: 2px;
  font-size: 18px
}
.buybtn a:hover {
  background: #145cbc;
  color: #FFF;
  border-radius: 2px
}
.pshare {
  float: left;
  padding: 8px 0 0 0
}
.jsshare {
  text-align: center;
  padding-top: 8px
}
.pshare li {
  float: left;
  width: 48%;
  height: 28px;
  line-height: 28px
}
.pshare li img {
  vertical-align: middle;
  margin-right: 12px
}
.jsshare span.stxt {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  padding: 0 8px 0 0;
  position: relative
}
.jsshare a, .jsshare a img {
  width: 35px;
  vertical-align: middle
}
.addthis_sharing_toolbox {
  display: inline-block
}
.at-icon-wrapper svg, span.at-icon-wrapper {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important
}
.tenflag1, .tenflag2, .tenflag3 {
  width: 680px;
  clear: both
}
.tenflag1 {
  border: 1px solid #eee
}
.tenflag1 dt {
  border-bottom: 1px solid #eee
}
.tenflag1 dd {
  text-indent: 12px
}
.tenflag1 dt, .tenflag2 dt, .tenflag3 dt {
  font-size: 16px;
  font-weight: 700;
  padding: 16px 0 12px 12px
}
.tenflag2 dd {
  float: left;
  width: 20%;
  margin: 0;
  padding: 0;
  line-height: 36px;
  text-align: left
}
.tenflag1 dd {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #eee;
  padding: 0;
  margin: 0;
  background: #f5f5f5
}
.tenflag1 dd span {
  float: left;
  width: 36%;
  background: #FFF;
  font-weight: 700
}
.tenflag1 dd:nth-child(2n) span {
  background: #f5f5f5
}
.tenflag1 dd:nth-child(2n) {
  background: #FFF
}
.tenflag2 dd {
  text-align: center
}
.tenflag2 dd img {
  width: 116px;
  display: block;
  margin: 0 auto;
  padding-bottom: 0 !important
}
.tenflag2 dd p {
  padding: 0 0 6px 0 !important;
  margin: 0
}
.tenflag3 img {
  width: 680px !important;
  height: 448px !important
}
.pdown1 #A_DownLoadProduct {
  display: inline-block;
  clear: both;
  height: 32px;
  margin: 16px 0 0 0;
  line-height: 32px;
  background: url(/images/down1_2.png) right top no-repeat;
  padding-right: 50px
}
.pdown1 #A_DownLoadProduct span {
  display: inline-block;
  height: 32px;
  background: url(/images/down1_1.png) no-repeat;
  padding: 0 0 0 16px
}
.pdown2 #A_DownLoadProduct, .pdown3 #A_DownLoadProduct, .pdown4 #A_DownLoadProduct {
  display: inline-block;
  clear: both;
  height: 45px;
  margin: 16px 0 0 0;
  line-height: 45px;
  padding-right: 45px
}
.pdown2 #A_DownLoadProduct span, .pdown3 #A_DownLoadProduct span, .pdown4 #A_DownLoadProduct span {
  display: inline-block;
  height: 45px;
  background: url(/images/down2_1.png) no-repeat;
  padding: 0 12px 0 16px
}
.pdown2 #A_DownLoadProduct {
  background: url(/images/down2_2.png) right top no-repeat
}
.pdown3 #A_DownLoadProduct {
  background: url(/images/down2_3.png) right top no-repeat
}
.pdown4 #A_DownLoadProduct {
  background: url(/images/down2_4.png) right top no-repeat
}
.proCateTags {
  clear: both;
  padding: 0 10px 8px 10px;
  margin: 0 10px;
  border: 1px solid #eee;
  border-radius: 5px
}
.proCateTags .h3 {
  font-size: 14px;
  line-height: 32px;
  margin: 0;
  padding: 0
}
.keywords {
  margin: 12px auto
}
.keywords a {
  margin-right: 10px;
  color: #2e66b5;
  line-height: 1.8;
  text-decoration: underline;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis
}
.keywords a:hover {
  text-decoration: none
}
.qrcode {
  height: 24px;
  float: right;
  line-height: 24px;
  background: url(/images/2wm.png) no-repeat;
  background-size: 24px 24px;
  text-align: left;
  cursor: pointer;
  position: relative;
  margin: -24px 12px 0 12px
}
.qrcode .ErWeiImg {
  width: 24px;
  height: 24px;
  opacity: 0;
  border: 3px solid #FFF;
  position: absolute;
  z-index: 9999999999999999999
}
.qrcode span {
  display: inline-block;
  background: url(/images/bmore.png) right no-repeat;
  padding: 0 12px 0 30px;
  background-size: 8px 7px;
  color: #FFF
}
.qrcode:hover span {
  background: url(/images/bmore1.png) right no-repeat;
  background-size: 8px 7px
}
.hamore {
  color: #FFF;
  clear: both;
  float: left;
  height: 36px;
  line-height: 36px;
  background: #5fa568;
  padding: 0 20px;
  margin-top: 12px
}
.rollPro1 {
  width: 100%;
  margin: 10px auto;
  overflow: hidden
}
.productsTitle h4 {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #e2e2e2;
  color: #e60012;
  font-size: 18px;
  font-weight: 700
}
.rollPro1 li {
  width: 30%;
  float: left;
  margin-right: 5%;
  text-align: center
}
.rollPro1 li:nth-of-type(3n) {
  margin-right: 0
}
.rollPro1 li .pbox {
  border: 1px solid #ddd;
  padding: 4px;
  height: 190px
}
.rollPro1 li .pbox img {
  max-width: 100%;
  max-height: 180px
}
.rollPro1 li p {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  margin: 10px auto
}
.homebg1 {
  background: url(gallery-1.jpg) no-repeat center center
}
.homebg2 {
  background: url(gallery-2.jpg) no-repeat center center
}
.homebg3 {
  background: url(gallery-3.jpg) no-repeat center center
}
.homebg4 {
  background: url(gallery-4.jpg) no-repeat center center
}
.homebg5 {
  background: url(home5.jpg) no-repeat center center
}
.pro-body {
  border: 1px solid #eee;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  margin-bottom: 5px
}
.services p {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px
}
.singglepic {
  margin-bottom: 10px !important
}
.plist {
  display: inline-block
}
.pro-bigbox {
  float: left;
  width: 100%;
  background: #FFF;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 20px
}
.pro-bigbox .bigboximg {
  width: 30%;
  float: left;
  text-align: center;
  font-size: 0
}
.pro-bigbox .bigboximg img {
  max-width: 100%
}
.pro-bigbox .bigboxword {
  width: 67%;
  float: right
}
.pro-bigbox .bigboxword .h3 {
  margin: 10px 0;
  line-height: 25px;
  font-size: 20px;
  color: #222;
  font-weight: 600
}
.pro-bigbox .bigboxword .h3:hover {
  color: #e60012
}
.pro-bigbox .bigboxword p {
  line-height: 25px;
  padding: 0
}
.pro-bigbox .bigboxword .bigboxmore {
  margin: 15px 0
}
.pro-bigbox .bigboxword .bigboxmore a {
  padding: 8px 20px;
  background: #e60012;
  color: #FFF;
  border-radius: 5px
}
.pro-bigbox .bigboxword .bigboxmore a:hover {
  background: #222
}
@media only screen and (max-width:960px) {
  .pro-bigbox .bigboximg {
    width: 40%;
    float: left;
    text-align: center;
    font-size: 0
  }
  .pro-bigbox .bigboxword {
    width: 57%;
    float: right
  }
  .pro-bigbox .bigboxword .h3 {
    margin: 10px 0;
    line-height: 20px;
    font-size: 20px;
    color: #e60012
  }
}
@media only screen and (max-width:450px) {
  .pro-bigbox {
    width: 100%;
    margin-bottom: 20px
  }
  .pro-bigbox .bigboxword {
    width: 96%;
    float: none;
    text-align: center
  }
  .pro-bigbox .bigboxword .h3 {
    margin: 10px 0;
    line-height: 20px;
    font-size: 20px;
    color: #e60012
  }
}
.footlinks {
  clear: both;
  margin: 0px auto;
  padding: 0px;
  height: auto;
  font-size: 9pt;
  line-height: 140%;
  color: #EEE;
  text-align: center;
  background-color: #A31919;
}
.footlinks a:link, .footlinks a:visited {
  font-size: 9pt;
  line-height: 140%;
  color: #EEE;
  margin-right: 3px;
}
.b-keyword {
  text-align: center
}
.e_mobile {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  background: url(/Content/C_IMG/emobile.png) 0 -50px no-repeat;
  text-indent: 25px;
  color: #FFF !important
}