@charset "UTF-8";
@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-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;}
.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;}

/*头部 THE*/

.m_guding { position:relative; padding-top:1rem;}

.header_top { height:1rem; background:rgb(255 255 255/.1); border-bottom:1px solid rgb(255 255 255/.3); width:100%;z-index:9011;}
.header_top_l { float:left;position:relative; z-index:1;}
.header_top_r { float:right;position:relative; z-index:1;}
.header_top_l a,
.header_top_r a { display:block; height:1rem; line-height:1rem; font-size:.4rem; color:#fff; padding:0 .2rem;}
.header_top_logo { position: absolute; top: 0; left: 0; padding:0 .5rem; width:100%; box-sizing:border-box;}
.header_top_logo a { height:1rem;display: flex;align-items: center;justify-content: center;}
.header_top_logo a img { height:.7rem;filter: grayscale(1000%) brightness(1000%);}

.header_top.on { position: fixed; background:#fff; border-bottom:1px solid #eee;animation: fade-in-top .5s ease;}
.header_top.on .header_top_l a,
.header_top.on .header_top_r a { color:#121212;}
.header_top.on .header_top_logo a img { filter:none;}

.header_top.ding { background:#fff; border-bottom:1px solid #eee;}
.header_top.ding .header_top_l a,
.header_top.ding .header_top_r a { color:#121212;}
.header_top.ding .header_top_logo a img { filter:none;}



.header_top_menu_mask { background: rgb(21 37 62 /.9);width:100%; height:100%;  position: fixed; top:0; left:0; z-index:9010; box-sizing:border-box; display:none;}
.header_top_menu { position: fixed; top:0; left:50%; z-index:9010; padding-top:2rem; box-sizing:border-box; display:none;transform: translate(-50%, 0);}
.header_top_menu li { text-align:center; line-height:.8rem; font-size:.32rem;}
.header_top_menu li a { color:#fff;}





.banner_swiper { z-index:9009; width:100%;}
.banner_swiper .swiper-slide { width:100%;}
.banner_swiper .swiper-slide img { width:100%; height: 150px;}


.index_title { height:.7rem;line-height:.7rem;margin: 0.2rem 0;}
.index_title strong { font-size:.36rem; font-weight:300; color:#333; text-align:center;display:block}


.rmtj_sec { padding: 0 .2rem; overflow:hidden;}
.rmtj_sec ul li {width:100%; height:4.5rem; overflow:hidden; position:relative;margin-top:.2rem}
.rmtj_sec ul li:nth-child(1){margin-top:0;}
.rmtj_sec ul li .image { width:100%;height:4.5rem}
.rmtj_sec ul li .image img {width:100%;transform: translate(0, -50%); position:absolute; left:0; top:50%;border-radius:.2rem .2rem 0 0}
.rmtj_sec ul li .text { width:90%; height:3rem; background:#fff; position:absolute; right:.2rem; bottom:.2rem; padding:.6rem 0 0 .5rem; box-sizing:border-box;opacity: 0.7;}
.rmtj_sec ul li .text h3 { height: .6rem;line-height: .6rem;position: absolute;right: 0;top: -.4rem;color: #fff;text-align: center;text-transform: uppercase;padding: 0 .2rem;font-weight:400;background-color: rgba(85,111,181,.75); font-size:.24rem;}
.rmtj_sec ul li:nth-child(1n+2) .text h3 { background-color: rgba(248,181,81,.75);}
.rmtj_sec ul li .text strong { font-size:.32rem; font-weight:400;line-height:.44rem;}
.rmtj_sec ul li .text span { display:block; font-size:.32rem; margin-top:.15rem;}
.rmtj_sec ul li .text p { font-size:.24rem;color:#a5a5a5;line-height:.48rem;}
.rmtj_sec ul li .text p:before { content:''; display:block; width:.6rem; height:1px; background:#cdcdcd; margin:.48rem 0 .2rem;}
.rmtj_sec ul li .text p i { margin-right:.3rem; display:inline-block;}
.rmtj_sec ul li .text p em { float:left; margin-right:.1rem; font-size:.3rem;}

.gzsjs_sec { padding: 0 .2rem;overflow:hidden; }
.gzsjs_sec .image {width:100%;}
.gzsjs_sec .image img { width:100%;}
.gzsjs_sec .text { overflow:hidden; background:white;font-size:.26rem; line-height:.6rem;text-indent: 2em; color:#121212;padding:.2rem;border-radius:.1rem;}

.sheji_list { padding: 0 .2rem; overflow:hidden;}
.sheji_list ul li.frist { background:#fff;float:none;width:100%;padding:0%;margin-bottom:.2rem}
.sheji_list ul li.frist .image{height:4rem;}
.sheji_list ul li { background:#fff;float:left;width:49%;margin-bottom:.2rem;border-radius:.1rem}
.sheji_list ul li:nth-child(odd){float:left;}
.sheji_list ul li:nth-child(even){float:right;}
.sheji_list ul li .image { width:100%; height:2.6rem; overflow:hidden; position:relative;border-radius:.1rem .1rem 0 0 }
.sheji_list ul li .image img { width:100%;transform: translate(0, -50%); position:absolute; left:0; top:50%;}
.sheji_list ul li .text { padding:.2rem .2rem; position:relative;}
.sheji_list ul li .text h3 { height: .6rem;line-height: .6rem;position: absolute;right: 0;top: -.4rem;color: #fff;text-align: center;text-transform: uppercase;padding: 0 .2rem;font-weight:400;background-color: rgba(85,111,181,.75); font-size:.26rem;}
.sheji_list ul li:nth-child(2n+3) .text h3 { background-color: rgba(248,181,81,.75);}
.sheji_list ul li .text strong { font-size:.28rem; font-weight:400; display:block;height:.8rem;overflow:hidden}
.sheji_list ul li .text span { display:block; font-size:.32rem; margin-top:.16rem;}
.sheji_list ul li .text p { font-size:.24rem;color:#a5a5a5;line-height:.48rem;}
.sheji_list ul li .text p:before { content:''; display:block; width:.6rem; height:1px; background:#cdcdcd; margin:.3rem 0 .2rem;}
.sheji_list ul li .text p i { margin-right:.3rem; display:inline-block;}
.sheji_list ul li .text p em { float:left; margin-right:.1rem; font-size:.3rem;}

.hyzx_sec { padding: 0 .2rem;}
.hyzx_sec ul li { background:#fff; box-sizing:border-box; padding:.4rem .4rem .6rem;}
.hyzx_sec ul li:nth-child(1n+2) { margin-top:.2rem;}
.hyzx_sec ul li span { display:block;font-size: .26rem;color: #bebebe;text-align: right;text-transform: uppercase;}
.hyzx_sec ul li h3 { font-size: .3rem;color: #222;margin-top: .3rem; font-weight:400;} 
.hyzx_sec ul li p { color: #999;font-size: .24rem;margin-top: .2rem;}

.footer_sec { padding:.2rem; background:#fff; margin-top:.2rem; text-align:center;}
.footer_sec p { font-size:.24rem; color:#888; line-height:.44rem;}

.introduce_bj { width:100%; height:5rem; text-align:center; position:relative; background:url(../img/202203231051.jpg) no-repeat center;}
.introduce_bj p { font-size:.4rem; color:#fff; position:absolute; top:50%; left:50%;font-weight: 100;transform: translate(-50%, -50%);}


.xinwen_list { }
.xinwen_list dd { position:relative;}
.xinwen_list dd:nth-child(1n+2) { margin-top:.2rem;}
.xinwen_list dd .image { width:100%; overflow:hidden;}
.xinwen_list dd .image img { width:100%;}
.xinwen_list dd .text { position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; color:#fff; padding:.4rem;}
.xinwen_list dd .text strong { font-size:.34rem; font-weight:400;}
.xinwen_list dd .text span { display:block; font-size:.34rem; margin-top:.14rem;}
.xinwen_list dd .text p { font-size:.26rem;line-height:.48rem;}
.xinwen_list dd .text p:before { content:''; display:block; width:.6rem; height:1px; background:#fff; margin:.5rem 0 .2rem;}
.xinwen_list dd .text p i { margin-right:.3rem; display:inline-block;}
.xinwen_list dd .text p em { float:left; margin-right:.1rem; font-size:.3rem;}


.xinwen_show { background:#fff;}

.xinwen_show_title { background:url(../img/202203231450.jpg) no-repeat center; height:4rem; background-size: 100% 100%; position:relative;}
.xinwen_show_title:before { content:''; display:block; width:100%; height:100%; background:rgb(0 0 0/.6); position:absolute; top:0; left:0;}
.xinwen_show_title span { display:inline-block;color:#fff; position:absolute; top:50%; left:50%;font-weight: 100;transform: translate(-50%, -50%);text-align:center; width:100%; box-sizing:border-box; padding:0 .3rem;}
.xinwen_show_title span strong { display:block; font-size:.4rem; font-weight:300;}
.xinwen_show_title span p { font-size:.26rem; margin-top:.3rem; font-weight:700;}

.xinwen_show_content { margin:.4rem .2rem .2rem;}

.photo_show { margin:.4rem .2rem .2rem;text-align:center;}
.photo_show a { display:inline-block; margin-top:.2rem;}
.photo_show a p { width: 100%; font-size:.24rem; line-height:.4rem;color: #666; box-sizing:border-box; margin-top:.1rem}
.photo_show a img { max-width:100%;}

.canshu_sec { padding:.2rem 0;line-height:.5rem;color:#999;overflow:hidden; width:100%;font-size:.24rem;border-top:#eee 1px solid;border-bottom:#eee 1px solid; text-align:left;}
.canshu_sec span { display:block; float:left; width:50%;color:#555}
.canshu_sec span i { display:inline-block;text-align: justify;text-align-last: justify; position:relative; padding-right:.2rem;color:#999}
.canshu_sec span i:after { content:":"; position:absolute;}


.dian_list dd { float:left; width:49%; background:#fff; margin-top:.2rem;}
.dian_list dd:nth-child(2n+2) { float:right;}
.dian_list dd .image { width:100%; overflow:hidden;}
.dian_list dd .image img { width:100%;}
.dian_list dd .text { padding:.2rem;}
.dian_list dd .text strong { font-size:.28rem; font-weight:400; display:block;}
.dian_list dd .text p { font-size:.24rem;line-height:.4rem;}
.dian_list dd .text p:before { content:''; display:block; width:.6rem; height:1px; background:#cdcdcd; margin:.5rem 0 .2rem;}
.dian_list dd .text p i { margin-right:.3rem; display:inline-block;}


.feilei { overflow:hidden;}
.feilei a { display:block; float:left; line-height:.5rem; width:23.5%; margin:0 2% 0 0; box-sizing:border-box; text-align:center; background:#fff; font-size:.22rem;}
.feilei a:nth-child(4n+4) { margin-right:0;}
.feilei a:nth-child(1n+5) { margin-top:2%;}
.feilei a.on { background:#ff9d00; color:#fff;}



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


.zxtj_list dl { }
.zxtj_list dl dd { width:49%;box-shadow: 0 0 12px rgb(0 0 0 / 5%); box-sizing:border-box; background:#fff; border-radius:5px;transform: translateY(0); transition:all .3s;margin-top:3%}
.zxtj_list dl dd:hover { transform: translateY(-5px);box-shadow: 0 0 12px rgb(0 0 0 / 12%);}
.zxtj_list dl dd:hover .text h3 a{color:#ff6600;}
.zxtj_list dl dd:nth-child(odd) { float:right}
.zxtj_list dl dd:nth-child(even) { float:left}
.zxtj_list dl dd .image { width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.zxtj_list dl dd .image a { height:2.7rem;display: flex;justify-content: center;align-items: center;}


.zxtj_list dl dd .image img { width:100%;vertical-align: bottom; transition:all .3s;}
.zxtj_list dl dd:hover .image img { transform: scale(1.08);}
.zxtj_list dl dd .text { padding:.1rem .2rem .2rem;}
.zxtj_list dl dd .text h3 { display:block; line-height:.6rem; color:#000; font-size:.28rem;font-weight:normal}
.zxtj_list dl dd .text h3 a{color:#000;}
.zxtj_list dl dd .text .hits { font-size:.28rem; color:#9fb0bd; line-height:20px; height:20px; margin-top:5px;display: flex;align-items: center; display:none}
.zxtj_list dl dd .text .hits em { display:inline-block; background: #dfe5e9; margin-right: 6px;padding: 0 5px;border-radius: 3px;font-size: 12px;}
.zxtj_list dl dd .text .hits i { margin:0 4px 0 6px; font-size:16px; font-weight:600;}
.zxtj_list dl dd .text .price { font-size:16px; color:#ff6600; line-height:20px; height:20px; margin-top:5px;display: flex;align-items: center;}
.zxtj_list dl dd .text .price i { margin:0 4px 0 0px; font-size:12px; font-weight:600;}
.zxtj_list dl dd .text .guangz { height:20px; line-height:20px; margin-top:10px; font-size:12px; color:#333;display: flex;align-items: center;}
.zxtj_list dl dd .text .guangz img { width:20px; height:20px; border-radius:20px; margin-right:10px;vertical-align: bottom;}
.zxtj_list dl dd .text .guangz i { font-size:18px; margin-left:auto; color:#ff6600;}
.zxtj_list dl dd .text .guangz a{color:#888;}
.zxtj_list dl dd .text .guangz .iconfont a{color:#ff6600;}
.zxtj_list dl dd .text .guangz:hover .iconfont a{color:#ff6600;font-weight:bold}


@keyframes fade-in-top {
  0%{
    transform: translateY(-1rem);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}





.Photo_mask_sec { position: fixed; top: 0;left: 0; right: 0; bottom: 0; background:rgb(0 0 0/.6); z-index:6060; display:none;}
.Photo_popup_sec { position: fixed; left: 5%; top:50%; width:90%; background:#fff; z-index:6061; border-radius:.2rem; box-sizing:border-box; transform:translate(0,-50%); padding:.4rem; display:none;}
.Photo_popup_sec strong { font-size:.3rem; display:block; margin-bottom:.3rem; font-weight:400; line-height:.5rem;}
.Photo_popup_sec strong .Photo_popup_off { float:right; font-size:.5rem; cursor:pointer;}

.Photo_popup_sec input { height: .7rem;font-size: .26rem;padding: 0 .1rem;border: 1px solid #ddd;color: #666;border-radius: 4px; width:100%; box-sizing:border-box;outline:none}
.Photo_popup_sec textarea {line-height: .5rem;font-size: .26rem;padding: .1rem;border: 1px solid #ddd;color: #666;border-radius: 4px; width:100%; box-sizing:border-box; height:1.8rem;outline:none}
.Photo_popup_sec ul li { display:flex; margin-bottom:.2rem;overflow:hidden}
.Photo_popup_sec ul li span { width:80px; font-size:.26rem; color:#333; line-height:.7rem;}
.Photo_popup_sec ul li span i{color:red;}
.Photo_popup_sec ul li p { font-size:.22rem; line-height:.4rem; color:#666;}
.Photo_popup_sec ul li p a { color:#f70;}
.Photo_popup_sec ul li.Photo_popup_btn { justify-content: center;}
.Photo_popup_sec ul li button{display:inline-block;height:.76rem;line-height:.76rem;border-radius:8px;font-size:.3rem;cursor:pointer;background-image:linear-gradient(90deg ,#f70 20%,#ff6300 80%);color:#fff;border:1px solid #f670; padding:0;}

.Photo_popup_sec ul li.va { display:block; margin-bottom:.2rem;position:relative}
.Photo_popup_sec ul li.va span{float:left;}
.Photo_popup_sec ul li.va a.sendcode{display: block;background:#78d6d6;color:white;height:.7rem;line-height:.7rem;width:1.8rem;border-radius:0 4px 4px 0;cursor:pointer;text-align:center;font-size:.26rem;float:right}
.Photo_popup_sec .duanxyanz { display:flex;}
.Photo_popup_sec .duanxyanz input { flex:1; border-radius:4px 0 0 4px;}






