@charset "gb2312";
/* CSS Document */
body{
-moz-user-select: none; /*»ðºü*/
-webkit-user-select: none; /*webkitä¯ÀÀÆ÷*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*ÔçÆÚä¯ÀÀÆ÷*/
user-select: none;
}
.card_banner { background:url(../images/card_banner.jpg) center no-repeat; width:100%; height:400px; margin-bottom: 50px;}
.content_left{width:68%; float: left;}
.content_right{width:28%;float: right;}
.title{ width: 100%; margin-top: 2rem; margin-bottom: 1rem;padding-bottom: 2rem; display: block; text-align: left; font-size:2.4rem;font-weight:bold;background: url(../images/separate.jpg) no-repeat left bottom;}
.title a:hover{color:#666;text-decoration: none;}
.search_box{height:auto; overflow: hidden; padding-bottom: 1rem; width: 100%; margin-top:2rem; margin-bottom:2rem;  border-bottom:1px solid #CCC;}
.search_box .form-group{width: 40%;}
.content_left .search_box {margin: 0; padding: 0;}
.content_left .search_box .form-group{width: 50%;}
.content_left .title1{ height:50px; width:100%; line-height:50px; overflow:hidden; vertical-align:middle; background-color:#45BA4E; font-size:24px; color:#FFF; border-radius:5px 5px 0 0;}
.card_box{width: 80%; height:auto; overflow: hidden; margin-top: 10px;}
.card_box .card{width: 30%; height: auto; overflow: hidden; float: left; margin-top: 10px; box-sizing: border-box;margin-bottom: 10px; border: 1px solid #CCC; }
.card_box .card:hover{background-color: #E5E4E4;}
.card_box .card:nth-child(3n+2){margin-left:5%;margin-right:5%;}
.card_box .card_icon{width: 60px; text-align: center; box-sizing: border-box; padding: 1rem;}
.card_box .card_icon img{ width: 40px; }
.card_box .card_txt{width: calc(100% - 60px); height: 100%; line-height: 2rem;border-left: 1px solid #CCC;box-sizing: border-box; padding: 1rem;}
.card_box .card_txt .card_name a{font-weight: bold; font-size:16px; }
.card_box .card_txt p{widht:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cardinfo{margin-left: 2rem;}
.content_right .title{ width: 100%; margin-top: 2rem; margin-bottom: 1rem;padding-bottom: 2rem; display: block; text-align: left; font-size:2.4rem;font-weight:bold;background: url(../images/separate.jpg) no-repeat left bottom;}
.content_right .title a:hover{color:#666;text-decoration: none;}
.files{ width:100%; height: auto; overflow: hidden;}
.files li{ line-height: 2rem; padding: 0.5rem 0;font-size: 1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.files li a{font-size: 1.4rem; text-decoration: none; color: #333;}

@media screen and ( max-width: 1024px ) {
	.search_box .form-group{width: 50%;}
	.card_box{width:90%;}
	.card_box .card{width: 30%; }
	.card_box .card:nth-child(4n-2),.card_box .card:nth-child(4n-1){margin-left:0;margin-right:0;}
	.card_box .card:nth-child(3n+2){margin-left:5%;margin-right:5%; margin-top: 10px;}
}

@media screen and ( max-width: 768px ) {
	.content_left{width:100%; float: none;}
	.content_right{display: none;}
	.search_box .form-group{width:70%;}
	.content_left .search_box .form-group{width: 100%;}
	.card_box .card:nth-child(4n-2),.card_box .card:nth-child(4n-1),.card_box .card:nth-child(3n+2){margin-right: 5%;margin-left: 0; margin-top: 10px;}
	.card_box .card{width: 45%;margin-right: 5%;margin-left: 0; margin-top: 10px; }
	
}

@media screen and ( max-width: 425px ) {
	.card_box .card:nth-child(4n-2),.card_box .card:nth-child(4n-1),.card_box .card:nth-child(3n+2){margin-right: 5%;margin-left: 0; margin-top: 10px;}
	.card_box .card{width: 100%;margin-right: 0;margin-left: 0; margin-top: 10px; }
	

	
}