@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.06rem;position: fixed; z-index:9090; width:100%; box-sizing: border-box;background:#fff; top:0; left:0; display:block; box-shadow: 0 0 .2rem rgb(0 0 0 / .3); display:block; padding:0 .2rem;}
.m_header i { font-size:.4rem;}
.m_header_logo { float:left;}
.m_header_logo { font-size:.36rem; text-align:center; color:#fff; line-height:1rem; font-weight:700;}
.m_header_logo a { display: flex;align-items: center;height:1.06rem;justify-content: center;}
.m_header_logo a img { height:.8rem;}

.m_header_r { position: absolute; top:0; padding:0 .2rem;display: flex;align-items: center;height:1.06rem;}
.m_header_r { right:0;z-index:10;}
.m_header_r i { width:24px; height:2px; background:#1a49a4; display:block; transition:all .3s; opacity:1;transform-origin: left;}
.m_header_r i.i_2 { margin:6px 0;}
.m_header_r.on i.i_2 { opacity:0;}
.m_header_r.on i.i_1 { transform: rotate(42deg);}
.m_header_r.on i.i_3 { transform: rotate(-42deg);}
.m_header_r em { display:inline-block; width:.5rem; height:.5rem; background: url(../img/7-202207250900.png) no-repeat 0 -1.24rem;background-size: 2.6rem; margin-right:.4rem;}
.m_header_nav { position:fixed; top:0; left:0; background:#1a49a4; width:100%; height: 100%;z-index:6060; transform:translate(100%,0); transition:all .5s; padding-top:1.8rem; box-sizing:border-box;display:block;}
.m_header_nav.on { transform:translate(0,0);}
.m_header_nav ul li { line-height:1rem; border-bottom:1px solid #ffffff; font-size:.38rem; margin:0 20%; text-align:center;}
.m_header_nav ul li a { color:#fff;}


.m_header_menu { display:block; background:#1a49a4; overflow:hidden;}
.m_header_menu ul li { float:left; width:25%; line-height:.78rem; height:.78rem; text-align:center; font-size:.26rem; box-sizing:border-box; border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.m_header_menu ul li:nth-child(4n+4) { border-right:none;}
.m_header_menu ul li a { color:#fff;}
.m_header_search { position: absolute;top: 1.04rem;left: 0;padding:.2rem .3rem;background: #f2f2f2;width: 100%;box-sizing: border-box; display:none;}
.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:#fff; color:#999; width:100%; height:.72rem; border-radius:.4rem 0 0 .4rem; box-sizing:border-box;outline:none;}
.m_header_search ul li.li_2 { width:20%;}
.m_header_search ul li.li_2 button { border:none;padding:0 .4rem; background:#1a49a4; color:#fff; border:1px solid #1a49a4; border-radius:0 .4rem .4rem 0; height:.72rem; box-sizing:border-box; margin:0;}
.m_header_search ul li.li_2 button i { font-size:18px;}


.m_meun_top { height:1rem; background:#f5f5f5; position:relative;}
.m_meun_top_title { font-size:.32rem; color:#1a49a4;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:#1a49a4;}
.m_meun_top_l { left:0;}
.m_meun_top_r { right:0;}


.m_meun_top ul { position:absolute; top:1rem; overflow:hidden; background:#fff; box-sizing:border-box; padding:.2rem; width:100%;box-shadow: 0 .1rem .2rem rgb(0 0 0 / .1); display:none;}
.m_meun_top ul strong { font-size:.3rem; color:#1a49a4; display:block; margin-bottom:.1rem; text-align:center;}
.m_meun_top ul li { float:left; width:32%; margin:2% 2% 0 0; border:1px solid #ddd; box-sizing:border-box; text-align:center; line-height:.7rem; font-size:.26rem;}
.m_meun_top ul li a { color:#666;}
.m_meun_top ul li:nth-child(3n+4) { margin-right:0;}

/*标题样式*/
.i_title { line-height:.8rem;font-size:.38rem; display: flex;align-items: center;justify-content: center;}
.i_title strong { display:inline-block; color:#1a49a4; margin:0 .4rem;}
.i_title:before,
.i_title:after { content:''; display:block; width:26%; height:1px; background:#ddd;}
.i_more { margin-top:.2rem;}
.i_more a { width: 100%;height: .88rem;line-height:.88rem;margin: 0 auto;display: block;text-align: center;border: 1px solid #ddd; font-size:.3rem;}

/*幻灯*/
.banner_swiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.banner_swiper .swiper-slide a { display: flex;align-items: center;justify-content: center; height:4rem; overflow:hidden;}
.banner_swiper .swiper-slide img { height:4rem; width:auto;}
.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:10px; height:10px; margin:0 .1rem; border-radius:0; background:#fff; float:left;}
.banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#1a49a4;}

/*产品样式*/
.product_sec {padding: .4rem .16rem;background:#fff;}
.product_cat {margin: 0 0 .3rem;overflow:hidden;}
.product_cat ul li { float:left; width:32%; line-height:.56rem; text-align:center; margin:2% 2% 0 0; font-size:.26rem; background:#1a49a4;}
.product_cat ul li:nth-child(3n+3) { margin-right:0;}
.product_cat ul li a { color:#fff;}
.product_list { overflow:hidden;}
.product_list ul { }
.product_list ul li { float:left; width:48.5%; margin:3% 3% 0 0; box-sizing:border-box; border:1px solid #e6e6e6;}
.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%;padding-top:100%; overflow:hidden;position: relative;}
.product_list ul li .image img { width: 100%;height: 100%;position: absolute;top: 0;}
.product_list ul li p { font-size:.28rem;line-height:.68rem; text-align:center; box-sizing:border-box; padding:0 .2rem;}

/*公司简介*/
.m_gsjj_sec { padding:.4rem .16rem; overflow:hidden; background:#fff;}
.m_gsjj_sec .image { width:100%; background:#fff; padding:.2rem; box-sizing:border-box;}
.m_gsjj_sec .image img { width:100%;}
.m_gsjj_sec .text h5 { display:block;font-size: .4rem;padding-top: .5rem;color: #333;line-height: .5rem;}
.m_gsjj_sec .text p { color: #666;line-height: .5rem; padding:.4rem 0 .3rem; font-size:.28rem;}
.m_gsjj_sec .i_more a { color:#fff;height: .8rem;line-height:.8rem;background:#1a49a4; border:1px solid #1a49a4;}

/*公司优势*/
.m_gsys_sec { padding:.6rem 0 .4rem; overflow: hidden;}
.m_gsys_title { text-align:center; background:#1a49a4; padding-top:.4rem; position:relative;height: 2rem;}
.m_gsys_title:before { content: "";display: inline-block;border-style: solid;border-width: .8rem 4rem .8rem 4rem;border-color: #1a49a4 transparent transparent transparent;transform: translate(-50%,0);position: absolute;left: 50%;top: 2.38rem;}
.m_gsys_title h3 { font-size:.56rem; color:#fff; display:block;}
.m_gsys_title span { font-size:.22rem; color:#333; line-height:.4rem; display:inline-block; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; margin:.16rem 0 .06rem;}
.m_gsys_title p { color:#333;font-size:.44rem;}

.m_gsys_sec ul { padding: 1.6rem .2rem .4rem;}
.m_gsys_sec ul li { }
.m_gsys_sec ul li img { width:100%;}
.m_gsys_sec ul li .text { line-height:.38rem;}
.m_gsys_sec ul li .text h3,
.m_gsys_sec ul li .text h5 { display:block;}
.m_gsys_sec ul li .text h3 { font-size:.42rem; color:#1a49a4; line-height:.64rem;}
.m_gsys_sec ul li .text h3 i { display:inline-block; width:.6rem; height:.6rem; line-height:.6rem; text-align:center; background:#1a49a4; border-radius:50%; float:left; color:#fff;margin: 0.04rem 0.16rem 0 0;}
.m_gsys_sec ul li .text h5 { font-size:.28rem; margin:.1rem 0; color:#333;}
.m_gsys_sec ul li .text p { font-size:.24rem; color:#666; margin-top:.1rem}


/*优秀案例*/
.photo_sec { padding:.4rem .16rem; background:#1a49a4; overflow:hidden;}
.photo_sec .i_title strong { color:#fff;}
.photo_swiper { overflow:hidden; margin-top:.4rem;}
.photo_swiper .swiper-slide a { display:block; box-sizing:border-box; background:#fff; padding:.16rem; text-align:center;}
.photo_swiper .swiper-slide .image { width:100%;}
.photo_swiper .swiper-slide .image img { width:100%;}
.photo_swiper .swiper-slide h2 { font-size:.28rem; color:#333; font-weight:400; line-height:.6rem;}
.photo_swiper .swiper-slide p { font-size:.24rem; color:#999; line-height:.38rem; height:1.14rem; overflow:hidden;}
.photo_swiper .photo_menu { width:100%; text-align:center; margin-top:.4rem;}
.photo_swiper .photo_menu ul { display:inline-block;}
.photo_swiper .photo_menu span { display:block; width:10px; height:10px; margin:0 .1rem; border-radius:50%; background:#fff; float:left;}
.photo_swiper .photo_menu span.swiper-pagination-bullet-active { background:#ffffff;}
.photo_sec .i_more a { background:#fff;}


/*新闻样式*/
.m_xinwen_sec { padding:.4rem .16rem; overflow:hidden; background:#fff;}
.m_news_list {display:block;}
.m_news_list ul li { overflow:hidden; padding:.2rem 0;}
.m_news_list ul li:nth-child(1n+2) { border-top:1px solid #eee;}
.m_news_list ul li .image { width:35%; margin-right:.4rem; 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_news_list ul li .text span { display:block;font-size:.24rem; color:#999; line-height:.4rem}
.m_news_list ul li .text span em { float:right; color:#1a49a4; font-size:.22rem;}

/*底部样式*/
.m_footer_sec { display:block;text-align: center;padding: .2rem;color: #666;background: #f6f6f6;border-top: 1px solid #ddd; font-size:.26rem;line-height: .4rem;}
.m_footer_menu { height:1.22rem;position: fixed; z-index:9090; width:100%; box-sizing: border-box;background:#1a49a4; bottom:0; left:0; display:block; display:block;}
.m_footer_menu ul li { float:left; width:25%; text-align:center;display: flex;align-items: center;justify-content: center;height: 1.22rem; border-right:1px solid #ffffff; box-sizing:border-box;}
.m_footer_menu ul li i { margin: 0 auto;width: .4rem;height:.42rem;display: block; background:url(../img/7-202207250900.png) no-repeat;background-size: 2.8rem auto;}
.m_footer_menu ul li span { display:block; font-size:.28rem; color:#fff; margin-top:.1rem;}
.m_footer_menu ul li.li_1 i { background-position: -.89rem -.21rem}
.m_footer_menu ul li.li_2 i { background-position: 0 -.21rem}
.m_footer_menu ul li.li_3 i { background-position: -.42rem -.21rem}
.m_footer_menu ul li.li_4 i { background-position: -1.39rem -.21rem}

/*微信弹窗*/
.black_overlay{display:none;position: fixed;top:0%;left:0%;width:100%;height:100%;background:black;z-index:1001;-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60);}
.blank_content{display:none;position:fixed;top:50%;left:10%;width:80%;background: rgb(255 255 255/.9);z-index:1002;border-radius:.1rem;padding:.5rem 0; text-align:center;transform: translate(0, -50%);}
.blank_content strong {line-height:.8rem;clear:both;font-size:18px;padding:0px .1rem 0px .2rem;color:#111; display:block;}
.blank_content p{line-height: 28px;padding:0;margin:0; color:#999;font-size:.28rem}
.blank_content span.gb { float:right; width:.3rem; height:.3rem; position: absolute;top:.2rem; right:.2rem;}
.blank_content span.gb img { width:100%;}
.blank_content .weix img { width:2.6rem;}
.blank_content span.zdl { margin-top:.3rem; display:block;}
.blank_content span.zdl a { display: inline-block;padding: .16rem .6rem;background: #1a49a4;color: #fff;border-radius: .1rem; font-size: .3rem; }

.sell_show_list { overflow:hidden; padding:.2rem;}
.sell_show_list ul li { float:left; width:49%; margin:0 2% 1% 0;}
.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 p { font-size:.26rem; line-height:.3rem; text-align:center; color:#666; margin:.2rem 0;}

.m_news_show_list { padding:.2rem;}
.m_news_list.m_news_show_list ul li:nth-child(1n+2) {border-top: 1px dashed #ddd;}

.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_map { width:100%; padding:10px; 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;}