/* 清除样式 */
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{ margin:0; padding:0;}

button,input,select,textarea{ outline:0;}

textarea{ resize:none;}

ul,li{ list-style:none;}

img{ outline:0; border:none; display: block;}

button,input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:none; }

input{ border-radius: 0px; outline: none; box-shadow:none; -webkit-appearance: none;}

a{ color: #333333; text-decoration:none;transition: all .3s;}

a:hover{ text-decoration:none;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; margin: 0; padding: 0;}

body{ font-size: 12px; font-family: "微软雅黑"; min-width: 320px; color: #333333; background: #fff;position:relative;}
*{box-sizing: border-box;transition: all linear .25s;}


/* 开始 */
.all{
  width:100%;
  position: relative;
}
.all_w{
  width:1200px;
  margin:0 auto;
}
.all_w1{
  width:1200px;
  margin:0 auto;
}
@media all and (max-width: 1200px) {
  .all_w{
      width:100%;
      margin:0 auto;
  }
  .all_w1{
      width:95%;
      margin:0 auto;
  }
}
@media all and (max-width: 750px) {
  .zzc{
      display:none;
      position: fixed;
      left:0;
      top:0;
      width:100%;
      height:100%;
      background:rgba(0,0,0,.5);
      z-index:990;
      transition: none;
  }
}
/* 头部 */
.header{
  width:100%;
  background:#fff;
}
.header_fixed{
  display:block;
}
@media all and (max-width:750px) {
  .header{
    width:100%;
    background:#fff;
    height:74.55px;
  }
  .header_fixed{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
  }
}
.header1{
  width:100%;
  border:1px solid #f5f5f5;
  background:#fff;
}
.header1 .header1_wrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding:20px 0 10px;
}
.header1 .header1_wrap .logo{
  display:block;
  width:25%
}
.header1 .header1_wrap .logo img{
  display:block;
  width:100%;
}
.header1 .header1_wrap form{
  width:35%;
  display:flex;
  justify-content: space-between;
  border:2px solid #E74E3F;
  height:38px;
  line-height: 38px;
  border-radius: 3px;
}
.header1 .header1_wrap form .input1{
  display:block;
  width:70%;
  padding-left:10px;
  border:none;
  outline:none;
}
.header1 .header1_wrap form .input2{
  display: block;
  width:30%;
  background:#E74E3F;
  color:#fff;
  font-size: 14px;
  text-align: center;
  border:none;
  outline:none;
  cursor: pointer;
  white-space:nowrap;
}
@media all and (max-width:1000px) {
  .header1 .header1_wrap form .input1{
    display:block;
    width:65%;
    padding-left:10px;
    border:none;
    outline:none;
    font-size: 12px;
  }
  .header1 .header1_wrap form .input2{
    display: block;
    width:35%;
    background:#E74E3F;
    color:#fff;
    font-size: 12px;
    text-align: center;
    border:none;
    outline:none;
    cursor: pointer;
    white-space:nowrap;
  }
}
.header1 .header1_wrap .phone{
  width:20%;
}
.header1 .header1_wrap .phone img{
  display:block;
  width:100%;
}
.cd_btn{
  display:none;
  width:50px;
  height:50px;
  background:url("../images/menu.png")no-repeat center center;
  background-size:30px 30px;
}
@media all and (max-width:750px) {
  .header1 .header1_wrap .logo{
    display:block;
    width:200px;
  }
  .header1 .header1_wrap form{
    display:none;
  }
  .header1 .header1_wrap .phone{
    display:none;
  }
  .cd_btn{
      display:block;
      width:40px;
      height:40px;
      background:url("../images/menu.png")no-repeat center center;
      background-size:25px 25px;
      transition: all linear .3s;
  }
  .cd_btn1{
      background:url("../images/menu-1.png")no-repeat center center;
      background-size:25px 25px;
      transition: all linear .3s;
  }
}
@media all and (max-width:480px) {
  .header1 .header1_wrap{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:10px 0 10px;
  }
}
.header2{
  width:100%;
  padding:15px 0;
  background:#fff;
}
.header2 .header2_wrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.header2 .header2_wrap ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
}
.header2 .header2_wrap ul li{
  padding:0 20px;
  line-height: 35px;
  position: relative;
}
.header2 .header2_wrap ul li:after{
  content:"";
  display:block;
  width:50px;
  height:1.5px;
  background:#fff;
  position: absolute;
  bottom:-1px;
  left:50%;
  margin-left:-25px;
  transition: all linear .25s;
}
.header2 .header2_wrap ul li:hover:after{
  content:"";
  display:block;
  width:50px;
  height:1.5px;
  background:#E74E3F;
  position: absolute;
  bottom:-1px;
  left:50%;
  margin-left:-25px;
  transition: all linear .25s;
}
.header2 .header2_wrap ul li a{
  display:block;
  font-size: 16px;
  color:#000;
}
.header2 .header2_wrap ul li:hover a{
  color:#E74E3F;
}
.header2 .header2_wrap ul li em{
  display:block;
  width:30px;
  height:14px;
  background:url("../images/hot.png")no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  right:3px;
  top:0;
  animation: 0.8s linear 0s normal none infinite iconFloat;
  z-index:10;
}
.header2 .header2_wrap ul .on a{
  color:#E74E3F;
}
.header2 .header2_wrap ul .on:after{
  content:"";
  display:block;
  width:50px;
  height:1.5px;
  background:#E74E3F;
  position: absolute;
  bottom:-1px;
  left:50%;
  margin-left:-25px;
  transition: all linear .25s;
}
.header2 .header2_wrap .mfzx{
  display:block;
  padding: 0 20px;
  line-height: 25px;
  height:25px;
  color:#fff;
  background:#E74E3F;
  font-size: 14px;
  white-space:nowrap;
  border-radius: 33px;
}
@media all and (max-width:1000px) {
  .header2 .header2_wrap ul li{
    padding:0 15px;
    line-height: 35px;
    position: relative;
  }
  .header2 .header2_wrap ul li a{
    display:block;
    font-size: 14px;
    color:#000;
  }
}
@media all and (max-width:860px) {
  .header2 .header2_wrap ul li{
    padding:0 8px;
    line-height: 35px;
    position: relative;
  }
  .header2 .header2_wrap ul li a{
    display:block;
    font-size: 14px;
    color:#000;
  }
}
@media all and (max-width:750px) {
  .header2{
    width:100%;
    height:100%;
    padding:0;
    background:#fff;
    position: fixed;
    left:-250px;
    top:76.55px;
    width:250px;
    transition: all ease .3s;
  }
  .header2_brand{
    width:100%;
    height:100%;
    padding:0;
    background:#fff;
    position: fixed;
    left:0;
    top:76.55px;
    width:250px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
    transition: all ease .3s;
  }
  .header2 .header2_wrap{
    display:block;
  }
  .header2 .header2_wrap ul{
    width:100%;
    display:block;
  }
  .header2 .header2_wrap ul li:after{
    display:none;
  }
  .header2 .header2_wrap ul li:hover:after{
    display:none;
  }
  .header2 .header2_wrap ul .on:after{
    content:"";
    display:none;
  }
  .header2 .header2_wrap ul .on{
    border-bottom:1.5px solid #E74E3F;
    padding:0 15px;
  }
  .header2 .header2_wrap ul li{
    padding:0 10px;
    position: relative;
    margin-top:10px;
    border-bottom:1.5px solid #fff;
  }
  .header2 .header2_wrap ul li:hover{
    padding:0 15px;
    position: relative;
    margin-top:10px;
    border-bottom:1.5px solid #E74E3F;
  }
  .header2 .header2_wrap .mfzx{
    display:block;
    padding: 0 20px;
    line-height:30px;
    height:30px;
    color:#fff;
    background:#E74E3F;
    font-size: 14px;
    white-space:nowrap;
    border-radius: 33px;
    margin-top:20px;
    text-align: center;
  }
}
@media all and (max-width:480px) {
  .header2{
    width:100%;
    height:100%;
    padding:0;
    background:#fff;
    position: fixed;
    left:-250px;
    top:66.55px;
    width:250px;
    transition: all ease .3s;
  }
  .header2_brand{
    width:100%;
    height:100%;
    padding:0;
    background:#fff;
    position: fixed;
    left:0;
    top:66.55px;
    width:250px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
    transition: all ease .3s;
  }
}

/* 主页 */
.bode{
  width:100%;
}
/* 轮播 */
.banner{
  width:100%;
  position: relative;
}
.banner .item{
  position: relative;
}
.banner .owl-carousel .owl-item .img{
  overflow: hidden;
}
.banner .owl-carousel .owl-item .img img{
  display: block;
  width:100%;
}

@media only screen and (max-width: 1200px){
  .banner .owl-carousel .owl-item .img img {
      width:120%;
      margin-left:-10%;
      max-width: initial;
  }
}
@media only screen and (max-width: 750px){
  .banner .owl-carousel .owl-item .img img {
      width:120%;
      margin-left:-10%;
  }
}
/* 分页器 */
.owl-theme .owl-controls {
  bottom:15px;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: 0 10px;
  position: relative;
  background: #000;
  opacity: .4;
}
@media only screen and (max-width:480px){
  .owl-theme .owl-controls {
    bottom:5px;
  }
}
/* .owl-theme .owl-dots .owl-dot span:after {
content: '';
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background: #fff;
content: '';
position: absolute;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -2px;
} */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background:#E74E3F;
  opacity: 1;
}
/* .details .owl-theme .owl-dots .owl-dot span:after {
background: #be9a78
} */
.details .owl-theme .owl-dots .owl-dot.active span, .details .owl-theme .owl-dots .owl-dot:hover span {
/* background: #E74E3F; */
}
/* 左右 */
.banner_cur {

}
@media only screen and (max-width: 750px){
  .banner_cur {
      display:none;
  }
}
.banner_cur .prev{
cursor: pointer;
display: block;
width: 60px;
height: 100px;
border-radius:3px;
background-image: url(../images/banner_prev.png);
background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  position: absolute;
  left:0;
  top:50%;
  margin-top:-50px;
  z-index:100
}
.banner_cur span.next{
  cursor: pointer;
display: block;
width: 60px;
height: 100px;
border-radius:3px;
background-image: url(../images/banner_next.png);
background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  position: absolute;
  right:0;
  top:50%;
  margin-top:-50px;
  z-index:100
}
.banner:hover .banner_cur span {
  background-color: rgba(0,0,0,0.2);
  opacity:.5;
}

/* 第一部分 */
.bode1{
  width:100%;
  background:#fff;
  padding:60px 0 35px;
}
#tit{
  width:100%;
}
#tit h1{
  text-align: center;
  line-height: 40px;
  font-weight: normal;
}
#tit h1 a{
  font-size: 32px;
  color:#000;
}
#tit span{
  display:block;
  color:#666;
  font-size:14px;
  text-align: center;
  line-height: 25px;
  padding:15px 0;
}
#tit .bot_linne{
  display:flex;
  justify-content:center;
  align-items: center;
}
#tit .bot_linne .line{
  width:70px;
  height:1px;
  background:#ccc;
}
#tit .bot_linne .circle{
  width:8px;
  height:8px;
  background:#E74E3F;
  border-radius: 100%;
  margin:0 20px;
}
@media only screen and (max-width: 480px){
  #tit h1{
    text-align: center;
    line-height: 30px;
    font-weight: normal;
  }
  #tit h1 a{
    font-size: 28px;
    color:#000;
  }
  #tit span{
    display:block;
    color:#666;
    font-size:14px;
    text-align: center;
    line-height: 25px;
    padding:10px 0;
  }
}
.bode1 .list{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:20px;
}
.bode1 .list li{
  width:32.7%;
  position: relative;
  margin-bottom:10px;
}
.bode1 .list li a{
  display:block;
  width:100%;
}
@media (min-width: 1200px){
.bode1 .list li a .img{
  width:100%;
  height: 260px;
  overflow: hidden;
	}
}
@media (min-width: 320px){
.bode1 .list li a .img{
  width:100%;
  height: 200px;
  overflow: hidden;
}

}


.bode1 .list li a .img img{
  width:100%;
  height:100%;
  transition: all ease .3s;
}
.bode1 .list li:hover a .img img{
  transform: scale(1.1,1.1);
}
.bode1 .list li a .text{
  width:100%;
  height:100%;
  /*background:rgba(0,0,0,.6);*/
  position: absolute;
  top:0;
  left:0;
  z-index:5;
}
.bode1 .list li a .text p{
  position: absolute;
  bottom:20px;
  width:100%;
}
.bode1 .list li a .text p em{
  display:block;
  /*width:70%;*/
  margin:0 auto;
  font-style:normal;
  padding:20px 0;
  text-align: center;
  color:#fff;
  font-size: 15px;
  background:rgba(0,0,0,.8);
  border-radius: 5px;
}
@media only screen and (max-width: 750px){
  .bode1 .list li{
    width:49%;
    position: relative;
    margin-bottom:10px;
  }
}
@media only screen and (max-width: 480px){
  .bode1{
    width:100%;
    background:#fff;
    padding:35px 0 20px;
  }
  .bode1 .list li a .text p{
    position: absolute;
    bottom:10px;
    width:100%;
  }
  .bode1 .list li a .text p em{
    display:block;
    width:80%;
    margin:0 auto;
    font-style:normal;
    padding:10px 0;
    text-align: center;
    color:#fff;
    font-size:16px;
    background:rgba(0,0,0,.8);
    border-radius: 5px;
  }
}
.bode1 .btn{
  width:100%;
  margin-top:50px;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
.bode1 .btn .btn1{
  width:312px;
  height:48px;
  line-height: 48px;
  background:#333333;
  border-radius: 3px;
  display:flex;
  justify-content: center;
  align-items: center;
}
.bode1 .btn .btn1 img{
  display:block;
  width:20px;
  height:20px;
  margin-right:10px;
}
.bode1 .btn .btn1 p{
  color:#fff;
  font-size:18px;
}
.bode1 .btn .btn2{
  width:190px;
  height:48px;
  line-height: 48px;
  background:#E74E3F;
  border-radius: 3px;
  color:#fff;
  font-size:18px;
  text-align: center;
  margin-left:25px;
}
@media only screen and (max-width:  750px){
  .bode1 .btn .btn1{
    width:80%;
    height:48px;
    line-height: 48px;
    background:#333333;
    border-radius: 3px;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .bode1 .btn .btn2{
    width:40%;
    height:48px;
    line-height: 48px;
    background:#E74E3F;
    border-radius: 3px;
    color:#fff;
    font-size:18px;
    text-align: center;
    margin-left:0px;
    margin-top:20px;
  }
}
@media only screen and (max-width: 480px){
  .bode1 .btn{
    width:100%;
    margin-top:25px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
  }
  .bode1 .btn .btn1{
    width:70%;
    height:40px;
    line-height: 40px;
    background:#333333;
    border-radius: 3px;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .bode1 .btn .btn1 img{
    display:block;
    width:16px;
    height:16px;
    margin-right:10px;
  }
  .bode1 .btn .btn1 p{
    color:#fff;
    font-size:14px;
  }
  .bode1 .btn .btn2{
    width:40%;
    height:40px;
    line-height: 40px;
    background:#E74E3F;
    border-radius: 3px;
    color:#fff;
    font-size:14px;
    text-align: center;
    margin-left:0px;
    margin-top:10px;
  }
}
/* 第二部分 */
.bode2{
  width:100%;
  background:#fafafa;
  padding:30px 0;
}
.bode2 .list{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:30px;
}
.bode2 .list li{
  width:19%;
  position: relative;
  margin-bottom:10px;
}
.bode2 .list li:hover{
  box-shadow: 0 3px 6px 5px rgba(0,0,0,.3);
}
.bode2 .list li a{
  display:block;
  width:100%;
}
.bode2 .list li a .img{
  width:100%;
}
.bode2 .list li a .img img{
  width:100%;
}
.bode2 .list li a .text{
  width:100%;
  position: absolute;
  left:0;
  bottom:0;
  padding:20px;
}
.bode2 .list li a .text h4{
  color:#fff;
  font-size: 32px;
  line-height:35px;
}
.bode2 .list li a .text p{
  padding:0px;
  color:#fff;
  font-size: 18px;
  text-shadow: 2px 2px 5px #000000;
}
.bode2 .list li a .text span{
  width:60%;
  display:block;
  height:35px;
  border:1px solid #E74E3F;
  color:#E74E3F;
  text-align: center;
  font-size: 16px;
  line-height: 33px;
}
.bode2 .list li:hover a .text span{
  background:#E74E3F;
  color:#fff
}
@media only screen and (max-width:1000px){
  .bode2 .list li a .text h4{
    color:#fff;
    font-size: 22px;
    line-height:35px;
  }
  .bode2 .list li a .text p{
    padding:25px 0 15px;
    color:#fff;
    font-size: 14px;
  }
  .bode2 .list li a .text span{
    width:60%;
    display:block;
    height:35px;
    border:1px solid #E74E3F;
    color:#E74E3F;
    text-align: center;
    font-size: 14px;
    line-height: 33px;
  }
}
@media only screen and (max-width:900px){
  .bode2 .list li{
    width:49%;
    position: relative;
    margin-bottom:10px;
  }
  .bode2 .list li a .text h4{
    color:#fff;
    font-size: 22px;
    line-height:35px;
  }
  .bode2 .list li a .text p{
    padding:25px 0 15px;
    color:#fff;
    font-size: 14px;
  }
  .bode2 .list li a .text span{
    width:60%;
    display:block;
    height:35px;
    border:1px solid #E74E3F;
    color:#E74E3F;
    text-align: center;
    font-size: 14px;
    line-height: 33px;
  }
}
@media only screen and (max-width:480px){
  .bode2 .list li a .text h4{
    color:#fff;
    font-size: 18px;
    line-height:35px;
  }
  .bode2 .list li a .text{
    width:100%;
    position: absolute;
    left:0;
    bottom:0;
    padding:10px;
  }
  .bode2 .list li a .text p{
    padding:10px 0 10px;
    color:#fff;
    font-size: 12px;
  }
  .bode2 .list li a .text span{
    width:70%;
    display:block;
    height:30px;
    border:1px solid #E74E3F;
    color:#E74E3F;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
  }
}
.bode2 .btn{
  width:100%;
  margin-top:50px;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
.bode2 .btn .btn3{
  width:312px;
  height:48px;
  line-height: 48px;
  background:#333333;
  border-radius: 3px;
  display:flex;
  justify-content: center;
  align-items: center;
}
.bode2 .btn .btn3 img{
  display:block;
  width:24px;
  height:24px;
  margin-right:10px;
}
.bode2 .btn .btn3 p{
  color:#fff;
  font-size:18px;
}
.bode2 .btn .btn4{
  width:190px;
  height:48px;
  line-height: 48px;
  background:#E74E3F;
  border-radius: 3px;
  color:#fff;
  font-size:18px;
  text-align: center;
  margin-left:25px;
}
@media only screen and (max-width:  750px){
  .bode2 .btn .btn3{
    width:80%;
    height:48px;
    line-height: 48px;
    background:#333333;
    border-radius: 3px;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .bode2 .btn .btn4{
    width:40%;
    height:48px;
    line-height: 48px;
    background:#E74E3F;
    border-radius: 3px;
    color:#fff;
    font-size:18px;
    text-align: center;
    margin-left:0px;
    margin-top:20px;
  }
}
@media only screen and (max-width: 480px){
  .bode2 .btn{
    width:100%;
    margin-top:25px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
  }
  .bode2 .btn .btn3{
    width:70%;
    height:40px;
    line-height: 40px;
    background:#333333;
    border-radius: 3px;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .bode2 .btn .btn3 img{
    display:block;
    width:16px;
    height:16px;
    margin-right:10px;
  }
  .bode2 .btn .btn3 p{
    color:#fff;
    font-size:14px;
  }
  .bode2 .btn .btn4{
    width:40%;
    height:40px;
    line-height: 40px;
    background:#E74E3F;
    border-radius: 3px;
    color:#fff;
    font-size:14px;
    text-align: center;
    margin-left:0px;
    margin-top:10px;
  }
}


/* 第三部分 */
.bode3{
  width:100%;
  padding:30px 0;
}
.bode3 .ryfc_owl{
  width:100%;
  margin-top:30px;
}
.bode3 .ryfc_owl img{
  width:100%;
}
.bode3 .ryfc_owl p{
  color:#333;
  font-size: 14px;
  padding:10px 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bode3 .ryfc_owl li:hover p{
  color:#E74E3F;
}


/* 第四部分 */
.bode4{
  width:100%;
  position: relative;
}
@media only screen and (max-width:750px){
  .bode4{
    display:none;
  }
}
.bode4 .img{
  width:100%;
}
.bode4 .img img{
  width:100%;
}
.bode4 .bode4_tit{
  width:100%;
  position: absolute;
  top:60px;
  left:0;
}
@media only screen and (max-width: 1000px){
  .bode4 .bode4_tit{
    width:100%;
    position: absolute;
    top:15px;
    left:0;
  }
}
.bode4 .bode4_tit h1 a{
  color:#fff!important;
}
.bode4 .bode4_tit span{
  color:#fff!important;
}

/* 第五部分 */
.bode5{
  width:100%;
  padding:30px 0;
}
.bode5 .list{
  width:100%;
  margin-top:30px;
  overflow: hidden;
}
.bode5 .list ul{
  width:100%;
  display:flex;
  justify-content:center;
  height:440px;
}
.bode5 .list ul li{
  display:flex;
  justify-content:flex-start;
  cursor: pointer;
}
.bode5 .list ul li .img{
  width:0px;
  height:100%;
  overflow: hidden;
  transition: .25s;
}
.bode5 .list ul .kd .img{
  width:715px;
  height:100%;
  transition: .25s;
}
.bode5 .list ul li .img img{
  width:715px;
  height:100%;
}
.bode5 .list ul li .text{
  width:60px;
  background: #DEE0E2;
  padding:0 10px;
  text-align: center;
  display:flex;
  align-items: center;
}
.bode5 .list ul li .text p{
  width:100%;
  font-size: 24px;
}
.bode5 .list ul li:hover .text{
  background:#E74E3F!important;
}
.bode5 .list ul li:hover .text p{
  color:#fff!important;
}
.bode5 .list ul .kd .text{
  background:#E74E3F!important;
}
.bode5 .list ul .kd .text p{
  color:#fff!important;
}
.bode5 .list ul li:nth-child(1){
  z-index:8;
}
.bode5 .list ul li:nth-child(2){
  z-index:7;
}
.bode5 .list ul li:nth-child(3){
  z-index:6;
}
.bode5 .list ul li:nth-child(4){
  z-index:5;
}
.bode5 .list ul li:nth-child(5){
  z-index:4;
}
.bode5 .list ul li:nth-child(6){
  z-index:3;
}
.bode5 .list ul li:nth-child(7){
  z-index:2;
}
.bode5 .list ul li:nth-child(8){
  z-index:1;
}
.bode5 .list ul li:nth-child(2n) .text{
  background:#f6f8fa;
}
@media only screen and (max-width: 1200px){
  .bode5 .list ul{
    width:100%;
    display:flex;
    justify-content:center;
    height:400px;
  }
  .bode5 .list ul .kd .img{
    width:495px;
    height:100%;
    transition: .25s;
  }
  .bode5 .list ul li .img img{
    width:495px;
    height:100%;
  }
}
@media only screen and (max-width: 1000px){
  .bode5 .list ul{
    width:100%;
    display:flex;
    justify-content:center;
    height:300px;
  }
  .bode5 .list ul .kd .img{
    width:375px;
    height:100%;
    transition: .25s;
  }
  .bode5 .list ul li .img img{
    width:375px;
    height:100%;
  }
  .bode5 .list ul li .text{
    width:40px;
    background: #DEE0E2;
    padding:0 10px;
    text-align: center;
    display:flex;
    align-items: center;
  }
  .bode5 .list ul li .text p{
    width:100%;
    font-size: 18px;
  }
}
.bode5 .web_list{
  display:none;
}
@media only screen and (max-width: 750px){
  .bode5 .list{
    display:none;
  }
  .bode5 .web_list{
    display:block;
    width:100%;
    margin-top:30px;
    overflow: hidden;
  }
  .bode5 .web_list ul{
    width:100%;
  }
  .bode5 .web_list ul li{
    width:100%;
  }
  .bode5 .web_list ul li .text{
    width:100%;
    text-align: center;
    line-height: 35px;
    height:35px;
    background: #DEE0E2;
  }
  .bode5 .web_list ul .web_kd .text{
    background:#E74E3F!important;
  }
  .bode5 .web_list ul li:nth-child(2n) .text{
    width:100%;
    text-align: center;
    line-height: 35px;
    height:35px;
    background: #f6f8fa;
  }

  .bode5 .web_list ul li .text p{
    color:#333333;
    font-size:14px;
  }
  .bode5 .web_list ul .web_kd .text p{
    color:#fff!important;
  }
  .bode5 .web_list ul li .img{
    width:100%;
    transition: none;
  }
  .bode5 .web_list ul li:nth-child(n+2) .img{
    display:none;
  }
  .bode5 .web_list ul li .img img{
    width:100%;
  }
}
/* 第六部分 */
.bode6{
  width:100%;
  padding:30px 0;
}
.bode6 .content{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:30px;
}
.bode6 .content .left{
  width:47%;
}
.bode6 .content .left a{
  display:block;
  width:100%;
}
.bode6 .content .left img{
  width:100%;
  height: 100% !important;
}
.bode6 .content .left h6{
  width:100%;
  font-size: 18px;
  color:#333;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
  padding:10px 0;
}
.bode6 .content .left:hover h6{
  color:#E74E3F
}
.bode6 .content .left p{
  color:#666;
  font-size: 14px;
  line-height: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top:20px;
  text-indent: 25px;
}
.bode6 .content .right{
  width:47%;
}
.bode6 .content .right ul{
  width:100%;
}
.bode6 .content .right ul li{
  width:100%;
}
.bode6 .content .right ul li:nth-child(n+2){
  margin-top:10px;
}
.bode6 .content .right ul li a{
  width:100%;
  display:flex;
  justify-content: space-between;
}
.bode6 .content .right ul li a .time{
  width:13%;
}
.bode6 .content .right ul li a .time img{
  width:100%;
  height:100%;
}

.bode6 .content .right ul li:hover a .time{
  background:#E74E3F;
}
.bode6 .content .right ul li a .time span{
  display:block;
  width:100%;
  text-align: center;
  font-size: 22px;
  color:#fff;
}
.bode6 .content .right ul li a .time em{
  display:block;
  width:100%;
  text-align: right;
  font-style: normal;
  font-size: 12px;
  color:#fff;
  margin-top:5px;
}
.bode6 .content .right ul li a .text{
  width:85%;
}
.bode6 .content .right ul li a .text h6{
  color:#333333;
  font-size:16px;
  line-height: 25px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bode6 .content .right ul li:hover a .text h6{
  color:#E74E3F;
}
.bode6 .content .right ul li a .text p{
  color:#666;
  font-size: 12px;
  line-height: 25px;
  text-indent: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.bode6 .more{
  display:block;
  text-align:center;
  width:230px;
  height:50px;
  line-height:50px;
  border-radius: 3px;
  color:#fff;
  font-size: 20px;
  margin:0 auto;
  background:#E74E3F;
  margin-top:40px;
}
@media only screen and (max-width: 850px){
  .bode6 .content .left{
    width:100%;
  }
  .bode6 .content .right{
    width:100%;
    margin-top:20px;
  }
}
@media only screen and (max-width: 480px){
  .bode6 .content .left p{
    color:#666;
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top:0px;
    text-indent: 25px;
  }
  .bode6 .content .right ul li a .time{
    width:20%;
  }
  .bode6 .content .right ul li a .text{
    width:77%;
  }
  .bode6 .content .right ul li a .text p{
    color:#666;
    font-size: 12px;
    line-height: 20px;
    text-indent: 25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .bode6 .more{
    display:block;
    text-align:center;
    width:200px;
    height:40px;
    line-height:40px;
    border-radius: 3px;
    color:#fff;
    font-size:14px;
    margin:0 auto;
    background:#E74E3F;
    margin-top:40px;
  }
}

/* 底部 */
.footer{
  width:100%;
}
/* 友情链接 */
.footer_link{
  width:100%;
  margin-top:30px;
}
.footer_link .link_wrap{
  width:100%;
  border-top:1px solid #eaeaea;
  padding:30px 0;
}
.footer_link .link_wrap h3{
  color:#333333;
  padding-left:20px;
  border-left:5px solid #E74E3F;
  font-size:20px;
  font-weight: normal;
}
.footer_link .link_wrap .links{
  width:100%;
  margin-top:20px;
}
.footer_link .link_wrap .links a{
  display:inline-block;
  white-space: nowrap;
  line-height: 25px;
  margin:0 20px;
}
@media only screen and (max-width: 750px){
  .footer_link .link_wrap{
    width:100%;
    border-top:1px solid #eaeaea;
    padding:20px 0;
  }
  .footer_link .link_wrap .links a{
    display:inline-block;
    white-space: nowrap;
    line-height: 25px;
    margin:0 10px;
  }
}
.footer_link .link_wrap .links a:hover{
  color:#E74E3F;
}
.footer_bottom{
  width:100%;
  background:#2e2e2e;
}
.footer_bottom .nav{
  padding:40px 0;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  font-size: 16px;
  color:#5c5b5b;
}
.footer_bottom .nav li{
  line-height: 30px;
}
.footer_bottom .nav li a{
  display:block;
  padding:0 15px;
  color:#ccc;
  font-size: 16px;
}
@media only screen and (max-width: 750px){
  .footer_bottom .nav{
    padding:20px 0;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    font-size: 16px;
    color:#5c5b5b;
  }
  .footer_bottom .nav li a{
    display:block;
    padding:0 15px;
    color:#ccc;
    font-size: 14px;
  }
}
.footer_bottom .nav li a:hover{
  color:#E74E3F
}
.footer_bottom .last{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  padding:40px 0;
  border-top:1px solid #5c5b5b;
}
.footer_bottom .last .left{
  width:50%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.footer_bottom .last .left dl{

}
.footer_bottom .last .left dl dt{
  color:#fff;
  font-size:24px;
  margin-bottom:20px;
}
.footer_bottom .last .left dl dd{
  line-height: 30px;
  color:#999;
  font-size: 14px;
}
.footer_bottom .last .left dl dd a{
  color:#999;
  font-size: 14px;
}
.footer_bottom .last .left dl dd em{
  font-style: normal;
  color:#E74E3F;
  font-weight: bold;
}
.footer_bottom .last .right{
  width:50%;
}
.footer_bottom .last .right .yxzd{
  margin:0 auto;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  align-items: center;
}
.footer_bottom .last .right .yxzd .img{
  width:130px;
  padding:15px;
  background:#fff;
}
.footer_bottom .last .right .yxzd .img img{
  width:100%;
}
.footer_bottom .last .right .text{
  margin-left:20px;
}
.footer_bottom .last .right .text h6{
  color:#fff;
  font-size: 20px;
  line-height: 25px;
  margin-bottom:20px;
  font-weight: normal;
}
.footer_bottom .last .right .text .xg{
  line-height: 25px;
  color:#5c5b5b;
  font-size: 14px;
}
.footer_bottom .last .right .text .xg a{
  color:#999;
  font-size: 14px;
}
@media only screen and (max-width: 750px){
  .footer_bottom .last{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    padding:20px 0;
    border-top:1px solid #5c5b5b;
  }
  .footer_bottom .last .left{
    width:100%;
    display:flex;
    justify-content: space-around;
    flex-wrap:wrap;
  }
  .footer_bottom .last .left .gzfw{
    display:none;
  }
  .footer_bottom .last .left dl dt{
    color:#fff;
    font-size:20px;
    margin-bottom:20px;
    text-align: center;
  }
  .footer_bottom .last .left dl dd{
    line-height: 30px;
    color:#999;
    font-size: 14px;
    text-align: center;
  }
  .footer_bottom .last .left dl dd a{
    color:#999;
    font-size: 14px;
  }
  .footer_bottom .last .left dl dd em{
    font-style: normal;
    color:#E74E3F;
    font-weight: bold;
  }
  .footer_bottom .last .right{
    width:100%;
  }
  .footer_bottom .last .right .yxzd .img{
    margin:15px 0;
  }
  .footer_bottom .last .right .text h6{
    font-size: 18px;
    text-align: center;
  }
  .footer_bottom .last .right .text .xg{
    text-align: center;
  }
}
@media only screen and (max-width: 480px){
  .footer_bottom .last .right .text{
    margin:0px;
  }
}

/* 关于我们 */
.boder{
  width:100%;
}
#dhzx{
  width:100%;
  padding:10px 0;
  border-bottom:1px solid #eaeaea;
}
#dhzx .lvs_phone{
  width:100%;
  border:1px solid #eaeaea;
  padding:30px 80px;
}
#dhzx .lvs_phone h6{
  color:#333;
  font-size:20px;
}
#dhzx .lvs_phone .phone{
  margin:20px 0;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  align-items: center;
  font-size: 54px;
  color:#eaeaea;
}
#dhzx .lvs_phone .phone img{
  width:60px;
}
#dhzx .lvs_phone .phone h1{
  color:#ff9900;
  font-size: 54px;
  margin:0 20px;
}
#dhzx .lvs_phone .phone .text span{
  display:block;
  color:#999;
  font-size: 12px;
  line-height: 25px;
}
#dhzx .lvs_phone .phone .text span em{
  font-style: normal;
  font-size: 12px;
  color:#666;
}
#dhzx .lvs_phone p{
  color:#999;
  font-size: 12px;
  line-height: 20px;
}
#dhzx .mbx_nav{
  width:100%;
  margin-top:25px;
  color:#333333;
  line-height: 25px;
  font-size:14px;
}
#dhzx .mbx_nav a{
  color:#333333;
  margin:0 5px;
  font-size:14px;
}
@media only screen and (max-width: 875px){
  #dhzx .lvs_phone{
    width:100%;
    border:1px solid #eaeaea;
    padding:10px 20px;
  }
}
@media only screen and (max-width: 750px){
  #dhzx .lvs_phone{
    width:100%;
    border:1px solid #eaeaea;
    padding:10px 20px;
  }
  #dhzx .lvs_phone .phone img{
    width:40px;
  }
  #dhzx .lvs_phone .phone h1{
    color:#ff9900;
    font-size: 32px;
    margin:0 10px;
  }
}
@media only screen and (max-width: 480px){
  #dhzx .lvs_phone{
    width:100%;
    border:1px solid #eaeaea;
    padding:10px 10px;
  }
  #dhzx .lvs_phone .phone{
    margin:10px 0;
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    align-items: center;
    font-size: 54px;
    color:#eaeaea;
  }
  #dhzx .lvs_phone .phone img{
    width:35px;
  }
  #dhzx .lvs_phone .phone h1{
    color:#ff9900;
    font-size: 28px;
    margin:0 5px;
  }
  #dhzx .lvs_phone .phone .text span{
    display:block;
    color:#999;
    font-size: 12px;
    line-height: 20px;
  }
  #dhzx .mbx_nav{
    width:100%;
    margin-top:25px;
    color:#333333;
    line-height: 20px;
    font-size:12px;
  }
  #dhzx .mbx_nav a{
    color:#333333;
    margin:0 5px;
    font-size:12px;
  }
}
.boder_wrap{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:50px;
}
.boder_wrap .left{
  width:70%;
}
.boder_wrap .left .about{
  width:100%;
} 
.boder_wrap .left .about .tit{
  width:100%;
  padding:40px 0;
  position: relative;
}
.boder_wrap .left .about .tit h2{
  color:#333333;
  font-size: 26px;
  line-height: 35px;
  text-align: center;
}
.boder_wrap .left .about img{
  /* width:80%;
  margin:0 auto; */
  /* margin-top:20px; */
}
.boder_wrap .left .about span{
  color:#333;
  font-size: 16px;
  line-height: 25px;
  margin-top:20px;
  display:block;
  font-weight: bold;
}
.boder_wrap .left .about p{
  color:#333;
  font-size: 14px;
  line-height: 25px;
  /* margin-top:20px; */
}
.boder_wrap .left .about .qpin{
  width:100%;
  margin:20px 0;
}
#flzs{
  width:100%;
  padding:80px 0;
}
#flzs .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: baseline;
}
#flzs .tit .title{
  display:flex;
  justify-content: flex-start;
  align-items: baseline;
}
#flzs .tit .title h2{
  color:#333;
  font-size: 20px;
}
#flzs .tit .title span{
  color:#999;
  font-size: 12px;
  margin-left:20px;
}
#flzs .tit a{
  display:block;
  color:#999;
  font-size: 12px;
}
#flzs .tit a:hover{
  color:#E74E3F;
}
#flzs .list{
  width:100%;
  margin-top:30px;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  padding:30px 0;
}
#flzs .list li{
  width:32%;
}
#flzs .list li a{
  display:block;
  width:100%;
}
#flzs .list li a .img{
  width:100%;
}
#flzs .list li a .img img{
  width:100%;
  height: 165px;
}
#flzs .list li a .text{
  width:100%;
  margin-top:10px;
}
#flzs .list li a .text p{
  color:#333333;
  font-size: 14px;
  line-height: 25px;
}
#flzs .list li:hover a .text p{
  color:#E74E3F;
}
#flzs .list li a .text>div{
  display:flex;
  justify-content: flex-start;
}
#flzs .list li a .text>div span{
  color:#999;
  font-size: 12px;
  margin-right:10px;
}
.boder_wrap .right{
  width:27%;
}
#zxls{
  width:100%;
  background:url("../images/every_bgt.png")no-repeat center center;
  background-size: cover;
  padding:20px;
}
#zxls .zxls_wrap{
  width:100%;
  background:#fff;
  padding:30px 20px;
}
#zxls .zxls_wrap h5{
  font-size: 20px;
  color:#333;
}
#zxls .zxls_wrap p{
  color:#666;
  font-size: 14px;
  margin-top:30px;
}
#zxls .zxls_wrap .line{
  width:50px;
  background:#E74E3F;
  height:2px;
  margin-top:30px;
}
#zxls .zxls_wrap h4{
  color:#333333;
  font-size: 32px;
  margin-top:30px;
}
#zxls .zxls_wrap h4 em{
  color:#E74E3F;
  font-size: 14px;
  margin-top:30px;
  font-style: normal;
}
#zxls .zxls_wrap a{
  display:block;
  font-size: 14px;
  line-height: 35px;
  border-radius: 5px;
  background:#E74E3F;
  color:#fff;
  width:100px;
  text-align: center;
  margin-top:30px;
}

#hot_flzs{
  width:100%;
  margin-top:20px;
}
#hot_flzs .tit{
  width:100%;
  border-bottom:3px solid #E74E3F;
  font-size: 18px;
  line-height: 47px;
  height:50px;
  padding-left:25px;
  background:url("../images/icon4.png")no-repeat left center;
  background-size: 15px 18px;
}
#hot_flzs ul{
  width:100%;
  border:1px solid #eaeaea;
  border-top:none;
  padding:20px;
}
#hot_flzs ul li{
  width:100%;
  display:flex;
  justify-content: flex-start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px;
  align-items: center;
}
#hot_flzs ul li:nth-child(n+2){
  margin-top:20px;
}
#hot_flzs ul li em{
  display:block;
  font-style: normal;
  background:#e5e5e5;
  color:#666;
  font-size:13px;
  border-radius: 100%;
  height:18px;
  width:18px;
  text-align: center;
  line-height: 18px;
}
#hot_flzs ul li:hover em{
  background:#E74E3F;
  color:#fff;
}
#hot_flzs ul li a{
  display:block;
  margin-left:10px;
  font-size: 14px;
  color:#666;
}
#hot_flzs ul li:hover a{
  color:#E74E3F;
}

#lxfs{
  width:100%;
  margin-top:20px;
}
#lxfs .tit{
  padding-left:25px;
  color:#fff;
  font-size: 16px;
  line-height: 50px;
  height:50px;
  background:#E74E3F;
}
#lxfs .text{
  width:100%;
  padding:20px;
  border:1px solid #eaeaea;
  border-top:none;
}
#lxfs .text p{
  color:#333;
  font-size: 14px;
  line-height: 25px;
  margin-bottom:20px;
}
#lxfs .text img{
  width:70%;
  margin:0 auto;
}
@media only screen and (max-width: 1060px){
  .boder_wrap .left{
    width:100%;
  }
  .boder_wrap .right{
    display:none;
  }
}
@media only screen and (max-width: 750px){
  .boder_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .boder_wrap .left .about .tit {
    width: 100%;
    padding: 20px 0;
    position: relative;
  }
}
@media only screen and (max-width: 520px){
  #flzs .list {
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0;
  }
  #flzs .list li {
    width: 90%;
    margin:0 auto;
  }
  #flzs .list li:nth-child(n+2){
    margin-top:10px;
  }
  #flzs .tit .title span {
    display:none;
  }
  #flzs .list li a .text {
    margin-top:5px;
  }
}
@media only screen and (max-width: 480px){
  .boder_wrap .right{
    display:block;
    width:90%;
    margin:0 auto;
  }

}
.boder_wrap .left .about .jj {
  margin: 10px 0 10px 0;
  font-size: 14px;
  color: #5A5A5A;
  line-height: 1.7em;
}

.boder_wrap .left .about .jj p {
 margin-top: 20px;
}

.boder_wrap .left .about .ln {
  height: 300px;
  position: relative;
}

.boder_wrap .left .about .ln div {

  height: 200px;
  position: absolute;
  top: 85px;
  left: 1px
}

.boder_wrap .left .about .ln img {
  float: right;
}

.boder_wrap .left .about .td {
  height: 281px;
  position: relative;
}

.boder_wrap .left .about .td div {

  height: 226px;
  position: absolute;
  top: 55px;
  left: 1px
}

.boder_wrap .left .about .td img {
  height: 281px;
}


/* 联系我们 */
.boder_wrap .left .lxwm{
  width:100%;
}
.boder_wrap .left .lxwm .tit{
  width:100%;
  padding:40px 0;
}
.boder_wrap .left .lxwm .tit h2{
  color: #333333;
  font-size: 26px;
  line-height: 35px;
  text-align: center;
}
.boder_wrap .left .lxwm .content{
  width:100%;
}
.boder_wrap .left .lxwm .content img{
  /* width:100%; */
  display: inline;;
}
.boder_wrap .left .lxwm .content p{
  color:#333;
  font-size: 14px;
  line-height: 25px;
  margin-top:20px;
}
.boder_wrap .left .lxwm .content .map{
  margin:30px 0;
  width:100%;
  height:350px;
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%;height:100%;border:#ccc solid 1px;}
@media only screen and (max-width: 480px){
  .boder_wrap .left .lxwm .tit{
    width:100%;
    padding:20px 0;
  }
  .boder_wrap .left .lxwm .content .map{
    margin:30px 0;
    width:100%;
    height:200px;
  }

  
}

.contactl_main{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.contactl_main>li{
  text-align: center;
  float: left;
  width: 33.333%;
}

.contact_list>p{
  padding-left: 0px;
}
.contactlist_title{
  font-weight: bold;
  color: #F60000;
}



/* 文章列表 */
.wz_list{
  width:100%;
}
.wz_list .list{
  width:100%;
}
.wz_list .list li{
  width:100%;
  padding:30px 0;
  border-bottom:1px solid #eaeaea;
}
.wz_list .list li:hover{
  background:#efefef;
}
.wz_list .list li a{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  width:100%;
}
.wz_list .list li a .img{
  width:28%;
}
.wz_list .list li a .img img{
  width:100%;
}
.wz_list .list li a .text{
  width:67%;
}
.wz_list .list li a .text h2{
  width:100%;
  color: #333333;
  font-size: 22px;
  line-height: 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wz_list .list li:hover a .text h2{
  color:#E74E3F;
}
.wz_list .list li a .text p{
  color:#666;
  font-size: 12px;
  line-height: 30px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.wz_list .list li a .text .timer{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.wz_list .list li a .text .timer span{
  display:block;
  color:#999;
  font-size: 12px;
  line-height: 25px;
}
.wz_list .page{
  width:100%;
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin:30px 0;
}
.wz_list .page li{
  margin:0 10px;
}
.wz_list .page li a{
  display:block;
  padding:10px 15px;
  border:1px solid #eaeaea;
  border-radius: 3px;
  color:#333;
  font-size: 12px;
}
.wz_list .page .page_on a{
  background:#E74E3F;
  border-color:#E74E3F;
  color:#fff;
}
@media only screen and (max-width: 750px){
  .wz_list .list li{
    width:100%;
    padding:20px 0;
    border-bottom:1px solid #eaeaea;
  }
  .wz_list .list li a .img{
    width:100%;
  }
  .wz_list .list li a .text{
    width:100%;
    margin-top:10px;
  }.wz_list .page li{
    margin:0 5px;
  }
  .wz_list .list li a .text h2{
    color: #333333;
    font-size: 18px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .wz_list .list li a .text p{
    color:#666;
    font-size: 12px;
    line-height:25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .wz_list .page li a{
    display:block;
    padding:5px 10px;
    border:1px solid #eaeaea;
    border-radius: 3px;
    color:#333;
    font-size: 12px;
  }
}



/* 文章内页 */
.wz_article{
  width:100%;
}
.wz_article .tit{
  width:100%;
  padding:30px 0;
}
.wz_article .tit h2{
  width:100%;
  text-align: center;
  color:#333;
  font-size: 26px;
}
.wz_article .tit .tit_wrap{
  width:100%;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  margin-top:20px;
  line-height: 25px;
}
.wz_article .tit .tit_wrap span{
  display:block;
  color:#999;
  font-size: 12px;
  margin:0 10px;
}
.wz_article .content{
  width:100%;
  padding:20px;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
}
.wz_article .content p{
  text-indent: 25px;
  line-height: 25px;
  color:#666;
  font-size: 14px;
}
.wz_article .content img{
  width:100%;
  height: 100%;
  padding:20px 0;
}
.wz_article .pn{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  padding:20px 0;
}
.wz_article .pn p{
  color:#999;
  font-size: 12px;
  line-height: 25px;
}
.wz_article .pn p a{
  color:#999;
}
.wz_article .pn p:hover a{
  color:#CC5522;
}



/* 律师列表 */
.lvs_list{
  width:100%;
}
.lvs_list .list{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.lvs_list .list li{
  width:24%;
  margin-bottom:10px;
}
.lvs_list .list li:hover{
  box-shadow: 0 3px 6px 3px rgba(0,0,0,.2);
}
.lvs_list .list li a{
  display:block;
  width:100%;
  padding:10px;
}
.lvs_list .list li a .img{
  width:100%;
}
.lvs_list .list li a .img img{
  width:100%;
    height:180px;
    min-height:180px;
 /* min-height: 255px;
   height: 255px; */
}
.lvs_list .list li a .text{
  width:100%;
}
.lvs_list .list li a .text .text1{
  margin:10px 0;
  display:flex;
  justify-content: flex-start;
  line-height: 25px;
  /* border-bottom:  1px solid #333; */
}
.lvs_list .list li a .text .text1 .name h4{
  color:#333;
  font-size: 20px;
}
.lvs_list .list li a .text .text1 .name span{
  display:block;
  font-size: 12px;
  color:#999;
}
.lvs_list .list li a .text .text1 p{
  color:#666;
  font-size: 14px;
  margin-left:10px;
}
.lvs_list .list li a .text .text2{
  width:100%;
  display:flex;
  justify-content: flex-end;
}
.lvs_list .list li a .text .text2 div{
  width:30%;
  border:1px solid #eaeaea;
}
.lvs_list .list li a .text .text2 div img{
  width:100%;
}
.lvs_list .page{
  width:100%;
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin:30px 0;
}
.lvs_list .page li{
  margin:0 10px;
}
.lvs_list .page li a{
  display:block;
  padding:10px 15px;
  border:1px solid #eaeaea;
  border-radius: 3px;
  color:#333;
  font-size: 12px;
}
.lvs_list .page .page_on a{
  background:#E74E3F;
  border-color:#E74E3F;
  color:#fff;
}
@media only screen and (max-width: 750px){
  .lvs_list .list li{
    width:49%;
    margin-bottom:10px;
  }
  .lvs_list .page li{
    margin:0 5px;
  }
  .lvs_list .page li a{
    display:block;
    padding:5px 10px;
    border:1px solid #eaeaea;
    border-radius: 3px;
    color:#333;
    font-size: 12px;
  }
}
@media only screen and (max-width: 480px){
  .lvs_list .list li a .text .text1 .name h4{
    color:#333;
    font-size: 18px;
  }
  .lvs_list .list li a .text .text1 .name span{
    display:block;
    font-size: 12px;
    color:#999;
  }
  .lvs_list .list li a .text .text1 p{
    color:#666;
    font-size: 12px;
    margin-left:10px;
  }
}


/* 律师详情 */
.lvs_article{
  width:100%;
}
.lvs_article .tit{
  width:100%;
  padding:30px 0;
}
.lvs_article .tit h2{
  width:100%;
  text-align: center;
  color:#333;
  font-size: 26px;
}
.lvs_article .tit .tit_wrap{
  width:100%;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  margin-top:20px;
  line-height: 25px;
}
.lvs_article .tit .tit_wrap span{
  display:block;
  color:#999;
  font-size: 12px;
  margin:0 10px;
}
.lvs_article .content{
  width:100%;
  padding:30px 0;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
}
.lvs_article .content p{
font-size:15px;
line-height:35px;
}
.lvs_article .content p img{
width:90%;
height: 100%;
margin:auto;
}
.lvs_article .content .content1{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  padding-bottom: 20px;
  border-bottom: 1px dashed #939393;
}
.lvs_article .content .content1 .img{
  width:40%;
}
.lvs_article .content .content1 .img img{
  width:100%;
}
.lvs_article .content .content1 .text{
  width:55%;
}
.lvs_article .content .content1 .text h3{
  color:#333;
  font-size: 22px;
  margin-bottom:20px;
}
.lvs_article .content .content1 .text p{
  color:#333333;
  font-size: 14px;
  line-height: 30px;
}
.hezuo{
  width:100%;
  margin-top:30px;
}
.hezuo li{
width:30%;
 padding-left:25px;
  color:#fff;
  font-size: 20px;
  line-height: 50px;
  height:50px;
  background:#E74E3F;
  box-shadow: 3px 5px 7px 0px #8a8a8a
  }
.lvs_article .content .content2 h4{
  color:#333;
  font-size: 22px;
  font-weight: normal;
}
.lvs_article .content .content2 p{
  color:#333333;
  font-size: 14px;
  line-height: 25px;
  margin:15px 0;
  text-indent: 25px;
}
.lvs_article .pn{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  padding:20px 0;
}
.lvs_article .pn p{
  color:#999;
  font-size: 12px;
  line-height: 25px;
}
.lvs_article .pn p a{
  color:#999;
}
.lvs_article .pn p:hover a{
  color:#CC5522;
}
@media only screen and (max-width: 480px){
  .lvs_article .content .content1 .img{
    width:100%;
  }
  .lvs_article .content .content1 .text{
    width:100%;
    margin-top:20px;
  }
}

/* 分页 */
.page_main {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.page_main>li {
  margin: 0 5px;
  line-height: 30px;
  height: 100%;
}

.page_main>li>a {
  padding: 0 10px;
  border: 1px solid #dddddd;
  display: inline-block;
  /* width: 100%; */
  height: 100%;
  font-size: 16px;
}


.page_main>li>a:hover,
.page_active {
  border: 1px solid #f88c00 !important;
  color: #ffffff;
  background: #f88c00
}
.bottom{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;  
  padding:10px 0;  
  border-top:1px solid #5c5b5b;
}
.bottom a{
  color: #b5b1b1;
  margin: auto;
}