.main.hedjmain{ background: #fff;}
.shangcheng_tupianlunbo{ height: 400px; position: relative;}
.shangcheng_fenlei{ position: relative; left: 5px; top: 5px; height: 1300px; overflow-y: auto; background: #4f77fd; z-index: 99; padding: 0px 0px; }
.shangcheng_fenlei .layui-nav-tree{ width: 100%; background: #4f77fd;}
.shangcheng_fenlei .layui-nav-item{ border-bottom: 1px dotted #fff;}
.shangcheng_fenlei .layui-nav-item i{ margin-right: 5px;}
.shangcheng_fenlei .layui-nav-item span{ font-size: 16px; color: #fff;}

.shangcheng_fenlei{
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.3) transparent;
  }
  .shangcheng_fenlei::-webkit-scrollbar,.video-call-wrapper::-webkit-scrollbar,.chat-area::-webkit-scrollbar{
    width:5px;
    height:12px;
  }
  .shangcheng_fenlei::-webkit-scrollbar-track,.video-call-wrapper::-webkit-scrollbar-track,.chat-area::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
  }
  .shangcheng_fenlei::-webkit-scrollbar-thumb,.video-call-wrapper::-webkit-scrollbar-thumb,.chat-area::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
  }
  

.shangcheng_mainR{ position: relative; }
.shangcheng_tuijian{ margin-top: 15px; display: inline-block; width: 100%;}
.shangcheng_tuijiandiv{ padding: 0px 5px; margin: 5px 0px; }
/* .shangcheng_tuijian .shangcheng_tuijiandiv:first-child{ padding-left: 0px;} */
.shangcheng_tuijiandiv a{ border: 1px solid #eee; padding: 15px; display: block; background: #fff;}
.shangcheng_tuijiandivImg{padding: 0px 20% 20% 0px;    padding-top: 0px;width: 100%;padding-top: 79%;position: relative;}
.shangcheng_tuijiandivImg img{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.shangcheng_tuijiandivImg span{ position: absolute; background: #cf9163; color: #fff; left: 0px; top: 0px; text-align: center; }
.shangcheng_tuijiandivImg span img{ width: 25px; height: 17px; position: relative; overflow: hidden; display: block; display: none; }
.shangcheng_tuijiandivImg span i{ margin: 8px 0px;}
.shangcheng_fenleibiaoti{ height: 50px; line-height: 50px; font-size: 24px; color: #000; text-align: center;}
.shangcheng_fenleibiaoti a{ margin-left: 15px; font-size: 13px; color: #1f3377;}
.shangcheng_fenleibiaoti i{ font-size: 30px; margin-right: 15px;}
.shangcheng_fenleibiaotisub{ text-align: center; margin-top: 15px; line-height: 35px; }
.shangcheng_fenleibiaotisub span:first-child{ border-radius: 30px 0px 0px 30px;}
.shangcheng_fenleibiaotisub span:last-child{ border-radius: 0px 30px 30px 0px;}
.shangcheng_fenleibiaotisub span{padding: 8px 30px; background-color: #4f77fd; color: #fff; margin: 0px; font-size: 16px;}
.shangcheng_fenleibiaotisub span:hover{ cursor: pointer;}
.shangcheng_fenleibiaotisub span.active{ color: #ff6000;}
.shangcheng_tuijanspan{ height: 20px; line-height: 20px; margin: 10px 0px; margin-bottom: 5px;}
.shangcheng_tuijanspan i{ font-size: 16px; color: #999; float: left;}
.shangcheng_tuijanspan span{ border-radius: 5px; position: relative; overflow: hidden; display: block; float: left; color: #ff6000; font-size: 16px; }
.shangcheng_tuijanspan em{ font-size: 13px; color: #999; float: right;}
.shangcheng_tuijian_h{ height: 45px; line-height: 45px; color: #231f3c; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; width: 80%;}
.shangcheng_tuijiantxt{ line-height: 30px; font-size: 15px; color: #888; height: 60px; overflow: hidden;}
.shangcheng_content{ margin-top: 0px; clear: both;}

.shangcheng_fenleizhanshi{ margin-top: 15px;}
.shangcheng_fenleizhanshibt{ height: 50px; line-height: 50px; font-size: 24px; color: #000; text-align: left; border-bottom: 1px dotted #ccc;}
.shangcheng_fenleizhanshibt i{ font-size: 30px; }
.shangcheng_fenleizhanshidiv{ display: inline-block; width: 100%; margin-top: 30px;}
.shangcheng_fenleizhanshidiv ul li{ padding: 10px 5px; border-right: none; box-sizing: b}
.shangcheng_fenleizhanshidiv ul li a{ padding: 15px; border: 1px solid #eee; display: block; background: #fff;}
/* .shangcheng_fenleizhanshidiv ul li:nth-child(6n){ border-right: 1px solid #ccc;} */
.shangcheng_fenleizhanshidiv ul li span{ display: block; padding: 0px 20% 20% 0px; padding-top: 0px;width: 100%;padding-top: 79%;position: relative;}
.shangcheng_fenleizhanshidiv ul li img{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.shangcheng_fenleizhanshidiv ul li h2{ font-size: 15px; width: 100%; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.shangcheng_fenleizhanshidiv ul li em{ color:#ff6000; width: 100%; height: 30px; line-height: 30px; font-size: 16px;}

.shangcheng_qiyetuijian{ margin-top: 30px;}
.shangcheng_qiyetuijiandiv{ border: 1px solid #eee; display: inline-block; width: 100%; padding: 10px; margin-top: 15px; background: #fff;}
.shangcheng_qiyetuijianL{ text-align: center; border-right: 1px solid #ccc;}
.shangcheng_qiyetuijianlogo{ width: 80px; height: 80px; border-radius: 50%; overflow: hidden; position: relative; margin: 0px auto; border: 1px solid #eee;}
.shangcheng_qiyetuijianlogo img{ width: 100%; height: 100%; object-fit: cover;}
.shangcheng_qiyetuijianname{ margin-top: 15px; font-size: 16px; color: #000;}
.shangcheng_qiyejianjie{ line-height: 30px; color: #555; font-size: 15px; height: 120px; overflow: hidden; position: relative; text-indent: 2em;}
.shangcheng_qiyeshangping ul li{ margin: 5px 0px;}
.shangcheng_qiyeshangping ul li span{ display: block; padding: 0px 20% 20% 0px; padding-top: 0px;width: 100%;padding-top: 79%;position: relative;}
.shangcheng_qiyeshangping ul li span img{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.shangcheng_qiyeshangping ul li em{ display: block; height: 50px; line-height: 25px; font-size: 15px; position: relative; overflow: hidden; display: none;}

.menfenlei{ display: none;}

.shangchengshangpingtxt{ line-height: 30px; font-size: 15px; color: #777;position: relative; }
.shangchengshangpingtxt h3{ height: 35px; line-height: 35px; color: #231f3c; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.shangchengshangpingtxt h3 a{ color:#1f3377;}
.shangcheng_shangpinglist{ width: 100%; background: #fff; padding: 15px; display: inline-block; position: relative;  overflow: hidden; border: 1px solid #ccc; margin-top: 10px; }
.shangcheng_shangpinglistwap{  background: #fff; display: inline-block; width: 100%;}
.shangchengshangpingtxtp{height: 60px; overflow: hidden; color: #999; }
.shangchengshangpingspan{ border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 15px;}
.shangchengshangpingspan li{ height: 35px; line-height: 35px; width: auto; position: relative; font-size: 15px; float: left; margin-right: 15px;}
.shangchengshangpingspan li:nth-child(1){ float: right;}
.shangchengshangpingspan li p{ color: #ff5722; font-size: 18px;}
.shangchengshangpingspan li span{float: left; display: block; color: #333;}
.shangcheng_shangpinglistL{ position: absolute; width: 100%; padding-right: 210px;}
.shangcheng_shangpinglistR{ width: 165px; height: 150px; float: right; border-left: 1px solid #eee; padding-left: 15px;}
.shangcheng_shangpinglistR img{ width: 100%; height: 150px; object-fit: cover;}


.spxqdiv{ width: 100%; position: relative; background: #fff; padding: 15px;}
.spxqL{ width: 320px; float: left;position: relative; z-index: 9;}
.spxqR{ position: relative; width: 100%; padding-left: 340px; left: 0px; top: 0px; }
.spxqR h3{ padding: 15px 0px;}
.jaiges{ color: #ff6700; width: 100%; border-radius: 0px; overflow: hidden; }
.jiageshead{ width: 100%; height: 45px; line-height: 45px; background: #28509b; color: #fff;}
.jiageshead i{ margin-left: 10px;}
.jiageshead em{ float: right; font-size: 15px; margin-right: 10px;}
.jiagesbody{ background: #eee; background: url(../images/price-info_bg.jpg) no-repeat center center; background-size: cover; width: 100%; padding: 25px 0px; font-size: 16px;}
.jiagesbody i{ margin-left: 15px; font-style: normal; }
.jiagesbody span{ font-size: 24px; margin-left: 10px;}
#showbox{ background: #fff;}
.shangcheng_neirong{ padding: 15px}

.shangcheng_neirongdiv{ max-width: 100%; margin-top: 30px;}
.shangcheng_neirongdiv img{ max-width: 100% !important; height: auto !important;}
.shangcheng_contenttitle{ height: 55px; line-height: 55px; background: #4f77fd;  }
.shangcheng_contenttitle span{ padding: 0px 30px; font-size: 16px; color: #fff;}
.shangcheng_contenttitle span.active{ background: #fff; color: #4f77fd; display: block; float: left; margin-left: 5px; border-top: 5px solid #4f77fd; box-sizing: border-box; height: 55px; line-height: 50px; }

.xqxxxix{ display: inline-block; width: 100%; left: 0px; top: 0px;}
    .xqxxxix ul li{line-height: 30px; overflow: hidden; font-size: 16px; margin: 5px 0px; padding: 0px 5px; position: relative;}
    .xqxxxix ul li i{ font-style: normal; margin-left: 15px;position: relative; max-width: 90px;float: left;height: 30px;line-height: 30px;overflow: hidden;}
    .xqxxxix ul li span{ display: block; }
    .xqxxxix ul li em{ color: #777; padding-left: 120px; display: block; position: absolute; left: 0px; top: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}
    .xqxxxix ul li b{ font-weight: normal; color: #ff5722;}
    .xqxxxix ul li:nth-child(2n-1){ padding-left: 0px;}
    .xqxxxix ul li:nth-child(2n){ padding-right: 0px;}
    .jiaoyianniu{ margin-top: 15px;}
    .jiaoyianniu button.layui-btn-danger.active{ background: #b0b0b0;}
    .jiaoyianniu button.layui-btn-danger.active:hover{ cursor: not-allowed;}
    /* .jiaoyianniu button{ width: 100%;} */
    .spxqdiv{ width: 100%; display: inline-block; left: 0px; top: 0px; margin-top: 15px; }


    .shangcheng_xiangqingtxt{ line-height: 25px; font-size: 14px; color: #777; height: 75px; overflow: hidden; margin: 5px 0px;}

.shangcheng_jiaoyianniu button:first-child{ background: #ff4d50;}

.shangcheng_tuijiansousuo{ text-align: center; display: inline-block; width: 100%; }
.shangcheng_tuijiantitlesousuo{ text-align: center; max-width: 600px; position: relative; margin: 0px auto;}
.shangcheng_tuijiantitlesousuo .form-control{ height: 30px; line-height: 30px; border-radius: 30px 0px 0px 30px; }
.shangcheng_tuijiantitlesousuo .input-group-addon{ border-radius: 0px 30px 30px 0px; cursor: pointer;}
.shangcheng_tuijiantitle{ height: 30px; line-height: 30px; font-size: 24px; color: #000; margin-bottom: 5px; }
.shangcheng_tuijiansousuoL{ padding-left: 0px;}
.shangcheng_tuijiansousuoL span{ display: block; width: 100%; height: 95px; background: #4f77fd; background: url(../images/shangcheng_tuijiansousuoL.jpg) no-repeat center center; background-size: cover; color: #fff; font-size: 20px; font-weight: bold; border-radius: 0px; padding-top: 30px;}
.shangcheng_tuijiansousuoL span a{ color: #fff; background: rgba(40,99,167,0.5); text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; display: block;}
.shangcheng_tuijiansousuoR span{ display: block; width: 100%; height: 95px; background: #4f77fd; background: url(../images/shangcheng_tuijiansousuoR.jpg) no-repeat center center; background-size: cover; color: #fff; font-size: 20px; font-weight: bold; border-radius: 0px; padding-top: 30px;}
.shangcheng_tuijiansousuoC{ padding: 0px 0px; max-width: 500px; position: relative; margin: 0px auto; float: none;}
.shangcheng_tuijiansousuoC div.shangcheng_tuijiansousuoCN{ padding: 0px 0px;  }
.shangcheng_tuijiansousuoR{ padding-right: 0px;}
.shangcheng_tuijiansousuoR span a{ color: #fff;  background: rgba(40,99,167,0.5); text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; display: block; display: block; text-indent: 130px;}
.shangcheng_tuijiantitlesousuoxiala{ width: 110px; position: absolute; left: 0px; top: 0px; z-index: 9;}
.shangcheng_tuijiantitlesousuoxiala{ height: 30px; line-height: 30px;}
.shangcheng_tuijiantitlesousuoxiala .layui-input{ height: 25px; line-height: 25px; border: none; margin-top: 2px; margin-left: 10px;}
.shangcheng_tuijiantitlesousuoxiala select{ height: 30px; line-height: 30px;}
.shangcheng_tuijiantitlesousuoxiala select option{ height: 30px; line-height: 30px;}
.shangcheng_tuijiantitlesousuoxiala.listxiala{ left: 15px; top: 0px;}

.shangcheng_hangyexinxi{ margin-top: 30px;}
.shangcheng_hangyexinxidiv{ margin-top: 30px; display: inline-block; width: 100%;}

.shangcheng_zhucejigou{ margin-top: 30px;}
.shangcheng_zhucejigoudivwap{ display: inline-block; width: 100%; margin-top: 30px;}
.shangcheng_zhucejigoudiv{ padding: 0px 5px; margin: 5px 0px;}
.shangcheng_zhucejigoudivN{ width: 100%; height: 150px; border: 1px solid #ccc;}
.shangcheng_zhucejigoudivimg{ width: 120px; height: 120px; margin-top: 15px; margin-left: 15px; border-radius: 50%; overflow: hidden; position: relative;}
.shangcheng_zhucejigoudivimg img{ width: 120px; height: 120px; object-fit: cover;}
.shangcheng_zhucejigoudivtxt{ position: absolute; width: 100%; height: 150px; padding-left: 150px; left: 0px; top: 0px; padding-right: 15px;}
.shangcheng_zhucejigoudivh{ width: 100%; height: 35px; line-height: 35px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.shangcheng_zhucejigoudivh a{ color: #231f3c;}
.shangcheng_txt{ line-height: 25px; height: 75px;  color: #999; font-size: 14px; overflow: hidden; position: relative;}

.shangcheng_span{ position: relative; width: 100%; margin-top: 10px;}
.shangcheng_span span{ margin: 0px 5px;}
.shangcheng_span span img{ width: 30px; height: 17px; border-radius: 5px; margin-top: -3px;}
.shangcheng_span span i{ color: #1f3377;}
.shangcheng_span span em{ font-style: normal; color: #1f3377;}


.shangcheng_sousuotianjiabutton{ text-align: right; margin-top: 15; margin-bottom: 5px;}
.shangcheng_sousuotianjiabutton .layui-btn-group{ float: left; margin-right: 15px;}
.shangcheng_sousuotianjiabutton .layui-btn-group .layui-btn{ height: 30px; line-height: 30px; background: #4f77fd;}
.shangcheng_sousuotianjiabutton .layui-btn-group .layui-btn:first-child{ border-radius: 30px 0px 0px 30px;}
.shangcheng_sousuotianjiabutton .layui-btn-group .layui-btn:last-child{ border-radius: 0px 30px 30px 0px;}
.shangcheng_sousuotianjiabutton .layui-btn-group i.glyphicon{ font-family: 'Glyphicons Halflings' !important;}

.shangcheng_chanplistsousuo{ position: relative; margin-top: 10px;}
.shangcheng_chanplistsousuo .jjjytabless{ position: relative; }

.shangcheng_listbutton-btn button.layui-btn{ margin-bottom: 10px; margin-left: 0px; margin-right: 10px;}


.shangcheng_fenggebanner_link{ width: 100%; padding: 5px 0px; background: url(../images/shangcheng_fenggebanner_link1.jpg) no-repeat center bottom; background-size: cover; border-radius: 10px;}
.shangcheng_fenggebanner_linktitle{ width: 100%; position: relative; margin: 0px auto; line-height: 45px; font-size: 24px; text-align: center; text-align: center; font-weight: bold; color: #e85300; margin-bottom: 15px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
.shangcheng_fenggebanner_linktitle img{ max-width: 100%;}
.shangcheng_fenggebanner_linklist { max-width: 1000px; position: relative; margin: 0px auto; }
.shangcheng_fenggebanner_linklist ul { display: inline-block; width: 100%;}
.shangcheng_fenggebanner_linklist ul li{ width: 10%; text-align: center; float: left; box-sizing: border-box;}
.shangcheng_fenggebanner_linklist ul li img{ width: 100%; max-width: 40px;}

.shangcheng_fenggebanner_link.swxxx{ background: url(../images/shangcheng_fenggebanner_link2.jpg) no-repeat center bottom; }
.shangcheng_fenggebanner_link.zhucejigoubanner{ background: url(../images/shangcheng_fenggebanner_link2.jpg) no-repeat center bottom; }


.shangcheng_contentlayuicarouselwap{height:1220px;}
.shangcheng_geguoqiyecarouselwap{ height:500px;}


@media screen and (max-width: 992px) {
    .shangcheng_fenlei{ width: 200px; height: 100%; position: fixed; left: -600px; top: 35px; padding-bottom: 35px; transition: all 0.3s;}
    .shangcheng_fenlei.active{ left: 0px;}
    .shangcheng_fenlei ul{ margin-bottom: 35px;}
    .menfenlei{ position: fixed; background: #64768e; border: 1px solid #eee; color: #fff; border-radius: 5px; left: 30px; bottom: 30px; z-index: 99; padding: 8px 15px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); transition: all 0.3s; display: block; }
    .menfenlei:hover{ cursor: pointer;}
    .menfenlei.active{ left: 200px;}
    .menfenlei.active i{ display: block; transform: rotate(-180deg);}
    .shangcheng_qiyetuijianL{ border-right: none;}
    .shangcheng_tuijiansousuoR{ margin-top: -190px; float: right; padding: 0px 15px;}
    .shangcheng_tuijiansousuoC{ border-top: none; clear: both;}
}

@media screen and (max-width: 840px){
    .spxqL{ position: relative; margin: 0px auto; float: none;}
    .spxqR{ width: 100%; padding: 0px;}
}

@media screen and (max-width: 768px){
    .shangcheng_fenleibiaotisub{ max-width: 100%; background: #9bcbef;}
    .shangcheng_fenleibiaotisub span{ background: none;}
    .shangcheng_fenleibiaotisub span:first-child{ border-radius: 0px;}
    .shangcheng_fenleibiaotisub span:last-child{ border-radius: 0px;}
    /* .shangcheng_contentlayuicarouselwap{ height: 3000px;} */
    .shangcheng_geguoqiyecarouselwap{ height: 1000px;}
}
@media screen and (max-width: 600px){
    .shangcheng_shangpinglist{ width: 50%; float: left; }
    .shangcheng_mainR .shangcheng_shangpinglist:nth-last-child(2n){border-right: 5px solid #e9eef3;}
    .shangcheng_mainR .shangcheng_shangpinglist:nth-last-child(2n-1){border-left: 5px solid #e9eef3;}
    .shangcheng_shangpinglistL{ position: relative; width: 100%; padding: 0px; margin-top: 180px; }
    .shangcheng_shangpinglistR{ position: absolute; width: 150px; margin: 0px auto; float: left; border-left: none; padding: 0px; top: 15px; left: 50%; margin-left: -75px;}
    .shangcheng_shangpinglistR img{ width: 100%; object-fit: cover;}
    .shangchengshangpingspan li{ display: none;}
    .shangchengshangpingspan li:first-child{ display: block; text-align: left; float: left;}
    .shangcheng_fenggebanner_linklist ul li{ width: 20%; margin: 5px 0px;}
    .shangcheng_fenggebanner_linklist ul li img{ max-width: 35px;}
}
@media screen and (max-width: 480px){
    .shangcheng_qiyeshangping ul li{ width: 100%; display: none;}
    .shangcheng_qiyeshangping ul li:first-child{ display: block;}
}

@media screen and (max-width: 360px){
    .shangcheng_tuijiandiv{ width: 100%;}
}