@charset "UTF-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, p, div, a, img,
ul, ol, li,
fieldset, button, input, textarea,
table, tr, th, td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0;
}

body, button, input, select, textarea {
  line-height: 1;
  font-size: 12px;
  font-family: Arial,"Microsoft YaHei" ,Helvetica,sans-serif;
}

/*获取焦点时，取消outline*/
button:focus, input:focus, select:focus, textarea:focus {
  outline: none;
}

/*让所有的h标签和表单元素统一大小*/
h1, h2, h3, h4, h5, h6, button, input, select, textarea {
  font-size: 100%;
}

ul, ol {
  list-style: none;
}

em {
  font-style: normal;
}

a {
  text-decoration: none;
  color: inherit;
  font-size: 100%;
}

fieldset, img {
  border: none;
}

/*********************************
			public class
*********************************/
/*两端对齐*/
.justify {
  text-align: justify;
  text-justify: distribute-all-lines;
}

.justify:after {
  content: " ";
  height: 0;
  width: 100%;
  visibility: hidden;
  display: inline-block;
  overflow: hidden;
}

/*清除浮动*/
.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}

/*布局，定位*/
.db {
  display: block;
}

.di {
  display: inline;
}

.dn {
  display: none;
}

.d_ib {
  display: inline-block;
  vertical-align: top;
}

.d_ib_m {
  display: inline-block;
  vertical-align: middle;
}

/* position */
.pos_r {
  position: relative;
}

.pos_a {
  position: absolute;
}

.pos_center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/*text-align*/
.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

/*float*/
.fl {
  float: left;
}

.fr {
  float: right;
}

.oh {
  overflow: hidden;
}

/*margin*/
.mar_center {
  margin-left: auto;
  margin-right: auto;
}

/*other*/
.cur_po {
  cursor: pointer;
}

/* vertical */
.va_b {
  vertical-align: baseline;
}

.va_t {
  vertical-align: top;
}

.va_m {
  vertical-align: middle;
}

.fw_b {
  font-weight: bold;
}

/* 单行文字溢出隐藏 */
.txt_hide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fs0 {
  font-size: 0;
}

/* 盒子border-box */
.box_border {
  box-sizing: border-box;
}

/* 内页 */
.header_wrap_page {
  padding-bottom: 40px;
}

.h_phone_page {
  margin-top: 30px;
}

/* page product .... */
/*subMain*/
.subMain {
  padding: 56px 0 115px;
}

.page_wrap {
  background: url(../images/repeat_bg.jpg);
  padding: 20px 0 40px;
}

/* 内页公共头 */
/* 面包屑 */
.positionText {
  font-size: 12px;
  color: #989898;
}
.positionText a, .positionText span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2px;
}

.sub_back {
  padding-right: 25px;
}
.sub_back a {
  font-size: 18px;
  color: #7f7f7f;
}
.sub_back:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

/* 左边 */
.sub_left {
  width: 235px;
  margin-left: 38px;
}

.aside_ul {
  background-color: white;
  box-shadow: 3px 1px 5px #d4d4d4,-3px -1px 5px #f1f1f1;
  box-sizing: border-box;
  padding: 0 2px 60px;
}
.aside_ul ul {
  overflow: hidden;
  padding-bottom: 30px;
}
.aside_ul ul a {
  font-size: 14px;
  color: #989898;
  margin-top: 25px;
  text-indent: 10px;
}
.aside_ul a:hover {
  color: #bb1b21;
}
.aside_ul > li {
  padding-top: 10px;
  border-top: solid 1px #dcdcdc;
}
.aside_ul > li:first-child {
  border-top: 0;
}
.aside_ul > li > a {
  font-size: 14px;
  color: white;
  position: relative;
  background: #404040;
  padding: 20px 0 14px 10px;
  box-sizing: border-box;
}
.aside_ul > li > a:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 19px;
  top: 22px;
  width: 9px;
  height: 5px;
  background: url(../images/icon/aside_downBtn.png) no-repeat;
}
.aside_ul .jd {
  color: #bb1b21;
}

.sub_left_pro .aside_ul > li > ul > li > a {
  position: relative;
}
.sub_left_pro .aside_ul > li > ul > li > a:after {
  content: '';
  position: absolute;
  right: 28px;
  top: 2px;
  width: 5px;
  height: 9px;
  background: url(../images/icon/aside_blackRightBtn.png) no-repeat;
  background-size: cover;
}
.sub_left_pro .aside_ul > li > ul > li:hover ul {
  height: auto;
}
.sub_left_pro .aside_ul > li > ul > li:hover a:after {
  width: 9px;
  height: 5px;
  background-image: url(../images/icon/aside_blackDownBtn.png);
}
.sub_left_pro .aside_ul > li > ul ul {
  padding: 0 0 0 14px;
  height: 0;
}

/* 左边完 */
/* 右边 */
.sub_right {
  width: 732px;
  min-height: 575px;
  box-sizing: border-box;
  margin: 0 0 0 24px;
  padding: 0 24px;
  box-shadow: 3px 1px 5px #f1f1f1,-3px -1px 5px #d4d4d4;
  float: left;
}
.sub_right img{max-width:684px;}

.page_title {
  padding: 22px 0;
}

/* 内容区 */
/* 产品列表 */
.pro_index ul {
  width: 730px;
}
.pro_index li {
  padding: 7px 7px 20px;
  border: solid 1px #d2d2d2;
  margin: 0 25px 23px 0;
}
.pro_index .imgBox {
  width: 193px;
  height: 195px;
}
.pro_index p {
  color: #585858;
  line-height: 1.2;
  margin-top: 9px;
}

.pro_index_txt {
  width: 460px;
  margin-left: 28px;
}

.proImgBox {
  z-index: 1;
}

.moveBox {
  top: 0;
  left: 0;
  width: 75px;
  height: 75px;
  background: rgba(239, 168, 168, 0.6);
  display: none;
  z-index: 98;
}

.magnifierBox {
  width: 250px;
  height: 250px;
  border: solid 1px #A0A0A0;
  top: 200px;
  left: 200px;
  z-index: 99;
  display: none;
}
.magnifierBox img {
  width: 100%;
}

/* 产品展示 */
.pro_show h1 {
  font-size: 24px;
  padding: 25px 0;
}
.pro_show p {
  font-size: 12px;
  line-height: 24px;
}
.pro_show img {
  margin: 0 auto;
}

.page_pro_show_top_txt {
  padding: 20px 0 0 20px;
}
.page_pro_show_top_txt .imgBox {
  width: 233px;
  height: 230px;
  border: solid 1px #d2d2d2;
}
.page_pro_show_top_txt .title {
  font-size: 18px;
  color: #474545;
  font-weight: bold;
  padding: 15px 0;
  border-bottom: dashed 1px #d2d2d2;
  margin-bottom: 15px;
}
.page_pro_show_top_txt .more {
  margin-top: 65px;
}
.page_pro_show_top_txt .more span {
  color: white;
  background: #a60101;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
}
.page_pro_show_top_txt .more i {
  background: #790000 url(../images/icon/page_btn.png) center center no-repeat;
  width: 30px;
  height: 30px;
}
.page_pro_show_top_txt p {
  color: #5f5f5f;
  line-height: 24px;
}

.page_pro_show_bottom {
  padding: 40px 0 0 0;
}
.page_pro_show_bottom .pro_show {
  padding-left: 20px;
}

/* 新闻列表 */
/*容器左宽度*/
/*容器右宽度*/
/* 文字大小 */
/* h1颜色 */
/* p行高 */
.NewsList_media {
  width: 732px;
  margin-bottom: 25px;
}

.NewsList_imgBox {
  width: 283px;
  height: 164px;
  margin-right: 15px;
}

.NewsList_media_txt {
  width: 385px;
  height: 164px;
  font-size: 12px;
}
.NewsList_media_txt h1 {
  color: #8d8d8d;
  width: 115px;
  padding: 20px 0 10px;
  border-bottom: solid 1px #adadad;
  letter-spacing: 1px;
}
.NewsList_media_txt h2 {
  color: #252525;
  font-size: 14px;
  padding: 12px 0 15px;
}
.NewsList_media_txt p {
  padding: 5px 0 10px;
}
.NewsList_media_txt p a {
  line-height: 34px;
  color: #8c8c8c;
}

.NewsList_more {
  color: #252525;
  font-size: 12px;
  width: 105px;
  height: 16px;
  line-height: 16px;
  right: 25px;
  bottom: 0;
}
.NewsList_more:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

/* 文章展示 */
.Article_show h1 {
  font-size: 24px;
}
.Article_show p {
  font-size: 12px;
  line-height: 24px;
}

.Article_show_time {
  font-size: 12px;
  padding: 15px 0 20px;
}

/* 单页 */
.sub_page {
  min-height: 574px;
  max-width: 682px;
  overflow: hidden;
}
.sub_page p {
  line-height: 24px;
}
.sub_page img {
  width: 100% !important;
}

/* 页码 */
.subMain .pages {
  margin-bottom: 35px;
}
.subMain .pages a, .subMain .pages span {
  padding: 5px 11px;
}
.subMain .pages span {
  background-color: #454545;
  border: 0;
  color: #c9c9c9;
}

/* guessbook表单 */
.post_box {
  margin-bottom: 20px;
}
.post_box .left {
  width: 610px;
  margin-left: 28px;
}
.post_box .left p {
  color: #404040;
  line-height: 24px;
}
.post_box .left h3 {
  color: #b1181d;
  font-size: 14px;
  padding: 25px 0 14px;
}
.post_box .right {
  width: 338px;
  margin-right: 28px;
  font-size: 14px;
  line-height: 24px;
}
.post_box .right h2 {
  color: #c22127;
}
.post_box .right h3 {
  color: #c22127;
}
.post_box .right h4 {
  color: #000000;
}
.post_box .right h5 {
  color: #cccccc;
}
.post_box .right h6 {
  padding-bottom: 65px;
}
.post_box .msg {
  color: #404040;
  padding-bottom: 15px;
}
.post_box .msg strong {
  color: #c22127;
}
.post_box h1, .post_box h2, .post_box h3, .post_box h4, .post_box h5, .post_box h6 {
  font-weight: 400;
}
.post_box h1 {
  font-size: 26px;
  color: #c22127;
  padding-bottom: 20px;
}

.guestbook_content {
  font-size: 12px;
  color: #797979;
}
.guestbook_content span {
  color: red;
}
.guestbook_content input {
  margin-bottom: 7px;
}
.guestbook_content textarea, .guestbook_content input {
  width: 100%;
  box-sizing: border-box;
  height: 28px;
  line-height: 28px;
  border: 1px solid #D5D5D5;
  padding: 2px 5px;
}
.guestbook_content textarea {
  height: 95px;
  resize: none;
}

.btn_submit {
  width: 83px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  background: url(../images/send_btn.jpg) no-repeat;
  background-size: cover;
  font-size: 14px;
  color: #363636;
  border: 0;
  display: inline-block;
  margin-top: 15px;
}

/* 上一页，下一页 */
.prevAndNext {
  padding-top: 20px;
  border-top: 1px solid #D4D4D4;
  margin: 20px 30px 0 0;
}
.prevAndNext span, .prevAndNext a {
  font-size: 12px;
  color: #504d4d;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

/* 下载 */
.down {
  padding-top: 0;
}

.down .down_list {
  width: 740px;
}

.down_list {
  width: 750px;
}
.down_list li {
  margin: 0 30px 15px 0;
  width: 335px;
  position: relative;
}
.down_list li:hover .load_d {
  display: block;
}
.down_list li img {
  display: inline;
}
.down_list .down_list_imgBox {
  width: 335px;
  height: 188px;
}
.down_list .load_t {
  padding: 20px 0;
  font-size: 12px;
  color: #3a3737;
}

.load_d {
  left: 0;
  top: 0;
  width: 335px;
  height: 188px;
  background-color: rgba(123, 163, 203, 0.6);
  display: none;
}

.sub_page_map h1 {
  font-size: 22px;
  color: #898989;
  padding: 10px 0 25px 10px;
}

.page_map li {
  margin: 0 10px;
}
.page_map a {
  padding: 10px;
}
.page_map a:hover {
  background-color: #DE6B6B;
  color: white;
}
.page_map > li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  font-size: 14px;
  border: solid 1px #BCBCBC;
  padding-bottom: 10px;
}
.page_map > li > a {
  color: #575757;
  text-align: center;
}
.page_map ul li a {
  color: #A1A1A1;
}

/* 整体布局 */
.centerbox {
  width: 1052px;
  margin: 0 auto;
}

.maxbox {
  max-width: 1920px;
  min-width: 1000px;
  margin: 0 auto;
}

.fm {
  font-family: Arial;
}

a, img {
  display: block;
}

.imgBox img {
  display: inline;
}

.header {
  padding: 27px 0 30px;
}

.nav li {
  font-size: 14px;
  color: black;
  margin-right: 35px;
  border-bottom: solid 1px transparent;
}
.nav li:hover {
  color: #bb1b21;
  border-bottom-color: #bb1b21;
}
.nav li:hover .nav_box {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.nav a {
  padding: 13px 0 12px;
}
.nav .jd {
  color: #bb1b21;
  border-bottom-color: #bb1b21;
}

.nav_about {
  width: 1000px;
  left: -500px;
}
.nav_about .nav_topIcon {
  left: 600px;
}

.nav_product {
  width: 646px;
  left: -250px;
}
.nav_product .nav_topIcon {
  left: 463px;
}

.nav_box {
  border: solid 1px #dcdcdc;
  background: white;
  padding: 20px 5px 30px 20px;
  z-index: 10;
  top: 50px;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-transform: translateY(-500px);
  transform: translateY(-500px);
}

.nav_topIcon {
  top: -19px;
  width: 21px;
  height: 19px;
}

.nav_list {
  margin-right: 15px;
  width: 308px;
}
.nav_list h1 {
  font-size: 14px;
  color: #6c6c6c;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 12px;
  margin-bottom: 14px;
}
.nav_list h1:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -19px;
  width: 38px;
  height: 3px;
  background: #be182e;
}
.nav_list .img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 4px;
  width: 308px;
  height: 127px;
}
.nav_list p {
  font-size: 12px;
  color: white;
  text-align: center;
  width: 300px;
  height: 117px;
  line-height: 22px;
  background: rgba(0, 0, 0, 0.5);
  border: solid 1px white;
  padding-top: 40px;
  overflow: hidden;
  display: none;
}
.nav_list:hover p {
  display: block;
}

.main {
  padding: 10px 0 35px;
}

.index_list {
  width: 50%;
  padding: 37px 12px 0;
  font-size: 16px;
}
.index_list .title {
  color: #8b8b8b;
  padding: 20px 0 10px;
}
.index_list p {
  color: #cccccc;
  line-height: 30px;
}

.index_list_four .left {
  width: 200px;
  margin-right: 47px;
}
.index_list_four h2 {
  font-size: 14px;
  color: #8b8b8b;
  padding: 5px 0;
}
.index_list_four .left p, .index_list_four .right p {
  font-size: 14px;
  color: #cccccc;
  line-height: 24px;
}

.footer {
  background: #404040;
  padding: 25px 0;
}
.footer p {
  font-size: 16px;
  color: #cccccc;
}

/*# sourceMappingURL=style.css.map */