/*
Theme Author：https://www.muziang.com/
*/

*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
html{-webkit-text-size-adjust:none;font-size:calc(100vw/19.2);}
@media only screen and (max-width:1280px){

    /*1280px*/
    html{font-size:calc(100vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(100vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,.dl,.dl dt,.dl dd,.ul,.ol,.ul li,.ol li,.p,.h1,.h2,.h3,.h4,.h5,.h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.muziang{margin:0;padding:0;}
body{background-color:#f6f6f6;font:0.16rem/1.875em 'Arial','Microsoft Yahei','Tahoma','sans-serif';color:#333;word-wrap:break-word;overflow-wrap:break-word;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#128ff9;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;height:auto;}
.ul li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit;font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{color:inherit;opacity:0.6;}
input:-moz-placeholder{color:inherit;opacity:0.6;}
input::-webkit-input-placeholder{color:inherit;opacity:0.6;}
input:-ms-input-placeholder{color:inherit;opacity:0.6;}
textarea::-moz-placeholder{color:inherit;opacity:0.6;}
textarea:-moz-placeholder{color:inherit;opacity:0.6;}
textarea::-webkit-input-placeholder{color:inherit;opacity:0.6;}
textarea:-ms-input-placeholder{color:inherit;opacity:0.6;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;table-layout:fixed;}
table th{background-color:#f9f9f9;box-sizing:border-box;}
table td,table th{padding:0.05rem;border:1px solid #e4e4e4;box-sizing:border-box;}

/*rows*/
[class*=rows]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{line-clamp:1;-webkit-line-clamp:1;}
.rows_2{line-clamp:2;-webkit-line-clamp:2;}
.rows_3{line-clamp:3;-webkit-line-clamp:3;}
.rows_4{line-clamp:4;-webkit-line-clamp:4;}
.rows_5{line-clamp:5;-webkit-line-clamp:5;}

/*gold*/
.inner{width:93.75%;max-width:16rem;margin:0 auto;}
.submit{cursor:pointer;}
.clearfix{clear:both;width:100%;overflow:hidden;}
.mza-flex{display:flex;flex-wrap:wrap;}
.mza-table{display:table;table-layout:fixed;width:100%;}
.mza-table .mza-td{display:table-cell;vertical-align:middle;}
.nwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*header*/
#header{position:absolute;left:0;top:0;z-index:9;width:100%;transition:all 0.2s;color:#fff;}
#header .inner{position:relative;align-items:center;}
#header a{color:#fff;}
@media only screen and (min-width:1025px){
    #header:hover{background-color:#fff;color:#333;}
    #header:hover #logo i:nth-child(1){display:none;}
    #header:hover #logo i:nth-child(2){display:block;}
    #header:hover a{color:#333;}
}
@media only screen and (max-width:1024px){
    #header.white{background-color:#fff;color:#333;}
    #header.white #logo i:nth-child(1){display:none;}
    #header.white #logo i:nth-child(2){display:block;}
    #header.white a{color:#333;}
    #header .inner{padding:0.2rem 0;justify-content:space-between;}
}

/*logo*/
#logo{width:2rem;}
#logo a{display:block;padding-bottom:22.472%;position:relative;overflow:hidden;}
#logo i,#logo span{position:absolute;left:0;bottom:0;width:100%;height:100%;text-indent:-99999em;overflow:hidden;display:block;}
#logo i{background:url(images/logo-muziang-white.png) no-repeat left center;background-size:contain;}
#logo i:nth-child(2){display:none;}

/*navi*/
#navi .menu{justify-content:flex-end;font-size:0.18rem;line-height:2em;}
#navi .menu > li{padding:0.25rem;position:relative;}
#navi a{display:block;position:relative;}
#navi li ul{display:none;}
#navi li li{font-size:0.88888889em;line-height:2em;}
@media only screen and (min-width:1025px){
    #navi{width:calc(100% - 2.3rem);padding:0 0.25rem;}
    #navi .menu .on > a,#navi .menu .cur > a{color:#128ff9;}
    #navi .menu > li > a:after {width: 100%; height: 0.02rem; background-color:#128ff9; display: block; content: ''; position: absolute; left:0; bottom:-0.25rem; opacity: 0;}
    #navi .menu > .on > a:after,#navi .menu > .cur > a:after {opacity: 1;}
    #navi li ul{position:absolute;top:100%;left:50%;background-color:#fff;z-index:5;min-width:100%;transform:translateX(-50%);box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);text-align:center;padding:0.5em 1.5em;}
    #navi li li{border-bottom:1px solid #eee;}
    #navi li li:last-child{border-bottom:none;}
    #navi li li a{white-space:nowrap;padding:0.5em 0;display:block;color:#333;}
    #navi li li a:hover{color:#128ff9;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:80%;max-width:25em;height:calc(100% - 0.85rem);background-color:#fff;z-index:9;right:0;top:0.85rem;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem;transform:translateX(100%);opacity:0;transition:all 0.2s;}
    #navi.active{transform:translateX(0);opacity:1;}
    #navi .menu{display:block;}
    #navi .menu > li{padding:0.75em 0;line-height:2em;position:relative;}
    #navi a{color:#333;}
    #navi em{display:block;position:absolute;right:-0.4rem;width:0.63rem;height:0.63rem;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.5em;height:0.5em;border-right:0.0625em solid #333;border-bottom:0.0625em solid #333;position:absolute;display:block;content:'';top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.375em 0 0 -0.375em;transition:all 0.3s;}
    #navi .on > em:after{transform:rotate(45deg);}
    #navi li ul{position:static;background-color:transparent;box-shadow:none;padding:0;margin:1em 0 0 2em;}
    #navi li li a{padding:0.5em 0;display:block;color:#555;}
}

/*button*/
#button .btn{width:0.22rem;height:0.22rem;text-align:center;line-height:0.22rem;font-size:0.22rem;cursor:pointer;}

/*navbtn*/
#navbtn{margin-left:0.3rem;display:none;}
@media only screen and (max-width:1024px){
    #navbtn{display:block;}
}

/*search*/
#search .form{position:absolute;right:0;top:100%;background-color:#fff;width:4rem;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);display:none;}
#search .input{position:relative;padding-right:0.44rem;}
#search .text{display:block;width:100%;height:2.75em;line-height:1.75em;padding:0.5em 2.5em 0.5em 1.25em;transition:all 0.2s;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:0.44rem;cursor:pointer;font-size:1.25em;}
@media only screen and (max-width:750px){
    #search .form{width:100%;}
}

/*thumbnail*/
.thumbnail{position:relative;overflow:hidden;padding-bottom:75%;}
.thumbnail:after{content:'';padding-bottom:75%;display:none;}
.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:transform 0.3s;object-fit:cover;}

/*error*/
.error404{text-align:center;padding:6vh 0 12vh;}
.error404 .title{font-size:0.6rem;line-height:1.25em;font-weight:500;}
.error404 .tips{background-color:#fff;max-width:8rem;margin:0 auto;padding:0.5rem;border-radius:0.1rem;margin-bottom:0.5rem;}
.error404 .back a{display:block;margin:0 auto;height:3.125em;line-height:3.125em;width:9.375em;text-align:center;color:#fff;border-radius:0.05rem;background-color:#128ff9;}

/*footer*/
#copyright{text-align:center;font-size:0.14rem;line-height:2em;color:#999;padding:0.35rem 0;background-color:#f9f9f9;text-transform:uppercase;}
#copyright a{color:#999;}
#copyright img{height:0.2rem;width:auto;display:inline-block;}

/*about*/
#about{background-color:#128ff9;color:#fff;padding:0.6rem 0;}
#about .inner{justify-content:space-between;align-items:center;}
#about .more a{display:block;border:1px solid #fff;width:9.375em;text-align:center;height:3.125em;line-height:3.125em;border-radius:0.05rem;color:#fff;overflow:hidden;position:relative;transition:all 0.2s;}
#about .more a:before{background-color:#fff;height:100%;width:0;position:absolute;left:0;top:0;content:'';display:block;transition:all 0.2s;}
#about .more i{font-style:normal;font-weight:bold;position:relative;z-index:2;}
#about .more i:last-child {font-weight: normal;}
#about .more a:hover:before{width:100%;}
#about .more a:hover{color:#128ff9;}
#about .info{max-width:calc(100% - 2.5rem);width:55%;}
#about .intro{font-size:0.16rem;line-height:1.875em;margin-bottom:0.15rem;color:rgba(255,255,255,0.85);}
#about .meta{font-size:0.2rem;line-height:2em;margin-bottom:0.15rem;}
#about .meta span{display:block;margin-right:0.3rem;}
#about .meta span:last-child{margin-right:0;}
#about .social{font-size:0.24rem;}
#about .social li{margin-right:0.2rem; position:relative;}
#about .social li:last-child{margin-right:0;}
#about .social a{color:rgba(255,255,255,0.5);}
#about .social a:hover{color:#fff;}
#about .social .qr{background-color:#fff;border-radius:0.05rem;width:1.2rem;padding:0.05rem;position:absolute;left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:0.1rem; display:none;}
#about .social .qr:after{border-top:0.07rem solid #fff;border-left:0.07rem solid transparent;border-right:0.07rem solid transparent;position:absolute;left:50%;transform:translateX(-50%);top:100%; display:block; content:'';}
#about .social .qr img{display:block;width:100%;height:auto;}
@media only screen and (max-width:750px){
    #about{padding:0.8rem 0;}
    #about .inner{flex-direction:column;align-items:center;}
    #about .info{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;}
    #about .more{margin-top:0.5rem;}
}

/*entry*/
.entry *{line-height:1.875em;}
.entry img{height:auto!important;}
.entry h1{font-size:1.6125em;}
.entry h2{font-size:1.5em;}
.entry h3{font-size:1.375em;}
.entry h4{font-size:1.25em;}
.entry h5{font-size:1.125em;}
.entry h6{font-size:1em;}
.entry a{color:#128ff9;}
.entry a:hover{text-decoration:underline;}

/*wrapper*/
#wrapper{padding:0.8rem 0;}
#wrapper > .mza-flex{justify-content:space-between;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.65rem 0;}
}

/*main*/
#main{width:70%;background-color:#fff;}
@media only screen and (max-width:1024px){
    #main{width:100%;margin-bottom:0.5rem;}
}

/*singlepage*/
#singlepage{padding:0.5rem 0.6rem;background-color:#fff;border-radius:0.1rem;max-width:10rem;margin:0 auto;}
#singlepage .title{font-size:0.36rem;line-height:1.35em;font-weight:500;margin-bottom:0.35rem;}
#singlepage .entry{overflow:hidden;margin-bottom:0.35rem;}
#singlepage .msgbox{background-color:#fafafa;padding:0.2rem 0.3rem 0.5rem;border-radius:0.1rem;overflow:hidden;}
#singlepage .msgbox .text{background-color:#fefefe;}

/*npost*/
#npost{padding:0.5rem 0.6rem;}
#npost .title{text-align:center;font-size:0.36rem;line-height:1.35em;font-weight:500;margin-bottom:0.2rem;}
#npost .meta{justify-content:center;border-bottom:1px solid #e4e4e4;color:#666;padding-bottom:0.15rem;font-size:0.14rem;line-height:1.875em;margin-bottom:0.25rem;}
#npost .meta span{display:block;margin-right:0.25rem;}
#npost .meta span:last-child{margin-right:0;}
#npost .meta a{color:#666;}
#npost .entry{overflow:hidden;}
#npost .tags{background-color:#f9f9f9;padding:0.2rem;color:#666;margin-top:0.25rem;}
#npost .tags a{margin-right:0.15rem;}
#npost .tags a:last-child{margin-right:0;}
#npost .other{align-items:center;justify-content:space-between;margin-top:0.25rem;}
#npost .pnav{width:calc(100% - 2rem);line-height:2em;}
#npost .back a{color:#128ff9;border:1px solid #128ff9;width:9.375em;height:3.125em;text-align:center;line-height:3.125em;display:block;border-radius:1.5625em;transition:all 0.2s;}
#npost .back a:hover{background-color:#128ff9;color:#fff;}
@media only screen and (max-width:1024px){
    #npost{padding:0.35rem;}
}
@media only screen and (max-width:750px){
    #npost{padding:0.3rem 0.25rem;}
    #npost .title{font-size:0.28rem;}
    #npost .pnav{width:100%;margin-bottom:0.15rem;}
    #npost .back{width:100%;}
    #npost .back a{width:100%;}
}

/*commentslist*/
#commentslist{overflow:hidden;margin:0.25rem 0;}
#commentslist ol{border-bottom:1px dashed rgba(0,0,0,0.15);padding-bottom:0.3rem;margin-bottom:0.35rem;}
#commentslist li{position:relative;overflow:hidden;}
#commentslist .avatar{float:left;width:0.4rem;position:relative;border-radius:50%;overflow:hidden;}
#commentslist .avatar:after{padding-bottom:100%;display:block;content:'';}
#commentslist .avatar img{position:absolute;left:0;top:0;width:100%;height:100%;}
#commentslist .info{margin-left:0.55rem;overflow:hidden;}
#commentslist .name{font-size:0.18rem;font-weight:bold;line-height:1.25em;margin-bottom:0.05rem;}
#commentslist .date{overflow:hidden;font-size:0.14rem;line-height:1.35em;color:#666;margin-bottom:0.15rem;}
#commentslist .date span{display:block;}
#commentslist .date time{margin-right:0.15rem;}
#commentslist .date a{color:#666;}
#commentslist .date a:hover{text-decoration:underline;}
#commentslist .cont li{margin-left:0;}
#commentslist li ol{margin:0.2rem 0 0.05rem 0.55rem;border:1px solid rgba(0,0,0,0.05);background-color:#fefefe;padding:0.2rem;}
#commentslist li li ol{background-color:#fff;}
.reply-frm{margin-top:1.5em;}
#commentslist .pagenavi{padding:0.2rem 0;}

/*comment*/
#comment .tips{font-size:0.14rem;line-height:1.5em;color:#666;margin-top:0.2rem;}

/*divCommentPost*/
#divCommentPost{position:relative;overflow:hidden;}
#divCommentPost .warning{font-size:0.13rem;line-height:2em;color:#999;margin-bottom:0.2rem;}
#divCommentPost .item{margin-bottom:2%;position:relative;}
#divCommentPost .label{display:block;margin-bottom:0.1rem;}
#divCommentPost .label i{font-style:normal;color:#f00;font-size:0.12rem;margin-left:0.5em;}
#divCommentPost .input{overflow:hidden;position:relative;}
#divCommentPost .text{font-size:0.16rem;width:100%;display:block;border:none;color:#555;height:3.28571429em;line-height:2em;padding:0.64285714em 1.25em;border:1px solid rgba(133,153,171,0.2);border-radius:0.05rem;}
#divCommentPost textarea.text{height:10em;resize:vertical;}
#divCommentPost .inp{justify-content:space-between;}
#divCommentPost .inp .item{width:31.333%;}
#divCommentPost .verify .text{padding-right:8.4286em;}
#divCommentPost .verify img{display:block;cursor:pointer;height:2.25em;width:auto;position:absolute;right:0.3125em;top:50%;transform:translateY(-50%);border-radius:0.25em;}
#divCommentPost .button{overflow:hidden;justify-content:flex-end;}
#divCommentPost .submit{background-color:#128ff9;border:none;height:3em;color:#fff;font-weight:bold;border-radius:0.25em;cursor:pointer;display:block;padding:0 2em;}
#divCommentPost #cancel-reply{color:#999;line-height:3em;display:none;background-color:#f9f9f9;text-align:center;}
@media only screen and (max-width:750px){
    #divCommentPost .item{margin-bottom:0.15rem;}
    #divCommentPost .inp .item{width:100%;}
    #divCommentPost .submit{width:100%;}
    #divCommentPost #cancel-reply{margin-top:0.05rem;}
}

/*aside*/
#aside{width:26%;}
@media only screen and (max-width:1024px){
    #aside{width:100%;}
}
.widget{background-color:#fff;padding:0.3rem 0.35rem;}
.widget ul{overflow:hidden;}
@media only screen and (max-width:1024px){
    .widget{padding:0.35rem;}
}
@media only screen and (max-width:750px){
    .widget{padding:0.25rem;}
}

/*morelist*/
.morelist{overflow:hidden;position:sticky;top:1rem;}
.morelist li{margin-bottom:0.2rem;}
.morelist .thumbnail{margin-bottom:0.1rem;}
.morelist .title{font-size:0.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;line-height:1.5em;text-align:center;}
.morelist a{display:block;overflow:hidden;}
@media only screen and (max-width:1024px){
    .morelist ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
    .morelist li{width:48%;}
}

/*banner*/
#banner{padding-bottom:28.64583333%;background:no-repeat center center;background-size:cover;position:relative;}
#banner:before{position:absolute;left:0;top:0;width:100%;padding-bottom:7.8125%;background-image:linear-gradient(180deg,rgba(18,143,249,0.5),transparent);z-index:2;display:block;content:'';}
#banner .name{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;padding:0 3.125%;color:#fff;font-size:0.48rem;line-height:1.25em;text-shadow:0px 0px 0.05rem rgba(0,0,0,0.1);}
@media only screen and (max-width:750px){
    #banner{padding-bottom:75%;}
}

/*news*/
#news{margin-bottom:0.3rem;}

/*newsitem*/
.newsitem{margin-bottom:0.3rem;}
.newsitem .figure{width:3.5rem;}
.newsitem .text{width:calc(100% - 3.8rem);}
.newsitem .title{font-size:0.32rem;line-height:1.35em;font-weight:500;margin-bottom:0.15rem;}
.newsitem .excerpt{font-size:0.18rem;line-height:1.77777778em;max-height:5.33333333em;color:#666;margin-bottom:0.2rem;}
.newsitem .meta{justify-content:space-between;align-items:center;}
.newsitem .meta span{display:block;}
.newsitem .meta .date{color:#999;}
.newsitem .meta .more{color:#007aff;}
.newsitem a{overflow:hidden;padding:0.25rem;background-color:#fff;border-radius:0.1rem;justify-content:space-between;align-items:center;}
@media only screen and (max-width:750px){
    .newsitem .figure{width:100%;margin-bottom:0.2rem;}
    .newsitem .text{width:100%;}
    .newsitem .title{font-size:0.26rem;}
}
.noban #header{background-color:#fff;position:sticky;box-shadow:0px 0.1rem 0.1rem rgba(0,0,0,0.05);color:#333;}
.noban #header a{color:#333;}
.noban #header a:hover{color:#007aff;}
.noban #logo i:nth-child(1){display:none;}
.noban #logo i:nth-child(2){display:block;}
/*pagenavi*/
.pagenavi{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;}
.pagenavi a,.pagenavi span.now-page{display:block;height:2.5em;line-height:2.5em;padding:0 0.2em;min-width:2.5em;background-color:#eee;color:#333;margin:0.2em;border-radius:0.05rem;}
.pagenavi span.now-page,.pagenavi a:hover{background-color:#128ff9;color:#fff;}

/*slides*/
#slides{position:relative;}
#slides:before{position:absolute;left:0;top:0;width:100%;padding-bottom:7.8125%;background-image:linear-gradient(180deg,rgba(18,143,249,0.5),transparent);z-index:2;display:block;content:'';}
#slides .info{padding-bottom:45%;position:relative;display:block;overflow:hidden;color:#fff;}
#slides .info:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.15);display:block;content:'';z-index:2;}
#slides .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;text-align:center;}
#slides .inner{overflow:hidden;transform:translateY(100%);opacity:0;transition:all 1.5s;padding:0 0.5rem;}
#slides .title{font-size:0.5rem;line-height:1.35em;margin-bottom:0.1rem;}
#slides .intro{font-size:0.18rem;line-height:2em;}
#slides .swiper-slide-duplicate-active .inner,#slides .swiper-slide-active .inner{transform:translateY(0);opacity:1;}
#slides .swiper-pagination{left:50%;transform:translateX(-50%);bottom:5.20833333%;justify-content:center;}
#slides .swiper-pagination-bullet{width:0.1rem;height:0.1rem;opacity:1;display:block;background-color:transparent;border:0.02rem solid #fff;margin:0 0.13rem;transition:all 0.2s;}
#slides .swiper-pagination-bullet-active{background-color:#fff;}
#slides .arrow{margin-top:0;transform:translateY(-50%);color:rgba(255,255,255,0.5);font-size:0.44rem;}
#slides .arrow:after{font-size:1em;}
#slides .arrow:hover{color:#fff;}
#slides .swiper-button-prev{left:3.125%;}
#slides .swiper-button-next{right:3.125%;}
@media only screen and (max-width:1024px){
    #slides .title{font-size:0.4rem;}
}
@media only screen and (max-width:750px){
    #slides .inner{padding:0 0.35rem;}
    #slides .info{padding-bottom:100%;}
    #slides .title{font-size:0.36rem;}
    #slides .arrow{font-size:0.3rem;}
}

/*hname*/
.hname{font-size:0.24rem;line-height:1.25em;font-weight:400;border-bottom:1px solid #e4e4e4;padding-bottom:0.15rem;margin-bottom:0.35rem;}
@media only screen and (max-width:750px){
    .hname{margin-bottom:0.25rem;}
}

/*probox*/
.probox{overflow:hidden;margin-bottom:0.35rem;width:100%;}
.probox ul{width:103.125%;}
.probox li{width:33.333%;padding-right:3.03030303%;padding-bottom:3.03030303%;}
.probox .title{font-size:0.18rem;line-height:2em;font-weight:normal;text-align:center;padding:0.15rem 0.2rem;}
.probox .info{display:block;overflow:hidden;background-color:#fff;transition:all 0.2s;border-radius:0.1rem;}
.probox .info:hover{box-shadow:0px 0px 0.15rem rgba(0,0,0,0.05);}
.probox .info:hover img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
    .probox li{width:50%;}
}

/*newsbox*/
.newsbox{width:31.333%;margin-bottom:0.35rem;}
.newsbox li{margin-bottom:0.35rem;}
.newsbox .thumbnail{width:1.2rem;padding-bottom:0;}
.newsbox .thumbnail:after{display:block;}
.newsbox .text{width:calc(100% - 1.4rem);position:relative;z-index:2;}
.newsbox .title{font-size:0.18rem;line-height:1.5em;font-weight:500;margin-bottom:0.05rem;}
.newsbox .excerpt{font-size:0.14rem;line-height:1.75em;height:3.5em;color:#666;}
.newsbox .info{justify-content:space-between;position:relative;align-items:center;}
.newsbox .info:before{background-color:#fff;position:absolute;display:block;content:'';left:0;top:0;width:calc(100% + 0.2rem);height:calc(100% + 0.2rem);margin:-0.1rem;transition:all 0.2s;border-radius:0.1rem;}
.newsbox .info:hover:before{box-shadow:0px 0px 0.15rem rgba(0,0,0,0.05);}
.newsbox .info:hover img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
    .newsbox{width:100%;}
    .newsbox:last-child{margin-bottom:0;}
    .newsbox ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
    .newsbox li{width:48.5%;margin-bottom:3%;}
    .newsbox .info{padding:0.2rem;background-color:#fff;border-radius:0.1rem;}
    .newsbox .info:before{display:none;}
}
@media only screen and (max-width:750px){
    .newsbox li{width:100%;}
}

/*protop*/
#propost{padding:0.35rem;}

@media only screen and (max-width:750px){
    #propost{padding:0.25rem;}
}

/*protop*/
.protop{justify-content:space-between;overflow:hidden;margin-bottom:0.5rem;align-items:flex-start;}
.protop .thumbnail{width:40%;padding-bottom:0;}
.protop .thumbnail:after{display:block;}
.protop .info{width:57%;}
.protop .title{font-size:0.28rem;font-weight:500;line-height:1.35em;margin-bottom:0.15rem;}
.protop .excerpt{background-color:#fafafa;padding:0.15rem 0.2rem;color:#999;font-size:0.14rem;line-height:1.75em;margin-bottom:0.2rem;}
.protop .phone{font-size:0.28rem;line-height:1.125em;color:#128ff9;font-weight:bold;margin-bottom:0.2rem;}
.protop .phone a{color:#128ff9;}
.protop .button a{display:flex;width:8.4375em;height:2.875em;border-radius:0.05rem;align-items:center;justify-content:center;border:1px solid #128ff9;margin-right:0.15rem;}
.protop .button a:last-child{margin-right:0;}
.protop .button .msg{background-color:#128ff9;color:#fff;}
.protop .button .back{background-color:#fff;color:#128ff9;}
.protop .tags{font-size:0.15rem;line-height:1.75em;color:#666;margin-top:0.3rem;}
.protop .tags a{color:#666;margin-right:0.1rem;}
.protop .tags a:last-child{margin-right:0;}
.protop .tags a:hover{color:#128ff9;}
@media only screen and (max-width:1024px){
    .protop .thumbnail{width:100%;margin-bottom:0.3rem;}
    .protop .info{width:100%;}
    .protop .excerpt{margin-bottom:0.35rem;}
    .protop .meta{display:flex;align-items:center;justify-content:space-between;}
    .protop .phone{margin-bottom:0;}
}
@media only screen and (max-width:750px){
    .protop{margin-bottom:0.2rem;}
    .protop .meta{flex-direction:column;align-items:center;}
    .protop .phone{margin-bottom:0.25rem;}
}

/*promid*/
.promid{overflow:hidden;}

/*related*/
.related{overflow:hidden;margin-top:0.3rem;}
.related ul{width:101.90512479%;}
.related li{width:25%;padding:0 1.86950832% 1.86950832% 0;}
.related .thumbnail{margin-bottom:0.15rem;}
.related .tit{font-size:0.16rem;font-weight:400;text-align:center;}
.related a{display:block;overflow:hidden;}
@media only screen and (max-width:1024px){
    .related li{width:50%;}
}
@media only screen and (max-width:750px){
    .related ul{width:auto;justify-content:space-between;}
    .related li{padding:0;width:48%;margin-bottom:0.2rem;}
}