/* CSS Document */
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
@media (min-width:1360px){.container {width:1260px;}}
@media (min-width:1660px){.container {width:1600px;}}

@media (min-width:1601px){html,body{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html,body{font-size:16px;}}

@media (min-width:640px) and (max-width:1399px){html,body{font-size:16px;}}

@media (min-width:481px) and (max-width:639px){html,body{font-size:14px;}}

@media (min-width:329px) and (max-width:480px){html,body{font-size:14px;}}

@media (max-width:328px){html,body{font-size:14px;}}

#header,#header *{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

@media(min-width: 768px){
	.cl_bt .a:hover{background: #ad2927;border: #ad2927 1px solid;}
	.cl_bt .a:hover:before{ transform:translateX(100%)}
	.cl_bt .a:hover:after{ transform:translateX(0)}

}

@media(max-width: 768px){
	.cl_bt .a{ width:7rem; height:2.5rem; line-height:2.375rem}

}
	
@media (max-width: 480px){
	.index_newslist ul li .img{ width: 12rem; height: 8rem;}
	.index_newslist ul li .txt{ width: calc(100% - 12rem);}
	.index_newslist ul li p{ display: none;}
	.index_newslist ul li h5{  font-size: 1rem; font-weight: normal; overflow:hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-flex: 2;white-space: normal;}
}

@media (max-width: 1024px) {
#banner,.sub_banner{ margin-top:60px;}
#banner li .img{ height:15rem; }
#banner .pic img{ width:80%; }
.sub_banner h2{ font-size:30px;}
}

@media (max-width: 640px) {
	.sub_banner h2{ font-size:18px;}
	.sub_banner p{ font-size:12px;}
}