em, i {

  font-weight: normal;

  font-style: normal;

}

#header {

  background: url("../images/header_bg.jpg") no-repeat top center;

}

#header .tel {

  margin-top: 46px;

  width: 250px;

  padding-left: 66px;

  background: url("../images/tell.png") no-repeat left center;

}

#header .tel .name {

  color: #f7e095;

  font-size: 14px;

  line-height: 20px;

  height: 20px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#header .tel .phone {

  color: #f1001e;

  font-weight: bold;

  font-size: 24px;

  line-height: 26px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#nav {

  background: url("../images/nav_bg.jpg") repeat-x left top;

}

#nav .menu .nLi {

  float: left;

  width: 14.28571429%;

}

#nav .menu .nLi h3 {

  padding: 28px 0 14px;

}

#nav .menu .nLi h3 a {

  background: url("../images/nav_li_bg.jpg") no-repeat right center;

  color: #f1e3a0;

}

#nav .menu .nLi .menu_2 {

  background: none;

  top: 66px;

  z-index: 20;

}

#nav .menu .nLi .menu_2 li {

  margin-bottom: 8px;

}

#nav .menu .nLi .menu_2 li a {

  background: #fff;

  opacity: 0.8;

  color: #000;

  border-radius: 6px;

}

#nav .menu .nLi .menu_2 li a:hover {

  background: #063e88;

  color: #fff;

}

.banner_bgs {

  height: 630px;

  box-sizing: border-box;

  position: relative;

  padding-bottom: 40px;

}

.banner_bgs .banner_bg {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 10;

  width: 100%;

  height: 630px;

  background: url("../images/bannner_bg.png") no-repeat top center;

}

#banner {

  width: 1200px;

  margin: 0 auto;

  position: relative;

}

.box_title .box_title_img {

  margin-bottom: 7px;

  text-align: center;

}

.box_title .china {

  position: relative;

  margin: 0 auto;

  text-align: center;

  width: 164px;

  height: 30px;

  font-size: 30px;

  line-height: 30px;

  color: #353535;

}

.box_title .china:after {

  content: "";

  position: absolute;

  left: -430px;

  top: 50%;

  margin-top: -6px;

  height: 12px;

  width: 430px;

  background-image: url("../images/box_tltle_left.png");

  background-repeat: no-repeat;

  background-position: right center;

  background-size: auto 100%;

}

.box_title .china:before {

  content: "";

  position: absolute;

  right: -430px;

  top: 50%;

  margin-top: -6px;

  height: 12px;

  width: 430px;

  background-image: url("../images/box_title_right.png");

  background-position: left center;

  background-repeat: no-repeat;

  background-size: auto 100%;

}

.box_title .english {

  margin-top: 6px;

  font-size: 10px;

  line-height: 16px;

  color: #575757;

  text-transform: uppercase;

  text-align: center;

}

#news {

  box-sizing: border-box;

  padding-top: 30px;

  background: url("../images/news_bg.jpg") no-repeat top center;

  background-size: auto 100%;

  padding-bottom: 66px;

}

#news .inner {

  margin-top: 10px;

}

#news .inner .text_pic {

  float: left;

  width: 44%;

}

#news .inner .text_pic .pic {

  width: 100%;

  text-align: center;

}

#news .inner .text_pic .text {

  background: #fff;

  padding: 8px 15px 0 20px;

}

#news .inner .text_pic .text .title {

  color: #373737;

  line-height: 40px;

  font-size: 18px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#news .inner .text_pic .text .title a {

  color: #373737;

  line-height: 40px;

  font-size: 18px;

}

#news .inner .text_pic .text .text_content {

  color: #373737;

  font-size: 14px;

  line-height: 30px;

  height: 60px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

#news .inner .text_pic .text .more {

  margin-top: 15px;

  color: #bb0013;

  text-align: right;

  line-height: 30px;

  font-size: 14px;

  padding-bottom: 22px;

}

#news .inner .text_pic .text .more a {

  text-align: right;

  color: #bb0013;

  line-height: 30px;

  font-size: 14px;

}

#news .inner .list {

  float: right;

  width: 56%;

}

#news .inner .list .list_top .pic {

  float: left;

  padding: 0;

}

#news .inner .list .list_top .top_text {

  float: left;

  padding-left: 30px;

}

#news .inner .list .list_top .top_text h2 {

  line-height: 20px;

  font-size: 18px;

  color: #3b3b3b;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#news .inner .list .list_top .top_text h2 a {

  line-height: 20px;

  font-size: 18px;

  color: #3b3b3b;

}

#news .inner .list .list_top .top_text .list_text {

  margin-top: 22px;

  color: #5b5b5b;

  line-height: 24px;

  height: 78px;

  font-size: 14px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

#news .inner .list .list_text {

  margin-top: 30px;

}

#news .inner .list .list_text ul li {

  padding: 0 1%;

  border-bottom: 1px dashed #868686;

}

#news .inner .list .list_text ul li a {

  display: block;

  color: #575757;

  font-size: 14px;

  line-height: 44px;

}

#news .inner .list .list_text ul li a span {

  float: left;

  color: #bb0013;

  display: block;

  max-width: 20%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#news .inner .list .list_text ul li a em {

  padding-left: 2%;

  float: left;

  display: block;

  max-width: 60%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#news .inner .list .list_text ul li a i {

  float: right;

  display: block;

  max-width: 20%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#about {

  box-sizing: border-box;

  padding-top: 20px;

  background: url("../images/about_bg.jpg") no-repeat center bottom;

  background-size: auto 100%;

}

#about .inner {

  margin-top: 20px;

}

#about .inner .pic {

  padding-left: 0;

}

#about .inner .pic img {

  border: 3px solid #64503b;

}

#about .inner .about_text h3 {

  line-height: 24px;

  color: #353535;

  font-size: 18px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#about .inner .about_text h3 a {

  line-height: 24px;

  color: #353535;

  font-size: 18px;

}

#about .inner .about_text .about_title {

  padding-bottom: 18px;

  position: relative;

  line-height: 42px;

}

#about .inner .about_text .about_title:before {

  position: absolute;

  content: "";

  width: 100%;

  height: 7px;

  left: 0;

  bottom: 0;

  background: url("../images/icon_1.png") no-repeat left bottom;

  background-size: auto 80%;

}

#about .inner .about_text .about_title h2 {

  float: left;

  width: 80%;

  color: #c60e1d;

  line-height: 42px;

  font-size: 24px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

#about .inner .about_text .about_title h2 a {

  color: #c60e1d;

  line-height: 42px;

  font-size: 24px;

}

#about .inner .about_text .about_title .more {

  float: right;

  text-align: right;

  padding-right: 1%;

  max-width: 20%;

}

#about .inner .about_text .text {

  margin-top: 14px;

  line-height: 30px;

  color: #555555;

  font-size: 14px;

  height: 180px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 6;

  -webkit-box-orient: vertical;

}

#about .icon {

  position: absolute;

  right: 0;

  bottom: 0px;

  z-index: 1;

}

#product {

  background: url("../images/pro_bg.jpg") repeat-y top center;

}

#product .box_title {

  margin-top: 15px;

  margin-bottom: 15px;

}

#product .inner ul li {

  padding: 0 7.5px;

  margin-bottom: 24px;

}

#product .inner ul li .pic {

  position: relative;

  width: 100%;

  overflow: hidden;

}

#product .inner ul li .pic:after {

  content: '';

  border: 10px solid #eeeeee;

  border-color: transparent transparent #eeeeee transparent;

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -5px;

  z-index: 100;

}

#product .inner ul li .pic img {

  transition: all 0.6s;

  -webkit-transition: -webkit-transform 2s ease-out;

  -ms-transition: -ms-transform 2s ease-out;

}

#product .inner ul li .text {

  background: #eeeeee;

  line-height: 18px;

  padding: 24px 0;

  text-align: center;

  color: #3d3d3d;

  font-size: 14px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#product .inner ul li:hover .pic:after {

  border: 10px solid #b8802b;

  border-color: transparent transparent #b8802b transparent;

}

#product .inner ul li:hover .pic img {

  -webkit-transform: rotate(30deg) scale(1.5);

}

#product .inner ul li:hover .text {

  background: #b8802b;

  color: #ffffff;

}

#footer {

  position: relative;

  padding-top: 38px;

  background: url("../images/pro_bg.jpg") repeat-y top center;

}

#footer:before {

  position: absolute;

  content: "";

  height: 37px;

  width: 100%;

  top: 0;

  left: 0;

  background-image: url("../images/foot_bg.png");

  background-repeat: no-repeat;

  background-position: center top;

  background-size: auto 100%;

}

#footer .copyright {

  padding: 20px 0;

  background: none;

  line-height: 18px;

  color: #272426;

  font-size: 12px;

  text-align: center;

}

#footer .copyright a {

  color: #272426;

  font-size: 12px;

}

#footer .copyright .copyright_con {

  line-height: 25px;

  padding: 0;

  color: #272426;

  font-size: 12px;

  text-align: center;

}

#footer .copyright .copyright_con a {

  color: #272426;

  font-size: 12px;

}

.wap_footer {

  background: #132b43;

}

.wap_menu {

  background: #132b43;

}

.wap_search_input {

  background: #132b43;

}

#sub_banner {

  height: 580px;

  position: relative;

  overflow: hidden /*大图记得修改高度*/

}

#sub_banner .owl-theme {

  /*大图下方点点的位置*/

}

#sub_banner .owl-theme .owl-controls .owl-dots {

  position: absolute;

  bottom: 2%;

  width: 100%;

}

#sub_banner #owl-demo a.item {

  display: block;

  background-position: top center;

  background-repeat: no-repeat;

  height: 100%;

  width: 100%;

  background-size: 100% 100%;

}

#sub_banner #owl-demo, #sub_banner #owl-demo .owl-wrapper-outer, #sub_banner #owl-demo .owl-wrapper, #sub_banner #owl-demo .owl-item, #sub_banner #sub_banner {

  height: 580px;

}

#content {

  background: url("../images/pro_bg.jpg") repeat-y top center;

  min-height: 1px;

  padding-top: 24px;

}

#content .crumb_bg {

  position: absolute;

  bottom: 50%;

  margin-bottom: -5px;

  left: 0;

  height: 12px;

  width: 100%;

}

#content .crumb_bg .left_bg {

  position: absolute;

  bottom: 50%;

  margin-bottom: -5px;

  left: 0;

  height: 12px;

  width: 30%;

  background: url("../images/crumb_bg_left.png") no-repeat left 100% center;

}

#content .crumb_bg .right_bg {

  position: absolute;

  bottom: 50%;

  margin-bottom: -5px;

  right: 0;

  height: 12px;

  width: 56%;

  background: url("../images/crumb_bg_right.png") no-repeat right 100% center;

}

#content #crumb {

  position: relative;

  height: 42px;

  margin-top: 10px;

}

#content #crumb .sub_crumb_title {

  padding-left: 6%;

}

#content #crumb .sub_crumb_title .icon {

  width: 60px;

  height: 42px;

  float: left;

}

#content #crumb .sub_crumb_title .china {

  display: block;

  text-align: center;

  float: left;

  height: 42px;

  padding-top: 8px;

  font-size: 24px;

  line-height: 26px;

  width: 166px;

  color: #353535;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#content #crumb .Position {

  position: absolute;

  right: 16px;

  top: -10px;

  height: 24px;

  color: #7d7d7d;

  line-height: 24px;

  display: inline-block;

  max-width: 600px;

  padding-left: 30px;

  background: url("../images/icon_crumb.png") no-repeat left center;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#content #crumb .Position a {

  color: #7d7d7d;

}

#content ._aside {

  width: 18%;

  padding: 0;

  position: relative;

  z-index: 10;

  margin-top: -134px;

}

#content ._aside h2 {

  height: 112px;

  padding: 34px 0 28px;

  width: 100%;

  background: url("../images/_aside-title.png") no-repeat top center;

  background-size: auto 100%;

}

#content ._aside h2 .english {

  display: block;

  font-size: 22px;

  line-height: 24px;

  color: #fdf9d7;

  text-align: center;

  text-transform: uppercase;

}

#content ._aside h2 .china {

  display: block;

  text-align: center;

  line-height: 24px;

  color: #e8d26e;

  font-size: 18px;

}

#content ._aside .sidemenu {

  background: url("../images/sidemenu_bg.jpg") repeat top center;

  padding: 16px 10px 8px;

  border: 1px solid #d3d3d3;

  border-top: none;

}

#content ._aside .sidemenu .sub1 a {

  transition: all 0s;

  -webkit-transition: all 0s;

  -moz-transition: all 0s;

}

#content ._aside .sidemenu .sub1 .sub1_a {

  margin-bottom: 16px;

  line-height: 30px;

  padding: 0;

  border-radius: 6px;

  background: #d7d7d7;

  padding-left: 24px;

  font-size: 14px;

  color: #111111;

}

#content ._aside .sidemenu .sub1 .sub1_a:hover {

  background: #153049;

  color: #efdd92;

}

#content ._aside .sidemenu .sub1 ul {

  margin-top: -16px;

  margin-bottom: 16px;

}

#content ._aside .sidemenu .current {

  text-decoration: none;

}

#content ._aside .sidemenu .current .sub1_a {

  background: #153049;

  color: #efdd92;

  text-decoration: none;

}

#content ._aside .sidemenu .current .sub2 {

  padding: 0 8px;

}

#content ._aside .sidemenu .current .sub2 .sub2_a {

  line-height: 32px;

  color: #000000;

  font-size: 14px;

  padding-left: 30px;

  border-bottom: 1px solid #d9d9d8;

  background: url("../images/icon_xs1.png") no-repeat left 14px center;

}

#content ._aside .sidemenu .current .sub2 ul {

  margin-top: 12px;

  margin-bottom: 0;

}

#content ._aside .sidemenu .current .sub3 .sub3_a {

  line-height: 26px;

  padding-left: 40px;

  color: #706666;

  font-size: 12px;

  background: url("../images/icon_xs2.png") no-repeat left 30px center;

}

#content ._aside #sub_contact {

  margin-top: 20px;

  position: relative;

}

#content ._aside #sub_contact .text {

  position: absolute;

  background: url("../images/sub_text.jpg") no-repeat top center;

  height: 42px;

  line-height: 42px;

  padding-left: 26px;

  width: 145px;

  bottom: 60px;

  right: 0;

  color: #ffffff;

  font-size: 14px;

  font-weight:bold;

}

#content .main {

  width: 78%;

  float: right;

}

#content .main .article {

  margin-top: 15px /*当前页的样式*/

    /*分页块默认样式*/

    /*当前页的样式*/

}

#content .main .article .page_box {

  text-align: center;

  display: block;

}

#content .main .article .pagination > .active > a, #content .main .article .pagination > .active > span, #content .main .article .pagination > .active > a:hover, #content .main .article .pagination > .active > span:hover, #content .main .article .pagination > .active > a:focus, #content .main .article .pagination > .active > span:focus {

  background: #aaa;

  border-color: #aaaaaa;

}

#content .main .article .pagination > li > a, #content .main .article .pagination > li > span {

  color: #666666;

}

#content .main .article .pagination > li > a:hover, #content .main .article .pagination > li > span:hover {

  color: #666666;

}

#content .main .article .list-img {

  margin: 0 -7.5px;

}

#content .main .article .list-img ul li {

  text-align: center;

  padding: 0 7.5px;

  margin-bottom: 15px;

}

#content .main .article .list-img ul li .img_area {

  width: 100%;

  position: relative;

}

#content .main .article .list-img ul li .img_area:after {

  content: '';

  border: 15px solid #eeeeee;

  border-color: transparent transparent #eeeeee transparent;

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -7.5px;

  z-index: 100;

}

#content .main .article .list-img ul li .text_area {

  line-height: 44px;

  color: #000;

  background: #eeeeee;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

#content .main .article .list-img ul li:hover .text_area {

  background: #b8802b;

  color: #fff;

}

#content .main .article .list-img ul li:hover .img_area:after {

  content: '';

  border: 15px solid #b8802b;

  border-color: transparent transparent #b8802b transparent;

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -7.5px;

  z-index: 100;

}

#content .main .article .list-img > ul > li a .img_area img {

  max-width: 100%;

  max-height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

/*  position: absolute;*/

  margin: auto;

}

#content .main .article .feedback-form .title {

  padding: 15px;

  color: #000;

  margin-bottom: 15px;

  box-sizing: border-box;

}

#content .main .article .feedback-form .form-group .sure, #content .main .article .feedback-form .form-group .more {

  padding: 5px 15px;

  border: none;

  color: #fff;

  border-radius: 5px;

  margin-right: 10px;

}

#content .main .article .feedback-form .form-group .sure {

  background: #df0024;

}

#content .main .article .feedback-form .form-group .more {

  background: #dfa800;

}

#content .main .article .list_news ul li {

  border-bottom: 1px dashed #929191;

}

#content .main .article .list_news ul li a {

  display: block;

  font-size: 14px;

  color: #575757;

  line-height: 40px;

}

#content .main .article .list_news ul li a i {

  float: left;

  display: block;

  font-size: 14px;

  max-width: 20%;

  color: #ff547f;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#content .main .article .list_news ul li a em {

  font-size: 14px;

  float: left;

  display: block;

  max-width: 60%;

  padding-left: 2%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#content .main .article .list_news ul li a span {

  font-size: 14px;

  float: right;

  display: block;

  max-width: 20%;

  color: #7c7c7c;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#content .main .article .list_news ul li a:hover i {

  text-decoration: underline;

}

#content .main .article .list_news ul li a:hover em {

  text-decoration: underline;

}

#content .main .article .list_news ul li a:hover span {

  text-decoration: underline;

}

#content .main .article .page_box {

  text-align: center;

  display: block;

}

#content .main .article .list_img_text {

  margin-top: 15px;

}

#content .main .article .list_img_text ul li {

  margin-bottom: 34px;

  padding-bottom: 34px;

  border-bottom: 1px dashed #b1b1af;

}

#content .main .article .list_img_text ul li .text_area {

  margin-top: 5px;

}

#content .main .article .list_img_text ul li .text_area .title {

  color: #573200;

  font-size: 18px;

  line-height: 40px;

  font-weight: normal;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  margin-bottom: 10px;

}

#content .main .article .list_img_text ul li .text_area .title a {

  color: #573200;

  font-size: 18px;

  line-height: 36px;

}

#content .main .article .list_img_text ul li .text_area .tip {

  line-height: 24px;

  height: 72px;

  font-size: 14px;

  color: #555555;

  overflow: hidden;

  margin: 5px 0 5px;

}

#content .main .article .list_img_text ul li .text_area .tip a {

  color: #555555;

  line-height: 24px;

}

#content .main .article .list_img_text ul li .text_area .sub_mores {

  margin-top: 30px;

}

#content .main .article .list_img_text ul li .text_area .sub_mores .more {

  float: left;

  max-width: 50%;

  line-height: 24px;

  color: #a1a1a1;

}

#content .main .article .list_img_text ul li .text_area .sub_mores .more a {

  color: #a1a1a1;

}

#content .main .article .list_img_text ul li .text_area .sub_mores .time {

  max-width: 50%;

  float: right;

  line-height: 24px;

  color: #5c5c5c;

}

#content .main .article .list_img_text ul li:hover .text_area .title {

  text-decoration: underline;

}

@media screen and (min-width: 768px) and (max-width: 991px) {

  #content .main .article .list_img_text ul li .text_area .tip {

    height: 20px;

  }

}

@media screen and (max-width: 640px) {

  #content .main .article .list_img_text ul li {

    margin-bottom: 15px;

    padding-bottom: 15px;

  }

  #content .main .article .list_img_text ul li .img_area {

    padding: 0;

  }

  #content .main .article .list_img_text ul li .text_area {

    margin-top: 0px;

    padding-right: 0;

  }

  #content .main .article .list_img_text ul li .text_area .title {

    line-height: 18px;

    font-size: 12px;

    margin-bottom: 0;

  }

  #content .main .article .list_img_text ul li .text_area .title a {

    line-height: 18px;

    font-size: 12px;

    margin-bottom: 0;

  }

  #content .main .article .list_img_text ul li .text_area .tip {

    font-size: 12px;

    line-height: 16px;

    height: 48px;

  }

  #content .main .article .list_img_text ul li .text_area .tip a {

    line-height: 16px;

    height: 48px;

    font-size: 12px;

  }

  #content .main .article .list_img_text ul li .text_area .sub_mores {

    margin-top: 00px;

  }

  #content .main .article .list_img_text ul li .text_area .sub_mores .more {

    float: left;

    max-width: 160%;

    font-size: 12px;

    line-height: 24px;

    color: #a1a1a1;

  }

  #content .main .article .list_img_text ul li .text_area .sub_mores .more a {

    color: #a1a1a1;

  }

}

@media all and (min-width: 1200px) {

  #banner {

    padding-top: 40px /*大图记得修改高度*/

  }

  #banner #owl-demo, #banner #owl-demo .owl-wrapper-outer, #banner #owl-demo .owl-wrapper, #banner #owl-demo .owl-item, #banner #banner {

    height: 536px;

  }

  #news .container {

    width: 1200px;

    padding: 0;

  }

  #about .container {

    width: 1200px;

    position: relative;

    padding-bottom: 340px;

  }

  #content .crumb_bg .left_bg {

    position: absolute;

    bottom: 50%;

    margin-bottom: -5px;

    left: 0;

    height: 12px;

    width: 32%;

    background: url("../images/crumb_bg_left.png") no-repeat left 100% center;

  }

  #content .crumb_bg .right_bg {

    position: absolute;

    bottom: 50%;

    margin-bottom: -5px;

    right: 0;

    height: 12px;

    width: 56%;

    background: url("../images/crumb_bg_right.png") no-repeat right 100% center;

  }

  #content .container {

    width: 1200px;

    padding: 0;

  }

}

@media all and (max-width: 1200px) {

  #banner {

    width: 100%;

  }

  #about .container {

    position: relative;

    padding-bottom: 260px;

  }

  #content .crumb_bg .left_bg {

    width: 26%;

  }

  #content .crumb_bg .right_bg {

    position: absolute;

    bottom: 50%;

    margin-bottom: -5px;

    right: 0;

    height: 12px;

    width: 56%;

    background: url("../images/crumb_bg_right.png") no-repeat right 100% center;

  }

}

@media all and (max-width: 992px) {

  #banner #owl-demo, #banner #owl-demo .owl-wrapper-outer, #banner #owl-demo .owl-wrapper, #banner #owl-demo .owl-item, #banner {

    height: 400px;

  }

  .banner_bgs {

    height: 400px;

  }

  #sub_banner {

    height: 400px /*大图记得修改高度*/

  }

  #sub_banner #owl-demo, #sub_banner #owl-demo .owl-wrapper-outer, #sub_banner #owl-demo .owl-wrapper, #sub_banner #owl-demo .owl-item, #sub_banner #sub_banner {

    height: 400px;

  }

  .box_title .box_title_img {

    margin-bottom: 7px;

    text-align: center;

  }

  .box_title .china {

    width: 164px;

  }

  .box_title .china:after {

    left: -160px;

    width: 160px;

  }

  .box_title .china:before {

    right: -160px;

    width: 160px;

  }

  .box_title .english {

    margin-top: 6px;

    font-size: 10px;

    line-height: 16px;

    color: #575757;

    text-transform: uppercase;

    text-align: center;

  }

  #about {

    position: relative;

  }

  #about .container {

    position: relative;

    padding-bottom: 264px;

  }

  #content .crumb_bg .right_bg {

    position: absolute;

    bottom: 50%;

    margin-bottom: -5px;

    right: 0;

    height: 12px;

    width: 48%;

    background: url("../images/crumb_bg_right.png") no-repeat right 100% center;

  }

  #content ._aside {

    margin-top: 80px;

  }

}

@media all and (max-width: 640px) {

  #banner #owl-demo, #banner #owl-demo .owl-wrapper-outer, #banner #owl-demo .owl-wrapper, #banner #owl-demo .owl-item, #banner {

    height: 200px;

  }

  .banner_bgs {

    height: 200px;

  }

  #sub_banner {

    height: 200px /*大图记得修改高度*/

  }

  #sub_banner #owl-demo, #sub_banner #owl-demo .owl-wrapper-outer, #sub_banner #owl-demo .owl-wrapper, #sub_banner #owl-demo .owl-item, #sub_banner #sub_banner {

    height: 200px;

  }

  .box_title .box_title_img {

    margin-bottom: 7px;

    text-align: center;

  }

  .box_title .china {

    position: relative;

    margin: 0 auto;

    text-align: center;

    width: 100px;

    height: 18px;

    font-size: 18px;

    line-height: 18px;

    color: #353535;

  }

  .box_title .china:after {

    content: "";

    position: absolute;

    left: -137px;

    height: 12px;

    width: 137px;

  }

  .box_title .china:before {

    right: -137px;

    height: 12px;

    width: 137px;

  }

  .box_title .english {

    margin-top: 6px;

    font-size: 10px;

    line-height: 16px;

    color: #575757;

    text-transform: uppercase;

    text-align: center;

  }

  #news {

    padding-top: 15px;

    padding-bottom: 22px;

  }

  #news .inner {

    margin-top: 15px;

  }

  #news .inner .text_pic {

    float: none;

    width: 100%;

  }

  #news .inner .text_pic .pic {

    width: 100%;

    text-align: center;

  }

  #news .inner .text_pic .text {

    background: #fff;

    padding: 0 15px;

  }

  #news .inner .text_pic .text .title {

    padding-top: 10px;

    line-height: 24px;

    font-size: 14px;

  }

  #news .inner .text_pic .text .title a {

    line-height: 24px;

    font-size: 14px;

  }

  #news .inner .text_pic .text .text_content {

    margin-top: 14px;

    font-size: 12px;

    line-height: 18px;

    height: 54px;

  }

  #news .inner .text_pic .text .more {

    margin-top: 15px;

    color: #bb0013;

    text-align: right;

    line-height: 18px;

    font-size: 12px;

    padding-bottom: 14px;

    padding-right: 2%;

  }

  #news .inner .text_pic .text .more a {

    text-align: right;

    color: #bb0013;

    line-height: 18px;

    font-size: 12px;

  }

  #news .inner .list {

    float: none;

    width: 100%;

    margin-top: 15px;

  }

  #news .inner .list .list_top .pic {

    float: left;

    padding: 0;

  }

  #news .inner .list .list_top .top_text {

    float: left;

    padding-left: 15px;

  }

  #news .inner .list .list_top .top_text h2 {

    line-height: 16px;

    font-size: 14px;

    color: #3b3b3b;

  }

  #news .inner .list .list_top .top_text h2 a {

    line-height: 16px;

    font-size: 14px;

  }

  #news .inner .list .list_top .top_text .list_text {

    margin-top: 18px;

    line-height: 14px;

    height: 42px;

    font-size: 12px;

  }

  #news .inner .list .list_text {

    margin-top: 15px;

  }

  #news .inner .list .list_text ul li {

    padding: 0 1%;

    border-bottom: 1px dashed #868686;

  }

  #news .inner .list .list_text ul li a {

    display: block;

    color: #575757;

    font-size: 12px;

    line-height: 26px;

  }

  #news .inner .list .list_text ul li a span {

    float: left;

    color: #bb0013;

    display: block;

    max-width: 20%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

  }

  #news .inner .list .list_text ul li a em {

    padding-left: 2%;

    float: left;

    display: block;

    max-width: 80%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

  }

  #about {

    background: url("../images/wap_about_bg.jpg") no-repeat bottom center;

    background-size: auto 100%;

  }

  #about .container {

    padding-bottom: 264px;

  }

  #about .inner {

    margin-top: 20px;

  }

  #about .inner .pic {

    padding-left: 15px;

  }

  #about .inner .pic img {

    border: 3px solid #64503b;

  }

  #about .inner .about_text h3 {

    line-height: 18px;

    color: #353535;

    font-size: 12px;

  }

  #about .inner .about_text h3 a {

    line-height: 18px;

    color: #353535;

    font-size: 12px;

  }

  #about .inner .about_text .about_title {

    padding-bottom: 10px;

    line-height: 18px;

  }

  #about .inner .about_text .about_title h2 {

    float: none;

    width: 100%;

    line-height: 16px;

    font-size: 14px;

    -webkit-line-clamp: 2;

  }

  #about .inner .about_text .about_title h2 a {

    color: #c60e1d;

    line-height: 16px;

    font-size: 14px;

  }

  #about .inner .about_text .text {

    margin-top: 12px;

    line-height: 18px;

    height: 54px;

    color: #555555;

    -webkit-line-clamp: 3;

    font-size: 14px;

  }

  #product {

    padding-top: 15px;

  }

  #product .box_title {

    margin-top: 0;

  }

  #product .inner {

    padding: 0 7.5px;

  }

  #product .inner ul {

    margin-top: 15px;

  }

  #product .inner ul li {

    margin-bottom: 15px;

    padding: 0 7.5px;

  }

  #product .inner ul li .pic:after {

    border: 6px solid #eeeeee;

    border-color: transparent transparent #eeeeee transparent;

  }

  #product .inner ul li .text {

    padding: 14px 0;

    font-size: 12px;

    line-height: 12px;

  }

  #product .inner ul li:hover .pic:after {

    border: 6px solid #b8802b;

    border-color: transparent transparent #b8802b transparent;

  }

  #footer {

    padding-top: 22px;

  }

  #footer:before {

    height: 22px;

  }

  #footer .copyright {

    padding: 12px 0;

  }

  #footer .copyright .copyright_con {

    text-align: left;

    line-height: 14px;

    font-size: 12px;

  }

  #footer .copyright .copyright_con a {

    font-size: 12px;

    line-height: 14px;

  }

  #content .wap_tite {

    position: relative;

  }

  #content .wap_tite:after {

    content: "";

    width: 100%;

    height: 10px;

    position: absolute;

    top: 50%;

    margin-top: -5px;

    left: 0;

    background: url("../images/wap_crumb_bg.png") no-repeat left center;

    background-size: auto 104%;

  }

  #content .wap_tite .phone-menuicon {

    position: absolute;

    right: 15px;

    top: -16px;

    padding: 2px 8px;

    display: inline-block;

    max-width: 90px;

    line-height: 20px;

    height: 24px;

    font-size: 12px;

    border-radius: 2px;

    background: #a10d00;

    color: #fff;

  }

  #content .wap_tite .sub_box_title {

    position: relative;

    max-width: 40%;

    font-size: 14px;

    margin-left: 5%;

  }

  #content .wap_tite .sub_box_title .sub_icon {

    float: left;

    min-height: 24px;

  }

  #content .wap_tite .sub_box_title .sub_icon img {

    max-height: 24px;

  }

  #content .wap_tite .sub_box_title .china {

    font-size: 14px;

    float: left;

    line-height: 24px;

    margin-left: 6%;

  }

  #content ._aside {

    width: 100%;

    margin-top: 0px;

  }

  #content ._aside h2 {

    height: 1px;

    line-height: 1px;

    padding: 0;

  }

  #content ._aside .sidemenu {

    margin-top: 15px;

    background: none;

    padding: 0 15px;

    border: none;

  }

  #content ._aside .sidemenu .sub1 .sub1_a {

    margin-bottom: 9px;

    line-height: 20px;

    font-size: 12px;

    border-radius: 4px;

  }

  #content ._aside .sidemenu .sub1 ul {

    margin-top: 0;

    margin-bottom: 15px;

  }

  #content ._aside .sidemenu .sub2 .sub2_a {

    line-height: 20px;

    font-size: 14px;

    padding: 0 0 0 8%;

    background: url("../images/icon_xs1.png") no-repeat left 16px center;

    background-size: auto 34%;

  }

  #content ._aside .sidemenu .current .sub2 .sub2_a {

    line-height: 20px;

    font-size: 14px;

    padding: 0 0 0 8%;

    background: url("../images/icon_xs1.png") no-repeat left 16px center;

    background-size: auto 34%;

  }

  #content ._aside .sidemenu .current .sub2 ul {

    margin-top: 6px;

  }

  #content ._aside .sidemenu .current .sub3 .sub3_a {

    line-height: 20px;

  }

  #content .main {

    margin-top: 0;

    width: 100%;

  }

  #content .main .article {

    margin-top: 0;

    padding-top: 7.5px;

  }

  #content .main .article .list-img ul li {

    padding: 0 7.5px;

    margin-bottom: 15px;

  }

  #content .main .article .list-img ul li .img_area:after {

    border: 10px solid #eeeeee;

    border-color: transparent transparent #eeeeee transparent;

    margin-left: -5px;

  }

  #content .main .article .list-img ul li .text_area {

    line-height: 36px;

  }

  #content .main .article .list-img ul li:hover .text_area {

    background: #b8802b;

    color: #fff;

  }

  #content .main .article .list-img ul li:hover .img_area:after {

    border: 10px solid #b8802b;

    border-color: transparent transparent #b8802b transparent;

  }

  #content .main .article .list_news ul li a {

    line-height: 36px;

    font-size: 12px;

  }

  #content .main .article .list_news ul li a i {

    font-size: 12px;

  }

  #content .main .article .list_news ul li a em {

    font-size: 12px;

  }

  #content .main .article .list_news ul li a span {

    font-size: 12px;

  }

  #content .main .article .feedback-form .title {

    margin-left: -15px;

    margin-right: -15px;

  }

  #content .main .article .feedback-form form {

    padding: 0;

  }

}