@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:0.14rem; color:#666666; font-family:"微软雅黑"; min-width:12rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
@-webkit-keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
@-moz-keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
@-o-keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
@keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
.fl{float:left;}
.fr{float:right}
.wd1200{width:12rem;margin: 0 auto;height: auto}
#titbj{float:left;height:0.40rem;width:100%;border-bottom: 1px solid #eee;background: #f5f5f5;}
#titbj h1,#titbj .h1{float: left;width: 70%;height:0.4rem;line-height:0.4rem;font-size:0.14rem;font-weight:normal;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#titbj a{float: right;margin-top: 0.1rem;color: #999999;padding: 0 0.2rem;}
#titbj a.contact{border-left: 1px solid #e4e4e4;}
#titbj a:hover{color:#333}
.top {padding: 0.1rem 0;height: 0.9rem;width: 100%;float:left;}
.top .logo{display: block;padding-right: 10px;height: 0.8rem;}
.top .logo a img{display: block;height: 100%;width: auto;}
.top .logo a{display: block;height: 100%; width: auto;}
.top .logo_2{display: block;height: 0.7rem;padding: 0.1rem 0 0 0.2rem;/* border-left: 1px solid #e7e7e7; */background: url(../pic/head_line.png) no-repeat left center;}
.top .logo_2 strong{display: block;font-size: 0.26rem;line-height: 0.32rem;color: #333;max-width: 4.75rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 3.6rem;}
.top .logo_2 p{display: block;font-size: 0.16rem;line-height: 0.24rem;color: #666;padding-top: 0.06rem;max-width: 4.75rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{width: 2.2rem;height: 0.8rem;display: block;overflow: hidden;background: url(../pic/tel.png) no-repeat 0px 0.08rem;padding-left: 0.57rem;margin-top: 0.18rem;background-size: 0.5rem;}
.top .top_tel i{float:left;width: 1.84rem;display: block;color: #777;font-style: normal;}
.top .top_tel p{font-size: 0.3rem;color: #0346ba;line-height:0.28rem;height: 0.32rem;float:left;margin-top: 0.05rem;font-weight:bold;width: 2.34rem;overflow: hidden;}
.top .top_tel p span{font-size: 0.16rem;display: block;line-height: 0.22rem; font-weight:normal}

/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 0.6rem;background: #0346ba;float: left;color:#fff;padding: 0 0 0 0;}
.index-nav-frame{width: 12rem;margin: 0 auto;height: 0.6rem;}
.Nptline{z-index: 9999999;width: 1.69rem;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 0.6rem;line-height: 0.6rem;text-align: center;font-size: 0.16rem;background: #0346ba;margin-left: 0.02rem;}
.Nptline.active{background: #0346ba;}
.Nptline:after{position:absolute;content:"";bottom:0;width:0;height:0.02rem;background:#fff;left:0}
.Nptline:hover:after{width:100% }
.Nptline:hover .Nptcenter{height:auto;opacity: 1;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.Nptline a{color:#fff;}
.Nptcenter{width: 1.69rem;border-top:0;background: rgba(255,255,255,0.9);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 0.16rem;text-align: center;background: rgba(255,255,255,0.9);color: #000;float:left;height: 0.4rem;line-height: 0.4rem;margin: 0 auto;text-decoration: none;border-bottom: dotted 1px #ccc;z-index:99;margin-bottom: 0.01rem;}
.Nptcenter .Nptli a{color: #333;float:left;width:100%;}
.Nptcenter a:hover{background: #fff;color: #0346ba;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp { width:100%; height:5rem; position:relative; float:left; background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:5rem; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; margin-left:-0.5rem; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i {display:inline-block;margin-right:10px;width: 0.44rem;height: 0.07rem;background: rgba(162,162,162,.8);border-radius: 6px;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #0346ba;}
.entitle{font: normal 0.14rem "AvantGarde Bk BT";color:#666;text-align: center;padding-bottom: 0.3rem;text-transform: uppercase;}
.entitle[type="1"]{color:#fff;position: relative;z-index: 99;padding-top: 0.1rem;}
.cntitle{font-size:0.3rem;color: #333;text-align: center;padding: 0.4rem 0 0.1rem 0;position: relative;font-weight: 400;} .cntitle a{color: #333;position: relative;padding: 0 0.9rem;}
.cntitle:before{position:absolute;content:"";width:0.6rem;height:0.02rem;background: #0346ba;bottom:0.05rem;left:50%;margin-left:-0.3rem;}
.cntitle[type="1"]{color:#fff;position: relative;z-index: 99;}
.cntitle[type="1"]:before{background:#fff;}

.biaoti{width: 100%;text-align: left;font-size: 0.24rem;margin-bottom: 0.2rem;color: #1e2037;float: left;overflow: hidden;position:relative;}
.biaoti font {font-weight:bold;font-size: 0.4rem;z-index: 2;color: #014099;}
.biaoti p{font-size: 0.46rem;color: #e5e5e5b3;padding-bottom: 0.1rem;text-transform: uppercase;font-weight: bold;margin-top: -0.2rem;z-index: 1;}
.biaoti .more{position:absolute;right: 0;top: 0.3rem;color: #999;font-size: 0.2rem;height: 0.4rem;display: block;width: 1rem;text-align: right;}
.biaoti .more:hover{text-decoration:underline; }
/*三大优势*/
.yslist{width:100%;float:left;margin-top: 0.4rem;}
.yslist li{margin-left: 0.4rem;width: 3.7rem;float:left;}
.yslist li:first-child{margin-left:0;}
.yslist li span{width:0.8rem;height:0.8rem;float:left;position:relative;margin-right: 0.1rem;}
.yslist li span img{position:absolute;max-width:100%;max-height:100%;}
.yslist li h3{font-size:0.18rem;width: 2.5rem;float: left;line-height: 0.36rem;}
.yslist li p{float:left;width: 2.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 0.38rem;}
/*产品*/ 
.pro{width:100%;float:left;margin: 0.4rem 0;}
.pro .profl{width:100%;margin:0.2rem 0;float:left;}
.pro .profl li{float:left;background:#f0f0f0;margin: 0.2rem 0.1rem;width: 3.6rem;padding: 0.1rem;cursor:pointer;height: 4.59rem;overflow: hidden;}
.pro .profl li:hover{box-shadow: 0 0 24px rgb(0 0 0 / 12%);background: #fff;}
.pro .profl li:hover img{transform:scale(1.1);transition: all 0.3s ease-in-out;}
.pro .profl li h3{font-size:0.24rem;float:left;width:100%;color: #333;text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pro .profl li p{float:left;width:100%;/* font-size:0.16rem; */margin-top: 0.2rem;/* min-height: 0.3rem; */height: 0.5rem;overflow: hidden;}
.pro .profl li p a{margin: 0 0.1rem 0.1rem 0;float:left;color:#666;border-left: 1px solid #999;padding-left: 0.1rem;}
.pro .profl li p a:first-child{border-left:0}
.pro .profl li p a:hover{text-decoration:underline}
.pro .profl li span{width: 3.6rem;height: 3.6rem;float:left;position:relative;overflow:hidden;}
.pro .profl li span img{width: auto;height: 3.4rem;position: absolute;margin: auto;left: -100%;right: -100%;top: 0;bottom: 0;transition: all 0.3s ease-in-out;}
/*案例*/
.case{width:100%;float:left;margin:0.2rem 0;}
.case02{width:100%;float:left;}
.case .Clist{width:100%;float:left;margin:0.2rem 0}
.case .Clist li{width:25%;float:left;height:6rem;overflow: hidden;}
.case .Clist li a{width:100%;height:100%;float:left;position:relative;}
.case .Clist li a:after{position:absolute;content:"";width:100%;height:100%;background:rgba(0, 0, 0, .7);left:0}
.case .Clist li a:hover:after{background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 8%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, .1) 100%);}
.case .Clist li h3{font-size:0.2rem;width: 100%;position: absolute;z-index: 99;top: 50%;text-align: center;color: #fff;display: block;}
.case .Clist li span{width:100%;height: 6rem;position:relative;float: left;}
.case .Clist li span img{height:100%;width:auto;position:absolute;left: -1000%;right: -1000%;top:0;bottom:0;margin:auto;}

/*新闻*/
.news{width: 100%;height: auto;float: left;margin-top: 0.2rem;}
.tab-block {width: 12rem;height: auto;margin: 0.1rem auto 0;overflow: hidden;position: relative;}
.tab-block.tab-item {height: 4.3rem}
.tab-block.tab-item .tabs {height: 3.8rem}
.tab-buttons{width: 6.4rem;height: 0.48rem;margin-left: 6.5rem;margin-top: 0.1rem;}
.tab-buttons .tab-button {margin-right: 0.2rem;padding: 0.06rem 0.6rem;height: 0.36rem;text-align: left;font-size: 0.18rem;color: #fff;line-height: 0.36rem;position: relative;cursor: pointer;display: inline-block;color: #666;font-weight: bold;}
.tab-buttons .tab-button.cur {/* color: #005469; */background: #005469;color: #fff;}
.tab-block .tabs {width: 100%;height: 5.1rem;float: left;}
.tab-block .tabs .tab-item {width: 12rem;height: 4.8rem;padding: 0 0 0.2rem 0;/* overflow: hidden; *//* display: none; */position: relative;/* border: 1px solid #e5e5e5; */}
.tab-block .tabs .tab-item.active {display: block}
.tab-item .information-left {width: 5.5rem;height: 4.44rem;/* overflow: hidden; */position: relative;float: left;}
.tab-item .information-left:hover img{transform:scale(1.1)}
.tab-item .information-left a{float: left;width: 100%;height: 4.44rem;position: relative;overflow: hidden;}
.tab-item .information-left img {width: 100%;height: 4.44rem;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;}
.tab-item .information-left .left-bottom {position: absolute;bottom: 0;left: 0;width: 5.2rem;height: 1.2rem;background: #00000080;background: #888888\9;z-index: 2;color: #fff;padding: 0 0.15rem;}
.tab-item .information-left .left-bottom .article-title {font-size: 0.18rem;width: 3.6rem;float: left;height: 0.48rem;line-height: 0.48rem;overflow: hidden;}
.tab-item .information-left .left-bottom .article-title a{color:#fff}
.tab-item .information-left .left-bottom .article-time {font-size: 0.14rem;float: right;color: #9a9a9a;line-height: 0.48rem;}
.tab-item .information-left .left-bottom .article-content{width:100%;font-size: 0.16rem;float:left;color:#fff;line-height: 0.28rem;height: 0.56rem;overflow: hidden;}
.tab-item .information-right {width: 6.3rem;height: 4.6rem;float: right;}
.tab-item .information-right .article-list {padding: 0.1rem 0;width: 100%;float: left;border-bottom: 1px dashed #cccccc;}
.tab-item .information-right .article-list:hover img{transform:scale(1.1)}
.tab-item .information-right .article-list:first-child{padding-top:0}
.tab-item .information-right .article-list .article-link {display: block;padding: 0;}
.tab-item .information-right .article-list .article-link .article-img{width: 1.6rem;height: 0.9rem;float: left;position:relative;overflow: hidden;}
.tab-item .information-right .article-list .article-link .article-img img{width: 100%;height: auto;margin: auto;-webkit-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.tab-item .information-right .article-list .article-link .article-head{float: right;width: 4.65rem;}
.tab-item .information-right .article-list .article-link .article-head span {display: block;vertical-align: middle;}
.tab-item .information-right .article-list .article-link .article-head h2 {display: inline-block;vertical-align: middle}
.tab-item .information-right .article-list .number {width: 0.2rem;height: 0.2rem;text-align: center;line-height: 0.2rem;color: #fff;background-color: #999;font-size: 0.14rem;float: left;}
.tab-item .information-right .article-list .article-title {font-size: 0.18rem;color: #333;line-height: 0.2rem;width: 3.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;font-weight: 600;}
.tab-item .information-right .article-list .article-time {float: right;font-size: 0.12rem;color: #999;line-height: 0.2rem}
.tab-item .information-right .article-list .article-content {margin-top: 0.2rem;width: 4.65rem;font-size: 0.14rem;color: #666;line-height: 0.26rem;float: right;}
.tab-item .information-right .article-list .article-content p {max-height: 0.52rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;width: 100%;line-height: 0.26rem;color: #999;}
.tab-item .information-right .article-list:nth-of-type(1) .number, .tab-item .information-right .article-list:nth-of-type(2) .number, .tab-item .information-right .article-list:nth-of-type(3) .number {background-color: #333}
.tab-item .information-right .article-list:hover .article-title{color:#014099}

/*关于我们*/
.about{float:left;width:100%;position: relative;padding: 0.6rem 0;background: url(../pic/about.jpg) no-repeat 50% 0;}
.about .biaoti font{color: #ffffff;width: 100%;text-align: center;float: left;}
.about .biaoti p{color:#fff;text-align: center;}
.gsjsE{margin:0 auto;width: 12rem;overflow:hidden;position: relative;}
.gsjsE .li01{float:left;width: 5.3rem;height: 3.8rem;position:relative;border: 1px solid #ededed;padding: 0.1rem;overflow: hidden;background: #fff;margin-top: 0.4rem;}
.gsjsE .li01 img{width: 100%;height: auto;margin:auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;transition: all .5s ease;}
.gsjsE .li01 img:hover{ -webkit-transform: scale(1.1);}
.gsjsE .li02{float:right;width: 5.8rem;height: 2.8rem;overflow:hidden;line-height: 0.26rem;color: #fff;font-size: 0.13rem;background: #0746b4;padding: 0.3rem 0.2rem;margin-top: 0.4rem;}
.gsjsE .li02 li{float:left;width:100%;font-size: 0.15rem;line-height: 0.3rem;}
.gsjsE .li02 .title{font-size: 0.24rem;font-weight:bold;margin-bottom: 0.2rem;}
.gsjsE .li02 .content{height: 2.4rem;overflow:hidden;}
.gsjsE .li03,.gsjsE .li04{position:absolute;bottom: 0;background: #023793;padding: 0.08rem 0.21rem;color:#fff;float:left;margin-left: 0.67rem;}
.gsjsE .li03 a,.gsjsE .li04 a{ color:#fff}
.gsjsE .li04{background:#000;left:7rem}
.gsjsE .li03{left: 5.6rem;}
.gsjsE .li03:hover,.gsjsE .li04:hover{-webkit-animation: bta 3s linear infinite;
 -moz-animation: bta 3s linear infinite;
 -o-animation: bta 3s linear infinite;
 animation: bta 3s linear infinite;}

/*友情链接*/
.link{width:100%;float: left;margin: 0.4rem 0 0.25rem 0}
.link h4{display: block;background: #fff;color: #2e2e2e;font-size: 0.16rem;position: relative;height: 0.3rem;width: 100%;}
.link h4:before{content:"";width: calc(100% - 0.7rem);border-bottom:1px solid #ccc;position: absolute;top:0.11rem;left: 0.7rem;}
.link p{display: block}
.link p a{display: block;color: #5a5a5a;font-size: 0.14rem; margin: 0 0.25rem 0.1rem 0;float: left;}
/* 底部 */
.bottom{float:left;width:100%;height: 0.6rem;line-height: 0.6rem;background: #ED9321;overflow: hidden}
.bottom a{color:#352e2e;width:1rem;padding:0 0.4rem;font-size: 0.14rem;overflow: hidden;}
.foot{width: 100%;float: left;background: #0e1655;}
.footnr{width: 9.6rem;margin: auto;}
.footnr .footwz{float:left;width: 7rem;color: #fff;margin: 0.35rem 0;font-size:0.15rem;line-height:0.32rem;white-space: pre;}
.footnr .footwz a{color: #fff;}
.footnr .footwz a:hover{ color: #f00;}
.footnr .footwz2{ background: url(../pic/dh.jpg) no-repeat left; font-size: 0.32rem; padding-left:0.45rem; margin-top:0.15rem; }
.footnr .footwz2 p{ font-size:0.12rem; line-height:20px;}
.footnr .footewm{ float: right; margin-top:0.35rem; }
.footnr .footewm img{width: 1.4rem;}

/* 内页-面包屑 */
.xqymbx{margin:0 auto;width: 11.6rem;background: url(../pic/mbx.png) 0 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.4rem;overflow:hidden;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mbx{margin:0 auto;background: url(../pic/mbx.png) 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.3rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: right;color: #8e8e8e;}
/* 内页-翻页 */

.hpage{font-size: 0.14rem;width:12rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}

/* 内页-详细描述轮播 */

.house_con{ width:11.8rem; background:#ffffff; padding:0.09rem;border: 1px solid #dedede;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);;margin: 0 auto; overflow: hidden; margin-top: 0.2rem;}

.house_con .jieshao{ float:right; width:5.6rem;}
.house_con .jieshao h1{ float:left; width:5.5rem; font-size:0.18rem; line-height:0.3rem; max-height: 0.6rem; overflow:hidden; padding:0.1rem 0.1rem 0 0; margin-bottom:0.1rem;}
.house_con .jieshao .price_con { float:left;padding-bottom: 0.05rem; width: 5.6rem; overflow: hidden; border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con i { font-size: 0.3rem; font-weight: bold; color: #FF0000; font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:0.25rem; font-size:0.14rem; color:#000000;padding:0.1rem 0 0.1rem 0; width:5.6rem;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{ float:left; line-height:0.3rem; font-size:0.14rem; color:#000000; width:5.6rem; padding:0.4rem 0 0 0}
.house_con .jieshao .san .zx{display: block;width: 2rem;height: 0.5rem;float: left;font-size: 0.22rem;color: #fff;line-height: 0.48rem;background: #e2011e;text-align: center;text-decoration: none;position: relative;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img {position: absolute;top: 0.15rem;left: 0.2rem;}
.house_con .jieshao .san .zx:hover img{animation: ddh 0.8s ease-out both;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative; margin: 0 auto;float:left; width:6rem;}
.house_imgs{position: relative; z-index: 8; width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 0.1rem;width: calc(6rem - 2px);height: 4.04rem;overflow: hidden;float:left;position:relative;border: 1px solid #e5e5e5;}
.house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 6rem;height: auto;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.house_smallImg{position: relative; margin-top: 0px; height: 0.67rem; overflow: hidden; float:left; width:5.4rem; margin-left:0.3rem; margin-right:0.3rem;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left; width: 1rem;margin-right:0.1rem;}
.house_smallImg ul li img{display: block; width: 1rem; height: 0.67rem; cursor: pointer;}
 .house_smallImg ul li.on img{width: 1rem; height: 0.65rem; border: 1px #f23742 solid;}
 .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.14rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000); cursor: pointer;}
 .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
 span.house_imgs_lf{display: block;position: absolute;left:0px;bottom: 0px;z-index: 10;width: 0.12rem;height: 0.67rem;background:#ccc;cursor:pointer;background: url(../pic/left_arrow.png) center center no-repeat #f2f2f2;border: 1px solid #ccc;}
 span.house_imgs_rt{display: block;position: absolute;right:0px;bottom: 0px;z-index: 10;width: 0.12rem;height: 0.67rem;background:#ccc;cursor:pointer;background: url(../pic/right_arrow.png) center center no-repeat #f2f2f2;border: 1px solid #ccc;}
 span.house_imgs_lf:hover{background:url(../pic/left_arrow.png) center center no-repeat #ffffff;}
 span.house_imgs_rt:hover{background:url(../pic/right_arrow.png) center center no-repeat #ffffff;}

/* 内页-详细描述，产品分类。 */
.cpmshu{ width:12rem; margin:0 auto; overflow:hidden; margin-top:0.2rem; padding-bottom:0.2rem;}
.cpmshu .cpfl{width:2.5rem;margin-top: 0.3rem;}
.cpmshu .cpfl .li01{float:left;width:2.5rem;text-align:center;font-size: 0.22rem;color: #FFFFFF;text-align: center;line-height: 0.35rem;display: block;padding-top: 0.2rem;font-weight:bold;background: #0346ba;}
.cpmshu .cpfl .li02 {color: #f7f7f7;font-size: 0.16rem;display: block;text-align: center;float:left;width:2.5rem;line-height: 0.35rem;background: #0346ba;}
.cpmshu .cpfl .li03 a.sub{color: #525252;font-size: 0.16rem;}
.cpmshu .cpfl .li03 {width: 2.5rem;background: #fff;padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;overflow: hidden;}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/ width: 0.06rem; /*高宽分别对应横竖滚动条的尺寸*/ height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1); background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1); border-radius: 0; background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{float: right;width: 1.8rem;font-size: 0.16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;padding: 0.1rem 0.2rem 0.1rem 0.5rem;border-bottom:1px solid #ededed;/* text-align: center; */line-height: 0.16rem;}
.cpmshu .cpfl .li03 h2 a:hover{color:#0346ba;}
.cpmshu .cpfl .li03 h3{float: left;width: 2rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;display: none;border-bottom: 1px dashed #ededed;font-weight: normal;}
.cpmshu .cpfl .li03 h3:hover a{color:#0346ba;font-weight:bold}
.cpmshu .cpfl .li03 h3:before{position: absolute;content: "";left: 0.3rem;width: 0.06rem;height: 0.06rem;background: #afafaf;border-radius: 50%;top: 0.17rem;}
.cpmshu .cpfl .li03 h3:hover:before{background:#0346ba}
.cpmshu .cpfl h2 span{position: absolute;left: 0.1rem;cursor:pointer;background: #0346ba;color: #fff;border-radius: 50%;width: 0.16rem;height: 0.16rem;line-height: 0.14rem;text-align: center;font-size: 0.14rem;}
.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem; min-height:3rem; max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: 8.9rem;padding:0.19rem 0.19rem;border:1px solid #ededed;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);line-height:0.25rem;font-size:0.14rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;float: right;margin-top: 0.3rem;}
.cpmshu .miaoshu img{max-width: 100%;padding:0.1rem;}
.paging_prev { float: left; width: 8.9rem; line-height: 0.3rem; padding: 0.1rem 0px 0 0px; font-size: 0.14rem;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom: 0.5rem;padding-top: 0.3rem;}
.cpmshu .miaoshu .tittle{float:left;border-bottom:1px solid #ededed;font-size:0.16rem;font-weight:bold;width: 100%;padding-bottom:0.1rem;position:relative;margin:0}
.cpmshu .miaoshu .tittle:before{content:""; position:absolute; width:0.6rem; height:0.03rem; background:#0346ba; left:0px; bottom:-0.02rem}
.cpmshu .miaoshu .tittle span{ position:absolute; right:0; bottom:0.12rem; font-size:0.14rem; color:#888888 ; font-weight:normal}
.cpmshu .miaoshu .h1{ width:8.9rem; font-size:0.24rem; font-weight:bold; float:left;text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top:0.3rem; text-align:center}
.cpmshu .miaoshu .text{width:8.9rem; float:left; text-align:center; padding:0.2rem 0 0.2rem 0; border-bottom:1px solid #ededed; color:#888888}
.cpmshu .cpfl .li03 .tjbt{padding: 0 0.1rem;width: 2.2rem; line-height: 0.4rem; height: 0.4rem; border-bottom: 1px solid #e2e2e2; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
.cpmshu .cpfl .li03 .tjbt:hover{color:#0346ba;font-weight:bold}
/* 内页-资讯列表 */

.cpmshu .newslist{width:8.9rem;padding: 0 0.19rem;line-height:0.25rem;font-size:0.14rem;float:right;margin-top: 0.3rem;} 
.cpmshu .newslist .tittle{margin: 0 0 0.1rem 0;width:100%}

.cpmshu .newslist li{float:left;border-bottom:1px solid #ededed;padding: 0.15rem 0.1rem;width: 8.7rem;overflow: hidden;}
.cpmshu .newslist li:hover{box-shadow:1px 1px 8px #ccc}
.cpmshu .newslist li:hover a{color:#0346ba;}
.news_con_img{width: 2rem; height: 1.35rem; position: relative; float: left; border: 1px solid #e6e6e6; font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;max-width: 2rem; max-height: 1.35rem;}
.news_con_txt{float:right;width: 6.4rem;position:relative;height:1.45rem;}
.news_con_txt h2{width: 6.4rem;float: right;color: #333333;height: 0.4rem;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;position: relative;}
.news_con_txt h2:before{content:"";position:absolute;width:1rem;height: 0.04rem;background: #0346ba;bottom: 0.1rem;}
.news_con_txt p{max-height: 0.5rem;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; position:absolute; left:0px; bottom:0; color: #999999;}

.news_con_txt1{ float:left; width:8.6rem; position:relative; padding-left:0.1rem;}
.news_con_txt1:before{content:""; position:absolute; left:0; top:0.17rem; width:0.06rem; height:0.06rem; border-radius:50%; background:#ec7302}
.news_con_txt1 h2{width: 8.8rem;float: left;color: #333333;height: 0.4rem;overflow: hidden;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.18rem;}
.news_con_txt1 h2 a:hover{color:#0346ba;text-decoration:none;font-weight:bold}
.news_con_txt1 p{max-height: 0.5rem;width:100%;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt1 i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; float:left; color: #999999;}

.cpmshu .newslist .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none;}

/* 内页-产品中心 */
.cpmshu .majority{width:9.28rem;line-height:0.25rem;font-size: 0.14rem;float:right;margin-top: 0.3rem;}
.cpmshu .tittle{width: calc(100% - 0.19rem);float:left;margin: 0 0 0.2rem 0.19rem;border-bottom: 1px solid #e5e5e5;} 
.cpmshu .tittle h2{float:left;font-weight:bold;font-size: 0.2rem;position:relative;padding-bottom:0.1rem;height: 0.3rem;line-height: 0.3rem;color: #0346ba;}

.cpmshu .majority li{width: 2.79rem;margin-left:0.2rem;float:left;height:3.3rem;overflow:hidden;padding:0.04rem;border:1px solid #ededed;margin-bottom:0.2rem;position:relative;}
.cpmshu .majority li:hover{box-shadow:1px 1px 8px #e5e5e5;}
.cpmshu .majority li span{width: 2.79rem;height:2.73rem;float:left;position:relative;}
.cpmshu .majority li span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height:2.73rem;max-width: 2.79rem;}
.cpmshu .majority li .xqnr{position: absolute;background: #fff;width: 2.79rem;top: 2.8rem;transition: 0.8s all ease;}
.cpmshu .majority li:hover .xqnr{top:2.3rem; transition: 0.8s all ease;}
.cpmshu .majority li .course{width: 2.79rem;text-align: center;position: absolute;bottom: 0;background:#fff;}
.cpmshu .majority li h2{float:left;width: 2.79rem;font-size: 0.16rem;font-weight:normal;padding:0.05rem 0 0 0;position:relative;z-index:3;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.cpmshu .majority li p{font-size:0.12rem;color:#93999f;height: 0.8rem;overflow: hidden;float: left;}
.cpmshu .majority .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}
.xq{margin-top:0}
.W1200 {width: 12rem; margin: 0 auto; overflow: hidden; margin-top: 0.2rem; padding-bottom: 0.2rem;}
/*单页*/
.cpmshu .newslist .about{line-height: 0.3rem;font-size: 0.14rem;float:left;width:100%;margin-top: 0.2rem;background: none;padding: 0;}
.cpmshu .newslist .about img{max-width:100%}
.cpmshu .newslist .about:before{background:none}
/*留言*/
.liuyan{float:left;width: 100%;line-height:0.3rem;}
.Page1C2{float:left;width: calc(100% - 0.3rem - 2px);margin-top:0.2rem;line-height:0.3rem;border:1px solid #ededed;padding: 0.15rem;}
#tianxieone{float:left;width: calc(100% - 0.2rem);padding:0.1rem;border-bottom: 0;}
#tianxietwo{float:left;width:2.5rem;text-align:right;color: #5f5f5f;}
#tianxiethree{ float:left;}
#tianxiethree input,#tianxiethree textarea{border:1px solid #a9a7a7}
#liuyanshenming{float:left;text-align:center;width: 100%;color: #5f5f5f;border-bottom: 0;}
#lytijiao {width: 60%;float:left;padding: 0.1rem 0;padding-left: 40%;border-bottom: 0;}
#lytijiao input{padding:0.08rem 0.4rem;border:0px;outline:0;background: #0346ba;color:#ffffff;font-weight:bold;border-radius: 0.05rem;}
#tianxieone:hover,#lytijiao:hover{box-shadow:none;}

/*左侧推荐*/
.qytj{float: left;width: 2.5rem;background:#ffffff;margin-top: 0.2rem;}
.qytj .nav19 {width: 100%;float: left;border-bottom: 1px solid #ededed;position: relative;font-size: 0.2rem;font-weight: bold;color: #fff;height: 0.4rem;line-height: 0.4rem;background: #0346ba;text-align: center;padding: 0.1rem 0;}
.qytj .nav19 li{float:left;font-size: 0.16rem;cursor: pointer;width: 50%;}
.qytj .nav19 .tab01{background:#fff;color: #0346ba;border: 2px solid #0346ba;width: calc(50% - 4px);height: calc(0.4rem - 4px);}
.qytj .com19{float:left;width: 2.5rem;/* background: #f6f6f6; */}
.qytj .com19 li{float:left;width: 2.3rem;height: 0.25rem;line-height: 0.25rem;margin-top: 0.1rem;border-bottom: 1px dashed #ccc;padding: 0 0.1rem;position: relative;}
.qytj .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.qytj .com19 li .nom1{ background:#0a8ce2; color:#fff}
.qytj .com19 li .nom2{ background:#e92938; color:#fff}
.qytj .com19 li .nom3{ background:#f55966; color:#fff}
.qytj .com19 li span{ display:none;}
.qytj .com19 li p{float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.25rem;line-height: 0.25rem;width: 100%;}
.qytj .com19 .cur{float:left;width: 2.3rem;height: 0.85rem;line-height:0.2rem;margin-top: 0.1rem;background: #f6f6f6;}
.qytj .com19 .cur span{margin-top: 0.1rem;position:relative;display:block;float:left;height: 0.4rem;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.14rem;color: #333;padding-left: 0;line-height: 0.2rem;}
.qytj .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.qytj .com19 .cur p{float:left;width: 100%;margin-top: 0.1rem;line-height:0.2rem;font-size: 0.16rem;font-weight:bold;height: 0.2rem;color: #333;}
.qytj .com19[type="1"] .cur{background:#fff;height:0.25rem;line-height:0.25rem;}
.qytj .com19[type="1"] .cur p{height: 0.25rem;line-height: 0.25rem;width: 100%;margin: 0;}
/*底部推荐*/
.tjxx{width: 9rem;float: right;margin:0.2rem 0;border: 1px solid #ededed;}
.zxtj{float: left;width: 100%;background:#ffffff;margin-bottom: 0.2rem;}
.zxtj .nav19 {width: 8.7rem;float: left;border-bottom: 1px solid #ededed;position: relative;font-size: 0.2rem;color: #333;height: 0.4rem;line-height: 0.4rem;padding-left:0.1rem;margin: 0 0.1rem 0.1rem;}
.zxtj .nav19:before{content:"";width: 0.03rem;height:0.2rem;background: #0346ba;position:absolute;left:0;top:0.1rem;}
.zxtj .nav19 li{float:left;font-size: 0.16rem;cursor: pointer;width: 50%;}
.zxtj .nav19 .tab01{background:#fff;color: #0346ba;border: 2px solid #0346ba;width: calc(50% - 4px);height: calc(0.4rem - 4px);}
.zxtj .com19{float:left;}
.zxtj .com19 li{float:left;width: 4.15rem;height: 0.3rem;line-height: 0.3rem;margin: 0 0.1rem;border-bottom: 1px dashed #ccc;padding:0;position: relative;}
.zxtj .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.zxtj .com19 li .nom1{ background:#0a8ce2; color:#fff}

.zxtj .com19 li .nom2{ background:#e92938; color:#fff}
.zxtj .com19 li .nom3{ background:#f55966; color:#fff}
.zxtj .com19 li span{ display:none;}
.zxtj .com19 li p{float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.25rem;line-height: 0.25rem;width: 100%;}
.zxtj .com19 .cur{float:left;height: 0.85rem;line-height:0.2rem;margin-top: 0.1rem;background: #f6f6f6;}
.zxtj .com19 .cur span{margin-top: 0.1rem;position:relative;display:block;float:left;height: 0.4rem;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.zxtj .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.zxtj .com19 .cur p{float:left;width: 100%;margin-top: 0.1rem;line-height:0.2rem;font-size: 0.16rem;font-weight:bold;height: 0.2rem;color: #333;}
.zxtj .com19[type="1"] .cur{height: 0.3rem;line-height: 0.3rem;background:#fff;margin-top: 0;}
.zxtj .com19[type="1"] .cur p{height: 0.3rem;line-height: 0.3rem;margin-top:0;}
/*底部产品推荐*/
.cptjT{ float:left; background:url(../pic/4sbj.png) 50% 0 no-repeat; width:12rem; text-align:center;font-size: 0.3rem; height: 0.5rem; color: #eb3d00;font-weight: bold; margin-top:0.4rem;}

.topCon_2 {float:left;width:12rem;height: 2.4rem;padding:0px 0 0 0;border-top:0;overflow:hidden;padding:0.15rem 0px 0px 0px;margin-bottom: 0.3rem}
.topCon_2 .li01{border:1px #ededed solid; padding:0.04rem; float:left; width:2.1rem; height:2rem; font-size:0px; position:relative;overflow: hidden}
.topCon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 0.1rem;width:auto;height:100%}
.topCon_2 .li02{float:left; width:2.2rem; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:0.3rem;}
.topCon_2 ul{float:left;width:2.2rem;height:2.5rem;padding:0px 0.1rem 0px 0.1rem;background:#ffffff;}
/*右侧悬浮菜单*/
.slide{width: 0.5rem;height: auto;position: fixed;top: 50%;margin-top: -1.26rem;background: #0346ba;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{width: 0.49rem;height: 0.5rem;background: url(../pic/iconright.png) no-repeat;background-size:5rem }
.slide .icon .up{background-position:-3.3rem -1.2rem ;}
.slide .icon li.qq{background-position:-3.85rem -0.73rem ;}
.slide .icon li.tel{background-position:-3.85rem -1.6rem ;}
.slide .icon li.wx{background-position:-3.85rem -1.2rem ;}
.slide .icon li.down{background-position:-3.3rem -1.6rem ;}
.slide .info{top: 50%;height: 1.47rem;position: absolute;right: 100%;background: #0346ba;width: 0px;overflow: hidden;margin-top: -0.735rem;transition:0.5s;border-radius:4px 0 0 4px;}
.slide .info.hover{width: 1.45rem;}
.slide .info li{width: 1.45rem;color: #ffffff;text-align: center;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 0.1rem;text-align: left;}
.slide .info li.qq p a{display: block;margin-top: 0.12rem;width: 1rem;height: 0.32rem;line-height: 0.32rem;color: #ffffff;font-size: 0.16rem; text-align: center;text-decoration: none;border: 1px solid #ffffff;border-radius: 5px;}
.slide .info li.qq p a:hover{color: #36a928;border: none;background: #ffffff;}
.slide .info li div.img{height: 100%;margin: 0.15rem;}
.slide .info li div.img img{width: 100%;height: 100%;}
.page{ float:left; width:9.3rem; padding:0.2rem; line-height:0.3rem;}