@charset "utf-8";

/* fengmain or list*/
.g-main-bg {background-color: #fff;}
.g-box-1200 {
    width: 1200px;
    height: auto;
    margin: auto;
    display: block;margin-top: 20px;}
.g-hotico {
    overflow: hidden;
    padding: 20px 20px 10px 20px;
    position: relative;
    width: 1160px;
background-color: #fff;}
.g-hotico span {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    background: url(https://www.qqtn.com/skin/new2018/images/g-hotico.png) no-repeat;
    width: 50px;
    height: 50px;
}



.g-hotico ul li {
    width: 100px;
    height: auto;
    float: left;
    margin: 12px 8px 12px 19px;
    display: inline;
    overflow: hidden;
}




.g-hotico ul li a {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}
.g-hotico ul li a b {
    display: none;
}
.link-instanted * {
    animation: instantAnminate 0.6s 1;
    animation-fill-mode: forwards;
}


.g-hotico ul li a img {
    
    height: 87px;
    border-radius: 12px;
    display: block;
    overflow: hidden;
	object-fit: cover;
border: 1px solid #e8e8e8;
    padding: 5px;
    box-shadow: 0 0 5px #e5e5e5;}

.g-hotico ul li a strong {
    width: 100%;
    height: 20px;
    line-height: 20px;
    
    font-weight: normal;
    color: #555;
    text-align: center;
    margin: 6px 0 0 0;
    display: block;
    
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.g-class {
    overflow: hidden;
    border-top: 1px dashed #f1f1f1;
    padding: 10px 0 15px 0;
    margin: 0px 30px;
}
.g-class ul li {
    float: left;
}
.g-class a {
    
    border-radius: 5px;
    /* color: #0088ff; */
    float: left;
    width: 85px;
    display: block;
    text-align: center;
    margin: 5px 5px 0px 5px;
    height: 32px;
    line-height: 32px;
}
.g-class ul li a font {
    display: none;
}
.g-class .last{   
    color: #399c07;font-weight: 600;}

.g-class a:hover{color: #027c1e;}







.tab_qh{
	
	
	

    
    
    width: 1200px;
    height: 50px;
    
    background: #fff;
    
    top: -40px;}

.tab_qh .tab-nav span {
    width: 120px;
    font-size: 18px;
    float: left;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 10;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    padding-left: 12px;
}


.tab_qh .tab-nav span:before {
    background: #258f37;
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 2px;
    height: 28px;
}


.tab_qh .tab-nav{
	
float: left;margin-bottom: 25px;/* position: absolute; */width: 1200px;/* height: 50px; */
    /* line-height: 50px; *//* z-index: 9999; */
  
  }

.tab_qh .tab-nav ul{
    float: right; 
    
    
    
    
    

    cursor: pointer;
    position: relative;
    z-index: 10;
    
    top: 10px;}

.tab_qh .tab-nav li{
	float: left;
	margin-right: 10px;
	background: #258f37;
	
border-radius: 5px;font-size: 14px;}

.tab_qh .tab-nav li a{
	display: block;
	height: 30px;
	padding: 0 20px;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
}
.tab_qh .tab-nav li.actived{
	
background: #333;}
.tab_qh .tab-nav li.actived a{
	color: #fff;
}
.tab_qh .content-wrap{
	
	
	
width: 1228px;margin-top: 70px;}
.tab_qh .content-wrap img{
	/* width: 100%; */
	/* height: 100%; */
}
.tab_qh .content-wrap .content-item{
	
	/* position: absolute; */
	/* height: 200px; */
	
display: none;}
.tab_qh .content-wrap .current{
	display: block;
}


.content-item  ul{
    width: 1230px;
}



.content-item li {
    float: left;
    margin-right: 30px;
    width: 277px;
    /* height: 362px; */
    background-color: #fff;
    overflow: hidden;
margin-bottom: 30px;}
.content-item .unit {
    position: relative;
    z-index: 4;
    
}
.content-item .unit img {
    border-radius: 13%;
    padding: 10px;
    width: 257px;
    height: 176px;
}
.content-item h2 {
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 16px !important;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;padding: 5px 15px 0;}
.content-item h2 span {
    float: right;
    font-size: 14px !important;
    color: #999;
    font-weight: normal;
    padding: 2px 15px;
}
.content-item .shuyu {
    width: 242px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-item .shuyu span {
    overflow: hidden;
    line-height: 25px;
    font-size: 14px;
    color: #666;
}
.unit_1 {height: 30px;line-height: 30px;padding: 10px 15px;font-size: 14px;}
.unit_1 .left{float:left;color: #999;}
.unit_1 .left .right span{}
.unit_1 .right{float:right;color: #999;}
@media screen and (max-width: 1200px) {
	.g-box-1200,.tab_qh,.tab_qh .tab-nav,.tab_qh .content-wrap,.content-item ul{ width:100%;}
	.g-hotico{ width:auto;}
	.g-hotico ul,.g-class ul{white-space: nowrap;overflow-y: hidden;overflow-x: scroll;}
	.g-hotico ul li{display: inline-block; float:none;}
	.content-item li{ width:31.33%; margin-right:1%; margin-left:1%;}
}
@media only screen and (max-width: 639px) {
	.g-class ul li{display: inline-block; float:none;}
	.footer .menu .logo_foot{ display:none;}
	.footer .menu_r{ float:none;}
	.tab_qh .tab-nav span{ width:auto;}
	.content-item li{ width:48%; margin-right:1%; margin-left:1%;}
	.content-item .unit img{ width:96%; height:auto; padding:2%;}
	.content-item .shuyu{ width:98%; padding:0 1%;}
	.unit_1{ padding:1% 2%;}
	.bottom_tools{ right:10px;}
}