.banner {
    /*height: 694px;*/
    position: relative;
}

.swiper-container {
    height: 440px;
    position: relative;
}

/*包裹自定义分页器的div的位置等CSS样式*/
.swiper-pagination-custom {
    bottom: 5%;
    left: 0;
    width: 100%;
    height: 20px;
    /* background-color: red; */
    text-align: center;
}

/*自定义分页器的样式，这个你自己想要什么样子自己写*/

/*.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {*/
/*    margin: 0 15px;*/
/*    height: 10px;*/
/*    width: 10px;*/
/*    color: #fff;*/
/*    background-color: #fff;*/
/*    opacity: 1;*/
/*}*/

/*自定义分页器激活时的样式表现*/
/*.swiper-pagination-bullet-active {*/

/*    opacity: 1;*/
/*    background-color: #fff;*/
/*    border: 2px solid #fff;*/

/*    position: relative;*/
/*}*/

/*.swiper-pagination-bullet-active:after {*/
/*    position: absolute;*/
/*    height: 30px;*/
/*    width: 30px;*/
/*    left: -14px;*/
/*    top: -14px;*/
/*    content: '';*/
/*    border-radius: 50%;*/
/*    border: 2px solid #fff;*/
/*}*/

/*.swiper-pagination-fraction,*/
/*.swiper-pagination-custom,*/
/*.swiper-container-horizontal>.swiper-pagination-bullets {*/
/*    bottom: 30px;*/
/*}*/

.swiper-slide img {
    width: 100%;
    height: 100%;
}
.list_bag{
    width: 1200px;
    /*margin: 0 auto;*/
        position: absolute;
    bottom: 0;
    left: 0;
    
}
.list {
    position: absolute;
    top: 0;

    height: 100%;
    width: 240px;
    background-color: rgba(000, 000, 000, 0.2);
    color: #fff;
    z-index: 99;
}

.list>li {
    width: 100%;
    height: 20%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
}

.list li img {
    margin-left: 30px;
    margin-right: 10px;
}

.list li .text {
    width: 130px;
}



.list .list_li {
    background-color: #fe6c1d;
}

.list_page {
    position: absolute;
    top: 0;
    z-index: 99;
   
    background-color: #fff;
    left: 240px;
    border: 1px solid #e0e0e0;
    border-left: 0;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .18);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .18);
    display: none;
    color: #333;
	overflow-y: auto;
	width:1000px;
    height: 500px;
    min-height: 440px;
    overflow: auto;
}
.list_page::-webkit-scrollbar {
    width: 10px;
}
 
.list_page::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 10px;
}
 
.list_page::-webkit-scrollbar-thumb {
    background-color: #f16c1a;
    border-radius: 10px;
}
.list_page>div>ul {
    width: 100%;
   
    
}

.list_page>div {
    padding:10px 20px 20px 20px;
}
/*.stage3>li {*/
/*    margin-bottom: 10px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*.stage3>li div{*/
/*    color: #333;*/
/*    font-size: 15px;*/
/*    padding: 0 10px;*/
/*    border-right: 1px solid #999;*/
/*}*/
/*.stage3>li div:last-child{*/
/*    border: none;*/
/*}*/
/*.stage3>li div:hover{*/
/*    color: #fe6c1d;*/
/*}*/
/*.stage3>li span{*/
/*    color: #333;*/
/*font-size: 14px;*/
/*margin-right: 15px;*/
/*font-weight: 600;*/
/*}*/
.list_page_title{
    color: #fe6700;
    line-height: 25px;;
      font-size: 17px;
      font-weight: 600;
      /*border-left: 2px solid #fe6700;*/
      /*padding-left: 5px;*/
}
.allgoods .stage3{
    display: flex;
		flex-wrap: wrap;
	padding-bottom: 30px;
	
}
.allgoods  .stage3>li{
    /*float: left;*/
    width:33.33%;
     margin-right: 0;
     margin-left: 0;
     /*padding-left:10px;*/
     padding-right:10px;
}
.allgoods .stage3>li:nth-child(3n){
    /*float: right;*/
     padding-right:0;
     
}

.sum_top_r{
    width: 910px;
}
.stage3 li p{
     font-size: 15px;
     line-height: 40px;
     color: #000;
      border-bottom: 1px solid #ff9c00;
      font-weight: 600;
      text-align: left;
}
.stage3 li p:hover{
    color: #fe6700;
}
.stage3 li div{
    display: flex;
	flex-wrap: wrap;
	/*margin-top: 20px;*/
}
.stage3 li div span{
        font-size: 12px;
         color: #666;
         font-weight: 500;
}
.stage3 li div span:hover{
    color: #fe6700;
}
.stage3 li div a{
    letter-spacing: normal;
        margin-right:6px;
         margin-bottom: 0px;
         line-height: 22px;
}

.stage2{
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.stage2>li{
    color: #333;
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}
.stage2>li a{
     color: #333;
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}
/* .list_page div ul li {
    height: 10%;
    color: #333;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: flex;
    align-items: center;
    padding-left: 20px;
font-size: 16px;
} */

.sum_content_title {
    text-align: center;
    margin-top: 80px;
}

.sum_content_title h1 {
    font-size: 32px;
    color: #333;
    letter-spacing: .5px;
}

.sum_content_title p {
    font-size: 16px;
    color: #666;
    letter-spacing: .5px;
    margin-top: 10px;
}
.sum_firm{
    padding: 50px 0;
}
.firm .swiper-slide{
    /*display: flex;*/
}
.firm {
    width: 1300px;
    margin: 35px auto;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/

}
.firm .swiper-container{
    height: auto;
}
.firm .enterprise {
    margin: 0 10px;
    height: 370px;
    float: left;
    /*overflow: hidden;*/
    /*background-color: #f1f1f1;*/
    /*flex: 1;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*margin-bottom: 20px;*/
    /*-webkit-transition: all .2s linear;*/
    /*transition: all .2s linear;*/
    /*text-align: center;*/
    cursor: pointer;
}
.firm .enterprise>a{
    display: block;
     width: 280px;
     height: 360px;
     margin: auto;
     text-align: center;
     border: 1px solid #ddd;
    box-sizing: border-box;
}
.firm .enterprise .name{
    width:280px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    word-break:break-all;
    white-space: nowrap;
          text-overflow: ellipsis;
    overflow:hidden;
    padding: 10px 5px;
        text-align: center;
}
.firm .enterprise .ckxq{
    color:#FF7200!important;
    padding: 0 5px 0;
        text-align: center;
}
.firm .enterprise img{
    /*width: 280px;*/
    height: 280px;
}
.firm .swiper_content{
    width: 100%;
    margin:0 50px;
    display:flex;
}

.firm .enterprise>a:hover {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    box-shadow:0px 0px 10px rgba(0, 0, 0, .2);
    /*-webkit-transform: translate3d(0, -2px, 0);*/
    /*transform: translate3d(0, -2px, 0);*/
}

.title2 {
    margin-top: 40px;
}
.commodity_prv{
    background: #f2f2f2;
    padding: 10px 0 100px;
    position: relative;
}
.commodity {
    width: 1200px;
    margin: 0 auto;
    margin-top: 25px;
    
}

.commodity_t {
    font-size: 24px;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.commodity_t span {
    /*font-family: "Microsoft Yahei", Arial;*/
    color: #ff7757;
    /*font-size: 36px;*/
    /*font-style: italic;*/
    font-weight: 600;
    margin-right: 15px;
}

.commodity_c {
    /*display: flex;*/
}



.commodity_c_r {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
}

.commodity_c_r>div {
    width: 280px;
    height: 340px;
    margin-right: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    cursor: pointer;
}

.commodity_c_r>div .top {
    width: 100%;
    height: 230px;
    display: flex;
  
}
.commodity_c_r>div .botton{
    height: 110px;
}

.commodity_c_r>div:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.commodity_c_r>div .botton p {
     color: #666;
    font-size: 14px;
    margin-top: 20px;
      word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 10px;
}

.commodity_c_r>div .botton p img {
    margin-left: 10px;
    vertical-align: middle;
}

.commodity_c_r>div .botton h1 {
    text-align: left;
   font-size: 16px;
   line-height: 30px;
    color: #000;
    font-weight: 600;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 10px;
        height: 60px;
}

.commodity_c_r>div .botton h2 {
    color: #f10000;
    font-size: 18px;
    margin-top: 12px;
}
.commodity_c_l {
    /*width: 1000px;*/
    /*height: 700px;*/
    /*background-size: 100%;*/
    /*position: relative;*/
    /*z-index: 0;*/
}
/*.commodity_c_l span {*/
/*    margin-top: 50px;*/
/*    margin-left: 20px;*/
/*    z-index: 99;*/
/*}*/

.commodity_c_l a {
    /*display: inline-block;*/
    /*height: 50px;*/
    font-size: 13px;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    margin-right: 10px;
    font-weight: 500;

}

.commodity .button div {
   /*text-align: right;*/
       width: 78px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #666;
}

.commodity .button {
       width: 78px;
    float: right;
    margin-top: 10px;
}

.message {
    width: 1200px;
    margin: 0 auto;
}

.message .top {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.message .top li {
    width: 380px;
    height: 410px;

}

.message .top li img {
    width: 370px;
    height: 250px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.message .top li .back {
    width: 190px;
    height: 110px;
    background-color: #ffd1b2;
}

.message .top li .time {
    width: 120px;
    height: 40px;
    background-color: #fff;
    border-radius: 50px;
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 8;
    text-align: center;
    line-height: 40px;
    color: #fe6600;
    font-size: 16px;
}

.li_top {
    height: 260px;
    position: relative;
}

.li_bottom h1 {
    margin-top: 20px;
    font-size: 20px;
    color: #333;
}

.li_bottom p {
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    line-height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.li_bottom h2 {
    color: #666;
    margin-top: 18px;
    font-size: 12px;
}

.li_bottom h2 span {
    font-size: 10px;
}

.feedback {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    height: 230px;

}

.feedback>div {
    width: 50%;
}

.feedback_l h1 {
    margin-top: 60px;
    font-size: 24px;
    color: #333;
}

.feedback_l p {
    font-size: 14px;
    color: #333;
    margin-top: 12px;
}

.feedback_l .search {
    display: flex;
    width: 100%;
    margin-top: 15px;
}

.feedback_l .search input {
    width: 400px;
    height: 40px;
    background-color: #f1f1f1;
    border-radius: 60px;
    -o-border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border: none;
    padding-left: 10px;

}

.feedback_l .search div {
    width: 120px;
    height: 40px;
    border-radius: 60px;
    -o-border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #fe6c1d;
    margin-left: 20px;
    font-size: 20px;
    cursor: pointer;
}

.feedback_r {
    display: flex;
    align-items: center;
}

.feedback_r>div {
    margin-left: 60px;
    display: flex;
    height: 120px;
}

.feedback_r_l {
    width: 80px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.feedback_r_l img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.feedback_r_l>div {
    width: 80px;
    text-align: center;
}

.feedback_r_l>div span {
    color: #ffcd03;
    text-align: center;
}

.feedback_r .feedback_r_r {
    width: 440px;
    height: 120px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.feedback_r .feedback_r_r p {
    width: 100%;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 30px;
    font-size: 12px;
    color: #333;
}

.feedback_r .feedback_r_r h1 {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}
.index_pop_up{
    width: 1100px;
    display: none;
    position: fixed;
    top: 0;
    z-index: 10001;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.index_pop_up_b{
    display: flex;
    justify-content: space-between;
}
.index_pop_up_b>div{
    width: 500px;
    height: 480px;
    background-color: #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.index_pop_up_t{
  text-align: center;
  padding-bottom: 75px;
  position: relative;
}
.index_pop_up_b .top{
    height: 80px;
    background-color: #fe6600;
    border-radius: 10px  10px 0 0;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 80px;
}
.index_pop_up_b>div .bottoms li{
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 120px;
}
.index_pop_up_b>div .bottoms li span{
    font-size: 30px;
    color: #fe6600;
    margin-right: 40px;
}
.index_pop_up_b>div .bottoms li p{
    font-size: 22px;
    color: #333;
}
.index_pop_up_t span{
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.new_search_top {
    height: auto;
}
.new_search_top .sum_top_r_t .search input{
    width: 650px;
}
.new_search_top .sum_top_r_t .search{
    width: 650px;
    border-radius: 0;
    background: #fff;
    border:1px solid   #ff9c00;
    height: 50px;
    position: relative;
}
.new_search_top .search_button{
    border-radius: 0;
    margin-left:0;
    background:#ff9c00;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
.new_search_top .sum_top_logo{
    width:158px;
    /*height: 82px;*/
    position: relative;
}

.sum_top_r_b_l .sum_top_r_b_li>a:hover {
  color: #fe6600;
}
.sum_top_r_b_l .sum_top_r_b_li>a {
  color: #666;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
 
  text-align: left;
}
.sum_top_button{
    width: 1200px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -600px;
    z-index: 2;
    display: flex;
}
.sum_top_button li {
    display: block;
    width: 210px;
    margin: auto;
    height: 96px;
    line-height: 96px;
   flex: 1;
color: #fe6c1d;
  /*background: #fe6c1d;*/
}
.sum_top_button li a img{
    vertical-align: middle;
    margin-right: 10px;
}
.sum_top_button li a{
    display: block;
    width: 210px;
    margin: auto;
    height: 96px;
    line-height: 96px;
  text-align: center;
color: #fff;
  font-size: 24px;
  /*font-weight: 600;*/
  background-image: linear-gradient(to right,#ff8105, #fe6c1d);
  background: ;
  border-radius: 5px;
  text-align: center;
}
.new_search_top .sum_top_logo img{
        margin-top: 25px;
        margin-left: 10px;

}
.sum_top_black_message{
    border: 0;
    background: #FAFAFA;
}
.new_search_top .sum_top_r_t_r{
    background:#f16c1a;
    height: 50px;
    line-height: 50px;
    color: #fff;
}
.new_search_top .sum_top_r_t_r>div{
    color: #fff;
    padding: 0 20px;
    margin: 0;
}
.new_search_top .sum_top_r_t_r span{
    color: #fff!important;
    margin-right:0;
}
.new_search_top .sum_top_r_t{
    padding: 0;
}
.sum_top_select{
    position: absolute;
    top: -33px;
    left: -1px;
    font-weight: 600;
    
}
.sum_top_select .active{
    background: #ff9c00;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
.sum_top_r_t .sum_top_select li{
    display: inline-block;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 68px;
    cursor: pointer;
}
.search_button img{
    vertical-align: middle;
}
.new_sum_top{
    width: 1200px;
    margin:20px auto 0;
}
.new_sum_top{
    height: 44px;
    line-height: 44px;
}
.new_sum_top .allgoods img{
   margin-right:20px;
}
.new_sum_top .allgoods{
    background: #e53128;
    cursor: pointer;
    color: #fff;
    /*margin-right: 100px;*/
    border-radius: 5px 5px 0 0;
    width: 200px;
    padding-left:20px ;
    /*text-align: center;*/
    color: #fff;
       margin-right: 87px!important;
}
.new_sum_top  .sum_top_r_b_li{
    display: inline-block;
    margin-right:  20px;
    position: relative;
    font-weight: 600;
}
.new_sum_top .allgoods:hover{
    background: #e53128;
}
.new_list .list{
    width: 200px;
    height: auto;
    background-color:rgba(100,100,100,0.7);
    height: 0;
    overflow: hidden;

}
.new_sum_top .allgoods:hover .list{
    height: auto;
overflow: visible;
}
.new_list .list_page{
    left: 200px;
}
.new_list .list>li{
    height: 45px;
    border: 0;
    padding-left: 20px;
    font-size: 14px;
}
.new_list .list .list_li{
    background: rgba(241,108,26,0.4);
    color:#ff9c00;
}
 .new_list .list li .text{
    /*width: 158px;*/
}

.banner .swiper-container-horizontal>.swiper-pagination-bullet {
    margin: 0 15px;
    height: 10px;
    width: 10px;
}
.banner .swiper-pagination-bullet-active{
    opacity: 1;
    width: 16px;
    border-radius: 4px;
    background:#FF9C00;
}
.banner .swiper-slide img {
    width: 100%;
    height: 650px;
}
.swiper-button-prev, .swiper-button-next{
    color: #aaa;
    font-weight: 800;
}
.lookinfo{
    float: right;
    color: #f16c1a;
    position: relative;
    font-size: 12px;
    top: -20px;
    padding-right:10px;
}
.homepage_base{
    background-color: #353131;
    padding-top: 30px;
    /*padding-bottom: 30px;*/
}
.homepage_base p{
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    /*text-align: center;*/
}
.homepage_base p a{
    color: #fff;
}
.homepage_base .bangzhu{
    margin-left: 110px;
}
.homepage_base .bangzhu a{
    padding-right: 20px;
}
.homepage_base_footer{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding-bottom: 30px;
}
.homepage_base_footer>div{
    flex: 1;
}
.f_title{
    font-size: 15px!important;
    padding-bottom: 10px;
}
.lxfs img{
   margin-right:10px;
   vertical-align: middle;
}
.commodity_prv_right{
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    left: 60px;
    width:80px;
    float:left;
    margin-top:80px;
    
}
.commodity_prv_right>a{
    display: block;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    padding: 5px;
    color: #555;
    border:1px solid #ddd;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
.sum_top_r_t_r_tx p{
    width:auto;
    color: #fff;
}
.sum_top_r_t_r_tx{
    width:auto;
}
.sum_top_r_t_r div{
  margin-left: 0;  
}
.new_sum_top .sum_top_r_b_li_span{
    margin: 0;
}
.new_sum_top .sum_top_r_b_li_span>span a{
    margin-left: 20px;
    color: #888;
    font-weight: 400;
}
















