/*
 * 作品依赖：Z-BlogPHP
 * 作品 ID ：superpage
 * 前端框架：FinchUI
 * _|_|_|_|  _|_|_|  _|      _|    _|_|_|  _|    _|  _|    _|  _|_|_|  
 * _|          _|    _|_|    _|  _|        _|    _|  _|    _|    _|    
 * _|_|_|      _|    _|  _|  _|  _|        _|_|_|_|  _|    _|    _|    
 * _|          _|    _|    _|_|  _|        _|    _|  _|    _|    _|    
 * _|        _|_|_|  _|      _|    _|_|_|  _|    _|    _|_|    _|_|_|     
 * 发布时间：2022-10-30
 * 作者名称：星岚工作室
 * 作者官网：https://www.finchui.com
 * 作者邮箱：hnysnet@qq.com
 * 作者 QQ ：914466480
 * 官方声明：用户已购买的应用只能单一账号下使用,不得二次发布、赠送、转售、租让、盗版等,如被查实将被永久关闭用户账号。                                                              
 */
/*css reset*/
html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body{font-size:14px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;}
@font-face{font-family:iconfont;src:url(../iconfont/iconfont.woff2?t=1632367470440) format('woff2'),url(../iconfont/iconfont.woff?t=1632367470440) format('woff'),url(../iconfont/iconfont.ttf?t=1632367470440) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap: break-word;margin:0;padding:0;outline:0;border:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
/* a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align: top;} */
a{text-decoration:none;transition:all .15s ease 0s;}
a:hover{text-decoration:none;}
button{background: transparent;}
button:focus , input:focus , textarea:focus{outline:0;} 
ol , ul{list-style-type:none}
i , em{font-style:normal}
img{max-width:100%;height:auto;border:0;vertical-align:middle;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}
video{width: 100%;height: 100%; background:#252422;}
.fui-video{position: relative;padding-bottom: 56.25%; /* 16:9 的比例对应的百分比值（9/16*100%） */ height: 0;overflow: hidden;}
.fui-video video{position: absolute; top: 0; left: 0;}
/**公告css**/
.nav li ul , .search , .section{box-shadow:1px 1px 5px rgba(0,0,0,.1)}
/**通用间距**/
.ml20{margin-left:20px;}
.pl20{padding-left:20px;}
.mb20{margin:0 0 20px 0!important;}
.left{float:left;text-align: left;}
.right{float:right;text-align: right;}
.clear{clear:both}
.webwidth {margin:0 auto;position: relative;}
.logo , .title_c{float:left;height:60px;overflow:hidden;}
.logo {margin:20px 10px 20px 20px;}
.logo img{height:60px;}
.title_c{margin:20px 0;}
.title{font-weight:bold;display:block;overflow:hidden;}
.title_c .title_t1{line-height:60px;font-size:28px;}
.title_c .title_t2{line-height:36px;font-size:24px;}
.button_c , .input_clear{display:none}
/**=联系我们=**/
.contact{float:right;margin:20px 20px 0 0;text-align: right;}
.contact-number{font-size:20px;line-height: 36px;font-weight: bold;}
.contact-number img{height:20px;width:20px;margin-right:5px;position: relative;top:-2px;}
.contact p{line-height:150%;font-size:12px;}
/*导航条*/
.nav_box{line-height:40px;height:40px;position: relative;}
/* 导航栏 */
.nav li { float:left; line-height: 40px;position: relative;}
.nav li a {padding:0 20px;color:#ffffff;display:block;}
.nav li a.nav-show{padding:0 35px 0 20px;}
.nav li .nav-show::after{content:"\e7d9"; font-family:"iconfont"; position:absolute;top:0;right:20px;}
.nav li .nav-hide::after{content:"\e7d8";}
.nav li ul{position:absolute;top:100%;z-index:5;background:#ffffff;transition:top .5s;display:none; border:1px solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.1)}
.nav li ul li{float:none;width:100%;line-height:36px;white-space:nowrap;display:block;border-top:1px solid #f2f2f2;margin:0;}
.nav li ul li:first-child {border-top:0;}
.nav li ul li::before:hover , .nav li.current-li ul li{border-bottom:0;}
.nav li ul li a , .nav li.current-li ul li a{color:#333333;}
.nav li ul li:hover , .nav li ul li.current-li{background:#f2f2f2;}
/* 搜索 */
#nav_search{font-family:iconfont!important;position: absolute;right:0;top:0;color:#ffffff;line-height:40px;padding:0 20px; cursor: pointer;}
#nav_search::before{content:"\e640"}
.search{overflow:hidden;width:100%;position: absolute;top:40px;left:0;right:0;z-index:998;padding:30px 20px;display: none;}
.search form { position: relative;height:40px;}
.search input{width:100%;height:40px;line-height:40px;padding:0 5px;display: block;border-radius:3px 0 0 3px; }
.input_clear{position:absolute; line-height: 40px;right:80px; top:0;cursor: pointer;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);transition: 1s ease 0s;-moz-transition: 1s ease 0s; -webkit-transition: 1s ease 0s; -o-transition: 1s ease 0s;}
.input_clear::before{content:"\ef630";padding:0 10px;font-family:iconfont!important; }
.search button{width:80px;line-height:40px;height:40px;color:#ffffff;position: absolute;right:0;bottom:0;cursor: pointer;border-radius:0 3px 3px 0;}
/*网站头部样式2*/
.head2_fixed , .head2_fixed2{position: fixed;top:0px;z-index:9999;right:0;left:0;transition:top .5s}
.head2_hide{top:-60px}
.head2{height:60px;}
.head2 .logo , .head2 .title_c{float:left;height:40px;overflow:hidden;}
.head2 .logo {margin:10px 10px 10px 20px;}
.head2 .logo img{height:40px;}
.head2 .title_c {margin:10px 0;color:#fff;}
.head2 .title_c .title_t1{line-height:40px;font-size: 24px;}
.head2 .title_c .title_t2{line-height: 24px; font-size: 18px;}
.head2 .title_c p {line-height:16px;font-size: 12px;letter-spacing: 2px;color:rgba(255,255,255,.3);}
.nav_box2{line-height:60px;height:60px;float: right;}
.nav_box2 .nav li , .nav_box2 #nav_search{line-height:60px;}
.nav_box2 .nav li ul li{line-height:36px;}
.nav_box2 .search{top:60px;}
.pr60{padding-right: 60px;}
.top60{top:60px;}
/***==导航栏浮动==*/
.fixednav , .fixednav2{width:100%;position:fixed;top:0;z-index:999;transition:top .5s}
.hide{top:-40px} 
.main {padding:0 0 20px 0 ;margin:0;overflow:hidden;display:block;clear:both}
.main-page{background: #333;margin:0;overflow:hidden;display:block;clear:both}
.main-page .webwidth{background: #fff;}
.main-page .webwidth .banner, .main-page .webwidth .nomargin{margin: 0 !important;}
.main-page .webwidth .section{box-shadow:0px 0px 0px rgba(255, 255, 255, 0)!important;background: #fff!important;}
/***==海报图片==*/
.banner{overflow:hidden;margin:20px 0 0 0;}
.banner img{width:100%;height:auto;display: block;}
/**轮播图**/
.slides-box{position:relative;width:100%;margin-bottom:20px}
.slides-box .prev{left:0}
.slides-box .next{right:0}
.slides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.slides li{position:absolute;display:none;width:100%;left:0;top:0}
.slides li:first-child{position:relative;display:block;float:left}
.slides img{display:block;height:auto;float:left;width:100%;border:0}
.slides p{display:block;position:absolute;z-index:2;font-size:16px;text-align: center;text-shadow:none;color:rgba(255,255,255,.8);background:rgba(0,0,0,.2);left:0;right:0;bottom:0;padding:10px 15px;margin:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slides_nav{font-size:20px;position:absolute;top:50%;z-index:9;line-height:50px;height:50px;width:30px;text-align:center;margin-top:-25px;vertical-align:middle;cursor:pointer;background:rgba(0,0,0,.1)}
.slides_nav span{display:block;color:rgba(255,255,255,.8)!important;margin-right:0!important}
.slides_tabs{position:absolute;z-index:9;text-align: center;left:0;right:0;bottom:0;padding:15px 0;font-size:0;}
.slides_tabs li{margin:0 10px;display: inline-block;}
.slides_tabs li.slides_here a{-moz-opacity:0.8;opacity: 0.8;}
.slides_tabs li a{font-size:0px;padding:0 20px;line-height: 2px;display:inline-block;background: rgba(0,0,0,.2);border-radius: 1px; overflow: hidden;}
/*面包屑*/ 
.breadcrumb{line-height:150%;padding:10px 20px;}
.breadcrumb i{padding:0 10px;}
.content .breadcrumb{margin:0 -20px;}
.abstract{overflow:hidden;line-height:150%;padding:15px 20px;}
/*容器*/
.ArticleEdt{float:right;font-size:14px;color:#266497;}
.section {overflow:hidden;margin:20px 0 0 0;}
.section .h3 {padding:0 20px;line-height:40px;}
.section .h3 h3{display: inline-block;position: relative;font-size: 16px;}
.section .h3 h3::before{content: ""; width:100%; height:2px;border-radius: 2px;display: inline-block;position: absolute;top:100% ;left:0;}
.section .h3 span {float:right;font-size:12px;}
/* 正文 */
.section h1{font-size:28px;line-height:150%;margin:20px 0;text-align: center;}
.section .info{line-height: 150%;text-align: center;margin:20px -10px;font-size:12px;}
.section .info span{margin:0 10px;}
.section .info span i{margin-right:5px;font-size:12px;}
.section .tal{text-align:left!important;}
.section h1 , .section .info{padding:0 20px;}
/**内容**/
.content{padding:0 20px;}
.content h2 , .content h3 , .content h4 , .content h5 , .content h6 { line-height:150%;border:0;padding:0;}
.content h2 , .content h3 , .content h4 , .content h5 , .content h6 , .content p , .content div , .content table{margin:20px 0;}
.content h2::before , .content h3::before , .content h4::before , .content h5::before , .content h6::before{content:"\ef616";margin-right: 5px;font-family:iconfont!important;} 
.content p , .content div {line-height:175%;}
.nomp{padding:0!important}
.nomp p , .nomp div , .content table td p , .content table td div {margin-top:0!important;margin-bottom:0!important;} 
.content img{max-width:100%;height:auto!important;vertical-align: middle;}
.content table{border-collapse:collapse;width:100%;}
.content section{width:100%!important}
.content table tr:first-child{color:#fff;}
.content table tr:first-child td{font-weight:700;}
.content table tr:nth-child(2n-1){background:rgba(4, 4, 4, 0.03)}
.content table td{text-align:center;padding:10px;line-height:150%;vertical-align: middle;}
.website-declare{text-align: center;}
.website-declare h3{font-size: 14px;font-weight: normal;}
.website-declare h3::before{content: '————';margin-right: 5px;color:#333}
.website-declare h3::after{content: '————';margin-left: 5px;color:#333}
.website-declare p{font-size: 12px;color: #999;margin:20px; line-height: 175%;}
/*链接按钮*/
.taourl{text-align: center;width: 100%;}
.taourl a{display:block;line-height:40px;font-size:16px;padding:0 30px;color:#333333;margin-top:20px;background:#f7f8ff;border:1px solid #e5eaff}
.taourl a:hover{background:#ebedff}
/*活动时间*/
.active_time{text-align: center;padding:0 20px;position: relative;z-index: 9;}
.active_time h2{color:#CC3333;}
.active_time p , .active_time h2{line-height: 150%;margin:20px 0;}
.active_time #countdown #time{color:#333333;}
.active_time #countdown #day , .active_time #countdown #hour , .active_time #countdown #min , .active_time #countdown #sec{background:#CC3333;color:#ffffff;padding:0 2px;margin-right:2px;border-radius: 3px;}
.active_time .nottime{background:#FF9900;color: #ffffff;padding:0 2px;}
.active_time .endtime{background:#CC3333;color: #ffffff;padding:0 2px;}
/*阅读更多*/
.section .noExpanded{height: 800px;overflow: hidden;transition: all .3s;}
.readmore{position: relative;top:-100px;text-align: center;cursor: pointer;display: none;margin-bottom: -80px;}
.readmore span{display: inline-block; padding:0 20px;line-height: 30px;border-radius: 5px;}
.readmore .readmorecover{height:100px;display: block;background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))}
/*文章标签*/
.Tags{margin-right: -20px;}
.Tags a{margin-right: 20px;display: inline-block;}
/*翻篇*/
.turn{overflow: hidden;padding:0 20px 20px 20px;margin-right: -2%; }
.turn li{line-height:150%;margin-top:20px;margin-right:2%;width:48%;float:left;font-size: 16px;}
.turn li::before{display: block;font-size: 12px;line-height: 18px;margin:0 0 5px 0;font-family:iconfont!important; }
.turn_prev::before{content:"上一篇";}
.turn_next::before{content:"下一篇";}
/*网站评论*/
.compost {padding:20px 20px 0 20px}
.comlist .pagebar {margin:10px 0 20px 0;} 
.compost .com_name span{line-height:21px;margin:0 20px 0 0;position: relative;top:-10px;display: inline-block; }
.compost .com_name span , .compost .com_name a , .clbody .cinfo h5 , .clbody .cinfo span a , .clbody p a{color:#5781bf}
.compost .com_info { overflow: hidden; }
.compost .com_info ul {list-style: none;margin-right: -3%; }
.compost .com_info li { float: left; margin-right: 3%;width:30.333333%; margin-bottom: 20px; position: relative;}
.compost .com_info li input { width: 100%; height: 30px; line-height: 30px; padding:0 5px;}
.compost .com_info li img {position: absolute; top:0;left:100%;height: 30px;}
.compost .com_info textarea { width: 100%;resize:none; margin-bottom:20px;display: block; padding: 10px;  }
.compost .com_info button { border: 0;border-radius: 3px;padding: 0 25px; line-height: 32px;color: #fff;font-size: 14px;cursor: pointer; }
.comlist{padding:20px 0 0 0}
.comlist ul { list-style: none; }
.comlist ul ul { margin-left: 5% }
.comlist ul li p ul{margin-top:20px;}
.comlist ul li p ul li{padding:20px 0 0 0;}
.comlist li { overflow: hidden; padding: 20px; display: block; }
.comlist li img , .list-comment li img{ float: left; width: 40px; height: 40px; border-radius: 50%; transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.list-comment li img{margin-right:15px;}
.comlist li:hover img , .list-comment li:hover img , .input_clear:hover {transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}
.comlist li .clbody { margin-left: 50px }
.comlist li.reply{padding:0!important; }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left;line-height: 21px;font-size: 14px; font-weight:normal;}
.clbody .cinfo span { float: right; }
.clbody em {line-height: 18px; margin-bottom:10px;font-size: 12px; font-style: normal; display: block }
.clbody p { line-height:150%; }

.ViewNums , .CommNums , .Author , .Time , .Tags , .Cate{font-family:iconfont!important;}
.ViewNums::before {content:"\e62a";margin-right: 2px;}
.CommNums::before {content:"\e660";margin-right: 2px;}
.Author::before {content:"\e63e";margin-right: 2px;}
.Time::before {content:"\e65c";margin-right: 2px;}
.Tags::before {content:"\e6c5";margin-right: 2px;}
.Cate::before {content:"\e713";margin-right: 2px;}
/* 网站分类 */
.catalog {overflow: hidden;padding:0 0 20px 20px;font-size: 0;}
.catalog li {float: left;  width:20%;margin:20px 0 0 0;line-height:150%;padding:0 20px 0 0;font-size: 16px;}
.catalog li.ulyes{width:100%;display: block;}
.catalog li li{padding:0 0 0 20px;width:25%;}
.catalog li li a::before{position:relative;margin-right:3px;color:#999;content:"\ef7b3";font-size:12px;font-family:"iconfont"}
/*子分类*/
.subcategorys{overflow:hidden;margin:10px 0 0 0;padding:0 0 20px 20px;}
.subcategorys li , .subcategorys span{ line-height:150%; margin:10px 0 0 0; padding:0 20px 0 0 ; display: inline-block;}
.subcategorys span::before{content: "\e623";font-family: iconfont;margin:0 2px 0 0;}
.sub-loop span::before{content: "\e87d";}
.sortlist span::before{content: "\e6a7";}
.pagenav span::before{content: "\e68a";}
/*两栏文章列表*/
.multicolumn-box{margin:0 -2% 0 0;font-size: 0;}
.multicolumn-box .section{display: inline-block;margin:20px 2% 0 0;font-size: 14px; vertical-align: top;} 
.columns2{width:48%;}
.columns3{width:31.3333333%;}
.columns4{width:23%;}
.column-a{overflow: hidden;padding: 0 20px 20px 20px;}
.column-a li{margin:20px 0 0 0;line-height:150%;font-size:16px;overflow:hidden;}
/*首页图文列表*/
.column-it li h2 { line-height: 24px;height: 48px;font-size: 16px;font-weight: normal;}

.column-it li .img {  float:right; width:108px; height: 81px;  margin-left: 15px;}
.column-it li .img img { width:100%; height: 100%; object-fit: cover; }
.column-it-img-h100 li .img{text-align: center; }
.column-it-img-h100 li .img img{width:auto; height: 100%;max-width: 100%; }
/*文章列表*/
.list-a , .list-website {overflow: hidden;padding:0 0 20px 20px; font-size: 0;}
.list-a li , .list-website li{ display: inline-block;   margin:20px 0 0 0;  padding:0 20px 0 0; font-size:16px;line-height:150%;}
.list-a li{width:50%;}
.list-a li span , .column-a li span{float:right;font-size:12px;}
.list-a li i , .list-website li i , .column-a li i{margin-right:5px;font-size:16px;}
.jian ul li a::before{content: "\e60b";margin-right:5px;font-family:"iconfont"}
/*网址列表*/
.list-website li{width:20%;} 
.list-website li img{position: relative; top:-2px; height:16px;width:16px;margin-right: 5px;}
/*图片列表*/
.list-pic{overflow: hidden;padding:0 20px 20px 20px;margin:0 -2% 0 0;}
.list-pic li{width:23%;float:left;margin:20px 2% 0 0; }
.list-pic li .img{position:relative;padding-top:75%;width:100%;}
.list-pic li .shopimg {position:relative;padding-top:100%;width:100%;}
.list-pic li .img img , .list-pic li .shopimg img , .list-pic li .img-h100{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.list-pic li .img img , .list-pic li .shopimg img{object-fit:cover;}
.list-pic li .img-h100{text-align: center;}
.list-pic li .img-h100 img{width:auto;height:100%;max-width:100%;position:static;}
.list-pic li h2{font-size:16px;font-weight: normal; margin:10px 0;line-height:24px;height:48px;}
.list-pic li .info{padding:10px 0 0 0 ;margin:0;text-align: left;}
.list-pic li .info span{margin:0;} 
/*图文列表*/
.list-it li , .column-it li{overflow: hidden;}
.list-it li , .list-comment li , .column-it li {padding:20px; }
.list-it li .img {  float:right;  width:153px; height: 115px;  margin-left: 15px;}
.list-it li .img img { width:100%; height: 100%; object-fit: cover; }
.list-it-img-h100 li .img{text-align: center; }
.list-it-img-h100 li .img img{width:auto; height: 100%;max-width: 100%; }

.list-it li h2 { font-size:16px;line-height: 150%;}
.list-it li p {line-height: 21px;height: 42px;margin:15px 0 0 0;}
.list-it li p a {margin-right:10px;}
.list-it li .info , .column-it li .info{margin:15px -20px 0 0;padding:0;overflow: hidden;text-align:left;}
.list-it li .info span{margin:0 20px 0 0;}
.list-it li .info span.Tags{margin:0 -20px 0 0;}
/* 单行显示省略号 */
.list-a li , .list-website li , .column-a li , .links li, .catalog li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} 
.column-it li h2 , .list-pic li h2 , .list-it li p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/*评论列表*/
.list-comment .comment_box{overflow:hidden} 
.list-comment .comment_box h4{font-size:14px;line-height:21px;color:#5781bf;}
.list-comment .comment_box h4 span{font-size:12px;margin-left:10px;display: inline-block;font-weight: normal;}
.list-comment .comment_box p{margin-top:15px;line-height: 150%;}
.list-comment .comment_info {font-size:12px;line-height:18px;margin-top:15px;text-align: right;}
.list-comment .comment_info time{float:left;}
.list-comment .comment_info .comment_zan {font-family:iconfont!important;margin-right:10px;cursor: pointer}
.list-comment .comment_info .comment_zan::before{content:"\e60a"!important;}
.list-comment .comment_info .comment_cai{font-family:iconfont!important;cursor: pointer}
.list-comment .comment_info .comment_cai::before{content:"\e606"!important;}
.column-it li:last-child , .list-it li:last-child , .list-comment li:last-child {border-bottom:0;}
.zan_red{color:#e61717!important;}
.cai_hei{color:#000000!important;}
/*分页*/
.pagebar{text-align: center;margin:10px -5px 0 -5px;}
.pagebar .page{display:inline-block;line-height:32px;width:32px;border-radius:3px;margin:10px 5px 0 5px;text-align:center}
.pagebar .page:hover , .pagebar .now-page{color:#ffffff;}
/*友情链接/网站标签*/
.links {overflow: hidden;padding:10px 0 20px 20px;font-size: 0;}
.links li { display: inline-block;  width:20%; padding:0 20px 0 0; margin:10px 0 0 0;line-height:150%;font-size: 14px;}
.links li small{position: relative; top: -1px;}
/*网站底部*/
footer{overflow:hidden;text-align:center;padding:20px;}
footer ul{text-align:center;margin:0 -10px}
footer ul li{line-height: 150%;display: inline-block;margin:0 10px 10px 10px;}
footer p{line-height:150%;}
footer a:hover{text-decoration:underline}
.beian {width:16px;height:16px;margin-right:2px;position: relative;top:-2px;}
@media screen and (max-width:721px){
#nav_search , .search , .nav , .contact , .list-it li p {display: none;}    
.web-width{max-width:720px;}
.main {margin-top:0;}
/* 手机版网页头部显示效果 */
.head_fixed , .head_fixed2 {position: fixed;top:0px;z-index:9999;right:0;left:0;transition:top .5s}
.head_hide , .head2_hide{top:-60px}
.logo , .head2 .logo {height:40px;margin:10px 10px 10px 20px;}
.logo img , .head2 .logo img{height:40px}
.title_c , .head2 .title_c{height:40px;margin:10px 0;}
.title_c .title_t1 , .head2 .title_c .title_t1{line-height:40px;font-size:24px;}
.title_c .title_t2 , .head2 .title_c .title_t2{line-height:24px;font-size:18px;}
.title_c p{line-height:16px;font-size:12px;}
.button_c{display: block;}   
.button_c button:first-child{margin:0 10px 0 0}
#nav , #search , #contact {line-height:20px;float:right;padding:10px 10px 8px 10px;text-align: center;font-size: 12px;}
#nav i,#search i , #contact i{font-size:16px;display: block;margin-bottom:2px;}
.search , .contact , .nav {width:100%;float:none;left:0;right:0;margin:0;z-index:999;position:absolute;background: #fff;}
.search , .contact {padding:20px;}    
.contact{text-align: center;top:60px;}
.search , .nav {top:0;}
.nav , .contact{box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);}
.nav_box , .nav_box2{height:0;float:none;padding:0;}
.pr60{padding:0;}
.top60{top:60px;}
/* 导航 */
.nav {overflow: auto;line-height:36px;max-height: calc(100vh - 60px);height:auto;}
.nav li{width:100%;line-height:36px;}
.nav li.current-li, .nav li:hover{background: #fff;}
.nav li a , .nav li a:hover , .nav li.current-li a{color:#333;}
.nav li .nav-show {position:absolute;right:0;top:0;padding:5px; cursor: pointer;margin:0;z-index: 5;font-size: 12px;}
.nav li .nav-show::after{ position: static; content:"\e79b";padding:0 6px; line-height: 26px; height: 26px; border:1px solid #f2f2f2;background:#fff; box-sizing: border-box; display: block;}
.nav li .nav-hide::after{content:"\e79c";}
.nav li a:hover , .nav li a.current , .nav li ul li.current-li a{background:#f2f2f2;}
.nav li.current-li ul{display: block;}
.nav li ul{position: static;top:0;margin:10px;} 
.nav li ul li:hover , .nav li ul li.current-li{background:#fff;}
.nav li ul li{border-top:0;}
/*网站头部样式2*/
.head2{height:60px;}
.nav_box2 .nav li , .nav_box2 #nav_search , .nav_box2 .nav li ul li{line-height:40px;} 
.nav_box2 .nav , .nav_box2 .search{top:60px;}
.head2 #nav i, .head2 #search i, .head2 #contact i , .head2 #nav , .head2 #search , .head2 #contact {color:#ffffff;}
.fixednav , .fixednav2{top:auto;left:auto;position: fixed;}
.section h1{font-size:24px;}
.columns2 , .columns3 {width:98%;}
.columns4{width:48%;}
.list-a li , .column-a li , .turn , .turn li{width:100%;}
.list-pic{margin-right:-3%;}
.list-pic li{margin-right:3%;width:47%;} 
/***=图文列表=***/    
.list-it li .img{width: 108px; height: 81px; }
.list-it li .img img  {width:100%; height: 100%; }
.list-it-img-h100 li .img img{width:auto; height: 100%;}
.list-it li h2 , .column-it li h2{font-weight: normal;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:auto;}
.list-it li .info span{margin:0 15px 0 0;}
.list-website li , .links li , .catalog li{width:33.33333%;}
.catalog li li{width:50%;}
.catalog li li li{width:100%;}
footer p{font-size:12px}
}
@media screen and (max-width:481px){
.input_clear{right:60px;}
.search button{width:60px;}
.slides_nav {font-size: 16px;line-height: 40px;height: 40px;width: 25px;margin-top: -20px;}
.slides p{font-size:12px;padding:5px 15px;}
.slides_tabs{ padding:10px 0;}
.slides_tabs li a{padding:0 10px;}
.multicolumn-box{margin:0;}
.multicolumn-box .section{margin:20px 0 0 0;}
.columns2 , .columns3 , .columns4{width:100%;}
.pc , .list-a li span ,  .column-a li span , .list-it li .info span.Cate , .list-it li .info span.Tags{display: none;}
.compost .com_info ul , .compost .com_info li{margin-right:0;width:100%;}  
.compost .com_info li:nth-child(4){width:50%!important }   
/***=图文列表=***/  
.list-it li .img  , .column-it li .img{margin-left:10px;}
.list-website li {width:50%;}      
}