@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{padding:0px; margin:0px}
body{font-size:100px;}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;}
.trans{transition: all .3s ease-in;}
html{width:100%;min-height:100%;}
body{width:100%;min-height:100%;max-width:640px;min-width:320px;margin:0 auto;font: .24rem/1.6 "lucida Grande",Verdana,"Microsoft YaHei Light","Microsoft YaHei";color: #666;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;position: relative;}
body:before, body:after{content:""; width:100%; display:block;}
body:before{height: 1.5rem;}
img{border:0px;}
em{font-style:normal;}
s,i{font-style: normal;}
ul, ol{list-style-type:none;}
li{list-style: none outside none;}
strong,b{font-weight: normal;}
/*表单*/
input,button,select,textarea{outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important;}
table{border-collapse:collapse; border-spacing:0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
/*公用样式*/
.layout{position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity:1;}
.blue{color:#28a5f4;}
/*链接*/
a, a:link, a:visited, a:hover, a:active{color:#666;text-decoration: none;}
a:focus{outline:none;}
a:hover, a:active{color:#333333; outline:none;}
/*标题*/
h1, h2, h3, h4, h5, h6, h7{font-weight: normal;}
/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
.clear,.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
.wrapper{width:100%;}
.index,.floor{width:100%;max-width:640px;min-width: 320px;margin:0 auto;}
.index{padding-top:0;position: relative;}
/*==========@@公共模块 开始@@==========*/
.header{position:relative;}
#top_main{width: 100%;height: 1.5rem;z-index: 300;position: fixed;top: 0px;left: 0px;}
.head_top{position: relative;max-width: 640px;min-width: 320px;width: 100%;height: .5rem;margin: 0 auto;background-color: var(--color);text-align: center;line-height: .5rem;z-index: 1;}
.head_top .top_tel{display: inline-block;color: #fff;font-size: .24rem;}
.head_top .top_tel .fa{font-size: .3rem;margin-right: .1rem;vertical-align: middle;}
#top{max-width: 640px;min-width: 320px;height: 1rem;margin: 0px auto;position: relative;background: #fff;box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);}
#top .logo{float: left;display: block;padding-top: .1rem;margin-left: .1rem;}
#top .logo a{display:block;}
#top .logo img{height: .8rem;vertical-align: top;}
#top .topsearch{display: flex;position: absolute;right: .8rem;top: 0;text-align: center;cursor: pointer;width: .9rem;height: .5rem;margin: .25rem auto;z-index: 6;align-items: center;justify-content: center;}
#top .topsearch span{position: relative;display:block;width: .3rem;height: .3rem;border: .035rem solid var(--color);border-radius: 50%;}
#top .topsearch span:before{content:' ';position: absolute;right: -29%;bottom: -13%;width: .1rem;height: .035rem;background: var(--color);border-radius: .03rem;transform: rotate(45deg);}
#top_main .tsearch{background: #f2f2f2;width: 100%;margin: 0 auto;height: 1rem;position: absolute;left: 0;top: 1rem;padding-top: .2rem;display: none;z-index: 999;}
#top_main .tsearch input{-webkit-appearance: none;}
#top_main .tsearch .txt{border: none;width: 80%;height: 0.65rem;line-height: 0.65rem;margin-left: 4%;color: #666;font-size: 0.22rem;background: #fff;text-indent: 3%;border-top-left-radius: .3rem;border-bottom-left-radius: .3rem;}
#top_main .tsearch .sbtn{cursor: pointer;border: none;font-size: 0.24rem;width: 0.8rem;height: 0.65rem;text-align: center;background: var(--color);color: #fff;border-radius: 0 .3rem  .3rem 0;vertical-align: middle;}
#top #nav{position: absolute;top: 50%;right: .3rem;width: .35rem;transform: translateY(-50%);cursor: pointer;z-index: 6;}
#top #nav span,#top #nav:after,#top #nav:before{display: block;height: .035rem;background: var(--color);border-radius: .03rem;transition: all .5s;}
#top #nav span{width: 50%;margin: .1rem auto;margin-right: 0;}
#top #nav:after,#top #nav:before{content: '';transform-origin: -5%;}
#top #nav.cur span{opacity: 0;}
#top #nav.cur:after{transform: rotate(-45deg);}
#top #nav.cur:before{transform: rotate(45deg);}
/*subNav*/
.subNav{position: fixed;width: 100%;height: 100%;top: 1.5rem;z-index: 999;max-width: 640px;min-width: 320px;background: var(--color);display: none;}
.subNavCon{height: 100%;padding-bottom: 2rem;overflow-x: hidden;}
.subNav .closrbox{width:20%;height:0.5rem;line-height:.5rem;background:#fff;position:absolute;right:2%;top:-5%;}
.subNav li{width: 100%;display: block;line-height: .8rem;margin: 0 auto;position: relative;border-top: .01rem solid rgba(0,0,0,.1);}
.subNav li i{float: right;height: .8rem;width: .8rem;position: relative;z-index: 1;cursor: pointer;transition: all .5s;}
.subNav li i:after{content:" ";position: absolute;top: .32rem;left: .25rem;width: .15rem;height: .15rem;border: .02rem solid #fff;border-style: solid solid none none;transform: rotate(45deg);}
.subNav .sub{width: 100%;display: none;}
.subNav .sub a{font-size: .24rem;line-height: .65rem;border-top: .01rem solid rgba(0,0,0,.1);margin-right: 0;background-color: rgba(0,0,0,.2);}
.subNav li a{display: block;color: #fff;font-size: .28rem;padding: 0 .2rem;margin-right: .8rem;}
.subNav li.open i {transform: rotate(90deg);}
/*版权信息*/
.footer_main{width:100%;color: rgb(255, 255, 255, .5);text-align: center;padding: .2rem;background: #232323;padding-bottom: 1.2rem;}
.footer_main a{color: rgb(255, 255, 255, .5);}
/*返回顶部*/
.returntop{width: .8rem;height: .8rem;background: var(--color) url(../images/gotop.png) no-repeat center;background-size: .4rem;position: fixed;bottom:20%;right: 2%;cursor: pointer;z-index:99;border-radius: 50%;opacity: 0;transition: all .5s;}
.returntop.cur{opacity: .8;}
/*工具栏*/
.toolbar{position: fixed;bottom: -1.2rem;width: 100%;z-index: 888;height: 1.2rem;left: 0;opacity: 0;transform: scale(0);transition: all .5s;}
.toolbar.cur{bottom: 0;opacity: 1;transform: scale(1);}
.toolbar .box{width:100%;max-width:640px;min-width: 320px;margin: 0 auto;}
.toolbar .list{position: relative;display: flex;margin: .1rem;border-radius: 1rem;background: var(--color);box-shadow: 0 -8px 8px 0px rgb(0 0 0 / 10%);overflow: hidden;}
.toolbar .list:after{content: " ";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0,0,0,.2), transparent);opacity: .95;}
.toolbar .list li{position: relative;width: 25%;text-align: center;border-left: .01rem solid rgba(255,255,255,.22);z-index: 1;}
.toolbar .list li:first-child{border-left: 0;}
.toolbar .list a{display: flex;height: 1rem;color: #fff;font-size: .21rem;padding-top: .05rem;flex-direction: column;align-items: center;justify-content: center;}
.toolbar .list a .fa{font-size: .4rem;}
/*******************content*************/
/*内页样式*/
.content{width:100%;min-height: 7rem;padding: .2rem;background: #fff;}
/*栏目分类*/
.cateList{width: 100%;line-height: .81rem;text-align: center;background: var(--color);color: #fff;position: relative;}
.cateList .goBack{position: absolute;left: .1rem;top: 0;width: .8rem;font-size: .3rem;z-index: 12;}
.cateList h3{position:relative;font-size: .32rem;}
.cateList h3 s{position:absolute;top:0.34rem;right:.4rem;width: .25rem;height: .2rem;margin-left: .1rem;background-position: -1.16rem 0;display: none;}
.cateList .box{width: 100%;display: flex;padding: .2rem .2rem 0;z-index: 11;background: #fff;flex-wrap: wrap;}
.cateList .box a{position: relative;width: 33.13%;margin-right: 1px;margin-bottom: 1px;color: #444;font-size: .22rem;line-height: .6rem;text-align: center;padding: 0 .1rem;background: #f4f4f4;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateList .box a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent;border-bottom-color: #f4f4f4;border-width: .12rem;width: 0;height: 0;position: absolute;left: 50%;margin-left: -.12rem;bottom: 0;transition: all .5s;}
.cateList .box a:nth-child(3n){margin-right: 0;}
.cateList .box a.on{color: #fff;background: var(--color);}
.cateList .box a.on:after{border-bottom-color: #fff;}


.cateList1{width: 100%;line-height: 0.8rem;text-align: center;background: #f6f6f6;color: #666;position: relative;}
.cateList1 .goBack{width: .8rem;height: .8rem;padding-top: .23rem;position: absolute;left: .1rem;top: 0;z-index:12;}
.cateList1 .goBack:before{width: .4rem;height: .4rem;display: block;margin: 0 auto;background-position: -1.0rem -0.64rem;}
.cateList1 h3{position:relative;font-size: .3rem;}
.cateList1 h3 s{position:absolute;top:0.34rem;right:.4rem;width: .25rem;height: .2rem;margin-left: .1rem;background-position: -1.16rem 0;display: none;}
.cateList1 .box{width: 100%;padding: .2rem 3% .0;z-index: 11;background: #fff;display: none;border-bottom: 1px solid #e6e6e6;}
.cateList1 .box a{width: 32%;margin-right: 2%;margin-bottom: .15rem;line-height: .6rem;font-size: .24rem;text-align: center;display: block;float: left;border-radius: .05rem;border: .01rem solid #e6e6e6;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateList1 .box a:nth-child(3n){margin-right: 0;}
.cateList1 .box a.on{background: var(--colour1);border-color: var(--colour1);color: #fff;}
/*文章详情*/
.showInfo .showTit{line-height: .3rem;padding: .2rem 2% .1rem;border-bottom: 1px solid #f3f3f3;text-align: center;}
.showInfo .showTit h1{color: #333;font-size: .34rem;line-height: .45rem;}
.showInfo .showTit .mark{color: #999;font-size: .22rem;margin-top: .2rem;}
.showInfo .relateTit{line-height: .6rem;margin: .2rem 0;border-bottom: .01rem solid #e4e4e4;}
.showInfo .relateTit h3{color: #333;font-size: .28rem;display: inline-block;position: relative;}
.showInfo .relateTit h3 .line{width: 100%;height: .03rem;display: block;position: absolute;left: 0;bottom: -.02rem;background: var(--color);}
.showInfo .contxt{font-size: .24rem;line-height: .4rem;text-align: justify;}
.showInfo .contxt img{max-width: 100%; margin: 0px auto; height: auto !important; display: inline;}
.showInfo .contxt .biao td{padding:.09rem; border:1px solid #ccc; vertical-align:middle;WORD-WRAP: break-word;table-layout: fixed;word-break:break-all;}
/*内容分页*/
.reLink{margin: .2rem 0;}
.reLink .prevLink, .reLink .nextLink{display: block;font-size: .24rem;line-height: .6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e8e8e8;}
.reLink a{color: #666;}
/*查看更多*/
.moreBtn{width: 100%;margin: 2% auto 6%;display: block;background: var(--color);color: #fff;font-size: .22rem;line-height: .88rem;text-align: center;box-shadow: 0px 1px 1px rgba(0,0,0,0.1);transition: all .5s;}
.moreBtn a{display: block;color: #fff;}
.moreBtn:active, .moreBtn:hover{background: #333333;}
/*文章列表*/
.newsList .list{width: 100%;}
.newsList .item{padding: .2rem 0;overflow: hidden;position: relative;border-bottom: 1px solid #e5e5e5;}
.newsList .item:last-child{border:0px;}
.newsList .item a{width:100%;display: block;}
.newsList .item img{float: left;width: 1.85rem;height: 1.39rem;border: .01rem solid #eaeaea;margin-right: .2rem;object-fit: cover;}
.newsList .item h3{font-size: .26rem;line-height: .38rem;font-weight: normal;color: #434343;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsList .item .time{color: #999;font-size: .2rem;}
.newsList .item .txt{color: #666;font-size: .23rem;line-height: .35rem;height: .65rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList .item:hover h3{color:#333333;}
/*产品列表*/
.Prolist {padding: .2rem;}
.Prolist li{float: left;width: 48.5%;margin-right: 2.5%;margin-bottom: 2.5%;border: .01rem solid #eaeaea;box-sizing: border-box;}
.Prolist li:nth-child(2n){margin-right: 0;}
.Prolist li figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.Prolist li figure img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.Prolist li h3{color: #555;font-size: .22rem;line-height: .65rem;text-align: center;padding: 0 .1rem;background: #f6f6f6;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*图片列表*/
.Piclist {padding: .2rem;}
.Piclist li{float: left;width: 48.5%;margin-right: 2.5%;margin-bottom: 2.5%;border: .01rem solid #eaeaea;box-sizing: border-box;}
.Piclist li:nth-child(2n){margin-right: 0;}
.Piclist li figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.Piclist li figure img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.Piclist li h3{color: #555;font-size: .22rem;line-height: .65rem;text-align: center;padding: 0 .1rem;background: #f6f6f6;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Piclist li .btn{position: absolute;top: 50%;left: 50%;margin-top: -.4rem;margin-left: -.4rem;width: .8rem;height: .8rem;border-radius: 50%;background: rgba(0,0,0,.3);border: .03rem solid rgba(255,255,255,.8);box-shadow: 0 0 10px rgb(0 0 0 / 50%);transition: all .5s;}
.Piclist li .btn:before{content: " ";position: absolute;top: 50%;left: 50%;margin-top: -.25rem;margin-left: -.08rem;width: 0;height: 0;border-top: .25rem solid transparent;border-bottom: .25rem solid transparent;border-left: .3rem solid #fff;transition: all .5s;}
.Piclist li .btn:hover{background: rgba(0,0,0,.5);}
/*字体*/
@media only screen and (min-width:641px){html{font-size:100px;}}
@media only screen and (max-width:640px){html{font-size:100px;}}
@media only screen and (max-width:540px){html{font-size:84.375px;}}
@media only screen and (max-width:480px){html{font-size:75px;}}
@media only screen and (max-width:414px){html{font-size:64.6875px;}}
@media only screen and (max-width: 400px){html{font-size:62.5px;}}
@media only screen and (max-width: 375px){html{font-size:58.5938px;}}
@media only screen and (max-width: 360px){html{font-size:56.25px;}}
@media only screen and (max-width: 320px){html{font-size:50px;}}
/*播放器相关*/
:root {--plyr-color-main: var(--color);}
/*CSS3闪烁*/
.animation{;-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@keyframes twinkling {0% {-webkit-transform:scale(1);}50% {-webkit-transform:scale(1.12);}100% {-webkit-transform:scale(1);}}