﻿

body{
		/*font-size:3vw;*/line-height:150%; font-size:14px; 
	
	color:#000; background-color:#cc99ff;letter-spacing:1px;
	padding:0px;
	-webkit-font-smoothing:antialiased;
	margin:0px;font-family:"myFont",Arial; } 
	
::-webkit-scrollbar{width:0px}
		
::selection {
    background:blue; color:#fff;
  
}

::-moz-selection {
    background:blue;  color:#fff;
    
}

::-webkit-selection {
    background:blue; color:#fff;   
   
}




ul,li,p,h1,h2,h3,h4{ margin:0px; padding:0px; margin:0;padding:0;border:0;outline:0;font-style:normal; font-weight:400;list-style-type:none; }
img{ border:0px;}
a{ color:#000; text-decoration:none; -webkit-transition: all 0.5s;}
a:hover{ color:#000; text-decoration: none; -webkit-transition: all 0.5s;}


.wq{ margin:2.5vw; }


.left_menu{position: fixed; width:100%; display:inline-block; left:0px;top:0px; height:55px; z-index:99999999;background-color: #fff;}
.hard_logo{position: absolute;  z-index:9999999999; width:260px;left: 50%;top: 12px; margin-left: -140px;text-align: center;}
.hard_logo img{width: 100%;}



.yya{
	position:fixed;
	left:0;
	top:0;/*background:rgba(255,255,255, .95) none repeat scroll 0 0 !important;
filter:Alpha(opacity=95 )*/;
}
.gizle{top:-10rem;}
.sabit{top:0;z-index:9999999;}




.menu_x{ position: absolute; left:25px;  top:0; z-index:99999999999999;  }

.menu1{ position: absolute; z-index:9999999; font-size:37px; line-height:52px;float:right;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.menu1 a{ color:#000;font-family: Verdana, Arial, Helvetica, sans-serif;  }
.menu1 a:hover{color:#000;}
.muue2{ display:inline-block; display:none; position:fixed; right:0px; top:55px; color:#000;  width:100%;backdrop-filter:saturate(180%) blur(6px); z-index:999999999; background:rgba(255,255,255, .99) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=99);box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
}

.munee a{ display:inline-block; color:#000;   font-size:45px;line-height: 55px; text-align:center;line-height:3rem; font-family:Georgia,Serif;}
.munee a:hover{ display:inline-block; color:#000;}



.menu3{width:100%; }
.muue2 ,menu3 a{ display:block; }





.menu3 a{ position:relative; z-index:99999;font-weight: 400;display: inline-block;hanging-punctuation: 55px; line-height: 55px; width: 100%;background-repeat: no-repeat;font-size:18px;color: #fff;font-weight: bold;
    background-position:17px 12px;background-size: 30px auto;}
.menu3 a span{display:inline-block; margin-left: 70px;}
.nav1 {background-color:#00e025;background-image: url(../img/menu_nav1.png);}
.nav2 {background-color:#008bff;background-image: url(../img/menu_nav2.png);}
.nav3 {background-color:#300bc5;background-image: url(../img/menu_nav3.png);}
.nav4 {background-color:#b300ff;background-image: url(../img/menu_nav4.png);}




.search{position: absolute; right: 30px;top: 15px;}
.search a{display: inline-block;width: 20px; height: 20px; }
.search img{width: 25px;}





.cotbox{padding: 20px; padding-top: 75px;}
.tagbox{width: 100%; margin-bottom: 15px;}
.tagbox2{width: 100%; overflow-y: auto;-webkit-overflow-scrolling: touch;}
.tagbox3{white-space: nowrap;}
.taglist{margin-right: 3px;padding: 5px;padding-right: 15px;    border-radius: 33rem;line-height: 40px;
 background-color: #fff;display:inline-block;background:rgba(255,255,255, .92) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=92);}
.tagbox  a{display: inline-block;}
.tagimg{width: 40px; height: 40px;position: relative; float: left;border-radius: 33rem;overflow: hidden; margin-right: 10px;}
.tagimg img{width: 100%; height: 100%; object-fit: cover;}

.listbox{overflow: hidden; padding-top: 10px;clear: both;width: 100%;margin-bottom: 10px;}
.listbox h3{font-size: 22px;font-weight:bold;margin: 1rem 0;margin-top: 0; display: inline-block;}
.listbox ul{column-gap: 15px;overflow: inherit;position: relative;
    column-count:10;}
.listbox ul li{
	width:100%; margin-bottom: 15px; background-color: #fff;border-radius: 1rem;overflow: hidden;-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.listimg{width: 100%;height: 120px; border-radius: 1rem; overflow: hidden;}
.listimg img{width: 100%; height: 100%; object-fit: cover;}
.listinfo{padding: 10px;padding-top: 8px; overflow: hidden;}
.listinfo h3{font-size: 14px;overflow: hidden;margin: 0;
    text-overflow: ellipsis;font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;height: 42px;
}
.listdp{padding-top: 5px;height: 15px;overflow: hidden;}
.listdp img{width: 13px; margin-right: 3px;float: left;}


.footer{background-color: #fff;overflow: hidden;clear: both;}
.footerlist{text-align: center; line-height: 55px;}
.footerlist a{margin-left: 5px; margin-right: 5px;width: 20%; display: inline-block;}
.jianxi{height: 30px;}
.listbox h4{width: 100%; clear: both;display: inline-block;text-align: center; padding: 1rem 0 1.5rem 0; font-size: 14px;}
.listbox h4 a{padding: 8px 15px; display: inline-block;background-color:#6594ef; color: #fff;border-radius: 2rem;}
.cru{margin-bottom: 10px;}
.cru span{margin-right: 5px;margin-left: 5px;}
.xq_box{background-color: #fff;padding: 15px;border-radius: 1rem;margin-bottom: 15px;}
.xq_top{width: 100%;margin-bottom:10px;overflow: hidden;}
.xq_img {width: 100px; float: left;height: 100px;margin-right: 20px;border-radius: .6rem;overflow: hidden;}
.xq_img img{width: 100%;height: 100%; object-fit: cover;}
.xq_r{float: left;}
.xq_r h2{font-size: 25px; line-height: 35px;font-weight: bold;}
.xq_r_tag{clear:both;width: 100%; padding-top: 10px;}
.xq_r_tag span{float: left;display: inline-block;  }
.xq_r_tag a{padding: 4px 7px; display: inline-block;margin-right: 3px;margin-left: 3px; background-color: #e6ecf7;border-radius: 5rem;margin-bottom: 6px;}
.xq_banner{text-align: center;background-color: aliceblue;clear: both;margin-bottom: 10px;}
.xq_info{ line-height: 24px; padding-top: 15px; padding-left: 5px;}
.xq_info img{width: 18px; margin: 3px;margin-bottom: -3px;}
.xq_tt{font-size: 18px; margin-bottom: 10px;line-height: 25px; margin-top: 5px; font-weight: bold;}
.xq_tu{margin-bottom: 10px;}


.xq_tu1{width: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.xq_tu_box{white-space: nowrap;}
.xq_tu_list{height: 30vh;overflow: hidden;display: inline-block;margin-right: 5px;}
.xq_tu_list img{height:100%;border-radius: .5rem;}
.xq_cont{line-height: 24px; font-size: 14px;margin-bottom: 20px;}
.xq_cont p{margin-bottom: 10px;}
.xq_cont h4 {width: 100%; display:inline-block;text-align: center;padding-top: 10px;}
.xq_cont h4 a{padding: 0px 10px;font-size: 12px; display: inline-block;background-color:#e6ecf7; border-radius: 2rem;}

.content{

	
	
	line-height:1.7em;
	height: 150px;/*初始要显示的高度*/
	overflow:hidden;	/*关键样式：内容会被修剪，并且其余内容是不可见的。*/
	position:relative;
	
}
.content div{			/*获取更多内容图标div*/
	clear:both;
	min-height:1em;
	white-space:pre-wrap; /*如何处理元素内的空白*/
}
.get_ct_more {
	height:58px;
	position:absolute;
	bottom:0px;width:100%;
	background:linear-gradient(to top,#fff,rgba(255,255,255,0.5) 100%);
	margin:0px;
	margin-right:10px
}
.more_bt {
	width:100%;
	height:16px;
	text-align: center;
}
#more_bt{position: absolute;left: 50%; text-align: center;display:inline-block;height: 30px; line-height: 30px;width: 70px;margin-left: -35px; font-size: 12px; display: inline-block;background-color:#e6ecf7; border-radius: 2rem;}



.cru{margin-bottom: 10px;}

.btom a{width: 49%;height: 40px; line-height: 40px;color: #fff; display:inline-block;border-radius: 2rem;float: left;text-align: center;}
.btom a img{width: 18px;margin-right: 5px;display: inline-block;margin-bottom: -3px;font-size: 16px;}
.btom1{background-color:#008bff;margin-right: 2%;}
.btom2{background-color:#1aba56;}
.xzsm{padding: 1rem 0 0;color: #666;clear: both;}
.about_tt{font-size: 22px; margin-bottom: 15px;font-weight: bold;}
.hp{margin-bottom: 0;}
.search_box{background-color: #fff;width: 100%; box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);overflow: hidden;position: fixed;left: 0;top: 0;z-index: 999999999999;}
.search_top{height: 55px; padding: 20px;}
.search_in{border: 0; border-bottom: 1px solid #999;font-size: 16px; height: 45px;padding: 0px; padding-left: 0px; line-height: 45px;width: 100%;border-radius: 0rem;}
.search_in:focus{border: 0; border-bottom: 1px solid blue;outline:0 none !important; blr:expression(this.onFocus=this.blur());}
.search_btn{position: absolute;right: 15px; top: 20px;}
.search_btn button{border: 0;
    background-color: #fff;}
.search_btn a{padding: 10px; display: inline-block;}
.search_btn img{width: 25px;}
.search_tag{padding: 15px;padding-top: 0; overflow: hidden; }
.search_tag a{padding: 4px 7px;float: left;
    display: inline-block;
    margin-right: 10px;
    margin-left: 0px;
    background-color: #e6ecf7;
    border-radius: 5rem;
    margin-bottom: 10px;}

@media screen and (max-width:1200px) {
	.listbox ul{
    column-count: 8;}
	
@media screen and (max-width:860px) {
	.btom a{width: 48%;}
	.btom1{margin-right: 4%;}
	.listbox ul{column-count: 6;}
	.listdp img{width: 12px; margin-right: 3px;}
}
@media screen and (max-width:560px) {
	
.cotbox{padding: 3vw; padding-top: 70px;}
.listbox ul{column-gap: 12px;
    column-count: 3;}
	.listbox ul li{margin-bottom: 12px;width:100%;
	position: relative;
  
    display: inline-block;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	}
	.listbox h4{ padding: .5rem 0 1rem 0; }
	.hard_logo{width: 220px;margin-top: 3px; margin-left: -110px;}
	
	.footer{padding: 1rem 0rem 1rem 0;overflow: hidden;text-align: center;}
	.footerlist a{width: 60%;line-height: 35px}
	.menu_x{left: 15px;}
	.search {right: 20px;}
	.xq_img {width: 20vw;height: auto;margin-right: 10px; }
	.xq_r{float: left; width: 63vw;}
	listimg{height: 29vw; }
	.search img,.search_btn img {width: 22px;}
	.search {top: 17px;}
	
	.search_top{height: 55px; padding: 15px;}

}

@media screen and (max-width:400px) {

	.hard_logo{width:180px;margin-top: 5px; margin-left: -90px;}

}
