@import url("fonts/iconfont.css");
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.woff2') format('woff2'),
      url('fonts/iconfont.woff') format('woff'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 8px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
  
@font-face {
  font-family: "Open-Sans";
  src: url('font-ttf/Open-Sans-2.ttf');}
  
*{font-family:"Open-Sans",Microsoft YaHei,Arial,Geneva,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;}
a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#f5f5f5}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none;vertical-align: bottom;}
li,ol,ul{list-style:none}
i,em{font-style:normal}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

.contenttxt{line-height:.6rem;font-size:.28rem;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:100%; height:auto;margin:.2rem auto; display:block;}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:.28rem!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:.3rem!important;}

.b1 { overflow:hidden;width:100%;height:.1px;}
.blank {overflow:hidden;width:100%;height:.16rem; background:#f5f5f5;}
.blank20 {overflow:hidden;width:100%;height:.2rem; background:#f5f5f5;}
.blank88 { overflow:hidden;width:100%;height:.88rem;}
.b_1rem { overflow:hidden;width:100%;height:.1rem;}
.b_2rem { overflow:hidden;width:100%;height:.2rem;}
.b_3rem { overflow:hidden;width:100%;height:.3rem;}
.b_4rem { overflow:hidden;width:100%;height:.4rem;}
.b_5rem { overflow:hidden;width:100%;height:.5rem;}
.b_6rem { overflow:hidden;width:100%;height:.6rem;}
.b_7rem { overflow:hidden;width:100%;height:.7rem;}
.b_8rem { overflow:hidden;width:100%;height:.8rem;}
.b_88rem { overflow:hidden;width:100%;height:.88rem;}
.b_9rem { overflow:hidden;width:100%;height:.9rem;}
.b1rem { overflow:hidden;width:100%;height:1rem;}
.b1_1rem { overflow:hidden;width:100%;height:1.1rem;}
.b1_3rem { overflow:hidden;width:100%;height:1.3rem;}
.b2rem { overflow:hidden;width:100%;height:2rem;}
.exhibit_show_box{overflow:hidden;padding:0 .2rem}
.blank-top{overflow:hidden;width:100%;height:0rem}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}



/*=================================================================================================*/

.header_top { height:.9rem; position:relative; padding:0 .2rem; background:rgb(255 255 255/.2);}
.header_top:before { content:''; display:block; width:300%; padding:300% 0 0; background:linear-gradient(270deg,#fc573f,#db1c25); border-radius:50%; position:absolute; top:50%; left:50%; transform: translate(-50%, -92%);z-index:-1;}
.header_top_l { float:left; position:relative;z-index:1;}
.header_top_l a { display: flex;align-items: center;height:.9rem;}
.header_top_r { float:right;position:relative;z-index:1;}
.header_top_r a { height:.9rem; line-height:.9rem; color:#fff; font-size:.4rem;}
.header_top_center { position:absolute; top:0; left:0; width:100%; height:.9rem; line-height:.9rem; text-align:center; font-size:.3rem; color:#fff; font-weight:700;padding: 0 .6rem;box-sizing: border-box;}

.company_intro { margin:.1rem .2rem 0; background:#fff; border-radius:.2rem; overflow:hidden; padding:.2rem;}
.company_logo { float:left; width:1rem; height:1rem; border-radius:50%; border:1px solid #eee; margin-right:.2rem;overflow:hidden; background:#f5f5f5;}
.company_logo a { display:block; height:1rem;display: flex;align-items: center;justify-content: center;}
.company_logo img { width:100%;}
.company_name { overflow:hidden;}
.company_name h3 { font-size:.28rem;}
.company_name h3 a { color:#121212;}
.company_name p { font-size:.22rem; color:#999; margin-top:.2rem;}
.company_name .renzheng { margin:.1rem 0 .06rem; height:.3rem}
.company_name .renzheng img { height:.3rem;}
.company_name .renzheng em { position:relative;}
.company_name .renzheng em i { font-size: .22rem;color: #673d25;font-weight: 600;margin: .05rem 0 0 .44rem;position: absolute;left: 0px;}

.index_floor_title { height:.5rem; line-height:.5rem; margin-bottom:.2rem;}
.index_floor_title strong { font-size:.3rem; color:#333; float:left; display:block;}

.ex_menu { margin:.2rem .2rem 0; background:#fff; border-radius:.2rem; overflow:hidden; padding:0 .2rem; height:.88rem;}
.ex_menu ul li { float:left; line-height:.88rem; margin-right:.4rem; font-size:.28rem;}
.ex_menu ul li span { color:#999;}
.ex_menu ul li.on span { border-bottom:.04rem solid #db1c25; padding-bottom:.06rem; font-weight:700; color:#db1c25;}


.banner_box { margin:.2rem .2rem 0; overflow:hidden; border-radius:.2rem;}

.sell_cat { overflow:hidden; margin:0 .2rem; background:#fff; padding:.24rem; margin-top:.2rem; border-radius:.2rem;}
.sell_cat ul li { float:left; background:#fff; width:48.5%; font-size:.26rem; line-height:.5rem;}
.sell_cat ul li:nth-child(2n+2) { float:right;}





.sell_box { overflow:hidden; margin:0 .2rem; background:#fff; padding:.24rem; margin-top:.2rem; border-radius:.2rem;}
.sell_box ul li { float:left; width: 48%; box-sizing:border-box; margin-top:.2rem;}
.sell_box ul li:nth-child(-1n+2) { margin-top:0;}
.sell_box ul li:nth-child(2n+2) { float:right;}
.sell_box ul li img { width:100%; border-radius:.16rem;}
.sell_box ul li h3 { height:.72rem; line-height:.36rem; margin:.16rem 0 .1rem; color:#666; font-weight:400; font-size:.26rem;}
.sell_box ul li .price { color:#222; font-size:.28rem; font-weight:700;}
.sell_box ul li .MOQ { font-size:.22rem; color:#999; margin-top:.1rem}
.sell_box ul li .MOQ i { color:#222;}

.company_info { }
.company_info .image { width:100%; border-radius:.16rem; overflow:hidden;}
.company_info .image img { width:100%;}
.company_info .text { overflow:hidden; margin:.3rem 0 .2rem;}
.company_info .text p { padding-bottom:.2rem;overflow: hidden; position:relative;padding-left:.3rem; font-size:.26rem;}
.company_info .text p:before { content:"\e826"; display:block; width:.3rem; height:.3rem; font-family:"iconfont"; color:#00b200;position: absolute;top: 0px;left: 0px;line-height: .4rem;}
.company_info .text span { float:left;display:block;line-height:.4rem;box-sizing:border-box;}
.company_info .text span:nth-child(1) { width:35%; color:#888;}
.company_info .text span:nth-child(2) { width:65%; padding-left:2%;}
.company_info .gsjj { font-size:.26rem; line-height:.4rem; color:#222;}
.company_info .gsjj a { color:#1470cc; display:block; margin-top:.2rem;}

.tjxq_sec { }
.tjxq_sec dl { overflow:hidden; margin-bottom:.4rem; font-size:.26rem;}
.tjxq_sec dl dt { box-sizing:border-box; margin-right:2%; color:#666; line-height:.6rem; height:.6rem;}
.tjxq_sec dl dt i { color:#e5242b; margin-right:.1rem;}
.tjxq_sec dl dd { color:#888;}
.tjxq_sec dl dd input,
.tjxq_sec dl dd textarea { padding:0px; margin:0; border: 1px solid #ced3d9;  color:#888; padding:0 .2rem; border-radius:.06rem; width:100%; font-size:.26rem; box-sizing:border-box;}
.tjxq_sec dl dd input { height:.6rem;}
.tjxq_sec dl dd textarea { height:1.6rem; padding:.1rem .2rem;}
.tjxq_sec dl dd p { line-height:.5rem; color:#888;}
.tjxq_sec dl dd button { height:.7rem; border-radius:.06rem; border: solid 1px #e5242b;background: #e5242b; text-align:center; line-height:.7rem; padding:0 .4rem; color:#fff; margin-right:.4rem;}
.tjxq_sec dl dd a { color:#e5242b; margin-left:.4rem;}
.tjxq_sec dl dd a i { margin-right:.1rem; font-size:.3rem;}
.tjxq_sec p { text-align:center;}

.footer_sec { height:1.1rem; border-top:1px solid #eee; background:#fff;position: fixed;bottom: 0px;width: 100%;z-index:8000;}
.footer_sec ul { padding:0 .2rem;}
.footer_sec ul li { float:left; width:33.333333%;font-size:.24rem; box-sizing:border-box;}
.footer_sec ul li a { display: flex;align-items: center;height:1.1rem; text-align:center;}
.footer_sec ul li i { font-size:.48rem; display:block;}
.footer_sec ul li span { display:block; width:100%;}
.footer_sec ul li p { margin-top:.04rem;}

.intro_content { margin:0 .2rem; border-radius:.2rem;}

.l_sec_title span { display:block;}
.l_sec_title span a { margin-right:.4rem; font-size:.28rem;}
.l_sec_title span a em { font-size:.28rem; margin-right:.1rem;}

.contact_lxfs { margin-top:.4rem;}
.contact_lxfs dl { overflow:hidden; padding-bottom:15px; font-size:14px;}
.contact_lxfs dl dt,
.contact_lxfs dl dd{ float:left; display:block;}
.contact_lxfs dl dt { width:30%;}
.contact_lxfs dl dd { width:70%;}


.header_top .header_top_menu { position:absolute; top:.9rem; right:0; background:#fefefe; width:40%; padding:.2rem 0 .1rem;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);transform: translate(110%,0);transition: all .3s;z-index:100;}
.header_top .header_top_menu.on { transform: translate(0,0);}
.header_top .header_top_menu ul li { line-height:.6rem; margin-bottom: .1rem; text-align:center;}




/*商城内容页 THE*/
.sell_show_box { background:#fff;}
.sell_show_box .iteminfo { background:#fff; padding:.2rem .3rem 0;}
.sell_show_box .iteminfo h3 { font-size:.36rem; color:#000; display:block;}
.sell_show_box .iteminfo .price { overflow:hidden; margin:.2rem 0 .16rem; line-height:.5rem;}
.sell_show_box .iteminfo .price b { font-size:.36rem; color:#ef1f1f; display:block; float:left;font-family: 'Microsoft YaHei';}
.sell_show_box .iteminfo .price span { font-size:.24rem; color:#999; float:right;}
.sell_show_box .iteminfo .baozhang { background: rgb(239 31 31/.1);color: #ef1f1f; padding:.1rem .2rem; font-size:.24rem; border-radius:.06rem;}
.sell_show_box .iteminfo .base { padding:.1rem 0 .16rem;}
.sell_show_box .iteminfo .base dl { font-size:.26rem; margin-top:.1rem;overflow:hidden;line-height:.58rem;}
.sell_show_box .iteminfo .base dl dt { color:#999; width:35%;float:left;}
.sell_show_box .iteminfo .base dl dd { overflow:hidden;}
.sell_show_box .iteminfo .base dl dd ul li { line-height:.38rem;}

.sell_show_box .iteminfo .cpcs { height:.92rem; border-top:1px solid #eee; overflow:hidden; margin-top:.2rem;}
.sell_show_box .iteminfo .cpcs dt,
.sell_show_box .iteminfo .cpcs dd { float:left; line-height:.92rem;}
.sell_show_box .iteminfo .cpcs dt { font-size:.28rem; color:#333; width:23%;}
.sell_show_box .iteminfo .cpcs dd { font-size:.26rem; color:#999; width:70%}
.sell_show_box .iteminfo .cpcs dd em { margin-right:.2rem;}
.sell_show_box .iteminfo .cpcs span { float:right; line-height:.92rem; font-size:.45rem; color:#000; cursor:pointer;}

.sell_show_box .com_info { margin-top:.16rem; overflow:hidden; padding:.2rem .3rem 0;}
.sell_show_box .com_info .info_title { display: flex;align-items: center;}
.sell_show_box .com_info .image {float:left;width:1.04rem; height:1.04rem;overflow:hidden; border-radius:50%; margin-right:4%;}
.sell_show_box .com_info .image img{width:1.04rem; height:1.04rem;}
.sell_show_box .com_info .text { overflow:hidden;}
.sell_show_box .com_info .text strong { font-size:.28rem; display:block;}


.sell_show_box .com_info .text .biaoqian { margin-bottom:.1rem;}
.sell_show_box .com_info .text .biaoqian img { height:.3rem;}
.sell_show_box .com_info .text .biaoqian em { position:relative; }
.sell_show_box .com_info .text .biaoqian em i { font-size: .22rem;color: #673d25;font-weight: 600;margin: .05rem 0 0 .44rem;position: absolute;left: 0px;}

.sell_show_box .com_info .text .biaoqian span { height:.3rem; line-height:.3rem; background:#f5f5f5; padding:0 .1rem; border-radius:.06rem; margin-left:.1rem; font-size:.22rem;position: relative;top: .02rem;}




.sell_show_box .com_info .jdkk { float:right; width:26%;}
.sell_show_box .com_info .jdkk a { display:block; width: 1.6rem; height: .6rem; line-height:.6rem; text-align:center; border:1px solid #ddd; float:right; border-radius:.1rem;}
.sell_show_box .com_info .service { height:1.2rem; overflow:hidden; border-top:1px solid #eee; overflow:hidden; margin-top:.3rem;}
.sell_show_box .com_info .service ul li { float:left; line-height:1.2rem; margin-right:.4rem; color:#666;}
.sell_show_box .com_info .service ul li:before { content:"\e825"; font-family:"iconfont"; color:#f60; margin-right:.1rem}
.sell_show_box .com_info .service span { float:right; line-height:1.2rem; font-size:.45rem; color:#000; cursor:pointer;}



/*商城内容页弹窗 THE*/
.mask_sec { position: fixed; top: 0;left: 0; right: 0; bottom: 0; background:rgb(0 0 0/.3); z-index:9000; display:none;}
.popup_sec { position: fixed; bottom: 0; width:100%; background:#fff; z-index:9001; border-radius:.2rem .2rem 0 0; padding:0 .3rem; box-sizing:border-box; display:none;}
.popup_sec strong { line-height:.6rem; font-size:.36rem; display:block; color:#333; text-align:center; font-weight:400; padding:.2rem 0;}
.popup_sec.A1 dl { border-top:1px solid #eee; overflow:hidden; padding:.2rem 0}
.popup_sec.A1 dl dt,
.popup_sec.A1 dl dd { float:left; font-size:.28rem;font-size:16px; box-sizing:border-box;}
.popup_sec.A1 dl dt { color:#999; width:30%;}
.popup_sec.A1 dl dd { color:#000; width:70%;}
.popup_sec_gb_btn { height:.7rem; line-height:.7rem; background:#ef1f1f; text-align:center; color:#fff; font-size:.26rem; border-radius:.08rem; margin:.2rem 0;}

.popup_sec.A2 strong {  border-bottom:1px solid #eee;}
.popup_sec.A2 dl { padding-left:.6rem; font-size:.26rem; overflow:hidden; position:relative;}
.popup_sec.A2 dl:before { content:"\e825"; font-family:"iconfont"; color:#ef1f1f; margin-right:.1rem; position:absolute; top:.26rem; left:.15rem;font-size: .22rem;}
.popup_sec.A2 dl dt { margin-top:.2rem;}
.popup_sec.A2 dl dt a { color:#333;}
.popup_sec.A2 dl dt a i { margin-left:.2rem; color:#999; font-size:.2rem;}
.popup_sec.A2 dl dd { margin:.2rem 0; color:#666;}

.popup_sec.A3 { border-radius:0;}
.popup_sec.A3 .cpxx { position:relative; top:-.26rem;border-bottom: 1px solid #eee;padding-bottom: .48rem;}
.popup_sec.A3 .cpxx .image { width:1.8rem; height:1.8rem; float:left; border:1px solid #eee; border-radius:.06rem; box-sizing:border-box; padding:.06rem; background:#fff; margin-right:.4rem;}
.popup_sec.A3 .cpxx .image img { width:100%;}
.popup_sec.A3 .cpxx .text { overflow:hidden; padding-top:.56rem;}
.popup_sec.A3 .cpxx .text h3 { font-size:.3rem; color:#333;}
.popup_sec.A3 .cpxx .text p { font-size:.38rem; color:#ef1f1f; margin-top:.1rem;}
.popup_sec.A3 .cpxx .text p i { font-size:.24rem;}
.popup_sec.A3 .cpxx .gb_btn { position: absolute;top: .48rem;right: 0px;font-size: .4rem;}
.popup_sec.A3 dl { overflow:hidden; margin-top:.2rem; font-size:.26rem; padding:.04rem 0;}
.popup_sec.A3 dl input { height:.68rem; border:1px solid #e6e6e6; border-radius:.06rem; box-sizing:border-box; padding:0 .2rem; float:left; color:#888;}
.popup_sec.A3 dl textarea { border:1px solid #e6e6e6; padding:.16rem; box-sizing: border-box;width: 100%;height: 4rem;border-radius: .06rem; font-size:.26rem; color:#888;}
.popup_sec.A3 dl dt,
.popup_sec.A3 dl dd { float:left; box-sizing:border-box;}
.popup_sec.A3 dl dt { line-height:.68rem; color:#333; width:22%;}
.popup_sec.A3 dl dt i { color:#ef1f1f;}
.popup_sec.A3 dl dd { width:78%;}
.popup_sec.A3 button { height:.8rem; font-size:.3rem; background:#ef1f1f; color:#fff; border-radius:.06rem; padding:0; margin:.2rem 0 .3rem;}
/*商城内容页弹窗 END*/

.sell_dntj { overflow:hidden; background:#fff;}
.sell_dntj ul { overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.sell_dntj ul li { display: inline-block;white-space: normal;width: 2rem;overflow: hidden;background:#fff; border-radius:.1rem;box-sizing:border-box; margin-left:.2rem; margin-bottom:.2rem;}
.sell_dntj ul li li .image { width:100%;}
.sell_dntj ul li .image img { width:100%;border-radius:.1rem;}
.sell_dntj ul li h3 { font-size:.24rem; font-weight:400; margin-top:.1rem;}
.sell_dntj ul li .price { margin-top:.06rem; color:#222; font-size:.26rem; font-weight:700;}
.sell_dntj ul li .MOQ { font-size:.22rem; color:#999; margin-top:.1rem}
.sell_dntj ul li .MOQ i { color:#222;}
.sell_show_content { background:#fff; padding:.2rem;}
.sell_hhtj { overflow:hidden; background:#fff; padding:0 .3rem;}
.sell_hhtj ul li { float:left; background:#fff; width: 47%; box-sizing:border-box;margin-bottom:.2rem;}
.sell_hhtj ul li:nth-child(2n+2) { float:right;}
.sell_hhtj ul li li .image { width:100%;}
.sell_hhtj ul li .image img { width:100%;border-radius:.1rem;}
.sell_hhtj ul li h3 { font-size:.26rem; font-weight:400; margin-top:.1rem;line-height:.4rem; height:.8rem; overflow:hidden; display:block}
.sell_hhtj ul li .price { margin-top:.06rem; color:#222; font-size:.28rem; font-weight:700;}
.sell_hhtj ul li .MOQ { font-size:.22rem; color:#999; margin-top:.1rem}
.sell_hhtj ul li .MOQ i { color:#222;}


.sell_footer { height:1.1rem; border-top:1px solid #eee; background:#fff;position: fixed;bottom: 0px;width: 100%;z-index: 8001;}
.sell_footer ul { padding:0 .2rem;}
.sell_footer ul li { float:left; width:18%;font-size:.24rem; box-sizing:border-box;}
.sell_footer ul li a { display: flex;align-items: center;height:1.1rem; text-align:center;}
.sell_footer ul li i { font-size:.48rem; display:block;}
.sell_footer ul li span { display:block; width:100%;}
.sell_footer ul li p { margin-top:.04rem;}
.sell_footer ul li.s_i { width:46%;}
.sell_footer ul li.s_i em { display:block; height:.8rem; line-height:.8rem; text-align:center; background: linear-gradient(270deg, #ff3f38 0%, #db1c25 100%); font-size:.3rem; border-radius:.4rem; color:#fff; width:100%; font-weight:700;}


/*商城内容页 END*/