@charset "utf-8";
/* CSS Document */

/*搜索*/
.c_soso{width:80%; margin:auto; border:1px solid #dcdcdc;  background-color:#FFFFFF;}
.c_soso .minput{float:left; width:80%; width: calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); background-color:#FFFFFF;}
.c_soso .minput .input{width:96%; border:0; height:36px; line-height:36px; padding:0 2% 0 2%;}
.c_soso .msubmit{ cursor:pointer; float:right; width:80px; border-left:1px solid #dcdcdc; height:38px; line-height:38px; background-color:#f5f5f5; text-align:center; background-image:url(../images/soso12.jpg); background-repeat:no-repeat; background-position:14px center; font-size:14px; color:#999999;}

/*类别*/
.c_type{ padding:2vw 0 10px 0; border-bottom:3px solid #1679BD; }
.c_type .tlist{ position:relative;}
.c_type .tlist .title{float:left; width:170px; text-align:center; height:42px; line-height:42px; font-size:15px; color:#000000;}
.c_type .tlist .list{ float:left; height:42px; line-height:42px; overflow:hidden; width:60%; width: calc(100% - 250px); width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px);}
.c_type .tlist .list2{height:auto;}
.c_type .tlist .list a{ float:left; position:relative; display:block; height:32px; line-height:32px; margin:5px 8px 5px 8px; padding:0 8px 0 8px; font-size:15px; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px; text-decoration:none;}
.c_type .tlist .list a:hover,
.c_type .tlist .list .a_be{ background-color:#1679BD; color:#FFFFFF; }
.c_type .tlist .more{ position:absolute; right:0; bottom:0; width:80px; line-height:42px; height:42px; text-align:center; font-size:15px; color:#213547; text-decoration:none;}

/*图片列表*/
.c_photo{ padding:0 0 20px 0;}
.c_photo li{float:left; width:23%; width: calc((100% - 45px)/4); width: -moz-calc((100% - 45px)/4); width: -webkit-calc((100% - 45px)/4); margin:20px 15px 0 0; background-color:#FFFFFF;}
.c_photo li:nth-child(4n+4){margin-right:0;}
.c_photo li .c_box{padding:10px; 
	border:1px solid #CCCEDA;
	-webkit-box-shadow: 0 0 10px #dddddd;  
	-moz-box-shadow: 0 0 10px #dddddd;
	box-shadow: 0 0 10px #dddddd;
	border-collapse:separate !important;
}
.c_photo li .c_box .mimg{height:140px; background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:contain; position:relative;}
.c_photo li .c_box .mimg a{position:absolute; left:0; top:0; width:100%; height:100%;}
.c_photo li .c_box .mtitle{ position:relative; display:block; height:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold; overflow:hidden; padding:10px 0 0 0;}
.c_photo li .c_box .mtitle2{ color:#aaaaaa; font-size:14px; text-align:center; line-height:24px; height:24px; overflow:hidden;}

.mypage div a:hover,
.mypage div .a_be{ background-color:#1679BD; text-decoration:none; border:1px solid #1679BD; color:#FFFFFF;}


/*详情页*/
.c_detail{}
.c_detail .mimg{ padding:2vw 0 3vw 0; background-image:url(../images/c_detail.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center;}
.c_detail .mimg img{ max-width:280px;}
.c_detail .mimg p{ font-size:30px; text-align:center; color:#FFFFFF; font-weight:bold; padding:10px 0 0 0;}

.c_detail .dd{width:auto; max-width:760px; margin:auto; color:#666666; font-size:18px; line-height:2em; padding:2vw 0 2vw 0;}


@media screen and (max-width:861px){
	/*类别*/
	.c_type .tlist .title{width:100%; text-align:left;}
	.c_type .tlist .list{ width:60%; width: calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px);}
	
	/*图片列表*/
	.c_photo li{float:left; width:48%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2); margin:10px 10px 0 0;}
	.c_photo li:nth-child(2n+2){margin-right:0;}
	.c_photo li .c_box .mimg{ height:80px;}
	.c_photo li .c_box .mtitle{ font-weight:normal; height:30px; line-height:30px; font-size:14px;}
	.c_photo li .c_box .mtitle2{ font-size:12px; height:26px; line-height:26px;}
	
	.c_detail .mimg p{ font-size:16px;}
	.c_detail .mimg img{ max-width:180px;}
	.c_detail .dd{ width:100%; font-size:14px;}
}