@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;}

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{font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;background:#fff;}
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_06rem { overflow:hidden;width:100%;height:1.06rem;}
.b1_2rem { overflow:hidden;width:100%;height:1.2rem;}
.b1_3rem { overflow:hidden;width:100%;height:1.3rem;}
.b2rem { overflow:hidden;width:100%;height: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;}

/*---------------------------------------------------------------------------------------------------------*/

.m_header { height:1.16rem; box-sizing: border-box;background:#fff; display:block; display:block; padding:0 .2rem;}
.m_header_logo { display: flex;align-items: center;height:1.16rem;justify-content: center;}
.m_header_logo a img { height:.8rem;}
.m_header_nav_bnt { position:fixed; top:.26rem; right:.2rem; z-index:6060;}
.m_header_nav_bnt img { width:.6rem;}
.m_header_nav_mask { position:fixed; top:0; right:0; background:rgb(0 0 0/.5); width:100%; height: 100%;z-index:6060; display:none;}
.m_header_nav { position:fixed; top:0; right:0; background:#666; width:60%; height: 100%;z-index:6060; transform:translate(100%,0); transition:all .5s; padding-top:.4rem; box-sizing:border-box;display:block;}
.m_header_nav.on { transform:translate(0,0);box-shadow: -2px 0 5px #000;}
.m_header_nav ul li { line-height:.64rem; border-bottom:1px solid #45494C; font-size:.3rem; margin:0 .2rem; margin-top:.2rem;}
.m_header_nav ul li a { color:#fff; display: flex; align-items: center;}
.m_header_nav ul li img { filter: grayscale(100%) brightness(300%); margin-right:.2rem; width:.4rem;}

/*幻灯*/
.banner_swiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.banner_swiper .swiper-slide img { height:100%;}
.banner_swiper .b_menu { position:absolute;left:0;bottom:.2rem;z-index:10;width:100%; text-align:center;}
.banner_swiper .b_menu ul { display:inline-block;}
.banner_swiper .b_menu span { display:block; width:8px; height:8px; margin:0 .06rem; border-radius:50%; background:#808080; float:left; opacity:.6;}
.banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#ff6700;opacity:1;}

.m_header_search { padding:.2rem;background: #fff;width: 100%;box-sizing: border-box; overflow:hidden;}
.m_header_search ul li { float:left;}
.m_header_search ul li.li_1 { width:80%;}
.m_header_search ul li.li_1 input { border:none;padding:0 .4rem; margin:0; background:#f8f8f8; color:#999; width:100%; height:.6rem; box-sizing:border-box;outline:none; border-radius:3px 0 0 3px;}
.m_header_search ul li.li_2 { width:20%;}
.m_header_search ul li.li_2 button { border:none;padding:0 .4rem; background:#ff9900; color:#fff; border:1px solid #ff9900; height:.6rem; box-sizing:border-box; margin:0; border-radius:0 3px 3px 0;}
.m_header_search ul li.li_2 button i { font-size:18px;}

.m_header_menu { background:#f5f5f5; padding:.2rem; overflow:hidden;}
.m_header_menu ul li { width:32%; margin-right:2%; background:#fff; float:left; text-align:center; padding:.3rem 0;}
.m_header_menu ul li:nth-child(3n+3) { margin-right:0;}
.m_header_menu ul li:nth-child(1n+4) { margin-top:2%;}
.m_header_menu ul li img { width:.8rem;}
.m_header_menu ul li span { display:block; color:#ff6700; margin-top:.3rem;}

.m_meun_top { height:1rem; background:#f5f5f5; position:relative;}
.m_meun_top_title { font-size:.32rem; color:#06a3e8;text-align:center; line-height:1rem; padding:0 1rem;}
.m_meun_top_l,
.m_meun_top_r { position:absolute;top:0; width:1rem; height:1rem;display: flex;align-items: center;justify-content: center;}
.m_meun_top_l i,
.m_meun_top_r i { font-size:.4rem; color:#06a3e8;}
.m_meun_top_l { left:0;}
.m_meun_top_r { right:0;}

/*标题样式*/
.i_title { text-align:center;}
.i_title strong { font-size:.38rem; color:#ff6700; display:block; font-family: 'SimSun';}
.i_title img { margin-top:.2rem;}
.i_more { margin-top:.2rem;}
.i_more a { width:2.4rem;height: .66rem;line-height:.66rem;margin: 0 auto;display: block;text-align: center; background:#ff9900; font-size:.3rem; color:#fff;}

/*产品样式*/
.product_sec {padding: .4rem .16rem;background:#fff;}
.product_cat {margin: .2rem 0 .3rem;overflow:hidden;}
.product_cat ul li { float:left; width:32%; line-height:.58rem; text-align:center; margin:2% 2% 0 0; font-size:.26rem; border:1px solid #ff9900; box-sizing:border-box;}
.product_cat ul li:nth-child(3n+3) { margin-right:0;}
.product_cat ul li a { color:#ff9900;}
.product_list { overflow:hidden;}
.product_list ul li { float:left; width:48.5%; margin:3% 3% 0 0; box-sizing:border-box;}
.product_list ul li:nth-child(2n+2) { margin-right:0;}
.product_list ul li:nth-child(-1n+2) { margin-top:0;}
.product_list ul li .image { width:100%;  overflow:hidden;}
.product_list ul li .image img { transition:all .3s;width:100%;}
.product_list ul li h3 { font-size:.26rem;line-height:.68rem; text-align:center; box-sizing:border-box; padding:0 .2rem; display:block; font-weight:400;}
.product_list ul li .price { font-size:.26rem; text-align:center; color:#ff6700;font-family: 'SimSun'; font-weight:700;}


/*新闻样式*/
.m_xinwen_sec { padding:.4rem 0 0; overflow:hidden; background:url(../img/42_23022206.jpg);}
.m_news_list {display:block;}
.m_news_list ul li { overflow:hidden; padding:.2rem; background:#fff; margin-bottom:.2rem;}
.m_news_list ul li .image { width:28%; margin-right:.2rem; float:left;}
.m_news_list ul li .image img { width:100%;}
.m_news_list ul li .text { overflow:hidden;}
.m_news_list ul li .text strong { font-size:.3rem; color:#333; font-weight:400; display:block;}
.m_news_list ul li .text p { margin:.16rem 0; font-size:.24rem; color:#999;}
.m_xinwen_sec .i_more { background: #fff;padding: .3rem 0;}

/*关于我们*/
.gywm_sec {padding: .4rem .16rem;background:url(../img/42_23022206.jpg);}
.gywm_sec .image { width:100%; margin:.4rem 0 .3rem;}
.gywm_sec .image img { width:100%;}
.gywm_sec .text p { line-height:.5rem; font-size:.24rem; color:#888;}

/*底部样式*/
.m_footer_menu { height:.8rem;position: fixed; z-index:6059; width:100%; box-sizing: border-box;background:#fff; bottom:0; left:0; display:block; display:block; border-top:1px solid #ddd;}
.m_footer_menu ul li { float:left; width:20%; text-align:center;display: flex;align-items: center;justify-content: center;height: .8rem; box-sizing:border-box;}
.m_footer_menu ul li img { width:.4rem;}
.m_footer_menu ul li span { display:block; font-size:.22rem; color:#666;font-family: 'SimSun'; margin-top:.04rem;}

.sell_show_list { overflow:hidden; background:#f5f5f5; padding:.2rem;}
.sell_show_list ul li { float:left; width:49%; margin:0 2% 1% 0; background:#fff; border:1px solid #eee; border-radius:.1rem; box-sizing:border-box; overflow:hidden;}
.sell_show_list ul li:nth-child(2n+2) { margin-right:0;}
.sell_show_list ul li .image { width:100%; overflow:hidden;}
.sell_show_list ul li .image img { width:100%;}
.sell_show_list ul li .text { padding:.2rem;}
.sell_show_list ul li h3 { font-size:.26rem; line-height:.3rem; color:#222; display:block;font-weight:400;}
.sell_show_list ul li .price { font-size:.3rem; color:#ff0000; font-weight:700; margin-top:.1rem;}

.m_news_show_list {display:block;}
.m_news_show_list ul li { overflow:hidden; padding:.2rem; background:#fff; border-top:.1rem solid #f5f5f5;}
.m_news_show_list ul li .text { overflow:hidden;}
.m_news_show_list ul li .text strong { font-size:.3rem; color:#333; font-weight:400; display:block;}
.m_news_show_list ul li .text p { margin:.16rem 0; font-size:.24rem; color:#999;}

.show_mian_sec { padding:.2rem;}
.show_mian_sec_title { font-size: .4rem;color: #333;text-align: center;padding: .1rem 0 .3rem; font-weight:700;}
.show_mian_sec_info { color: #999;height: .6rem;line-height: .6rem;overflow: hidden;text-align: center;margin-bottom: .2rem;border-bottom: 1px dashed #ddd; font-size:.24rem;}

.contact_show_l { display:flex; flex-wrap:wrap; padding:.2rem;}
.contact_show_l li { width:49%; background:#f8f8f8; margin-right:2%; text-align:center; font-size:.26rem; box-sizing:border-box; padding: .3rem .2rem; display: flex;align-items: center;justify-content: center;}
.contact_show_l li:nth-child(2n+2) { margin-right:0;}
.contact_show_l li:nth-child(1n+3) { margin-top:2%;}
.contact_show_l li img { width:.56rem;}
.contact_show_l li span { color:#333; display:block; margin:.2rem 0;}
.contact_show_l li p { color:#ff6700;}
.contact_show_map { width:100%; padding:.2rem; box-sizing:border-box;}
.contact_show_map iframe { width:100%; height:300px;}

.nei_title { padding-bottom: .1rem;margin: .2rem 0;border-bottom: 1px solid #ddd; overflow:hidden; line-height:.5rem;}
.nei_title strong { font-size:.3rem; font-weight:400; color:#333;}

.m_sell_info { background:#fff; padding:.2rem; border-bottom:.2rem solid #f5f5f5;}
.m_sell_info .m_sell_info_price { font-size:.5rem; color:#ff0000;}
.m_sell_info .m_sell_info_price i { font-size:.22rem;}
.m_sell_info h3 { font-size:.32rem; color:#222;line-height: .5rem; display:block;}

.m_sell_canshu { background:#fff; padding:.2rem; border-bottom:.2rem solid #f5f5f5;}
.m_sell_canshu p { line-height:.6rem; color:#666; font-size:.28rem;}
.m_sell_canshu .m_sell_canshu_btn { line-height:.74rem; display:block; background:#ff9900; color:#fff; border-radius:3px; font-size:.3rem; font-weight:700; text-align:center; width:3rem; margin:0 auto;}

.m_sell_content { background:#fff; padding:0 .2rem;}
.m_sell_content_title { height:.8rem; line-height:.8rem; text-align:center; border-bottom:1px solid #eee; margin-bottom:.3rem;} 
.m_sell_content_title strong { border-bottom:2px solid #ff9900;line-height: .6rem;display: inline-block; font-size:.28rem; color:#222;}