/* 清除样式 */
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;}

input{border:none;outline:none;}

em,i{font-style: normal;}

img{ outline:0; border:none; display: block;height:auto;}

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{position: relative; font-size: 12px; font-family: "微软雅黑"; min-width: 320px; color: #333333;background: #fff;position:relative;}

*{box-sizing: border-box;}

/* 开始 */
.all{
  width:100%;
  position: relative;
}
.all_w{
  width:1200px;
  margin:0 auto;
  overflow: hidden;
}
.all_w1{
  width:1200px;
  margin:0 auto;
  overflow: hidden;
}
@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%;
  position: relative;
}
.header_fixed{
  border-bottom:1px solid #ddd;
}
.header .wrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding:10px 0;
}
.header .wrap .header_l{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
.header .wrap .header_l .header_logo{
  width:200px;
  height: auto;
}
.header .wrap .header_l .header_logo img{
  width:100%;
  height:auto;
}
.header .wrap .header_l .header_nav{
  margin-left: 30px;
}
.header .wrap .header_l .header_nav ul{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.header .wrap .header_l .header_nav ul li{
  padding:0 15px;
}
.header .wrap .header_l .header_nav ul li a{
  display:block;
  color:#333333;
  font-size:16px;
}
.header .wrap .header_l .header_nav ul li a:hover{
  color:#ff4400;
}
.header .wrap .header_l .header_nav ul .on a{
  color:#ff4400;
}
.header .wrap .search{
  width:280px;
  border-radius: 33px;
  overflow: hidden;
}
.header .wrap .search form{
  width:100%;
  display:flex;
  justify-content: space-between;
}
.header .wrap .search form .input1{
  display:block;
  width:80%;
  color:#333333;
  font-size:12px;
  line-height: 35px;
  background:#f0f0f0;
  padding-left: 20px;
}
.header .wrap .search form .input2{
  display:block;
  width:20%;
  line-height: 35px;
  background:url("../images/search.png")no-repeat center center;
  background-size:20px 20px;
  background-color:#f0f0f0;
  cursor: pointer;
}

.cd_btn{
  width:0;
  display:none;
}
@media all and (max-width:750px) {
  .cd_btn{
    width:20px;
    height: 21px;
    display:block;
    position: relative;
    margin-top:5px;
  }
  .cd_btn .line1{
    position: absolute;
    left:0;
    top:0;
    width:20px;
    height:1.5px;
    background:#333;
    transition: all ease .25s;
  }
  .cd_btn .line2{
    position: absolute;
    left:0;
    top:8px;
    width:20px;
    height:1.5px;
    background:#333;
    transition: all ease .25s;
  }
  .cd_btn .line3{
    position: absolute;
    left:0;
    top:16px;
    width:20px;
    height:1.5px;
    background:#333;
    transition: all ease .25s;
  }
  .cd_btn .line1_1{
    position: absolute;
    left:0;
    top:8px;
    width:20px;
    height:1.5px;
    background:#333;
    transform: rotate(45deg);
    transition: all ease .25s;
  }
  .cd_btn .line2_1{
    width:20px;
    height:1.5px;
    background:#333;
    opacity: 0;
    transition: all ease .25s;
  }
  .cd_btn .line3_1{
    position: absolute;
    left:0;
    top:8px;
    width:20px;
    height:1.5px;
    background: #333;
    transform: rotate(-45deg);
    transition: all ease .25s;
  }
}


@media all and (max-width:960px) {
  .header .wrap .header_l .header_logo{
    width:150px;
  }
  .header .wrap .header_l .header_nav ul li{
    padding:0 10px;
  }
  .header .wrap .search{
    width:200px;
  }
  .header .wrap .search form .input1{
    line-height: 30px;
  }
  .header .wrap .search form .input2{
    line-height: 30px;
    background: url(../images/search.png)no-repeat center center;
    background-size: 15px 15px;
    background-color: #f0f0f0;
  }
}
@media all and (max-width:750px) {
  .header{
    height:50px;
  }
  .header .wrap .search{
    display:none;
  }
  .header_fixed{
    width:100%;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#fff;
  }
  .header .wrap{
    padding:5px 0;
  }
  .header .wrap .header_l .header_nav{
    position: fixed;
    left:-300px;
    top:51px;
    z-index:9999;
    width:300px;
    height:100%;
    margin:0;
    background:#fff;
    transition: all ease .25s;
  }
  .header .wrap .header_l .header_nav1{
    left: 0;
  }
  .header .wrap .header_l .header_nav ul{
    display:block;
  }
  .header .wrap .header_l .header_nav ul li{
    padding:0 15px;
  }
  .header .wrap .header_l .header_nav ul li a{
    display:block;
    width:100%;
    border-bottom:1px solid #ddd;
    padding:15px 0;
  }
  .header .wrap .header_l .header_nav ul li a:hover{
    color:#ff4400;
    border-bottom:1px solid #ff4400;
  }
  .header .wrap .header_l .header_nav ul .on a{
    color:#ff4400;
    border-bottom:1px solid #ff4400;
  }
}



.footer{
  width:100%;
  margin-top:40px;
  background:#f0f0f0;
}
.footer .wrap{
  padding:30px 0;
}
.footer .wrap .footer_link{
  width:100%;
  display:flex;
  justify-content: flex-start;
}
.footer .wrap .footer_link p{
  color:#333;
  font-size:14px;
  color:#333;
  font-weight: bold;
  line-height: 25px;
  white-space: nowrap;
}
.footer .wrap .footer_link ul{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.footer .wrap .footer_link ul li{
  margin:0 20px;
  line-height: 25px;
}
.footer .wrap .footer_link ul li a{
  color:#999;
  margin:0 5px;
  line-height: 25px;
}
.footer .wrap .footer_link ul li a:hover{
  color:#ff4400;
}
.footer .wrap .footer_bottom{
  width:100%;
  margin-top:30px;
  text-align: center;
}
.footer .wrap .footer_bottom p{
  color:#999;
  line-height: 25px;
}
.footer .wrap .footer_bottom p a{
  color:#999;
  line-height: 25px;
}
@media all and (max-width:750px) {
  .footer .wrap .footer_link{
    flex-wrap:wrap;
  }
  .footer .wrap .footer_link ul{
    width:100%;
  }
  .footer .wrap .footer_link ul li{
    margin:0 10px;
  }
}

.bode{
  width:100%;
}
.bode1{
  width:100%;
}
.bode1 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode1 .wrap .left{
  width:19%;
  position: relative;
}
.bode1 .wrap .left .tit{
  width:100%;
  line-height: 45px;
  text-align: center;
  background:#f8f8f8;
  color:#333;
  font-size:16px;
}
.bode1 .wrap .left .list{
  width:100%;
}
.bode1 .wrap .left .list li{
  width:100%;
}
.bode1 .wrap .left .list li .title{
  width: 100%;
  background:#f8f8f8;
}
.bode1 .wrap .left .list li:hover .title{
  background:#4d4d4d;
}
.bode1 .wrap .left .list li .title a{
  width:100%;
  padding:0 20px 0 30px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  border-left:2px solid rgba(0,0,0,0);
  line-height: 35px;
}
.bode1 .wrap .left .list li:hover .title a{
  color:#fff;
}
.bode1 .wrap .left .list li .title a p{
  color:#333;
  font-size:14px;
  padding-left:30px;
}
.bode1 .wrap .left .list li:hover .title a p{
  color:#fff;
}
.bode1 .wrap .left .list li:nth-child(1) .title a p{
  background:url("../images/icon1_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(1):hover .title a p{
  background:url("../images/icon1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(2) .title a p{
  background:url("../images/icon2_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(2):hover .title a p{
  background:url("../images/icon2.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(3) .title a p{
  background:url("../images/icon3_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(3):hover .title a p{
  background:url("../images/icon3.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(4) .title a p{
  background:url("../images/icon4_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(4):hover .title a p{
  background:url("../images/icon4.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(5) .title a p{
  background:url("../images/icon5_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(5):hover .title a p{
  background:url("../images/icon5.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(6) .title a p{
  background:url("../images/icon6_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(6):hover .title a p{
  background:url("../images/icon6.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(7) .title a p{
  background:url("../images/icon7_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(7):hover .title a p{
  background:url("../images/icon7.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(8) .title a p{
  background:url("../images/icon8_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(8):hover .title a p{
  background:url("../images/icon8.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(9) .title a p{
  background:url("../images/icon9_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(9):hover .title a p{
  background:url("../images/icon9.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(10) .title a p{
  background:url("../images/icon10_1.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li:nth-child(10):hover .title a p{
  background:url("../images/icon10.png")no-repeat left center;
  background-size:19px 20px;
}
.bode1 .wrap .left .list li .title a em{
  display:block;
  color:#999;
  font-size:16px;
  font-family: "宋体";
  font-weight: bold;
}
.bode1 .wrap .left .list li:hover .title a em{
  color:#fff;
}
.bode1 .wrap .left .list li .content{
  display:none;
  position: absolute;
  width:100%;
  left:100%;
  top:0;
  width:560px;
  height:100%;
  padding:0 10px;
  background:#f8f8f8;
  overflow:hidden;
  z-index:999;
}
.bode1 .wrap .left .list li:hover .content{
  display:block;
}
.bode1 .wrap .left .list li .content .box{
  width: 100%;
  padding:20px 0;
}
.bode1 .wrap .left .list li .content .box:nth-child(n+2){
  border-top:1px dashed #ddd;
}
.bode1 .wrap .left .list li .content .box h5{
  color:#333;
  font-size:16px;
  font-weight: normal;
  padding-left: 10px;
}
.bode1 .wrap .left .list li .content .box h5 a{
  color:#333;
}
.bode1 .wrap .left .list li .content .box dl{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  margin-top:20px;
}
.bode1 .wrap .left .list li .content .box dl dd{
  padding:0 15px;
  line-height: 25px;
}
.bode1 .wrap .left .list li .content .box dl dd a{
  font-size:14px;
  color:#43b0c7;
}
.bode1 .wrap .left .list li .content .box dl dd a:hover{
  color:#333;
}
.bode1 .wrap .mid{
  width:54%;
  margin-top:20px;
}
.bode1 .wrap .right{
  width:23%;
  margin-top:20px;
}
.bode1 .wrap .right .tit{
  width:100%;
  color:#ff4400;
  font-size:16px;
  font-style: italic;
  font-weight: bold;
  line-height: 30px;
}
.bode1 .wrap .right ul{
  width:100%;
}
.bode1 .wrap .right ul li{
  width:100%;
  display:flex;
  justify-content: space-between;
  margin-top:15px;
}
.bode1 .wrap .right ul li .img{
  width:90px;
  height:70px;
  border-radius: 5px;
  overflow: hidden;
}
.bode1 .wrap .right ul li .img img{
  width:100%;
  height:100%;
}
.bode1 .wrap .right ul li .text{
  width:60%;
}
.bode1 .wrap .right ul li .text p{
  font-size:14px;
  line-height: 20px;
}
.bode1 .wrap .right ul li .text p a{
  color:#333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
 
}
.bode1 .wrap .right ul li .text p a:hover{
  color:#ff4400;
}
.bode1 .wrap .right ul li .text span{
  display:block;
  color:#999;
  margin-top:5px;
}
@media all and (max-width:980px) {
  .bode1 .wrap .left{
    display:none;
  }
  .bode1 .wrap .mid{
    width:70%;
  }
  .bode1 .wrap .right{
    width:28%;
  }
}
@media all and (max-width:750px) {
  .bode1 .wrap .mid{
    width:100%;
  }
  .bode1 .wrap .right{
    width:100%;
  }
  .bode1 .wrap .right ul li .text{
    width:80%;
  }
}
@media all and (max-width:480px) {
  .bode1 .wrap .right ul li .text{
    width:65%;
  }
}


.bode2{
  width:100%;
  margin-top:40px;
}
#tit1{
  width:100%;
}
#tit1 .wrap{
  position: relative;
  padding:20px 0;
}
#tit1 .wrap:before{
  content:"";
  display:block;
  width:50px;
  height:2px;
  background:#fff;
  position: absolute; 
  left:50%;
  top:0;
  margin-left:-25px;
  z-index:1;
}
#tit1 .bg1:before{
  background:#ff4400;
}
#tit1 .bg2:before{
  background:#33cccc;
}
#tit1 .bg3:before{
  background:#348ad4;
}
#tit1 .bg4:before{
  background:#53609b;
}
#tit1 .bg5:before{
  background:#eaaeab;
}
#tit1 .bg6:before{
  background:#0066cc; 
}
#tit1 .wrap h1{
  position: relative;
  font-size:34px;
  z-index:10;
  background:#fff;
  width:170px;
  text-align: center;
  margin:0 auto; 
}
#tit1 .wrap h1 span{
  color:#999;
  font-weight: normal;
}
#tit1 .wrap:after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#ddd;
  position: absolute; 
  left:0;
  top:50%;
  margin-top:-0.5px;
  z-index:1;
}
@media all and (max-width:750px) {
  #tit1 .wrap{
    position: relative;
    padding:15px 0;
  }
  #tit1 .wrap:before{
    width:40px;
    margin-left:-20px;
  }
  #tit1 .wrap h1{
    font-size:24px;
    width:120px;
  }
}
@media all and (max-width:480px) {
  #tit1 .wrap h1{
    font-size:20px;
    width:100px;
  }
}

.bode2 .content{
  width:100%;
}
.bode2 .content .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode2 .content .wrap .left{
  width:73%;
  margin-top:20px;
}
#wraper1{
  width:100%;
}
#wraper1 .tabs{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  background:#eeeeee;
}
#wraper1 .tabs span{
  display:block;
}
#wraper1 .tabs span a{
  display:block;
  color:#333;
  font-size:14px;
  padding:0 20px;
  line-height: 30px;
  border-right: 1px solid #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper1 .tabs .active a{
  background:#ef5a52;
  color:#fff;
}
#wraper1 .swiper-container-1{
  width:100%;
}
#wraper1 .swiper-container-1 .swiper-wrapper{
  width:100%;
}
#wraper1 .swiper-container-1 .swiper-wrapper .swiper-slide{
  width: 100%!important;
  overflow: hidden;
}
#wraper1 .swiper-container-1 .box{
  width:100%;
  margin-top:20px;
  display:flex;
  justify-content: space-between;
}
#wraper1 .swiper-container-1 .box .img{
  width:100%;
  width:220px;
  height:150px;
  position: relative;
}
#wraper1 .swiper-container-1 .box .img img{
  width:100%;
  height:100%;  
}
#wraper1 .swiper-container-1 .box .img p{
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  line-height: 30px;
  background:rgba(0,0,0,.7);
  z-index:10;
}
#wraper1 .swiper-container-1 .box .img p{
  color:#fff;
  font-size:14px;
  padding: 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper1 .swiper-container-1 .box .text{
  width:70%;
}
#wraper1 .swiper-container-1 .box .text h4{
  display:block;
  color:#333;
  font-size:20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
}
#wraper1 .swiper-container-1 .box .text h4 a{
  color:#333;
}
#wraper1 .swiper-container-1 .box .text h4 a:hover{
  color:#ff4400;
}
#wraper1 .swiper-container-1 .box .text dl{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#wraper1 .swiper-container-1 .box .text dl dd{
  width:48%;
  margin-top:15px;
  color:#999;
  font-weight: bold;
  font-size:16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper1 .swiper-container-1 .box .text dl dd a{
  color:#333;
  font-size:14px;
  font-weight: normal;
  padding-left:10px;
}
#wraper1 .swiper-container-1 .box .text dl dd a:hover{
  color:#ff4400;
}
.bode2 .content .wrap .right{
  width:24%;
  margin-top:20px;
}
.bode2 .content .wrap .right .tit{
  width:100%;
  color:#3399cc;
  font-size:16px;
  line-height: 25px;
  font-weight: bold;
}
.bode2 .content .wrap .right .box{
  width:100%;
  padding:10px 0;
  display:flex;
  justify-content: space-between;
  border-bottom:1px solid #ddd;
}
.bode2 .content .wrap .right .box .img{
  width:120px;
  height:70px;
}
.bode2 .content .wrap .right .box .img img{
  width:100%;
  height:100%;
}
.bode2 .content .wrap .right .box .text{
  width:50%;
}
.bode2 .content .wrap .right .box .text p{
  color:#333;
  font-size:14px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bode2 .content .wrap .right .box .text p a{
  color:#333;
}
.bode2 .content .wrap .right .box .text p a:hover{
  color:#ff4400;
}
.bode2 .content .wrap .right .box .text span{
  display:block;
  color:#999;
  font-size:12px;
  line-height: 20px;
  margin-top:5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.bode2 .content .wrap .right .list{
  width:100%;
  margin-top:10px;
}
.bode2 .content .wrap .right .list li{
  margin-top:10px;
  font-size:16px;
  font-weight: bold;
  font-family: "宋体";
  color:#999;
  margin-top:10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bode2 .content .wrap .right .list li:nth-child(1){
  color:#ff5c44;
}
.bode2 .content .wrap .right .list li:nth-child(2){
  color:#ff8e44;
}
.bode2 .content .wrap .right .list li:nth-child(3){
  color:#ffb951;
}
.bode2 .content .wrap .right .list li a{
  color:#333;
  font-size:14px;
  color:#333;
  font-weight: normal;
  font-family: "微软雅黑";
  padding-left:10px;
  color:#333;
}
.bode2 .content .wrap .right .list li a:hover{
  color:#ff4400;
}
@media all and (max-width:980px) {
  #wraper1 .tabs{
    background:#fff;
  }
  #wraper1 .tabs span{
    background:#eeeeee;
    border-bottom:1px solid #fff;
  }
  .bode2 .content .wrap .left{
    width:100%;
  }
  .bode2 .content .wrap .right{
    width:100%;
  }
  .bode2 .content .wrap .right .box .text{
    width:82%;
  }
}
@media all and (max-width:750px) {
  #wraper1 .swiper-container-1 .box .img{
    width:180px;
    height:120px;
  }
  #wraper1 .swiper-container-1 .box .img p{
    font-size:12px;
  }
  #wraper1 .swiper-container-1 .box .text{
    width:65%;
  }
  #wraper1 .swiper-container-1 .box .text h4{
    font-size:16px;
  }
  #wraper1 .swiper-container-1 .box .text dl dd{
    font-size:14px;
    margin-top:10px;
  }
  #wraper1 .swiper-container-1 .box .text dl dd a{
    font-size:12px;
  }
}
@media all and (max-width:480px) {
  #wraper1 .swiper-container-1 .swiper-wrapper .swiper-slide{
    padding:0 1%;
  }
  #wraper1 .swiper-container-1 .box .img{
    width:40%;
    height:100px;
  }
  #wraper1 .swiper-container-1 .box .text{
    width:54%;
  }
  #wraper1 .swiper-container-1 .box .text dl dd{
    width:100%;
    margin-top:5px;
  }
  #wraper1 .swiper-container-1 .box .text dl dd:nth-child(n+4){
    display:none;
  }
  #wraper1 .tabs span{
    width:20%;
    text-align: center;
  }
  #wraper1 .tabs span a{
    padding: 0;
    font-size:13px;
  }
  .bode2 .content .wrap .right .box .img{
    width:35%;
    height: 70px;
  }
  .bode2 .content .wrap .right .box .text{
    width:62%;
  }
}



.bode3{
  width:100%;
  margin-top:40px;
}
.bode3 .content{
  width:100%;
}
.bode3 .content .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode3 .content .wrap .left{
  width: 73%;
  margin-top: 20px;
}
#wraper2{
  width:100%;
}
#wraper2 .tabs{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  background:#eeeeee;
}
#wraper2 .tabs span{
  display:block;
}
#wraper2 .tabs span a{
  display:block;
  color:#333;
  font-size:14px;
  padding:0 20px;
  line-height: 30px;
  border-right: 1px solid #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper2 .tabs .active a{
  background:#43bfc6;
  color:#fff;
}
#wraper2 .swiper-container-2{
  width:100%;
}
#wraper2 .swiper-container-2 .swiper-wrapper{
  width:100%;
}
#wraper2 .swiper-container-2 .swiper-wrapper .swiper-slide{
  width: 100%!important;
  overflow: hidden;
}
#wraper2 .swiper-container-2 ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#wraper2 .swiper-container-2 ul li{
  width:33.3%;
  margin-top:20px;
  display:flex;
  justify-content: space-between;
}
#wraper2 .swiper-container-2 ul li .img{
  width:35%;
  height:75px;
}
#wraper2 .swiper-container-2 ul li .img img{
  width:100%;
  height:100%;
}
#wraper2 .swiper-container-2 ul li .text{
  width:65%;
  padding:0 10px;
}
#wraper2 .swiper-container-2 ul li .text p{
  color:#333;
  font-size:14px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper2 .swiper-container-2 ul li .text p a{
  color:#333;
}
#wraper2 .swiper-container-2 ul li .text p a:hover{
  color:#ff4400;
}
#wraper2 .swiper-container-2 ul li .text span{
  display:block;
  color:#999;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top:5px;
}
#wraper2 .swiper-container-2 dl{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#wraper2 .swiper-container-2 dl dd{
  width:33.3%;
  margin-top:15px;
  line-height: 20px;
}
#wraper2 .swiper-container-2 dl dd a{
  display:block;
  width:80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size:14px;
}
#wraper2 .swiper-container-2 dl dd a:hover{
  color:#ff4400;
}
.bode3 .content .wrap .right{
  width: 24%;
  margin-top: 20px;
}
.bode3 .content .wrap .right .tit{
  width:100%;
  color:#33cccc;
  font-size:16px;
  line-height: 25px;
  font-weight: bold;
}
.bode3 .content .wrap .right ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode3 .content .wrap .right ul li{
  width:48%;
  margin-top:20px;
}
.bode3 .content .wrap .right ul li .img{
  width:100%;
  height:100px;
}
.bode3 .content .wrap .right ul li .img img{
  width:100%;
  height:100%;
}
.bode3 .content .wrap .right ul li .text{
  width:100%;
}
.bode3 .content .wrap .right ul li .text p{
  color:#333;
  font-size:14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top:5px;
}
.bode3 .content .wrap .right ul li .text p a{
  color:#333;
}
.bode3 .content .wrap .right ul li .text p a:hover{
  color:#ff4400;
}
@media all and (max-width:980px) {
  .bode3 .content .wrap .left{
    width:100%;
  }
  .bode3 .content .wrap .right{
    width:100%;
  }
  #wraper2 .tabs{
    background:#fff;
  }
  #wraper2 .tabs span{
    background:#eeeeee;
    border-bottom:1px solid #fff;
  }
  .bode3 .content .wrap .right ul li .img{
    height:300px;
  }
}
@media all and (max-width:750px) {
  #wraper2 .swiper-container-2 ul li{
    width:48%;
  }
  #wraper2 .swiper-container-2 ul li{

  }
  #wraper2 .swiper-container-2 dl dd{
    width:48%;
  }
  .bode3 .content .wrap .right ul li .img{
    height:230px;
  }
}
@media all and (max-width:600px) {
  .bode3 .content .wrap .right ul li .img{
    height:180px;
  }
}
@media all and (max-width:480px) {
  #wraper2 .tabs span{
    width:20%;
    text-align: center;
  }
  #wraper2 .tabs span a{
    padding:0;
    font-size:13px;
  }
  #wraper2 .swiper-container-2 ul li{
    width:100%;
    align-items: center;
  }
  #wraper2 .swiper-container-2 ul li .img{
    height:90px;
  }
  #wraper2 .swiper-container-2 dl dd{
    width:100%;
  }
  #wraper2 .swiper-container-2 .swiper-wrapper .swiper-slide{
    padding:0 1%;
  }
  .bode3 .content .wrap .right ul li .img{
    height:130px;
  }
}




.bode4{
  width:100%;
  margin-top:40px;
}
.bode4 .content{
  width:100%;
}
.bode4 .content .wrap{
  margin-top:20px;
}
#wraper3{
  width:100%;
}
#wraper3 .tabs{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  background:#eeeeee;
}
#wraper3 .tabs span{
  display:block;
}
#wraper3 .tabs span a{
  display:block;
  color:#333;
  font-size:14px;
  padding:0 20px;
  line-height: 30px;
  border-right: 1px solid #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper3 .tabs .active a{
  background:#348ad4;
  color:#fff;
}
#wraper3 .swiper-container-3{
  width:100%;
}
#wraper3 .swiper-container-3 .swiper-wrapper{
  width:100%;
}
#wraper3 .swiper-container-3 .swiper-wrapper .swiper-slide{
  width: 100%!important;
  overflow: hidden;
}
#wraper3 .swiper-container-3 ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
} 
#wraper3 .swiper-container-3 ul li{
  width:20%;
  padding:0 10px;
  margin-top:20px;
}
#wraper3 .swiper-container-3 ul li .box{
  width:100%;
}
#wraper3 .swiper-container-3 ul li .box .img{
  width:100%;
  height:140px;
}
#wraper3 .swiper-container-3 ul li .box .img img{
  width:100%;
  height:100%;
}
#wraper3 .swiper-container-3 ul li .box p{
  color:#333;
  background:#f9f9f9;
  padding:5px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper3 .swiper-container-3 ul li .box p a{
  color:#333;
  font-size:14px;
}
#wraper3 .swiper-container-3 ul li .box p a:hover{
  color:#ff4400;
}
#wraper3 .swiper-container-3 dl{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  margin-top:20px;
}
#wraper3 .swiper-container-3 dl dd{
  width:20%;
  padding:0 10px;
}
#wraper3 .swiper-container-3 dl dd a{
  display:block;
  color:#333;
  width:80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px;
}
#wraper3 .swiper-container-3 dl dd a:hover{
  color:#ff4400;
}

@media all and (max-width:980px) {
  #wraper3 .tabs{
    background:#fff;
  }
  #wraper3 .tabs span{
    background:#eeeeee;
  }
  #wraper3 .swiper-container-3 ul li .box .img{
    height:110px;
  }
}
@media all and (max-width:750px) {
  #wraper3 .swiper-container-3 ul{
    justify-content: space-between;
  }
  #wraper3 .swiper-container-3 ul li{
    width:48%;
    padding:0;
  }
  #wraper3 .swiper-container-3 ul li .box .img{
    height:200px;
  }
  #wraper3 .swiper-container-3 dl dd{
    width:50%;
  }
  #wraper3 .swiper-container-3 dl dd:nth-child(n+7){
    display:none;
  }
}
@media all and (max-width:600px) {
  #wraper3 .swiper-container-3 ul li .box .img{
    height:150px;
  }
}
@media all and (max-width:480px) {
  #wraper3 .swiper-container-3 ul li .box .img{
    height:110px;
  }
  #wraper3 .tabs span{
    width:20%;
    text-align: center;
  }
  #wraper3 .tabs span a{
    padding:0;
  }
  #wraper3 .swiper-container-3 dl dd{
    width:100%;
    padding:0;
  }
  #wraper3 .swiper-container-3 .swiper-wrapper .swiper-slide{
    padding:0 1%;
  }
}


.bode5{
  width:100%;
  margin-top:40px;
}
.bode5 .content{
  width:100%;
}
.bode5 .content .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode5 .content .left{
  width:73%;
  margin-top:20px;
}
.bode5 .content .left .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  line-height: 40px;
  background:#eeeeee;
  padding:0 10px;
  align-items: center;
  border-bottom:1px solid #ddd;
}
.bode5 .content .left .tit h4{
  color:#333;
  font-size:18px;
  font-weight: normal;
}
.bode5 .content .left .tit a{
  display:block;
  color:#53609b;
  padding: 0 10px;
  height:20px;
  line-height: 20px;
  border:1px solid #53609b;
  border-radius: 11px;
}
.bode5 .content .left ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode5 .content .left ul li{
  width:50%;
  height:120px;
  border-bottom:1px solid #ddd;
  display:flex;
  justify-content: flex-start;
}
.bode5 .content .left ul li .lanmu{
  width:20%;
  padding:10px;
  text-align: center;
  background:#eeeeee;
  color:#333;
  font-size:14px;
}
.bode5 .content .left ul li .jibing{
  width:75%;
  padding:10px;
  overflow:hidden;
}
.bode5 .content .left ul li .jibing a{
  color:#333; 
  font-size:12px;
  line-height: 25px;
  margin-right: 10px;
  white-space: nowrap;
}
.bode5 .content .left ul li .jibing a:hover{
  color:#ff4400;
}
.bode5 .content .right{
  width:24%;
  margin-top:20px;
  background:#f8f8f8;
}
.bode5 .content .right .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  line-height: 40px;
  background:#eeeeee;
  padding:0 10px;
  align-items: center;
  border-bottom:1px solid #ddd;
}
.bode5 .content .right .tit h4{
  color:#333;
  font-size:18px;
  font-weight: normal;
}
.bode5 .content .right .tit a{
  display:block;
  color:#53609b;
  padding: 0 10px;
  height:20px;
  line-height: 20px;
  border:1px solid #53609b;
  border-radius: 11px;
}
.bode5 .content .right ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  padding:0 5px 10px;
}
.bode5 .content .right ul li{
  margin:10px 5px 0;
}
.bode5 .content .right ul li a{
  display:block;
  padding:0 20px;
  line-height: 30px;
  background:#fff;
  color:#333;
  font-size:14px;
}
.bode5 .content .right ul li:nth-child(2) a{
  color:#fff;
  background:#8389a1;
}
.bode5 .content .right ul li:nth-child(4) a{
  color:#fff;
  background:#82a5c7;
}
.bode5 .content .right ul li:nth-child(6) a{
  color:#fff;
  background:#ff9797;
}
.bode5 .content .right ul li:nth-child(7) a{
  color:#fff;
  background:#ffbb8e;
}
.bode5 .content .right ul li:nth-child(8) a{
  color:#fff;
  background:#8389a1;
}
.bode5 .content .right ul li:nth-child(11) a{
  color:#fff;
  background:#8389a1;
}
.bode5 .content .right ul li:nth-child(13) a{
  color:#fff;
  background:#82a5c7;
}
.bode5 .content .right ul li:nth-child(15) a{
  color:#fff;
  background:#ff9797;
}
.bode5 .content .right ul li:nth-child(16) a{
  color:#fff;
  background:#ffbb8e;
}
.bode5 .content .right ul li:nth-child(17) a{
  color:#fff;
  background:#8389a1;
}
@media all and (max-width:980px) {
  .bode5 .content .left{
    width:100%;
  }
  .bode5 .content .right{
    width:100%;
  }
}
@media all and (max-width:750px) {
  .bode5 .content .left .tit h4{
    font-size: 16px;
  }
  .bode5 .content .right .tit h4{
    font-size: 16px;
  }
  .bode5 .content .left ul li{
    width:100%;
  }
}
@media all and (max-width:480px) {
  .bode5 .content .left ul li .lanmu{
    width:20%;
  }
  .bode5 .content .left ul li .jibing{
    width:80%;
  }
  .bode5 .content .right ul li a{
    font-size:12px;
    padding:0 15px;
    line-height: 25px;
  }
}


.bode6{
  width:100%;
  margin-top:40px;
}
.bode6 .content{
  width:100%;
}
#wraper4{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#wraper4 .tabs{
  width:18%;
  margin-top:20px;
  height:500px;
  background:url("../picture/bode5.png")no-repeat center center;
  background-size:100% 100%;
  padding-top:80px;
}
#wraper4 .tabs span{
  display:flex;
  justify-content: flex-end;
  margin-top:15px;
}
#wraper4 .tabs span a{
  display:block;
  line-height:35px;
  width:140px;
  position: relative;
  background:url("../images/nav_r.png")no-repeat center center;
  background-size:100% 100%;
  color:#333;
  text-align: center;
  font-size:14px;
}
#wraper4 .tabs .active a{
  background:url("../images/nav_r_1.png")no-repeat center center;
  background-size:100% 100%;
  color:#fff;
}
#wraper4 .swiper-container-4{
  width:82%;
}
#wraper4 .swiper-container-4 .swiper-wrapper{
  width:100%;
}
#wraper4 .swiper-container-4 .swiper-wrapper .swiper-slide{
  width:100%;
}
#wraper4 .swiper-container-4 ul{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#wraper4 .swiper-container-4 ul li{
  width:25%;
  padding-left:15px;
  margin-top:20px;
}
#wraper4 .swiper-container-4 ul li .box{
  width:100%;
}
#wraper4 .swiper-container-4 ul li .box .img{
  width:100%;
  height:130px;
  position: relative;
}
#wraper4 .swiper-container-4 ul li .box .img img{
  width:100%;
  height:100%;
}
#wraper4 .swiper-container-4 ul li .box .img em{
  display:block;
  position: absolute;
  right:5px;
  bottom:5px;
  width:50px;
  line-height: 25px;
  text-align: center;
  color:#fff;
  background:rgba(0,0,0,.5);
  z-index:10;
}
#wraper4 .swiper-container-4 ul li .box p{
  color:#333;
  font-size:14px;
  margin-top:5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wraper4 .swiper-container-4 ul li .box p a{
  color:#333;
}
#wraper4 .swiper-container-4 ul li .box p a:hover{
  color:#ff4400;
}

@media all and (max-width:960px) {
  #wraper4 .tabs{
    width:100%;
    height:100%;
    background:#fff;
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    padding:0;
  }
  #wraper4 .tabs span{
    display:block;
    margin:0;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
  }
  #wraper4 .tabs span a{
    width:auto;
    display:block;
    padding:0 20px;
    background:#eeeeee;
    line-height: 30px;
    color:#333;
  }
  #wraper4 .tabs .active a{
    color:#fff;
    font-size:14px;
    background:#eaaeab;
  }
  #wraper4 .swiper-container-4{
    width:100%;
  }
  #wraper4 .swiper-container-4 ul li{
    padding:0 10px;
  }
  #wraper4 .swiper-container-4 ul li .box .img{
    height:110px;
  }
}
@media all and (max-width:750px) {
  #wraper4 .swiper-container-4 ul{
    justify-content: space-between;
  }
  #wraper4 .swiper-container-4 ul li{
    width:48%;
    padding:0;
  }
  #wraper4 .swiper-container-4 ul li .box .img{
    height:170px;
  }
}
@media all and (max-width:600px) {
  #wraper4 .swiper-container-4 ul li .box .img{
    height:140px;
  }
}
@media all and (max-width:480px) {
  #wraper4 .swiper-container-4 ul li .box .img{
    height:100px;
  }
  #wraper4 .tabs span{
    width:20%;
    text-align: center;
  }
  #wraper4 .tabs span a{
    padding:0;
  }
  #wraper4 .swiper-container-4 .swiper-wrapper .swiper-slide{
    padding:0 1%;
  }
}

.bode7{
  width:100%;
  margin-top:40px;
}
.bode7 .content{
  width:100%;
}
.bode7 .content .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode7 .content .wrap .left{
  width:73%;
  margin-top:20px;
}
.bode7 .content .wrap  .left .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  line-height: 40px;
  background:#33cccc;
  padding:0 10px;
  align-items: center;
}
.bode7 .content .wrap  .left .tit h4{
  color:#fff;
  font-size:18px;
  font-weight: normal;
}
.bode7 .content .wrap  .left .tit a{
  display:block;
  color:#fff;
  padding: 0 10px;
  height:20px;
  line-height: 20px;
  border:1px solid #fff;
  border-radius: 11px;
}
.bode7 .content .wrap  .left .neirong{
  width:100%;
}
.bode7 .content .wrap  .left .neirong ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode7 .content .wrap  .left .neirong ul li{
  width:48%;
}
.bode7 .content .wrap  .left .neirong ul li .box{
  width:100%;
  padding:20px 0;
  border-bottom:1px solid #ddd;
}
.bode7 .content .wrap  .left .neirong ul li .box h5{
  color:#ff6600;
  font-size:20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bode7 .content .wrap  .left .neirong ul li .box h5 a{
  color:#333;
  font-weight: normal;
  padding-left:10px;
}
.bode7 .content .wrap  .left .neirong ul li .box h5 a:hover{
  color:#ff4400;
}
.bode7 .content .wrap  .left .neirong ul li .box p{
  display:block;
  color:#999;
  line-height: 20px;
  margin-top:10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.bode7 .content .wrap  .left .neirong ul li dl{
  width:100%;
}
.bode7 .content .wrap .left .neirong ul li dl dd{
  width:100%;
  margin-top:15px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.bode7 .content .wrap .left .neirong ul li dl dd p{
  width:70%;
  color:#999;
  font-size:14px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bode7 .content .wrap .left .neirong ul li dl dd p a{
  padding-left:10px;
  color:#333;
  font-size:14px;
  font-weight: normal;
}
.bode7 .content .wrap .left .neirong ul li dl dd p a:hover{
  color:#ff4400;
}
.bode7 .content .wrap .left .neirong ul li dl dd span{
  display:block;
  color:#999;
}
.bode7 .content .wrap .right{
  width:24%;
  margin-top:20px;
}
.bode7 .content .wrap .right .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  line-height: 40px;
  background:#0066cc;
  padding:0 10px;
  align-items: center;
}
.bode7 .content .wrap .right .tit h4{
  color:#fff;
  font-size:18px;
  font-weight: normal;
}
.bode7 .content .wrap .right .tit a{
  display:block;
  color:#fff;
  padding: 0 10px;
  height:20px;
  line-height: 20px;
  border:1px solid #fff;
  border-radius: 11px;
}
.bode7 .content .wrap .right ul{
  width:100%;
}
.bode7 .content .wrap .right ul li{
  width:100%;
  padding:10px;
  padding:10px 0;
  border-bottom:1px solid #ddd;
}
.bode7 .content .wrap .right ul li span{
  display:block;
}
.bode7 .content .wrap .right ul li span a{
  display:block;
  background-image: url("../images/q_icon.png");
  background-position: left 3px;
  background-repeat: no-repeat;
  background-size:15px 15px;
  color:#333;
  font-size:14px;
  padding-left:20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bode7 .content .wrap .right ul li span a:hover{
  color:#ff4400;
}
.bode7 .content .wrap .right ul li p{
  margin-top:10px;
  color:#999;
  background-image: url("../images/a_icon.png");
  background-position: left 3px;
  background-repeat: no-repeat;
  background-size:15px 15px;
  background-size:15px 15px;
  padding-left:20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 20px;
}
@media all and (max-width:980px) {
  .bode7 .content .wrap .left{
    width:100%;
  }
  .bode7 .content .wrap .right{
    width:100%;
  }
}
@media all and (max-width:750px) {
  .bode7 .content .wrap .left .tit h4{
    font-size:16px;
  }
  .bode7 .content .wrap .right .tit h4{
    font-size:16px;
  }
  .bode7 .content .wrap .left .neirong ul li{
    width:100%;
  }
  .bode7 .content .wrap  .left .neirong ul li .box h5{
    font-size:16px;
  }
}


#yaopin_list{
  width:100%;
  margin-top:20px;
}
#yaopin_list .fenlei{
  width:100%;
}
#yaopin_list .fenlei .fenlei_nav{
  display:flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#yaopin_list .fenlei .fenlei_nav:after{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background:#43b7c8;
  position: absolute;
  left:0;
  bottom:0;
  z-index:10;
}
#yaopin_list .fenlei .fenlei_nav ul{
  display:flex;
  justify-content: flex-start;
  height:35px;
}
#yaopin_list .fenlei .fenlei_nav ul li{
  width:180px;
  height:35px;
  line-height: 35px;
  margin-right:20px;
  color:#333;
  background:#dddddd;
  text-align: center;
  font-size:14px;
  cursor: pointer;
}
#yaopin_list .fenlei .fenlei_nav ul .on_fenlei{
  background:#43b7c8;
  color:#fff;
}
#yaopin_list .fenlei .fenlei_nav .mbx{
  color:#999;
}
#yaopin_list .fenlei .fenlei_nav .mbx a{
  color:#999;
  margin:0 5px;
}
#yaopin_list .fenlei .fenlei_nav .mbx a:hover{
  color:#43b7c8;
}
#yaopin_list .fenlei .fenlei_list{
  width:100%;
  margin-top:20px;
  background:#f8f8f8;
}
#yaopin_list .fenlei .fenlei_list dl{
  width:100%;
  padding:20px;
}
#yaopin_list .fenlei .fenlei_list dl dd{
  width:100%;
  display:flex;
  justify-content: flex-start;
}
#yaopin_list .fenlei .fenlei_list dl dd:nth-child(n+2){
  margin-top:10px;
}
#yaopin_list .fenlei .fenlei_list dl dd p{
  color:#999;
  white-space: nowrap;
  line-height: 30px;
  font-size:14px;
}
#yaopin_list .fenlei .fenlei_list dl dd .list{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#yaopin_list .fenlei .fenlei_list dl dd .list a{
  display:block;
  color:#333;
  margin:0 10px;
  line-height: 26px;
  font-size:14px;
}
#yaopin_list .fenlei .fenlei_list dl dd .list a:hover{
  color:#ff4400;
}
#yaopin_list .fenlei .fenlei_list dl dd .list .cur{
  color:#ff4400;
}
#yaopin_list .fenlei .fenlei_list dl:nth-child(n+2){
  display:none;
}

@media all and (max-width:980px) {
  #yaopin_list .fenlei .fenlei_nav ul li{
    width:150px;
  }
  #yaopin_list .fenlei .fenlei_nav .mbx{
    display:none;
  }
}
@media all and (max-width:750px) {
  #yaopin_list .fenlei .fenlei_nav ul li{
    width:120px;
    margin-right:10px;
  }
  #yaopin_list .fenlei .fenlei_list dl{
    padding:10px;
  }
  #yaopin_list .fenlei .fenlei_list dl dd{
    flex-wrap:wrap;
  }
  #yaopin_list .fenlei .fenlei_list dl dd p{
    width:100%;
    line-height: 25px;
    font-size:12px;
  }
  #yaopin_list .fenlei .fenlei_list dl dd .list{
    width:100%;
  }
  #yaopin_list .fenlei .fenlei_list dl dd .list a{
    line-height: 25px;
    font-size:12px;
  }
}
@media all and (max-width:480px) {
  #yaopin_list .fenlei .fenlei_nav ul li{
    width:80px;
    margin-right:10px;
  }
}
#yaopin_list .yaopin_list{
  width:1220px;
  margin:0 auto;
}
@media all and (max-width:1220px) {
  #yaopin_list .yaopin_list{
    width:95%;
    margin:0 auto;
  }
}
#yaopin_list .yaopin_list ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap
}
#yaopin_list .yaopin_list ul li{
  width:20%;
  padding:0 10px;
  margin-top:20px;
}
#yaopin_list .yaopin_list ul li .box{
  width:100%;
}
#yaopin_list .yaopin_list ul li .box .img{
  width:100%;
  height:135px;
}
#yaopin_list .yaopin_list ul li .box .img img{
  width:100%;
  height:100%;
}
#yaopin_list .yaopin_list ul li .box .text{
  width:100%;
}
#yaopin_list .yaopin_list ul li .box .text p{
  color:#333;
  font-size:14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top:5px;
  line-height: 20px;
}
#yaopin_list .yaopin_list ul li .box .text p a{
  color:#333;
}
#yaopin_list .yaopin_list ul li .box .text p a:hover{
  color:#ff4400;
}
#yaopin_list .yaopin_list ul li .box .text span{
  display:block;
  color:#999;
  font-size:12px;
  line-height: 20px;
}
@media all and (max-width:980px) {
  #yaopin_list .yaopin_list ul li{
    width:25%;
  }
}
@media all and (max-width:850px) {
  #yaopin_list .yaopin_list ul li .box .img{
    width:100%;
    height:110px;
  }
}
@media all and (max-width:750px) {
  #yaopin_list .yaopin_list ul{
    justify-content: space-between;
  }
  #yaopin_list .yaopin_list ul li{
    width:48%;
    padding:0;
  }
  #yaopin_list .yaopin_list ul li .box .img{
    height:170px;
  }
}
@media all and (max-width:600px) {
  #yaopin_list .yaopin_list ul li .box .img{
    height:150px;
  }
}
@media all and (max-width:480px) {
  #yaopin_list .yaopin_list ul li .box .img{
    height:110px;
  }
}


#page_list{
  width:100%;
  margin:40px 0 30px;
}
#page_list ul{
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
#page_list ul li{
  margin:10px 5px; 
}
#page_list ul li a{
  display:block;
  padding:5px 10px;
  border:1px solid #ddd;
  color:#333;
}
#page_list ul li a:hover{
  background:#ff4400;
  border:1px solid #ff4400;
  color:#fff;
}
#page_list ul li strong{
  display:block;
  font-weight: normal;
  color:#fff;
  background:#ff4400;
  padding:5px 10px;
  border:1px solid #ff4400;
}




#yaopin_art{
  width:100%;
}
#lanmu{
  width:100%;
  margin-top:10px;
  display:flex;
  justify-content: space-between;
  position: relative;
  line-height: 35px;
}
#lanmu:after{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background:#43b7c8;
  position: absolute;
  left:0;
  bottom:0;
}
#lanmu .name{
  width:180px;
  line-height: 35px;
  background:#43b7c8;
  text-align: center;
  color:#fff;
  font-size:14px;
}
#lanmu .list{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  width:100%;
}
#lanmu .list li{
  margin-top:10px;
  margin-right:10px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  overflow:hidden;
}
#lanmu .list li a{
  display:block;
  line-height: 35px;
  padding:0 20px;
  color: #333;
  background: #f1f1f1;
}
#lanmu .list .on_ll a{	
  background:#43b7c8;
  color:#fff;
} 
#zixun_list .mbx,#zixun_art .mbx{
  color:#999;
  margin:20px 0 0 0;
}
#zixun_list .mbx a,#zixun_art .mbx a{
  color:#999;
  margin:0 5px;
}
#zixun_list .mbx a:hover,#zixun_art .mbx a:hover{
  color:#43b7c8;
}
@media all and (max-width: 480px) {
  #lanmu .list li{
    margin-right:10px;
  }
  #lanmu .list li a{
    display:block;
    line-height: 35px;
    padding:0 10px;
    color: #333;
    background: #dddddd;
  }
}
#yaopin_art .conntent{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#yaopin_art .conntent .left{
  width:70%;
}
#yaopin_art .conntent .left .box1{
  width:100%;
  margin-top:20px;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#yaopin_art .conntent .left .box1 .img_zx{
  width:45%;
  position: relative;
}
#yaopin_art .conntent .left .box1 .img_zx .big_images{
  width:100%;
  height:300px;
  position: relative;
  border:1px solid #ddd;
}
#yaopin_art .conntent .left .box1 .img_zx .big_images a{
  width:100%;
  height:100%;
  display:flex;
  justify-content: center;
  align-items: center;
}
#yaopin_art .conntent .left .box1 .img_zx .big_images img{
  max-width:100%;
  max-height:100%;
}
#yaopin_art .conntent .left .box1 .img_zx .big_images #move{
  background-color: #FFEEA8;
  cursor: move;
  opacity: 0.6;
  overflow: hidden;
  position: absolute;
  width:172.5px;/*和上面的成倍数*/
  height:221.5px;/*和上面的成倍数*/
  top:10px;
  left:0;
  display:none;
  cursor: move;
  transition: none;
}
#yaopin_art .conntent .left .box1 .img_zx .small_images{
  width:100%;
  position: relative;
  margin-top:15px;
}
#yaopin_art .conntent .left .box1 .img_zx .small_images ul{
  width:80%;
  margin:0 auto;
}
#yaopin_art .conntent .left .box1 .img_zx .small_images ul li{
  border:2px solid #ccc;
  padding:1px;
}
#yaopin_art .conntent .left .box1 .img_zx .small_images ul .current{
  border:2px solid #ff4400;
}
#yaopin_art .conntent .left .box1 .img_zx .small_images ul img{
  width:100%;
  height:30px;
}
#yaopin_art .conntent .left .box1 .img_zx .small_images .hz_prev{
  width:30px;
  height:30px;
  position: absolute;
  left:0;
  top:50%;
  margin-top:-15px;
  background:url("../images/prev_1.png")no-repeat center center;
  background-size: 100% 100%;
}
#yaopin_art .conntent .left .box1 .img_zx .small_images .hz_next{
  width:30px;
  height:30px;
  position: absolute;
  right:0;
  top:50%;
  margin-top:-15px;
  background:url("../images/next_1.png")no-repeat center center;
  background-size: 100% 100%;
}
#yaopin_art .conntent .left .box1 .img_zx .details_pic{
  width:100%;
  height:443px;
  position: absolute;
  left:360px;
  top:0;
  z-index:100;
  border:1px solid #ddd;
  display:none;
  overflow: hidden;
  transition:none;
  background:#fff;
}
#yaopin_art .conntent .left .box1 .img_zx .details_pic img{
  width:200%;
  transition:none;
}
@media all and (max-width: 1200px) {
  #yaopin_art .conntent .left .box1 .img_zx .big_images #move{
      display:none!important;
  }
  #yaopin_art .conntent .left .box1 .img_zx .details_pic{
      display:none!important;
  }
}
#yaopin_art .conntent .left .box1 .text{
  width:52%;
}
#yaopin_art .conntent .left .box1 .text h4{
  display:block;
  color:#333;
  font-size:20px;
  line-height: 30px;
  font-weight: normal;
}
#yaopin_art .conntent .left .box1 .text ul{
  width:100%;
  margin-top:15px;
}
#yaopin_art .conntent .left .box1 .text ul li{
  width:100%;
  display:flex;
  justify-content: flex-start;
  line-height: 25px;
}
#yaopin_art .conntent .left .box1 .text ul li span{
  display:block;
  font-size:14px;
  font-weight: bold;
  white-space: nowrap;
}
#yaopin_art .conntent .left .box1 .text ul li p{
  color:#999;
  font-size:14px;
}
#yaopin_art .conntent .left .box1 .text ul li p a{
  color:#999;
}
#yaopin_art .conntent .left .box1 .text ul li p a:hover{
  color:#ff4400;
}
#yaopin_art .conntent .left .box2{
  width:100%;
  margin-top:20px;
}
#yaopin_art .conntent .left .box2 .nav{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  background:#eeeeee;
}
#yaopin_art .conntent .left .box2 .nav li{
  padding:0 20px;
  line-height: 35px;
  font-size:14px;
  border-right: 1px solid #fff;
  color:#333;
  cursor: pointer;
}
#yaopin_art .conntent .left .box2 .nav .on_box2{
  background:#43bfc6;
  color:#fff;
}
#yaopin_art .conntent .left .box2 .item{
  width:100%;
}
#yaopin_art .conntent .left .box2 .item .item_list{
  width:100%;
  padding:20px 20px 0;
}
#yaopin_art .conntent .left .box2 .item .item_list:nth-child(n+2){
  display:none;
}
#yaopin_art .conntent .left .box2 .item .item_list dl dd{
  margin-top:10px;
  line-height: 25px;
  display:flex;
  justify-content: flex-start;
}
#yaopin_art .conntent .left .box2 .item .item_list dl dd span{
  display:block;
  white-space: nowrap;
  color:#999;
  font-size:12px;
}
#yaopin_art .conntent .left .box2 .item .item_list dl dd p{
  color:#333;
}
#yaopin_art .conntent .left .box2 .item .item_list p a{
  color:#333;
}
#yaopin_art .conntent .left .box2 .item .item_list p a:hover{
  color:#ff4400;
}
#yaopin_art .conntent .left .box3{
  width:100%;
  margin-top:20px;
}
#yaopin_art .conntent .left .box3 .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  border-bottom:1px solid #ddd;
}
#yaopin_art .conntent .left .box3 .tit h4{
  width:100px;
  line-height: 30px;
  background:#ff4400;
  color:#fff;
  font-size:14px;
  text-align: center;
  font-weight: normal;
}
#yaopin_art .conntent .left .box3 ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#yaopin_art .conntent .left .box3 ul li{
  width:25%;
  padding:0 5px;
  margin-top:10px;
}
#yaopin_art .conntent .left .box3 ul li .box{
  width:100%;
}
#yaopin_art .conntent .left .box3 ul li .box .img{
  width:100%;
  height:130px;
}
#yaopin_art .conntent .left .box3 ul li .box .img img{
  width:100%;
  height:100%;
}
#yaopin_art .conntent .left .box3 ul li .box p{
  margin-top:10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#yaopin_art .conntent .left .box3 ul li .box p a{
  font-size:14px;
  color:#333;
}
#yaopin_art .conntent .left .box3 ul li .box p a:hover{
  color:#ff4400;
}

#yaopin_art .conntent .left .box4{
  width:100%;
  margin-top:20px;
}
#yaopin_art .conntent .left .box4 .nav{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  background:#eeeeee;
}
#yaopin_art .conntent .left .box4 .nav li{
  padding:0 20px;
  line-height: 35px;
  font-size:14px;
  border-right: 1px solid #fff;
  color:#333;
  cursor: pointer;
}
#yaopin_art .conntent .left .box4 .nav .on_box2{
  background:#0066cc;
  color:#fff;
}
#yaopin_art .conntent .left .box4 .item{
  width:100%;
}
#yaopin_art .conntent .left .box4 .item .item_list{
  width:100%;
  padding:20px 20px 0;
}
#yaopin_art .conntent .left .box4 .item .item_list:nth-child(n+2){
  display:none;
}
#yaopin_art .conntent .left .box4 .item .item_list dl dd{
  margin-top:10px;
  line-height: 25px;
  display:flex;
  justify-content: flex-start;
}
#yaopin_art .conntent .left .box4 .item .item_list dl dd span{
  display:block;
  white-space: nowrap;
  color:#999;
  font-size:12px;
}
#yaopin_art .conntent .left .box4 .item .item_list dl dd p{
  color:#333;
}
#yaopin_art .conntent .left .box4 .item .item_list p a{
  color:#333;
}
#yaopin_art .conntent .left .box4 .item .item_list p a:hover{
  color:#ff4400;
}
@media all and (max-width: 980px) {
  #yaopin_art .conntent .left{
    width:100%;
  }
  #lanmu .name{
    width:150px;
  }
  #yaopin_art .conntent .left .box2 .nav{
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    background:#fff;
  }
  #yaopin_art .conntent .left .box2 .nav li{
    border-bottom:1px solid #fff;
    background:#eee;
  }
  #yaopin_art .conntent .left .box4 .nav{
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    background:#fff;
  }
  #yaopin_art .conntent .left .box4 .nav li{
    border-bottom:1px solid #fff;
    background:#eee;
  }
}
@media all and (max-width: 750px) {
  #lanmu .name{
    width:120px;
  }
  #yaopin_art .conntent .left .box1 .img_zx{
    width:100%;
  }
  #yaopin_art .conntent .left .box1 .img_zx .small_images ul img{
    height:80px;
  }
  #yaopin_art .conntent .left .box1 .text{
    width:100%;
    margin-top:20px;
  }
  #yaopin_art .conntent .left .box2 .item .item_list{
    padding:20px 0 0;
  }
  #yaopin_art .conntent .left .box2 .item .item_list dl dd{ 
    flex-wrap:wrap;
  }
  #yaopin_art .conntent .left .box2 .item .item_list dl dd p{
    width:100%;
  }
  #yaopin_art .conntent .left .box3 ul{
    justify-content: space-between;
  }
  #yaopin_art .conntent .left .box3 ul li{
    width:48%;
    padding:0;
  }
  #yaopin_art .conntent .left .box3 ul li .box .img{
    height:180px;
  }
  #yaopin_art .conntent .left .box4 .item .item_list{
    padding:20px 0 0;
  }
  #yaopin_art .conntent .left .box4 .item .item_list dl dd{ 
    flex-wrap:wrap;
  }
  #yaopin_art .conntent .left .box4 .item .item_list dl dd p{
    width:100%;
  }
}
@media all and (max-width: 600px) {
  #yaopin_art .conntent .left .box1 .img_zx .small_images ul img{
    height:50px;
  }
  #yaopin_art .conntent .left .box3 ul li .box .img{
    height:150px;
  }
}
@media all and (max-width: 480px) {
  #lanmu .name{
    width:80px;
  }
  #yaopin_art .conntent .left .box1 .img_zx .small_images ul img{
    height:40px;
  }
  #yaopin_art .conntent .left .box2 .nav li{
    width:20%;
    text-align: center;
    padding:0;
    border-bottom:1px solid #fff;
    background:#eee;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size:12px;
  }
  #yaopin_art .conntent .left .box4 .nav li{
    width:20%;
    text-align: center;
    padding:0;
    border-bottom:1px solid #fff;
    background:#eee;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size:12px;
  }
  #yaopin_art .conntent .left .box3 ul li .box .img{
    height:110px;
  }
}



#right1{
  width:27%;
  float:right;
}
.m-t1{
  margin-top:20px;
}
#right1 .rmsp{
  width:100%;
  border:1px solid #ddd;
  border-top:2px solid #4dc2ca;
  padding:0 10px 20px;
}
#right1 .rmsp ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#right1 .rmsp ul li{
  width:48%;
  margin-top:20px;
}
#right1 .rmsp ul li .img{
  width:100%;
  height:100px;
  position: relative;
}
#right1 .rmsp ul li .img img{
  width:100%;
  height:100%;
}
#right1 .rmsp ul li .img span{
  display:block;
  width:100%;
  position: absolute;
  left:0;
  bottom:0;
  background:rgba(0,0,0,.5);
  color:#fff;
  line-height: 20px;
  padding:0 10px;
}
#right1 .rmsp ul li p{
  line-height: 20px;
  color:#333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#right1 .rmsp ul li p a{
  color:#333333;
}
#right1 .rmsp ul li p a:hover{
  color:#ff0000;
}
#right1 .rmwd{
  width:100%;
  border:1px solid #ddd;
  border-top:2px solid #4dc2ca;
  padding:0 10px 20px;
}
#right1 .rmwd ul{
  width:100%;
}
#right1 .rmwd ul li{
  width:100%;
  margin-top:15px;
  color:#999;
  font-size:14px; 
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#right1 .rmwd ul li:nth-child(1){
  color:#ff3300;
}
#right1 .rmwd ul li:nth-child(2){
  color:#ff6600;
}
#right1 .rmwd ul li:nth-child(3){
  color:#ff9900;
}
#right1 .rmwd ul li a{
  color:#333;
  font-weight: normal;
  padding-left:10px;
}
#right1 .rmwd ul li a:hover{
  color:#ff4400;
}
#right1 .xgyptj{
  width:100%;
  border:1px solid #ddd;
  border-top:2px solid #4dc2ca;
  padding:0 10px 20px;
}
#tit2{
  width:100%;
  color:#333;
  font-size:16px;
  margin-top:15px;
}
#right1 .xgyptj ul{
  width:100%;
}
#right1 .xgyptj ul li{
  width:100%;
  display:flex;
  justify-content: space-between;
  margin-top:20px;
}
#right1 .xgyptj ul li .img{
  width:110px;
  height:70px;
}
#right1 .xgyptj ul li .img img{
  width:100%;
  height:100%;
}
#right1 .xgyptj ul li .text{
  width:57%;
}
#right1 .xgyptj ul li .text p{
  color:#333;
  font-size:14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#right1 .xgyptj ul li .text p a{
  color:#333;
}
#right1 .xgyptj ul li .text p a:hover{
  color:#ff4400
}
#right1 .xgyptj ul li .text span{
  display:block;
  color:#999;
  margin-top:10px;
}
#right1 .lanmu1{
  width:100%;
  border:1px solid #ddd;
  border-top:2px solid #ff4400;
  padding:0 10px 20px;
}
#right1 .lanmu1 ul{
  width:100%;
}
#right1 .lanmu1 ul li{
  width:100%;
  display:flex;
  justify-content: space-between;
  margin-top:20px;
}
#right1 .lanmu1 ul li .img{
  width:120px;
  height:80px;
}
#right1 .lanmu1 ul li .img img{
  width:100%;
  height:100%;
}
#right1 .lanmu1 ul li .text{
  width:55%;
}
#right1 .lanmu1 ul li .text p{
  color:#333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#right1 .lanmu1 ul li .text p a{
  color:#333;
  font-size:14px;
}
#right1 .lanmu1 ul li .text p a:hover{
  color:#ff4400;
}
#right1 .lanmu1 ul li .text span{
  display:block;
  color:#333;
  margin-top:10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#right1 .lanmu2{
  width:100%;
  border:1px solid #ddd;
  border-top:2px solid #0072d1;
  padding:0 10px 20px;
}
#right1 .lanmu2 ul{
  width:100%;
  margin-top:20px;
}
#right1 .lanmu2 ul li{
  width:100%;
  padding:10px 0;
  border-top:1px solid #b9ddfa;
  display:flex;
  justify-content: flex-start;
}
#right1 .lanmu2 ul li span{
  display:block;
  color:#999;
  font-size:14px;
  white-space: nowrap;
}
#right1 .lanmu2 ul li span a{
  color:#999;
}
#right1 .lanmu2 ul li span a:hover{
  color:#ff4400;
}
#right1 .lanmu2 ul li p{
  display:block;
  color:#999;
  font-size:14px;
  padding-left:10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#right1 .lanmu2 ul li p a{
  color:#999;
}
#right1 .lanmu2 ul li p a:hover{
  color:#ff4400;
}
@media all and (max-width: 980px) {
  #right1{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
  }
  #right1 .rmsp{
    width:48%;
  }
  #right1 .rmwd{
    width:48%;
  }
  #right1 .xgyptj{
    width:48%;
  }
  #right1 .lanmu1{
    width:48%;
  }
  #right1 .lanmu2{
    width:48%;
  }
  #right1 .xgyptj ul li .text{
    width:65%;
  }
  #right1 .lanmu1 ul li .text{
    width:65%;
  }
}
@media all and (max-width: 750px) {
  #right1 .rmsp{
    width:100%;
  }
  #right1 .rmwd{
    width:100%;
  }
  #right1 .xgyptj{
    width:100%;
  }
  #right1 .lanmu1{
    width:100%;
  }
  #right1 .lanmu2{
    width:100%;
  }
  #right1 .xgyptj ul li .text{
    width:75%;
  }
  #right1 .lanmu1 ul li .text{
    width:75%;
  }
  #right1 .rmsp ul li .img{
    width:100%;
    height:150px;
    position: relative;
  }
}
@media all and (max-width: 480px) {
  #right1 .xgyptj ul li .text{
    width:60%;
  }
  #right1 .lanmu1 ul li .text{
    width:57%;
  }
  #right1 .rmsp ul li .img{
    width:100%;
    height:100px;
    position: relative;
  }
}

#wenda_list{
  width:100%;
}
#wenda_list .fenlei_list{
  width:100%;
  margin-top:20px;
  background:#f8f8f8;
}
#wenda_list .fenlei_list dl{
  width:100%;
  padding:20px;
}
#wenda_list .fenlei_list dl dd{
  width:100%;
  display:flex;
  justify-content: flex-start;
}
#wenda_list .fenlei_list dl dd:nth-child(n+2){
  margin-top:10px;
}
#wenda_list .fenlei_list dl dd p{
  color:#999;
  white-space: nowrap;
  line-height: 30px;
  font-size:14px;
}
#wenda_list .fenlei_list dl dd .list{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#wenda_list .fenlei_list dl dd .list a{
  display:block;
  color:#333;
  margin:0 10px;
  line-height: 30px;
  font-size:14px;
}
#wenda_list .fenlei_list dl dd .list a:hover{
  color:#ff4400;
}
#wenda_list .fenlei_list dl:nth-child(n+2){
  display:none;
}
@media all and (max-width:750px) {
  #wenda_list .fenlei_list dl{
    padding:10px;
  }
  #wenda_list .fenlei_list dl dd{
    flex-wrap:wrap;
  }
  #wenda_list .fenlei_list dl dd p{
    width:100%;
    line-height: 25px;
    font-size:12px;
  }
  #wenda_list .fenlei_list dl dd .list{
    width:100%;
  }
  #wenda_list .fenlei_list dl dd .list a{
    line-height: 25px;
    font-size:12px;
  }
}
#wenda_list .lb_name{
  width:100%;
  padding:0 15px;
  line-height: 40px;
  color:#333;
  font-size:18px;
  margin-top:20px;
}
#wenda_list .content{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#wenda_list .content .left{ 
  width:70%;
}
#wenda_list .content .left .wd_list{
  width:100%;
  border-top:2px solid #44bfbb;
}  
#wenda_list .content .left .wd_list .list{
  width:100%;
}
#wenda_list .content .left .wd_list .list li{
  width:100%;
  padding:20px 0;
  border-bottom:1px dashed #ddd;
}
#wenda_list .content .left .wd_list .list li .tit{
  display:flex;
  justify-content: space-between;
  background:url("../images/wdlb1.png")no-repeat left center;
  background-size:18px 18px;
  padding-left:28px;
}
#wenda_list .content .left .wd_list .list li .tit p{
  display:flex;
  justify-content: flex-start;
}
#wenda_list .content .left .wd_list .list li .tit p a{
  display:block;
  color:#333;
  font-size:14px;
  color:#333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wenda_list .content .left .wd_list .list li .tit p a:hover{
  color:#ff4400;
}
#wenda_list .content .left .wd_list .list li .tit span{
  display:block;
  color:#999;
}
#wenda_list .content .left .wd_list .list li .tit span i{
  color:#20a5fd;
}
#wenda_list .content .left .wd_list .list li .text{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-top:10px;
  background:url("../images/wdlb2.png")no-repeat left top;
  background-size:18px 18px;
  padding-left:28px;
}
#wenda_list .content .left .wd_list .list li .text em{
  display:block;
}
#wenda_list .content .left .wd_list .list li .text .text1{

}
#wenda_list .content .left .wd_list .list li .text .text1 p{
  color:#666;
  font-size:12px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 20px;
}
#wenda_list .content .left .wd_list .list li .text .text1 dl{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#wenda_list .content .left .wd_list .list li .text .text1 dl dd{
  margin-top:5px;
  color:#999;
  margin-right: 10px;
}
#wenda_list .content .left .wd_list .list li .text .text1 dl dd a{
  color:#999;
}
#wenda_list .content .left .wd_list .list li .text .text1 dl dd a:hover{
  color:#ff4400;
}
@media all and (max-width: 980px) {
  #wenda_list .content .left{
    width:100%;
  }
}
@media all and (max-width: 750px) {
  #wenda_list .content .left .wd_list .list li .tit span{
    display:none;
  }
}
@media all and (max-width: 480px) {

}



#wenda_art{
  width:100%;
}
#wenda_art .content{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#wenda_art .content .left{
  width:70%;
}
#wenda_art .content .left .wdwz_q{
  width:100%;
  border:1px solid #ddd;
  padding: 0 20px;
  margin-top:20px;
  display:flex;
  justify-content: space-between;
  border-top:2px solid #ff6600;
}
#wenda_art .content .left .wdwz_q .wen{
  background:url("../images/question.png")no-repeat center center;
  width:30px;
  height:30px;
  background-size:100% 100%;
  margin-top:20px;
}
#wenda_art .content .left .wdwz_q .text{
  width:95%;
}
#wenda_art .content .left .wdwz_q .text .text1{
  width:100%;
  padding:20px 0;
}
#wenda_art .content .left .wdwz_q .text .text1 h4{
  color:#333;
  font-size:16px;
  line-height: 30px;
}
#wenda_art .content .left .wdwz_q .text .text1 p{
  color:#666;
  margin-top:10px;
}
#wenda_art .content .left .wdwz_q .text .text1 p span{
  color:#ff6600;
}
#wenda_art .content .left .wdwz_q .text .text2{
  padding:20px 0;
  width:100%;
  border-top:1px solid #ddd;
}
#wenda_art .content .left .wdwz_q .text .text2 span{
  display:block;
  color:#999;
}
#wenda_art .content .left .wdwz_q .text .text2 p{
  color:#333;
  line-height: 20px;
  margin-top:10px;
}
#wenda_art .content .left .wdwz_a{
  width:100%;
  margin-top:20px;
  border:1px solid #ddd;
  padding:0 20px;
  border-top:2px solid #58cfb4;
}
#wenda_art .content .left .wdwz_a .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#wenda_art .content .left .wdwz_a .tit .da{
  background:url("../images/answer.png")no-repeat center center;
  width:30px;
  height:30px;
  background-size:100% 100%;
  margin-top:20px;
}
#wenda_art .content .left .wdwz_a .tit .text{
  width:95%;
  displaY:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:20px;
}
#wenda_art .content .left .wdwz_a .tit .text span{
  color:#999;
}
#wenda_art .content .left .wdwz_a .tit .text p{
  color:#ff0000;
}
#wenda_art .content .left .wdwz_a .box{
  width:100%;
  display:flex;
  justify-content: flex-end;
  flex-wrap:wrap;
}
#wenda_art .content .left .wdwz_a .box .box_item{
  width:95%;
  padding:20px 0;
}
#wenda_art .content .left .wdwz_a .box .box_item:nth-child(n+2){
  border-top:1px dashed #5b89f3;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc .img{
  width:35px;
  height:35px;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc .img img{
  width:100%;
  height:100%;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc .text{
  width:92%;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc .text a{
  color:#333;
  font-size:16px;
}
/* #wenda_art .content .left .wdwz_a .box .box_item .doc .text p{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  align-items: center;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc .text p span{
  display:block;
  color:#666;
  margin-right: 10px;
  font-size:16px;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc .text p em{
  color:#999;
  margin-right: 10px;
}
#wenda_art .content .left .wdwz_a .box .box_item .doc .text a{
  display:block;
  font-size:18px;
  width:150px;
  padding-left:30px;
  background:url("../images/tiwen.png")no-repeat 20px center;
  background-size:20px 20px;
  background-color:#58cfb4;
  color:#fff;
  line-height: 35px;
  text-align: center;
  margin-top:10px;
  border-radius: 33px;
} */
#wenda_art .content .left .wdwz_a .box .box_item .content{
  width:100%;
  margin-top:20px;
  background:#eee;
  padding:10px;
}
#wenda_art .content .left .wdwz_a .box .box_item .content p{
  color:#333;
  line-height: 20px;
}
#wenda_art .content .left .wdwz_a .box .box_item .content span{
  font-weight: bold;
}
#wenda_art .content .left .wdwz_a .box .box_item .content .cs{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#wenda_art .content .left .wdwz_a .box .box_item .content .cs em{
  display:block;
  margin-top:10px;
  color:#999;
}
#wenda_art .content .left .wdwz_a .box .box_item .content .cs em a{
  color:#5b89f3
}
#wenda_art .content .left .wdwz_a .box .box_item .content .cs em a:hover{
  text-decoration: underline;
}
@media all and (max-width: 980px) {
  #wenda_art .content .left{
    width:100%;
  }
}
@media all and (max-width: 750px) {
  #wenda_art .content .left .wdwz_a .tit .text span{
    display:none;
  }
  #wenda_art .content .left .wdwz_a .tit .text p{
    display:none;
  }
  #wenda_art .content .left .wdwz_q{
    flex-wrap:wrap;
  }
  #wenda_art .content .left .wdwz_q .text{
    width:100%;
  }
  #wenda_art .content .left .wdwz_a .box .box_item .doc .text{
    width:90%;
  }
  /* #wenda_art .content .left .wdwz_a .box .box_item{
    width:100%;
  }
  #wenda_art .content .left .wdwz_a .box .box_item .doc .text{
    width:80%;
  }
  #wenda_art .content .left .wdwz_a .box .box_item .doc .text a{
    width:100px;
    font-size:14px;
    padding-left:20px;
    background:url("../images/tiwen.png")no-repeat 10px center;
    background-size:15px 15px;
    background-color:#58cfb4;
  } */
}
@media all and (max-width: 480px) {
  #wenda_art .content .left .wdwz_a .box .box_item .doc .text{
    width:82%;
  }
}


#wenda_art .content .left .xgwd{
  width:100%;
  margin-top:20px;
}
#wenda_art .content .left .xgwd .title{
  display:flex;
  justify-content: space-between;
  border-bottom:1px solid #ddd;
}
#wenda_art .content .left .xgwd .title h4{
  width: 100px;
    line-height: 30px;
    background: #ff4400;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
#wenda_art .content .left .xgwd .list{
  width:100%;
}
#wenda_art .content .left .xgwd .list li{
  width:100%;
  padding:20px 0;
  border-bottom:1px dashed #ddd;
}
#wenda_art .content .left .xgwd .list li .tit{
  display:flex;
  justify-content: space-between;
  background:url("../images/wdlb1.png")no-repeat left center;
  background-size:18px 18px;
  padding-left:28px;
}
#wenda_art .content .left .xgwd .list li .tit p{
  display:flex;
  justify-content: flex-start;
}
#wenda_art .content .left .xgwd .list li .tit p a{
  display:block;
  color:#333;
  font-size:14px;
  color:#333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#wenda_art .content .left .xgwd .list li .tit p a:hover{
  color:#ff4400;
}
#wenda_art .content .left .xgwd .list li .tit span{
  display:block;
  color:#999;
}
#wenda_art .content .left .xgwd .list li .tit span i{
  color:#20a5fd;
}
#wenda_art .content .left .xgwd .list li .text{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-top:10px;
  background:url("../images/wdlb2.png")no-repeat left top;
  background-size:18px 18px;
  padding-left:28px;
}
#wenda_art .content .left .xgwd .list li .text em{
  display:block;
}
#wenda_art .content .left .xgwd .list li .text .text1{

}
#wenda_art .content .left .xgwd .list li .text .text1 p{
  color:#666;
  font-size:12px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 20px;
}
#wenda_art .content .left .xgwd .list li .text .text1 dl{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#wenda_art .content .left .xgwd .list li .text .text1 dl dd{
  margin-top:5px;
  color:#999;
  margin-right: 10px;
}
#wenda_art .content .left .xgwd .list li .text .text1 dl dd a{
  color:#999;
}
#wenda_art .content .left .xgwd .list li .text .text1 dl dd a:hover{
  color:#ff4400;
}
@media all and (max-width: 980px) {
  #wenda_art .content .left{
    width:100%;
  }
}
@media all and (max-width: 750px) {
  #wenda_art .content .left .xgwd .list li .tit span{
    display:none;
  }
}
@media all and (max-width: 480px) {

}


#yaoqi_list{
  width:100%;
}
#yaoqi_list .fenlei_list{
  width:100%;
  margin-top:20px;
  background:#f8f8f8;
}
#yaoqi_list .fenlei_list dl{
  width:100%;
  padding:20px;
}
#yaoqi_list .fenlei_list dl dd{
  width:100%;
  display:flex;
  justify-content: flex-start;
}
#yaoqi_list .fenlei_list dl dd:nth-child(n+2){
  margin-top:10px;
}
#yaoqi_list .fenlei_list dl dd p{
  color:#999;
  white-space: nowrap;
  line-height: 30px;
  font-size:14px;
}
#yaoqi_list .fenlei_list dl dd .list{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#yaoqi_list .fenlei_list dl dd .list a{
  display:block;
  color:#333;
  margin:0 10px;
  line-height: 26px;
  font-size:14px;
}
#yaoqi_list .fenlei_list dl dd .list a:hover{
  color:#ff4400;
}
#yaoqi_list .fenlei_list dl dd .list .cur{
  color:#ff4400;
}
#yaoqi_list .fenlei_list dl:nth-child(n+2){
  display:none;
}
@media all and (max-width:750px) {
  #yaoqi_list .fenlei_list dl{
    padding:10px;
  }
  #yaoqi_list .fenlei_list dl dd{
    flex-wrap:wrap;
  }
  #yaoqi_list .fenlei_list dl dd p{
    width:100%;
    line-height: 25px;
    font-size:12px;
  }
  #yaoqi_list .fenlei_list dl dd .list{
    width:100%;
  }
  #yaoqi_list .fenlei_list dl dd .list a{
    line-height: 25px;
    font-size:12px;
  }
}
#yaoqi_list .lb_name{
  width:100%;
  padding:0 15px;
  line-height: 40px;
  color:#333;
  font-size:18px;
  margin-top:20px;
}
#yaoqi_list .conntent{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#yaoqi_list .conntent .left{
  width:70%;
}
#yaoqi_list .conntent .left .list{
  width:100%;
  border-top:2px solid #44bfbb;
}
#yaoqi_list .conntent .left .list li{
  width:100%;
  display:flex;
  justify-content: space-between;
  padding:20px 0;
  border-bottom:1px solid #ddd;
  align-items: center;
}
#yaoqi_list .conntent .left .list li .box1{
  width:80%;
  display:flex;
  justify-content: space-between;
}
#yaoqi_list .conntent .left .list li .box1 .img{
  width:200px;
  height:160px;
}
#yaoqi_list .conntent .left .list li .box1 .img img{
  width:100%;
  height:100%;
}
#yaoqi_list .conntent .left .list li .box1 .text{
  width:65%;
}
#yaoqi_list .conntent .left .list li .box1 .text h5{
  font-weight: normal;  
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#yaoqi_list .conntent .left .list li .box1 .text h5 a{
  color:#333;
  font-size:16px;
}
#yaoqi_list .conntent .left .list li .box1 .text h5 a:hover{
  color:#ff4400;
}
#yaoqi_list .conntent .left .list li .box1 .text .pingjia{
  width:100%;
  background:url("../images/stars.png")no-repeat left center;
  background-size:100px 18px;
  padding-left:110px;
  margin-top:10px;
}
#yaoqi_list .conntent .left .list li .box1 .text .pingjia em{
  color:#66c8c4;
}
#yaoqi_list .conntent .left .list li .box1 .text .pingjia i{
  color:#ff4400;
}
#yaoqi_list .conntent .left .list li .box1 .text .text1{
  width:100%;
}
#yaoqi_list .conntent .left .list li .box1 .text .text1 span{
  display:block;
  width:100%;
  color:#999;
  margin-top:10px;
}
#yaoqi_list .conntent .left .list li .box1 .text .text1 span i{
  color:#ff4400;
}
#yaoqi_list .conntent .left .list li .box1 .text .text1 span a{
  color:#333;
}
#yaoqi_list .conntent .left .list li .box1 .text .text1 span a:hover{
  color:#ff4400;
}
#yaoqi_list .conntent .left .list li .box1 .text .text1 span p{
  color:#333;
  display:inline;
}
#yaoqi_list .conntent .left .list li .box2{
  width:15%;
}
#yaoqi_list .conntent .left .list li .box2 .img{
  width:100%;
  height:75px;
  position: relative;
}
#yaoqi_list .conntent .left .list li .box2 .img img{
  width:100%;
  height:100%;
}
#yaoqi_list .conntent .left .list li .box2 .img:nth-child(n+2){
  margin-top:10px;
}
#yaoqi_list .conntent .left .list li .box2 .img p{
  position: absolute;
  left:0;
  width:100%;
  bottom:0;
  left:0;
  z-index: 10;
  background:rgba(0,0,0,.5);
  color:#fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding:0 10px;
  line-height: 20px;
}
@media all and (max-width: 980px) {
  #yaoqi_list .conntent .left{
    width:100%;
  }
  #yaoqi_list .conntent .left .list li .box1{
    width:100%;
    align-items: center;
  }
  #yaoqi_list .conntent .left .list li .box1 .text{
    width:70%;
  }
  #yaoqi_list .conntent .left .list li .box2{
    display:none;
  }
}
@media all and (max-width: 750px) {
  #yaoqi_list .conntent .left .list li .box1 .text{
    width:65%;
  }
}
@media all and (max-width: 480px) {
  #yaoqi_list .conntent .left .list li .box1 .img{
    width:30%;
    height:70px;
  }
  #yaoqi_list .conntent .left .list li .box1 .text .pingjia{
    background:#fff;
    padding:0;
  }
  #yaoqi_list .conntent .left .list li .box1 .text{
    width:65%;
  }
  #yaoqi_list .conntent .left .list li .box1 .text .pingjia{
    margin-top:5px;
  }
  #yaoqi_list .conntent .left .list li .box1 .text .text1 span{
    margin-top:5px;
  }
  #yaoqi_list .conntent .left .list li .box1 .text .text1 .span2{
    display:none;
  }
  #yaoqi_list .conntent .left .list li .box1 .text h5 a{
    font-size:14px;
  }
}

#shiping_list{
  width:100%;
}
#shiping_list .fenlei_list{
  width:100%;
  margin-top:20px;
  background:#f8f8f8;
}
#shiping_list .fenlei_list dl{
  width:100%;
  padding:20px;
}
#shiping_list .fenlei_list dl dd{
  width:100%;
  display:flex;
  justify-content: flex-start;
}
#shiping_list .fenlei_list dl dd:nth-child(n+2){
  margin-top:10px;
}
#shiping_list .fenlei_list dl dd p{
  color:#999;
  white-space: nowrap;
  line-height: 30px;
  font-size:14px;
}
#shiping_list .fenlei_list dl dd .list{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#shiping_list .fenlei_list dl dd .list a{
  display:block;
  color:#333;
  margin:0 10px;
  line-height: 30px;
  font-size:14px;
}
#shiping_list .fenlei_list dl dd .list a:hover{
  color:#ff4400;
}
#shiping_list .fenlei_list dl:nth-child(n+2){
  display:none;
}
@media all and (max-width:750px) {
  #shiping_list .fenlei_list dl{
    padding:10px;
  }
  #shiping_list .fenlei_list dl dd{
    flex-wrap:wrap;
  }
  #shiping_list .fenlei_list dl dd p{
    width:100%;
    line-height: 25px;
    font-size:12px;
  }
  #shiping_list .fenlei_list dl dd .list{
    width:100%;
  }
  #shiping_list .fenlei_list dl dd .list a{
    line-height: 25px;
    font-size:12px;
  }
}

#shiping_list .splb{
  width:1220px;
  margin:0 auto;
}
@media only screen and (max-width: 1220px){
  #shiping_list .splb{
    width:95%;
    margin:0 auto;
  }
}
#shiping_list .splb .list{
  width:100%;
  margin-top:20px;
}
#shiping_list .splb .list ul{
  width:100%;
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
}
#shiping_list .splb .list ul li{
  width:25%;
  padding:0 10px;
  margin-top:20px;
}
#shiping_list .splb .list ul li .box{
  transition: all linear .25s;
}
#shiping_list .splb .list ul li .img{
  width:100%;
  height:180px;
  position: relative;
}
#shiping_list .splb .list ul li .img img{
  width:100%;
  height:100%;
}
#shiping_list .splb .list ul li .img .bot_b{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  display:flex;
  justify-content: space-between;
  background:rgba(0,0,0,.8);
  z-index:10;
  padding:5px 10px;
}
#shiping_list .splb .list ul li .img .bot_b .left{
  background:url("../images/mp4.png")no-repeat left center;
  background-size: 20px 20px;
  padding-left:20px;
}
#shiping_list .splb .list ul li .img .bot_b .left i{
  font-style: normal;
  font-style: 12px;
  color:#fff;
}
#shiping_list .splb .list ul li .img .bot_b .right{
  background:url("../images/voice.png")no-repeat left center;
  background-size: 20px 20px;
  padding-left:20px;
}
#shiping_list .splb .list ul li .img .bot_b .right i{
  font-style: normal;
  font-style: 12px;
  color:#fff;
}
#shiping_list .splb .list ul li .img .dianji_btn{
  position: absolute;
  top:50%;
  left:50%;
  margin-top:-60px;
  margin-left:-60px;
  width:120px;
  height:120px;
  border-radius: 100%;
  opacity: 0;
  background-color: rgba(0,0,0,0);
  background:url("../images/shipin.png")no-repeat 55% center;
  background-size: 25px 25px;
  transition: all ease .25s;
}
  #shiping_list .splb .list ul li .img:hover .dianji_btn{
    opacity: 1;
    margin-top:-30px;
    margin-left:-30px;
    width:60px;
    height:60px;
    background-color: rgba(0,0,0,.8);
  }
#shiping_list .splb .list ul li .text{
  width:100%;
  padding:10px;
}
#shiping_list .splb .list ul li .text .text1{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
#shiping_list .splb .list ul li .text .text1 .img{
  width:35px;
  height:35px;
  border-radius: 100%;
  overflow: hidden;
}
#shiping_list .splb .list ul li .text .text1 .img img{
  width:100%;
  height:100%;
}
#shiping_list .splb .list ul li .text .text1 dl{
  display:flex;
  justify-content: flex-start;
  color:#999;
  margin-left:10px;
}
#shiping_list .splb .list ul li .text .text1 dl dd{
  padding:0 5px;
}
#shiping_list .splb .list ul li .text .text1 dl dd a{
  color:#999;
  font-style: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#shiping_list .splb .list ul li .text .text1 dl dd a:hover{
  color:#0075c2;
}
#shiping_list .splb .list ul li .text .text2{
  width:100%;
  font-size:13px;
  color:#333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#shiping_list .splb .list ul li .text #mot{
  margin-top:0;
}
#shiping_list .splb .list ul li .text .text2 a{
  color:#333;
}
#shiping_list .splb .list ul li .text .text2 a:hover{
  color:#ff5500;
}
#shiping_list .splb .list ul li .text .text3{
  color:#999;
  background:url("../images/plane.png")no-repeat left center;
  background-size: 15px 15px;
  font-size:12px;
  padding-left:20px;
  margin-top:10px;
}
@media only screen and (max-width: 1200px){
  #shiping_list .splb .list ul li .text .text1 .img{
    display:none;
  }
  #shiping_list .splb .list ul li .text .text1 dl{
    margin-left:0;
  }
}
@media only screen and (max-width: 980px){
  #splb .wrap .left{
    width:100%;
  }
  #shiping_list .splb .list ul li .img{
    height:130px;
  }
}
@media only screen and (max-width: 750px){
  #shiping_list .splb{
    margin-top:20px;
  }
  #shiping_list .splb .list{
    margin-top:10px;
  }
  #shiping_list .splb .list ul{
    justify-content: space-between;
  }
  #shiping_list .splb .list ul li{
    width:48%;
    margin-top:10px;
    padding:0px;
  }
  #shiping_list .splb .list ul li .text .text1 dl{
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    color:#999;
  }
  #shiping_list .splb .list ul li .img{
    height:180px;
  }
}
@media only screen and (max-width: 600px){
  #shiping_list .splb .list ul li .img{
    height:140px;
  }
}
@media only screen and (max-width: 480px){
  #shiping_list .splb .list ul li .img{
    height:110px;
  }
  #shiping_list .splb .list ul li .img .dianji_btn {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,0);
    background: url(../images/shipin.png)no-repeat 55% center;
    background-size: 25px 25px;
    transition: all ease .25s;
  }
  #shiping_list .splb .list ul li .img:hover .dianji_btn{
    opacity: 1;
    margin-top:-20px;
    margin-left:-20px;
    width:40px;
    height:40px;
    background: url(../images/shipin.png)no-repeat 55% center;
    background-size: 15px 15px;
    background-color: rgba(0,0,0,.8);
  }
}


#shiping_art{
  width:100%;
}
#shiping_art .content{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#shiping_art .content .left{
  width:70%;
}
#shiping_art .content .left .spwz{
  width:100%;
  margin-top:20px;
} 

#shiping_art .content .left .spwz .tit{
  width:100%;
  padding:20px 0;
}
#shiping_art .content .left .spwz .tit h1{
  color:#333;
  font-size:20px;
  line-height: 30px;
  text-align: center;
}
#shiping_art .content .left .spwz .tit .text{
  width:100%;
  margin-top:10px;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
#shiping_art .content .left .spwz .tit .text span{
  display:block;
  color:#999;
  font-size:12px;
  line-height: 20px;
  margin:0 10px;
}
#shiping_art .content .left .spwz .content{
  width:100%;
  border-top:1px solid #ddd;
  padding-bottom:20px;
}
#shiping_art .content .left .spwz .content p{
  width:100%;
  color:#333;
  font-size:12px;
  line-height: 20px;
  margin-top:20px;
  text-indent: 25px;
}
#shiping_art .content .left .spwz .content .video{
  width:100%;
  margin-top:20px;
}
#shiping_art .content .left .spwz .content img{
  width:100%;
  height:380px;
}
#shiping_art .content .left .spwz .content h4{
  margin-top:20px;
  color:#333;
  font-size:16px
}

#shiping_art .content .left .xgsp{
  width:100%;
  margin-top:20px;
}
#shiping_art .content .left .xgsp .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  border-bottom:1px solid #ddd;
}
#shiping_art .content .left .xgsp .tit h4{
  width: 100px;
  line-height: 30px;
  background: #ff4400;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}


#shiping_art .content .left .xgsp .splb{
  width:100%;
  margin:0 auto;
}
#shiping_art .content .left .xgsp .splb ul{
  width:100%;
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
}
#shiping_art .content .left .xgsp .splb ul li{
  width:25%;
  padding:0 10px;
  margin-top:20px;
}
#shiping_art .content .left .xgsp .splb ul li .box{
  transition: all linear .25s;
}
#shiping_art .content .left .xgsp .splb ul li .img{
  width:100%;
  height:140px;
  position: relative;
}
#shiping_art .content .left .xgsp .splb ul li .img img{
  width:100%;
  height:100%;
}
#shiping_art .content .left .xgsp .splb ul li .img .bot_b{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  display:flex;
  justify-content: space-between;
  background:rgba(0,0,0,.8);
  z-index:10;
  padding:5px 10px;
}
#shiping_art .content .left .xgsp .splb ul li .img .bot_b .left{
  background:url("../images/mp4.png")no-repeat left center;
  background-size: 20px 20px;
  padding-left:20px;
}
#shiping_art .content .left .xgsp .splb ul li .img .bot_b .left i{
  font-style: normal;
  font-style: 12px;
  color:#fff;
}
#shiping_art .content .left .xgsp .splb ul li .img .bot_b .right{
  background:url("../images/voice.png")no-repeat left center;
  background-size: 20px 20px;
  padding-left:20px;
}
#shiping_art .content .left .xgsp .splb ul li .img .bot_b .right i{
  font-style: normal;
  font-style: 12px;
  color:#fff;
}
#shiping_art .content .left .xgsp .splb ul li .img .dianji_btn{
  position: absolute;
  top:50%;
  left:50%;
  margin-top:-60px;
  margin-left:-60px;
  width:120px;
  height:120px;
  border-radius: 100%;
  opacity: 0;
  background-color: rgba(0,0,0,0);
  background:url("../images/shipin.png")no-repeat 55% center;
  background-size: 25px 25px;
  transition: all ease .25s;
}
#shiping_art .content .left .xgsp .splb ul li .img:hover .dianji_btn{
    opacity: 1;
    margin-top:-30px;
    margin-left:-30px;
    width:60px;
    height:60px;
    background-color: rgba(0,0,0,.8);
  }
#shiping_art .content .left .xgsp .splb ul li .text{
  width:100%;
  padding:5px 10px 0;
}
#shiping_art .content .left .xgsp .splb ul li .text .text1{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
#shiping_art .content .left .xgsp .splb ul li .text .text1 .img{
  width:35px;
  height:35px;
  border-radius: 100%;
  overflow: hidden;
}
#shiping_art .content .left .xgsp .splb ul li .text .text1 .img img{
  width:100%;
  height:100%;
}
#shiping_art .content .left .xgsp .splb ul li .text .text1 dl{
  display:flex;
  justify-content: flex-start;
  color:#999;
  margin-left:10px;
}
#shiping_art .content .left .xgsp .splb ul li .text .text1 dl dd{
  padding:0 5px;
}
#shiping_art .content .left .xgsp .splb ul li .text .text1 dl dd a{
  color:#999;
  font-style: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#shiping_art .content .left .xgsp .splb ul li .text .text1 dl dd a:hover{
  color:#0075c2;
}
#shiping_art .content .left .xgsp .splb ul li .text .text2{
  width:100%;
  font-size:13px;
  color:#333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#shiping_art .content .left .xgsp .splb ul li .text #mot{
  margin-top:0;
}
#shiping_art .content .left .xgsp ul li .text .text2 a{
  color:#333;
}
#shiping_art .content .left .xgsp .splb ul li .text .text2 a:hover{
  color:#ff5500;
}
#shiping_art .content .left .xgsp .splb ul li .text .text3{
  color:#999;
  background:url("../images/plane.png")no-repeat left center;
  background-size: 15px 15px;
  font-size:12px;
  padding-left:20px;
  margin-top:10px;
}
@media only screen and (max-width: 1200px){
  #shiping_art .content .left .xgsp .splb ul li .text .text1 .img{
    display:none;
  }
  #shiping_art .content .left .xgsp .splb ul li .text .text1 dl{
    margin-left:0;
  }
}
@media only screen and (max-width: 980px){
  #shiping_art .content .left{
    width:100%;
  }

  #shiping_art .content .left .xgsp .splb ul li .img{
    height:130px;
  }
}
@media only screen and (max-width: 750px){
  #shiping_art .content .left .xgsp .splb ul{
    justify-content: space-between;
  }
  #shiping_art .content .left .xgsp .splb ul li{
    width:48%;
    margin-top:10px;
    padding:0px;
  }
  #shiping_art .content .left .xgsp .splb ul li .text .text1 dl{
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    color:#999;
  }
  #shiping_art .content .left .xgsp .splb ul li .img{
    height:180px;
  }
}
@media only screen and (max-width: 600px){
  #shiping_art .content .left .xgsp .splb ul li .img{
    height:140px;
  }
}
@media only screen and (max-width: 480px){
  #shiping_art .content .left .xgsp .splb ul li .img{
    height:110px;
  }
  #shiping_art .content .left .xgsp .splb ul li .img .dianji_btn {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,0);
    background: url(../images/shipin.png)no-repeat 55% center;
    background-size: 25px 25px;
    transition: all ease .25s;
  }
  #shiping_art .content .left .xgsp .splb ul li .img:hover .dianji_btn{
    opacity: 1;
    margin-top:-20px;
    margin-left:-20px;
    width:40px;
    height:40px;
    background: url(../images/shipin.png)no-repeat 55% center;
    background-size: 15px 15px;
    background-color: rgba(0,0,0,.8);
  }
}

#zixun_zhuanti{
  width:100%;
}
#zixun_zhuanti .part1{
  width:100%;
}
#zixun_zhuanti .part1 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#zixun_zhuanti .part1 .wrap .banner{
  width:67%;
  margin-top:20px;
}
#zixun_zhuanti .part1 .wrap .right{
  width:30%;
  margin-top:20px;
}
#zixun_zhuanti .part1 .wrap .right .list{
  width:100%;
}
#zixun_zhuanti .part1 .wrap .right .list li{
  width:100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#zixun_zhuanti .part1 .wrap .right .list li a{
  color:#333;
  font-size:14px;
  line-height: 35px;
}
#zixun_zhuanti .part1 .wrap .right .list .on_bold a{
  font-weight: bold;
}
#zixun_zhuanti .part1 .wrap .right .list li a:hover{
  color:#3184dd;
}
@media all and (max-width:980px) {
  #zixun_zhuanti .part1 .wrap .banner{
    width:100%;
  }
  #zixun_zhuanti .part1 .wrap .right{
    display:none;
  }
}

#zixun_zhuanti .part2{
  width:100%;
}
#zixun_zhuanti .part2 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#zixun_zhuanti .part2 .wrap .left{
  width:67%;
}
#zixun_zhuanti .part2 .wrap .left ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#zixun_zhuanti .part2 .wrap .left ul li{
  width:49%;
  margin-top:20px;
}
#zixun_zhuanti .part2 .wrap .left ul li .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
  line-height: 35px;
  background:#f9f9f9;
}
#zixun_zhuanti .part2 .wrap .left ul li .tit h5{
  color:#333;
  font-size:16px;
  padding:0 15px;
  background:#ef5a52;
  color:#fff;
  font-weight: normal;
}
#zixun_zhuanti .part2 .wrap .left ul li .tit .more{
  display:block;
}
#zixun_zhuanti .part2 .wrap .left ul li .tit .more a{
  color:#333;
  font-size:12px;
}
#zixun_zhuanti .part2 .wrap .left ul li .content{
  width:100%;
  padding:10px 0;
  border-bottom:1px solid #ddd;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#zixun_zhuanti .part2 .wrap .left ul li .content .img{
  width:140px;
  height:94px;
}
#zixun_zhuanti .part2 .wrap .left ul li .content .img img{
  width:100%;
  height:100%;
}
#zixun_zhuanti .part2 .wrap .left ul li .content .text{
  width:60%;
}
#zixun_zhuanti .part2 .wrap .left ul li .content .text span{
  display:block;
  width:100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#zixun_zhuanti .part2 .wrap .left ul li .content .text span a{
  color:#333;
  font-size:14px;
  line-height: 20px;
}
#zixun_zhuanti .part2 .wrap .left ul li .content .text span a:hover{
  color:#3184dd;
}
#zixun_zhuanti .part2 .wrap .left ul li .content .text p{
  color:#999;
  font-size:12px;
  line-height: 16px;
  margin-top:10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#zixun_zhuanti .part2 .wrap .left ul li .list{
  width:100%;
} 
#zixun_zhuanti .part2 .wrap .left ul li .list dd{
  width:100%;
  display:flex;
  justify-content: space-between;
  margin-top:7px;
}
#zixun_zhuanti .part2 .wrap .left ul li .list dd p{
  width:70%;
  font-size:14px;
  color:#999;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#zixun_zhuanti .part2 .wrap .left ul li .list dd p a{
  color:#333;
  font-size:12px;
  padding-left:5px;
  font-weight: normal;
}
#zixun_zhuanti .part2 .wrap .left ul li .list dd span{
  color:#999;
}
#zixun_zhuanti .part2 .wrap .left ul li .list dd p a:hover{
  color:#3184dd;
}
#zixun_zhuanti .part2 .wrap .right{
  width:30%;
}
#zixun_zhuanti .part2 .wrap .right .right1{
  width:100%;
}
#zixun_zhuanti .part2 .wrap .right .right1 .box1{
  width:100%;
  margin-top:20px;
}
#zixun_zhuanti .part2 .wrap .right .right1 .box1 .img{
  width:100%;
  height:240px;
  position: relative;
}
#zixun_zhuanti .part2 .wrap .right .right1 .box1 .img img{
  width:100%;
  height:100%;
}
#zixun_zhuanti .part2 .wrap .right .right1 .box1 .img p{
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:5px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color:#fff;
  font-size:14px;
  z-index:10;
  background:rgba(0,0,0,.5);
}
#zixun_zhuanti .part2 .wrap .right .right1 ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#zixun_zhuanti .part2 .wrap .right .right1 ul li{
  width:48%;
  position: relative;
  margin-top:20px;
}
#zixun_zhuanti .part2 .wrap .right .right1 ul li img{
  width:100%;
  height:115px;
}
#zixun_zhuanti .part2 .wrap .right .right1 ul li p{
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:5px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color:#fff;
  font-size:14px;
  z-index:10;
  background:rgba(0,0,0,.5);
}
#zixun_zhuanti .part2 .wrap .right .right2{
  margin-top:20px;
  background:#f7f8f8;
  padding:20px 0;
}
#zixun_zhuanti .part2 .wrap .right .right2 .tit{
  padding-left:10px;
  border-left:3px solid #6dcff3;
  color:#333;
  font-size:16px;
  font-weight: bold;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul{
  width:100%;
  padding:0 20px;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li{
  margin-top:10px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top:20px;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .img{
  width:100px;
  height:66px;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .img img{
  width:100%;
  height:100%;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .text{
  width:60%;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .text span{
  display:block;
  width:100%;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .text span a{
  color:#333;
  font-size:14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .text span a:hover{
  color:#3184dd;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .text p{
  color:#333;
  font-size:12px;
  line-height: 16px;
  margin-top:10px;
}
#zixun_zhuanti .part2 .wrap .right .right2 ul li .text p a{
  color:#3184dd;
}
@media all and (max-width:980px) {
  #zixun_zhuanti .part2 .wrap .left{
    width:100%;
  }
  #zixun_zhuanti .part2 .wrap .right{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
  }
  #zixun_zhuanti .part2 .wrap .right .right1{
    width:48%;
  }
  #zixun_zhuanti .part2 .wrap .right .right2{
    width:48%;
  }
  #zixun_zhuanti .part2 .wrap .right .right1 .box1 .img{
    width:100%;
    height:280px;
    position: relative;
  }
  #zixun_zhuanti .part2 .wrap .right .right1 ul li img{
    width:100%;
    height:130px;
  }
}

@media all and (max-width:750px) {
  #zixun_zhuanti .part2 .wrap .left ul li{
    width:100%;
  }
  #zixun_zhuanti .part2 .wrap .right .right1{
    width:100%;
  }
  #zixun_zhuanti .part2 .wrap .right .right2{
    width:100%;
  }
  #zixun_zhuanti .part2 .wrap .left ul li .content .text{
    width:70%
  }
  #zixun_zhuanti .part2 .wrap .right .right2 ul li .text{
    width:80%
  }
  #zixun_zhuanti .part2 .wrap .right .right1 .box1 .img{
    width:100%;
    height:360px;
    position: relative;
  }
  #zixun_zhuanti .part2 .wrap .right .right1 ul li img{
    width:100%;
    height:180px;
  }
}
@media all and (max-width:480px) {
  #zixun_zhuanti .part2 .wrap .left ul li .content .img{
    width:110px;
    height:80px;
  }
  #zixun_zhuanti .part2 .wrap .left ul li .content .text{
    width:60%
  }
  #zixun_zhuanti .part2 .wrap .right .right2 ul{
    padding:0 10px;
  }
  #zixun_zhuanti .part2 .wrap .right .right2 ul li .img{
    width:100px;
    height:66px;
  }
  #zixun_zhuanti .part2 .wrap .right .right2 ul li .text{
    width:60%
  }
  #zixun_zhuanti .part2 .wrap .right .right1 .box1 .img{
    width:100%;
    height:180px;
    position: relative;
  }
  #zixun_zhuanti .part2 .wrap .right .right1 ul li img{
    width:100%;
    height:100px;
  }
}

#zixun_list{
  width:100%;
}
#zixun_list .wrap .content{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#zixun_list .wrap .content .left{
  width:70%;
}
#zixun_list .wrap .content .left .list{
  width:100%;
}
#zixun_list .wrap .content .left .list li{
  width:100%;
  background:#fff;
  margin-top:20px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#zixun_list .wrap .content .left .list li .img{
  width:150px;
  height:100px;
}
#zixun_list .wrap .content .left .list li .img img{
  width:100%;
  height: 100%;
}
#zixun_list .wrap .content .left .list li .text{
  width:80%;
}
#zixun_list .wrap .content .left .list li .text h6{
  color:#60a3eb;
  font-size:14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#zixun_list .wrap .content .left .list li .text h6 a{
  color:#60a3eb;
}
#zixun_list .wrap .content .left .list li .text p{
  color:#999;
  font-size:12px;
  line-height: 20px;
  margin-top:5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#zixun_list .wrap .content .left .list li .text .cs{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:10px;
}
#zixun_list .wrap .content .left .list li .text .cs .biaoq{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#zixun_list .wrap .content .left .list li .text .cs .biaoq span{
  color:#333;
}
#zixun_list .wrap .content .left .list li .text .cs .biaoq a{
  color:#60a3eb;
  margin:0 3px;
}
#zixun_list .wrap .content .left .list li .text .cs .time{
  color:#999;
}


.index_list{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.liul li{
  width:100% !important;
}
.index_list li{
  width:100%;
  background:#fff;
  margin-top:20px;
  display:flex;
  justify-content: space-between;
}
.index_list li .img{
  width:150px;
  height:100px;
}
.index_list li .img img{
  width:100%;
  height: 100%;
}
.index_list li .text{
  width:80%;
}
.index_list li .text h6{
  color:#60a3eb;
  font-size:14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.index_list li .text h6 a{
  color:#60a3eb;
}
.index_list li .text p{
  color:#999;
  font-size:12px;
  line-height: 20px;
  margin-top:5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index_list li .text .cs{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:10px;
}
.index_list li .text .cs .biaoq{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.index_list li .text .cs .biaoq span{
  color:#333;
}
.index_list li .text .cs .biaoq a{
  color:#60a3eb;
  margin:0 3px;
}
.index_list li .text .cs .time{
  color:#999;
}



@media all and (max-width:980px) {
  #zixun_list .wrap .content .left{
    width:100%;
  }
}
@media all and (max-width:750px) {
  #zixun_list .wrap .content .left .list li .text{
    width:75%;
  }
  .index_list li .text{
    width:75%;
  }
}
@media all and (max-width:480px) {
  #zixun_list .wrap .content .left .list li .img{
    width:100px;
    height:70px;
  }
  #zixun_list .wrap .content .left .list li .text{
    width:62%;
  }
  #zixun_list .wrap .content .left .list li .text .cs{
    display:none;
  }

  .index_list li .img{
    width:100px;
    height:70px;
  }
  .index_list li .text{
    width:62%;
  }
  .index_list li .text .cs{
    display:none;
  }
}

#zixun_art{
  width:100%;
}
/*#zixun_art .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}*/
#zixun_art .wrap .content{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#zixun_art .wrap .left{
  width:70%;
  float: left;
}
#zixun_art .wrap .left .zhengwen{
  width:100%;
}
#zixun_art .wrap .left .zhengwen .tit{
  width:100%;
  padding:40px 0 20px;
}
#zixun_art .wrap .left .zhengwen .tit h1{
  color:#333;
  font-size:20px;
  line-height: 25px;
  text-align: center;
}
#zixun_art .wrap .left .zhengwen .tit .text{
  width:100%;
  margin-top:20px;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
#zixun_art .wrap .left .zhengwen .tit .text span{
  display:block;
  color:#999;
  font-size:12px;
  line-height: 20px;
  margin:0 10px;
}
#zixun_art .wrap .left .zhengwen .write{
  width:100%;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding-bottom:20px;
}
#zixun_art .wrap .left .zhengwen .write p{
  color:#333;
  font-size:14px;
  line-height: 25px;
  margin-top:20px;
  text-indent:2em;
}
#zixun_art .wrap .left .zhengwen .write img{
  max-width:100%;
  height:auto;
  margin:20px auto 0;
}
#zixun_art .wrap .left .zhengwen .pn{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:20px;
}
#zixun_art .wrap .left .zhengwen .pn p{
  font-size:14px;
  color:#999;
  line-height: 25px;
}
#zixun_art .wrap .left .zhengwen .pn p a{
  color:#333;
  font-size:14px;
}
#zixun_art .wrap .left .zhengwen .pn p a:hover{
  color:#60a3eb;
}


#zixun_art .wrap .left .xgwz{
  width:100%;
  margin-top:40px;
}
#zixun_art .wrap .left .xgwz .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  border-bottom:1px solid #ddd;
}
#zixun_art .wrap .left .xgwz .tit h4{
  width: 100px;
  line-height: 30px;
  background: #ff4400;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
#zixun_art .wrap .left .xgwz .list{
  width:100%;
}
#zixun_art .wrap .left .xgwz .list li{
  width:100%;
  background:#fff;
  margin-top:20px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#zixun_art .wrap .left .xgwz .list li .img{
  width:150px;
  height:100px;
}
#zixun_art .wrap .left .xgwz .list li .img img{
  width:100%;
  height: 100%;
}
#zixun_art .wrap .left .xgwz .list li .text{
  width:80%;
}
#zixun_art .wrap .left .xgwz .list li .text h6{
  color:#60a3eb;
  font-size:14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#zixun_art .wrap .left .xgwz .list li .text h6 a{
  color:#60a3eb;
}
#zixun_art .wrap .left .xgwz .list li .text p{
  color:#999;
  font-size:12px;
  line-height: 20px;
  margin-top:5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#zixun_art .wrap .left .xgwz .list li .text .cs{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:10px;
}
#zixun_art .wrap .left .xgwz .list li .text .cs .biaoq{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#zixun_art .wrap .left .xgwz .list li .text .cs .biaoq span{
  color:#333;
}
#zixun_art .wrap .left .xgwz .list li .text .cs .biaoq a{
  color:#60a3eb;
  margin-right:10px;
}
#zixun_art .wrap .left .xgwz .list li .text .cs .time{
  color:#999;
}
@media all and (max-width:980px) {
  #zixun_art .wrap .left{
    width:100%;
  }
}
@media all and (max-width:750px) {
  #zixun_art .wrap .left .xgwz .list li .text{
    width:75%;
  }
}
@media all and (max-width:480px) {
  #zixun_art .wrap .left .xgwz .list li .img{
    width:100px;
    height:70px;
  }
  #zixun_art .wrap .left .xgwz .list li .text{
    width:62%;
  }
  #zixun_art .wrap .left .xgwz .list li .text .cs{
    display:none;
  }
}