﻿@charset "utf-8";
/* CSS Document */
html {
  font-size: 14px;
}
body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: Arial, "微软雅黑";
  color: #666;
  min-width: 1400px
}
a {
  color: #666;
  text-decoration: none;
  outline: none;
}
a:active {
  star: expression(this.onFocus=this.blur());
}
img {
  border: 0px;
  vertical-align: middle;
}
a:link {
  text-decoration: none;
  outline: none;
}
/*a:visited{text-decoration: none; outline:none;}*/
/*a:hover{text-decoration:none; color:#36a390; outline:none;}*/
ul, p, dl, dt, dd {
  padding: 0px;
  margin: 0px;
}
li {
  list-style-position: outside;
  list-style-type: none;
}
h1, h2, h3, h4, h5 {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
}
h1 {
  font-size: 16px;
}
h5 {
  font-size: 12px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ovh {
  overflow: hidden;
}
.clear_f {
  clear: both;
  height: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  _display: inherit;
}
input, textarea {
  background: transparent;
  padding: 0px;
  font-size: 14px;
  color: #666;
  outline: none;
  border: 0px;
  font-family: Arial, "微软雅黑";
}
em {
  font-style: normal;
}
input, textarea, input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer;
  -webkit-appearance: none;
}
/*通用*/
input::-webkit-input-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
input:-moz-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
input::-moz-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
input:-ms-input-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
textarea::-webkit-input-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
textarea:-moz-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
textarea::-moz-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
textarea:-ms-input-placeholder {
  font-family: Arial, "微软雅黑";
  color: #666;
}
input:focus {
  outline: none;
}
input:focus::-webkit-input-placeholder {
  text-indent: 100%;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
input:focus::-moz-placeholder {
  text-indent: 100%;
  opacity: 0;
  -moz-transition: .4s;
}
input:focus:-ms-input-placeholder {
  text-indent: 100%;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
textarea:focus {
  outline: none;
}
textarea:focus::-webkit-input-placeholder {
  text-indent: 100%;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
textarea:focus::-moz-placeholder {
  text-indent: 100%;
  opacity: 0;
  -moz-transition: .4s;
}
textarea:focus:-ms-input-placeholder {
  text-indent: 100%;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
i {
  font-style: normal;
}
.wal {
  width: 1200px;
  margin: 0 auto;
}
.pc-show {
  display: block !important;
}
.pc-hide {
  display: none !important;
}
.l1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.l2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.l3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.l4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.l5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*图片放大*/
.icb {
  overflow: hidden;
}
.icb img {
  transition: all .5s;
}
.icb:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.icb1 {
  overflow: hidden;
}
.icb1 img {
  transition: all .5s;
}
.icb1:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*按钮动画--start*/
.ico_h {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.ico_h:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.ico_h:hover, .ico_h:focus, .ico_h:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/*按钮动画--end*/
.tran_2 {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.tran_3 {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
/*模拟下划线动画*/
.lm:after {
  content: ' ';
  display: block;
  width: 0%;
  height: 1px;
  background: #004ea1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.lm:hover:after {
  width: 100%;
}
/*头部*/
.header {
  height: 110px;
}
.header .wal {
  position: relative;
}
.header .box {
  display: table;
  margin: 0 auto;
}
.header .list {
  float: left;
  overflow: hidden;
  margin-top: 42px;
}
.header .list li {
  float: left;
}
.header .list li a {
  position: relative;
  height: 68px;
  line-height: 68px;
  display: block;
  padding: 0 26px;
  font-size: 16px;
  color: #414040;
}
.header .list li .tag {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
}
.header .list li:hover a {
  color: #b0251d;
}
.header .list li:hover a .tag {
  display: block;
}
.header .list li.on a {
  color: #b0251d;
}
.header .list li.on a .tag {
  display: block;
}
.header .list li.on2 a {
  color: #b0251d;
}
.header .list li.on2 a .tag {
  display: block;
}
.header .logo {
  float: left;
  margin: 20px 40px;
}
.header .search {
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 47px;
  overflow: hidden;
  background: #fff;
  z-index: 9;
}
.header .search input {
  width: 182px;
  padding: 0 20px;
  line-height: 35px;
  color: #999;
  display: none;
  float: left;
}
.header .search .ico {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  float: right;
}
.header .search:hover {
  border-radius: 40px;
}
.header .search:hover input {
  display: block;
}
/*二级栏目*/
.sNav {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 9;
  background: #fff;
}
.sNav .top {
  height: 96px;
  line-height: 96px;
  background: #ffc61d;
}
.sNav .bot {
  height: 78px;
  line-height: 78px;
  background-size: #efefef;
}
.sNav .bot ul li {
  float: left;
  margin-right: 42px;
}
.sNav .bot ul li a {
  display: block;
  color: #9d9d9d;
}
.sNav .bot ul li a:hover {
  color: #b0251d;
}
/*底部*/
.footer {
  height: 345px;
  background: #2b2b2b;
}
.footer .le-box {
  margin-top: -50px;
}
.footer .show {
  overflow: hidden;
}
.footer .show li {
  width: 259px;
  height: 269px;
  float: left;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.footer .show li em {
  display: block;
  font-size: 18px;
  color: #ffffff;
  margin-left: 20px;
  margin-top: 55px;
}
.footer .show li span {
  display: block;
  font-size: 12px;
  color: #ffffff;
  line-height: 40px;
  margin-left: 20px;
  margin-bottom: 35px;
  opacity: .3;
}
.footer .show li p {
  font-size: 14px;
  color: #ffffff;
  line-height: 25px;
  margin-left: 20px;
}
.footer .show li:nth-child(1) {
  background: url(../images/a15.jpg)no-repeat 100% 100%;
  background-size: 100%;
}
.footer .show li:nth-child(2) {
  background: url(../images/a16.jpg)no-repeat 100% 100%;
  background-size: 100%;
}
.footer .show li:nth-child(2) em, .footer .show li:nth-child(2) p {
  color: #2b2b2b;
}
.footer .show li:nth-child(2) span {
  color: #c2c2c2;
  opacity: 1;
}
.footer .show li:nth-child(3) {
  background: #b0251d;
}
.footer .links {
  overflow: hidden;
  margin-top: 33px;
}
.footer .links li {
  line-height: 40px;
  margin-right: 15px;
  float: left;
}
.footer .links li a {
  display: block;
  font-size: 14px;
  color: #fff;
}
.footer .links li a:hover {
  opacity: .5;
}
.footer .p {
  line-height: 45px;
  color: #878787;
}
.footer .p a {
  color: #878787;
}
.footer .p a:hover {
  color: #fff;
}
.footer .rg-notes {
  text-align: right;
}
.footer .rg-notes .ewm {
  margin-top: 35px;
}
.footer .rg-notes p {
  line-height: 45px;
  color: #fff;
  text-align: center;
  opacity: .5;
}
.footer .icos {
  overflow: hidden;
  margin-top: 28px;
}
.footer .icos li {
  float: left;
  margin-left: 15px;
}
.footer .icos li a {
  display: block;
}
.footer .icos li:hover {
  opacity: .5;
}
.footer .show li:nth-child(1):hover {
  background-size: 110%;
}
.footer .show li:nth-child(2):hover {
  background-size: 110%;
}
/*返回顶部*/
.toTop {
  position: fixed;
  bottom: 10%;
  right: 10px;
  z-index: 99;
  cursor: pointer;
}
/*内页banner图*/
.bannerPic, .bannerPic img {
  width: 100%;
}
/*二级导航*/
.nav2 {
  background: #f0f0f0;
}
.nav2 ul {
  overflow: hidden;
}
.nav2 li {
  float: left;
}
.nav2 li a {
  display: inline-block;
  padding: 0 47px;
  height: 65px;
  font-size: 16px;
  line-height: 65px;
  color: #666;
}
.nav2 li.on a, .nav2 li:hover a {
  background: #b0251d;
  color: #fff;
  font-weight: bold;
}
/*三级导航*/
.nav3 {
  margin: 24px 0 0 0;
}
.nav3 ul {
  overflow: hidden;padding-left: 44px;
}
.nav3 li {
  float: left;
}
.nav3 li a {
  display: inline-block;
  padding: 0px 35px 0 15px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #666;border-left: 4px solid red;
}
.nav3 li.on a, .nav3 li:hover a {
  background: #b0251d;
  color: #fff;
  font-weight: bold;
}
/*路径*/
.path {
  background: url(../images/home.png) no-repeat 0 33px;
  padding-left: 23px;
  color: #999999;
  font-size: 12px;
  height: 80px;
  line-height: 80px;
}
.path a {
  color: #999999;
  font-size: 12px;
}
.path a:last-child {
  color: #b0251d;
}
.path i {
  display: inline-block;
  padding: 0 5px;
  color: #999999;
  font-size: 12px;
}
.path a:hover {
  color: #b0251d;
}
/*侧边栏*/
.sideBar {
  position: fixed;
  right: 10px;
  top: 40%;
  margin-top: -104px;
  z-index: 111;
}
.sideBar li {
  position: relative;
  height: 52px;
  margin-bottom: 1px;
  cursor: pointer;
}
.sideBar .mouse {
  position: absolute;
  left: -152px;
  top: 0px;
  display: none;
}
.sideBar .img {
  background: #fff;
  height: 52px;
  text-align: center;
  width: 52px;
  -webkit-box-shadow: 0 0 14px -3px #dedede;
  box-shadow: 0 0 14px -3px #dedede;
}
.sideBar .img img {
  position: relative;
  top: 8px;
}
.sideBar .img img.on {
  display: none;
}
.sideBar .liNow .img {
  background: #b0251d;
}
.sideBar .liNow .mouse {
  display: block;
}
.sideBar .li01 .mouse {
  background: #b0251d;
  width: 152px;
  height: 52px;
}
.sideBar .li01 a {
  display: block;
  width: 152px;
  height: 52px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 52px;
}
.sideBar .li02.liNow .img {
  background: #b0251d;
}
.sideBar .li02.liNow .img img.on {
  display: initial;
}
.sideBar .li02.liNow .img img.off {
  display: none;
}
.sideBar .li02 .mouse {
  background: #b0251d;
  width: 210px;
  height: 52px;
  left: -210px;
}
.sideBar .li02 a {
  display: block;
  width: 210px;
  height: 52px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 52px;
}
.sideBar .li02 em {
  padding-left: 20px;
}
.sideBar .li03.liNow .img {
  background: #b0251d;
}
.sideBar .li03.liNow .img img.on {
  display: initial;
}
.sideBar .li03.liNow .img img.off {
  display: none;
}
.sideBar .li03 .mouse {
  background: #b0251d;
  width: 120px;
  height: 52px;
  left: -120px;
}
.sideBar .li03 a {
  display: block;
  width: 120px;
  height: 52px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 52px;
}
.sideBar .li04.liNow .img {
  background: #b0251d;
}
.sideBar .li04.liNow .img img.on {
  display: initial;
}
.sideBar .li04.liNow .img img.off {
  display: none;
}
.sideBar .li04 .mouse {
  background: #b0251d;
  width: 227px;
  height: 211px;
  left: -227px;
  top: -106px;
}
.sideBar .li04 .mouse p {
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-top: 21px;
}
.sideBar .li04 .mouse .imgDiv {
  text-align: center;
  padding: 22px 0 19px;
}
.sideBar .toTop {
  display: none;
}
/*分页*/
.pageNum {
  text-align: center;
  margin-top: 50px;
}
.pageNum li {
  float: left;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  margin: 0 7.5px;
  vertical-align: text-bottom;
}
.pageNum a {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  margin: 0 7.5px;
  vertical-align: text-bottom;
  padding: 0 5px;
}
.pageNum .aNow {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  margin: 0 7.5px;
  background: #b0251d;
  vertical-align: text-bottom;
  color: #fff;
}
.pageNum a:hover {
  color: #fff;
  background: #b0251d;
}
.pageNum a.on {
  color: #fff;
  background: #b0251d;
}
.pageNum a.prev {
  background: #efefef url(../images/a34_1.png) no-repeat center;
}
.pageNum a.next {
  background: #efefef url(../images/a34_2.png) no-repeat center;
}
.pageNum a.prev:hover {
  background: #b0251d url(../images/a34_1on.png) no-repeat center;
}
.pageNum a.next:hover {
  background: #b0251d url(../images/a34_2on.png) no-repeat center;
}
.introduction {
  padding-bottom: 75px;
}

.box_wenhua h2{font-size:18px; color:#6c6a6a; line-height:20px; border-left:10px solid red; height:20px;margin:20px 0; padding-left:20px;border-radius: 15px}
.box_wenhua p {font-size:16px; color:#5a5959; line-height:26px;}





/*新footer*/
@media only screen and (min-width: 1200px){
.container-max {
    max-width: 1200px !important;
    margin: 0 auto;
}

}

#foot_box {
  font-size: 12px;
  color: #fff;
  background: url("../images/ft-bg1.jpg");
  background-position: center center;
  clear: both;
  padding: 30px 0 0 0;
  border-top: 1px solid #333;
  z-index: 999999;
  position: relative;
}
#foot_box a {
  color: #999
}
#foot_box .foot_left {
  float: left;
  width: 85%;
  padding-bottom: 20px;
}
#foot_box .foot_about_text {
  clear: both;
  padding-top: 20px;
}
#foot_box .foot_about_text .foot_logo {
  float: left;
}
#foot_box .foot_about_text p {
  float: left;
  margin-left: 20px;
  line-height: 22px;
  margin-top: 10px;
}
#foot_box .foot_nav {
  color: #fff;
  clear: both;
  margin-top: 20px;
  border-top: 1px solid #be5324;
  padding-top: 15px;
  margin-bottom: 10px;
}
#foot_box .foot_nav a {
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
}
.foot_tel {
  font-size: 26px;
  font-weight: bold;
}
.foot_add {
  line-height: 20px;
  color: #999;
  margin-top: 5px;
}
#foot_box .foot_lmnav {
  padding: 30px 0 0 0;
  width: 15%;
  float: left;
  margin-right: 3%;
}
#foot_box .foot_lmnav h2 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: normal;
}
#foot_box .foot_lmnav .foot_x {
  height: 3px;
  width: 30px;
  display: block;
  background: #fff;
  margin-bottom: 20px;
}
#foot_box .foot_lmnav li {
  height: 25px;
  overflow: hidden;
  list-style: none
}
#foot_box .foot_lmnav li a {
  font-size: 12px;
  color: #999;
  line-height: 25px;
}
#foot_box .foot_lmnav li a:hover {
  color: #fff;
}
#foot_box .foot_text {
  height: 50px;
  line-height: 50px;
  background: #333333;
  color: #fff;
  text-align: left;
  clear: both;
  margin-top: 30px;
}
#foot_box .foot_text p {
  overflow: hidden
}
#foot_box .foot_text a {}
#foot_box .foot_contact {
  width: 22%;
  margin-right: 0px;
}
#foot_box .foot_right {
  float: right;
  width: 15%;
  max-width: 130px;
  text-align: center;
  color: #666;
  padding-top: 30px;
}
#foot_box .foot_right img {
  margin-bottom: 10px;
  width: 80%;
  max-width: 120px;
  float: none;
}
/*footer end*/
.container_pad {
  margin-bottom: 50px;
}
@media only screen and (max-width:992px) {
  #foot_box .foot_lmnav h2 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
  }
  #foot_box .foot_left {
    padding-left: 3%;
    width: 79%;
  }
  #foot_box .foot_lmnav {
    margin-right: 1.5%;
  }
  #foot_box .foot_right {
    padding-right: 3%;
    max-width: 200px
  }
  #foot_box .foot_contact {
    float: left;
    margin-left: 5%
  }
  .foot_text img {
    margin-left: 5%
  }
  #foot_box .foot_text p {
    margin-right: 3%;
  }
}
@media only screen and (max-width: 768px) {
  #foot_box .foot_lmnav h2 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: normal;
  }
  #foot_box .foot_contact {
    width: 25%;
  }
  .foot_tel {
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  #foot_box .foot_lmnav {
    display: none;
    padding-top: 10px;
  }
  #foot_box .foot_left {
    width: 58%;
  }
  #foot_box .foot_contact {
    display: block;
    width: 100%;
  }
  #foot_box .ff_social {
    display: none
  }
  #foot_box .foot_right {
    width: 30%;
    padding-top: 10px;
  }
  .foot_text img {
    display: none
  }
  #foot_box .foot_text {
    line-height: 25px;
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    height: 70px
  }
  #foot_box .foot_text p {
    text-align: center;
    margin: 10px 5%
  }
}
/***********************************/












