/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#000;font:14px/30px sans-serif, Arial, Tahoma, Verdana, sans-serif;background:#fff;width:100%; max-width:800px; margin:0 auto}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"Open Sans", sans-serif, Arial, Tahoma, Verdana, sans-serif;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0054a3;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

#logo{ height:.8rem;display: flex;;align-items:center;justify-content:center; position:relative}
#logo img{ height:.46rem}
#logo .search{ position:absolute; right:.2rem; top:50%; margin-top:-.2rem; }
#logo .search i{ font-size:.24rem;color:#666}

#banner{ width:100%; position:relative;}
#banner .focus{ position:relative}
#banner .focus .swiper-slide {width:80%;transition-timing-function:linear;}
#banner .focus .swiper-slide img{ width:100%; border-radius:.1rem}
#banner .focus .swiper-pagination-bullet{ width:.3rem; height:.04rem; border-radius:.1rem; background: #ffffff; opacity:.9; margin:0 .03rem}
#banner .focus .swiper-pagination-bullet-active{ background: #95c78f;}

#list{ padding:.2rem; width:100%}
#list ul li{ border-bottom:1px solid rgba(0,0,0,.02); padding:.2rem 0}
#list ul li h2{ font-size:.26rem; font-weight:700; line-height:1.4; color:#303030}
#list ul li .info{ font-size:.18rem; color:#929292}
#list ul li .info span{ padding:0 .1rem}
#list ul li .img{ margin-top:.1rem}
#list ul li .img img{ width:100%; border-radius:.06rem}
#list ul li .hits{ margin-top:.1rem; font-size:.18rem; color:#929292}
#list .loadmore{ font-weight:700; text-align:center; padding:.2rem 0;}

#show{ width:100%}
#show .banner{ background-size:cover; padding:2.3rem .2rem .5rem .2rem; position:relative}
#show .banner .title{ position:relative; z-index:10}
#show .banner .title h2{ font-size:.3rem; line-height:1.4; font-weight:700; color:#fff}
#show .banner .title .hits{ font-size:.18rem; color:#fff;}
#show .banner::before{;content:''; width:100%; height:100%; position: absolute; left:0; top:0; background:rgba(100,100,100,.5); z-index:3; display:block}
#show .auth{ background:#fff; border-radius:.1rem .1rem 0 0; position:relative; top:-.2rem; padding:.2rem; z-index:9}
#show .auth{display: flex;;align-items:center;justify-content:space-between;}
#show .auth .img{ width:.8rem; height:.8rem;}
#show .auth .img img{ border-radius:.8rem;width:100%;height:100%;object-fit:cover}
#show .auth .info{ width:calc(100% - 1rem); line-height:1.6;}
#show .auth .info .name{ font-size:.2rem}
#show .auth .info .time{ font-size:.18rem}
#show .auth .info .time span{ padding:0 .1rem}
#show .content{ padding:.2rem; line-height:1.8; font-size:.25rem}
#show .content p{ margin-bottom:.2rem}
#show .content img{ max-width:100%}
#show .other{ border-top:1px solid #eee;padding:.2rem}
#show .other .title{ font-size:.24rem; font-weight:700}
#show .other .list ul li{ padding:.2rem 0;}
#show .other .list ul li a{display: flex;;align-items:center;justify-content:space-between;}
#show .other .list ul li .img{ width:30%}
#show .other .list ul li .img img{ width:100%; border-radius:.06rem}
#show .other .list ul li .tit{ width:65%; font-size:.24rem; line-height:1.6}

#footer{ width:100%; border-top:1px solid rgba(153,153,153,.1); text-align:center; padding:.2rem 0 1.2rem; color:#0e2236; font-size:.22rem}
#footer p{line-height:1.8}
#footer a{color:#0e2236;}
#footer{font-weight:700}

#nav{ width:100%; position:fixed; left:0; bottom:0;background:#fff; border-top:1px solid rgba(153,153,153,.05)}
#nav{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
#nav .box{ display: flex;;align-items:center;justify-content:space-between; }
#nav .item{ width:50%; text-align:center; padding:.15rem 0; }
#nav .item a{ display:block;border-right:1px solid rgba(153,153,153,.05); line-height:1}
#nav .item i{ color:#666; font-size:.22rem;}
#nav .item p{ font-size:.18rem; color:#666; margin-top:.05rem}
#nav .item.active i,
#nav .item.active p{color:#95c78f}

#search{ width:100%; padding:.2rem; position:fixed; left:0; top:0; background:#fff;}
#search .box{ position:relative;display: flex;;align-items:center;justify-content:space-between;}
#search .box .key{ border:1px solid #f5f5f5; line-height:.54rem; border-radius:.54rem; background:#f9f9f9; width:86%; text-indent:.5rem; font-size:.2rem; color:#666}
#search .box .fa-search{ position:absolute; left:.2rem; top:.2rem; color:#999}
#search .box span a{ color:#95c78f}

#slist{ padding:.2rem; margin-top:.8rem}
#slist .other{ border-top:1px solid #eee;padding:.2rem}
#slist ul li{ padding:.2rem 0;}
#slist ul li a{display: flex;;align-items:center;justify-content:space-between;}
#slist ul li .img{ width:30%}
#slist ul li .img img{ width:100%; border-radius:.06rem}
#slist ul li .tit{ width:65%; font-size:.24rem; line-height:1.6}

#nbanner{ width:100%; padding:1rem 0; background:url(../images/nbanner.jpg); background-size:cover}
#nbanner .title{ text-align:center; font-size:.4rem; font-weight:700;color:#fff}
#about{ padding:.5rem .2rem; width:100%;}
#about .contact{ font-size:.26rem; line-height:1.9;min-height:6rem}
#about .contact img{ max-width:100%}