/*
* 模板0
* Wednesday, November 2024.
* 川哥编程
* 13700879064
* txt：文字
* img：图片
* imgtxt：图文
*/
#main ul,#main li {
    margin: 0px;
    padding: 0px;
    list-style: none;
	overflow: hidden;
}
/**************************************
* 文字||图文
**************************************/
.wrapper {
    margin: 40px auto;
    overflow: hidden;
}
/* .wrapper > div:nth-child(odd) {float:left;} */
/* .wrapper > div:nth-child(even) {float:right;} */
/* .section {width: 49%;} */

/* .section > div.tit .name { */
    /* margin: 25px 0px 16px 0px; */
    /* padding-right: 20px; */
/* } */
.wrapper div.tit > a{
    color: #c31f0b;
    font-size: 26px;
    display: inline-block;
}
.wrapper div.tit > .name{
	margin: 25px 0px 16px 0px;
    padding-right: 30px;
}
.wrapper div.tit > .more{
	font-size:16px;
	position: relative;
    top: 30px;
}
.box {
    padding: 20px 20px 20px 20px;
    border: 1px solid #c2cfe3;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

/**************************************
* 纯图片 
**************************************/
/* .section > div.img.box{ */
	
/* } */
/* .section > div.img.box > a { */
    /* width: 48%; */
	/* height:235px; */
 
	/* display:flex; */
	/* align-items:center; */
	/* justify-content:center; */
	/* border:1px solid #eee; */
	/* border-radius:3px; */
/* } */
/* .section > div.img.box > a:first-child  { */
	/* float: left; */

/* } */
/* .section > div.img.box > a:last-child  { */
	/* float: right; */
/* } */
/**************************************
* 图文
**************************************/
.rectangle .imgtxt.box a{
	display:block;
	overflow: hidden;
	margin-bottom: 20px;
}
.rectangle .imgtxt.box a > div {
    float:left;
	height:101px;
	overflow: hidden;
}
.rectangle .imgtxt.box a > div:first-child {
    width:101px;
	display:flex;
	align-items:center;
	justify-content:center;
	border: 1px solid #eee;
	border-radius:3px;
	background:#000;
	margin-right: 20px;
}
.rectangle .imgtxt.box a > div:first-child > img{
	background:#fff;
}
.rectangle .imgtxt.box a > div:last-child {
	width: 460px;
    text-indent: 32px;
    line-height: 25px;
}

/**************************************
* 小轮播模式 
**************************************/
.smallSwiper div.box  {padding-bottom:0px;}
div.box .smallSwipeBox {
	display: block;
    overflow: hidden;
	text-indent:32px;
	max-height:400px;
	width: 591px;
	margin-bottom: 40px;
	line-height: 27px;
}
div.smallSwiperImgBox{
	width: 48%;
	height:48%;
	margin-right:20px;
	text-indent:0px;
	background:#000;
}
.smallSwiper div.box .smallSwipeBox:nth-child(odd){float: left;}
.smallSwiper div.box .smallSwipeBox:nth-child(even){float: right;}
.smallSwiper div.box > a > img {
	float:left;
	width: 48%;
	margin-right:20px;
	border-radius:3px;
}
.smallSwiper[data-count="1"] div.box .smallSwipeBox {margin-bottom: 20px;width: 100%;}


/* .txt.box ul li { */
    /* text-indent: 1em; */
    /* position: relative; */
    /* height: 39px; */
/* } */
/* .txt.box ul li a { */
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* color: #333; */
    /* font-size: 15px; */
    /* position: absolute; */
    /* left: 0px; */
    /* right: 92px; */
    /* line-height: 39px; */
	/* max-width: 440px; */
/* } */
/* .txt.box ul li span { */
    /* font-style: normal; */
    /* display: block; */
    /* float: right; */
    /* font-size: 13px; */
    /* line-height: 33px; */
/* } */

/**************************************
* 两列纯文字 plaintext
**************************************/
/* .plaintext ul, .plaintext ul > li { */
    /* overflow: hidden; */
    /* list-style-type: none; */

/* } */
.plaintext ul > li:nth-child(odd) {
    float: left;
}
.plaintext ul > li:nth-child(even) {
    float: right;
}
#main .plaintext ul > li {
    border-bottom: 1px dashed #dcdcdc;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 48%;
    display: inline-block;
    text-align: justify;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}
.plaintext ul > li > a {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 72%;
}
.plaintext ul > li > span {
    color: #888;
    font-size: 14px;
    float: right;
}


/**************************************
* 自由排列的艺术画廊 gallery
**************************************/
.gallery div.imgtxt.box {
	float:left;
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	align-items:center;
	justify-content:center;
	background:#000;
}
.gallery div.imgtxt.box > a{text-align:center;color:#aaa;}
.gallery div.imgtxt.box > a:hover{color:red;}
/**************************************
* 撑满宽屏的图文列表 imgtxtFull
**************************************/
.rectangle .imgtxt.box a{
	display:block;
	overflow: hidden;
	margin-bottom: 20px;
	width: 47.5%;
    float: left;
    border-radius: 3px;
    padding: 10px;
}
.rectangle .imgtxt.box a:nth-child(odd) {float:right;}
@media screen and (max-width:768px) {
	.box {
		padding: 20px 0px 20px 0px;
		border-bottom-color: #fff;
	}
	.smallSwiper .box {
		padding-left:10px;
		padding-right:10px;
	}
	.wrapper div.tit > a.name{margin-left: 10px;}
	.wrapper div.tit > a.more{margin-right: 10px;}
	.rectangle .imgtxt.box a {
		float: none;
		padding: 0px;
	}
	.rectangle .imgtxt.box a > div:first-child {width: 100%;}
	.rectangle .imgtxt.box a > div:last-child {
		width: auto;
		text-indent: inherit;
		line-height: 25px;
	}
	
	.gallery > div > div.imgtxt.box > a:nth-child(odd) {margin-right: 5px;}
	.gallery > div > div.imgtxt.box > a:nth-child(even) {margin-left: 5px;}
	
	#main .plaintext ul > li {
        width: auto;
        display: block;
        margin: 5px;
    }
	.plaintext ul > li:nth-child(odd),
	.plaintext ul > li:nth-child(even){
        float: none;
    }
	
	.smallSwiper div.box > a { width: 100%;}
	.smallSwiper div.box > a:nth-child(odd),
	.smallSwiper div.box > a:nth-child(even){
		float: none;
	}
	.smallSwiper div.box > a:last-child{margin-bottom:0px;}
	.smallSwiper div.box > a > img {width: 45%;}
}