/*     header           */
* {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

.header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 24px;
	margin-bottom: 11px;
}

.header .dl-left {
	display: flex;
	justify-content: space-between;
	padding-left: 50px;
	padding-right: 20px;
}

.header .dl-left img {
	height: 111px;
}

.header .search {
	align-self: center;
	width: 646px;
	height: 53px;
	border-radius: 38px;
	background-color: #f1f1f1;
	border: 1px solid #c39d62;
}

.header .search .search_form .txt {
	width: 80%;
	height: 53px;
	border: 0;
	background-color: transparent;
	margin-left: 35px;
}

.header .search .search_form .fid {
	vertical-align: middle;
}

/*     header   end   */

/* ----- nav ------- */
.nav {
	margin-top: 11px;
	width: 100%;
	height: 50px;
	background-color: #b99254;
}

.nav .nav_list {
	width: 90%;
	height: 100%;
	margin: 0 auto;

}

.nav .nav_list ul {
	display: flex;
	justify-content: space-around;
}

.nav .nav_list ul li a {
	line-height: 49px;
	text-decoration: none;
	font-size: 20px;
	color: #ffffff;
	font-weight: 550;
}

/* ----- nav --end--- */

/*       banner */

.banner {
	width: 100%;
	/* height: 688px; */
	margin: 0 auto;
}

.banner .callbacks_container {
	position: relative;
}

.callbacks_container .banner_btn {
	width: 40%;
	margin: 0 auto;
	list-style: none;
	display: flex;
	padding-left: 482px;
	margin-top: -38px;
}


.banner .callbacks_container .banner_btn li{
	margin-right: 15px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #ffffff;
	opacity: .6;
}
.banner .callbacks_container .banner_btn li:hover{
	cursor: pointer;
}
.callbacks_container .banner_bt img {
	width: 100%;
	height: auto;
}
.banner .callbacks_container .banner_btn .active{
	background-color: #c39d62;
	opacity: .8;
}
/*       banner  end*/

/* new  start */
.news {
	width: 1500px;
	height: auto;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.news .xyxw .lm-title {
	width: 100%;
	height: 64px;
	color: #c39d62;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
}

.news .xyxw .lm-title span {
	color: #d2d2d2;
}

.news .xyxw .new_list {
	display: flex;
	justify-content: space-between;

}

.news .xyxw .list {
	margin-right: 35px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	padding-bottom: 30px;

}

.news .xyxw .list_data {
	font-size: 14px;
	width: 100%;
	text-align: left;
	padding: 15px;
	padding-bottom: 0px;
	color: #a6a6a6
}

.news .xyxw .new_list .img {
	width: 340px;height:221px;
}

.news .xyxw .new_list .list_data img {
	vertical-align: middle;
}

.news .xyxw .new_list .list .list_titl {
	line-height: 24px;
	height: 48px;
	margin-top: 15px;
	display: block;
	overflow: hidden;
	width: 310px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
}

.news .xyxw .new_list .list .list_con {
	font-size: 14px;
	color: #a6a6a6;
	line-height: 20px;
	height: 40px;
	margin-top: 15px;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
}

.news .xyxw .new_list .list:hover {
	-webkit-box-shadow: 0 0 20px #a1a1a1;
	-o-box-shadow: 0 0 20px #a1a1a1;
	-moz-box-shadow: 0 0 20px #a1a1a1;
}

.news .xyxw .news_more {
	text-align: center;
}

.news .xyxw .news_more {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	width: 150px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
}

.news_more a {
	border: 1px dotted #c39d62;
	border-radius: 15px;
	text-decoration: none;
	color: #c39d62;
	display: block;
	line-height: 48px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	overflow: hidden;
}

.news_more a:hover {
	border: 1px solid #c39d62;
	background-color: #c39d62;
	color: #ffffff;
}

/* new  end */

/* tzgg start*/
.tzgg {
	width: 100%;
	background-color: #f6f6f6;
}

.tzgg .tzgg_content {
	width: 1500px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-top: 28px;
}

.tzgg .tzgg_content .con_lef {
	width: 49.5%;
}

.tzgg .tzgg_content .con_lef .con .con_title {
	display: flex;
	justify-content: space-between;
	color: #c39d62;
	font-size: 29px;
	font-weight: bold;
	padding-left: 10px;
}

.tzgg .tzgg_content .con_lef .con .con_title a {
	color: #c39d62;
	font-size: 29px;
	font-weight: bold;
}

.tzgg .con .con_list {
	padding-top: 10px;
	padding-left: 10px;
	border: 1px solid #c39d62;
	margin-top: 28px;
}

.tzgg .con .con_list a {
	color: black;
}

.tzgg .con .con_list .con_cont {
	height: 47px;
	line-height: 47px;
	margin-left: 5px;
}

.tzgg .con .con_list .con_cont a {
	display: inline-block;
	height: 47px;
	line-height: 47px;
	margin-left: 5px;
}

.tzgg .con_txt {
	display: flex;
	justify-content: stretch;
	margin-top: 12px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #9a9a9a;
	padding-left: 5px;
	padding-right: 5px;
	transition: all .3s;

}
.tzgg .con_txt:hover{
	cursor: pointer;
	color: #c39d62;
}
.tzgg a:last-child .con_txt {
	border-bottom: 1px dashed transparent;
}

.tzgg .con_txt .day {
	display: inline-block;
	width: 52px;
	text-align: center;
	color: #c39d62;
	font-size: 34px;
	margin-bottom: 5px;
}

.tzgg .con_txt .year {
	color: #c39d62;
}

.tzgg .tzgg_content .con_teach .con .con_title {
	display: flex;
	justify-content: space-between;
	color: #c39d62;
	font-size: 29px;
	font-weight: bold;
	padding-left: 10px;
}

.tzgg .tzgg_content .con_teach {
	width: 49.5%;
}

.tzgg .tzgg_content .con_teach .con .con_cont {

	border: 1px solid transparent;
	margin-top: 28px;
}

.tzgg .tzgg_content .con_teach .con .con_cont ul li {
	transition: all .3s;
	font-family: 微软雅黑;

	padding-left: 10px;
	height: 59px;
	background-color: #fff;

	margin-bottom: 18px;

	padding-right: 41px;
	padding-left: 24px;
}

.tzgg .tzgg_content .con_teach .con .con_cont ul li a {
	line-height: 59px;
	display: flex;
	justify-content: space-between;
	color: black;
}

.tzgg .tzgg_content .con_teach .con .con_cont ul li:hover {
	cursor: pointer;
	background-color: #c39d62;
	color: #fff;
}

.tzgg .tzgg_content .con_teach .con .con_cont ul li:hover a {
	color: #fff;
}

/* tzgg start*/

/* 纺织故事 */
.fzgs {
	width: 1500px;
	margin: 0 auto;
	padding-top: 20px;

}

.fzgs .fzgs-title {
	width: 100%;
	height: 64px;
	color: #c39d62;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
}

.fzgs .fzgs-title span {
	color: #d2d2d2;
}

.fzgs ul {
	display: flex;
	justify-content: space-between;
}

.fzgs ul li {
	width: 25%;
	margin-right: 10px;
	padding: 12px;
	transition: all 0.3s;
}

.fzgs ul li:hover {
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 20px #a1a1a1;
	-o-box-shadow: 0 0 20px #a1a1a1;
	-moz-box-shadow: 0 0 20px #a1a1a1;
	cursor: pointer;
}

.fzgs ul li img {
	width: 100%;
	margin-bottom: 5px;
height:260px;
}

.fzgs ul li span {
	font-size: 15px;
	line-height: 22px;
	word-spacing: 5px;
}

/* 纺织故事 end */
.xszt {
	width: 100%;
	/* height: 500px; */
	background-color: #d7d4d0;
	padding-top: 20px;
	margin-top: 20px;
	padding-bottom: 40px;
}

.xszt .xszt_titl {
	color: #ffffff;
	width: 100%;
	height: 64px;
	font-size: 32px;
	text-align: center;
	font-weight: bold
}

.xszt .xszt_titl span {
	color: #e4e2df;
}

.xszt .xszt_list {
	width: 1500px;
	display: flex;
	justify-content: space-between;
	/* width: 40%; */
	margin: 0 auto;
}

.xszt .xszt_list img {
	height: 268px;
}

.xszt .xszt_list .tongyi_con {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.xszt .xszt_list .tongyi .tongyi_con .long_txt {	
	position: absolute;
	right: 0;
	bottom: 3px;
	display: inline-block;
	width: 100%;
	height: 50%;
	background: url(../img1/bg.png);
	background-size: 100%;
	color: #ffffff;
	line-height: 129px;
	text-align: center;
	font-size: 21px;
	display: none;
}

.xszt .xszt_list .tongyi .smal_con .checkd{
	display: inline-block;
	width: 49%;
	height: 100%;
	position: relative;
	margin-left: 3px;
}
.xszt .xszt_list .tongyi .smal_con .checkd span{
	position: absolute;
	right: -3px;
	bottom: 3px;
	display: inline-block;
	width: 100%;
	height: 50%;
	background: url(../img1/bg.png);
	background-size: 100%;
	color: #ffffff;
	line-height: 129px;
	text-align: center;
	font-size: 21px;
	display: none;
}
.xszt .xszt_list .tongyi .check{
	transition: all .3s;
}
.xszt .xszt_list .tongyi .check:hover span{
	
	cursor: pointer;
	display: inline-block;
}

/* 线上展厅 end */

.img_list {
	width: 1500px;
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
	padding-top: 40px;
	padding-bottom: 30px;
}

.img_list img {
	height: 227px;
}

/* 线上展厅 end */
.footer {
	width: 100%;
	min-height: 326px;
	background: url('../img1/footbgc.png') no-repeat center;
	background-size: 100%;
}

.footer .footer_con {
	width: 1384px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-top: 120px;
	padding-right: 130px;
}

.footer .footer_con .fot_lef {
	display: flex;
	padding-left: 78px;
	justify-content: space-around;
	color: #ffffff;
	font-size: 18px;
	line-height: 30px;
}

.footer .footer_con .fot_lef .lef_lef {
	margin-right: 20px;
}
/*-----列表页-----*/
.list-ad{background-color: #ffcbdb;height:200px;}
/*路径*/
.path{height:40px;font:16px/40px "Microsoft YaHei";color:#555555}
.path a{font:16px/40px "Microsoft YaHei";color:#555555}
/*左侧菜单 left-menu*/
.left-title{height:50px;background-color: #b99254;font:bold 20px/50px "Microsoft YaHei";color:#ffffff;padding-left: 20px;}
.menu li{border-bottom: 1px dotted #cccccc;}
.menu li a{display:block;height:40px;background-color:#f3f3f3;font:18px/40px "Microsoft YaHei";color:#333333;padding-left: 20px;}
.menu li a:hover{background-color:#b99254;color:#f3f3f3;padding-left: 20px;}

.current-title{height:49px;font:bold 20px/50px "Microsoft YaHei";color:#333333;border-bottom: 1px solid #b7c8f5;padding-left: 20px;}
.category-list li{clear:both}
.category-list li .dot{font:18px/40px "Simsun";color:#3f5da8}
.category-list li .date{font:16px/40px "Microsoft YaHei";color:#555555;float:right;padding-right: 10px;}
.category-list li a{font:16px/40px "Microsoft YaHei";color:#555555;}
/*布局*/
.w-all{width:100%;margin: 0 auto !important;}
.w1600{width:1600px; margin: 0 auto !important;}
.w1200{width:1200px; margin: 0 auto !important;}
.w1180{width:1180px; margin: 0 auto !important;}
.w1160{width:1160px; margin: 0 auto !important;}
.w1050{width:1050px; margin: 0 auto !important;}
.w900{width:900px !important;}
.w880{width:880px !important;}
.w860{width:860px !important;}
.w760{width:760px !important;}
.w750{width:750px !important;}
.w740{width:740px !important;}
.w730{width:730px !important;}
.w720{width:720px !important;}
.w700{width:700px !important;}
.w580{width:580px !important;}
.w500{width:500px !important;}
.w460{width:460px !important;}
.w440{width:440px !important;}
.w420{width:420px !important;}
.w400{width:400px !important;}
.w380{width:380px !important;}
.w360{width:360px !important;}
.w300{width:300px !important;}
.w280{width:280px !important;}
.w240{width:240px !important;}
/*高度*/
.h24{height:24px !important;}
.h26{height:26px !important;}
.h28{height:28px !important;}
.h30{height:30px !important;}
.h36{height:36px !important;}
.h40{height:40px !important;}
.h42{height:42px !important;}
.h50{height:50px !important;}
/*行高*/
.lh24{line-height:20px !important;}
.lh30{line-height:30px !important;}
.lh36{line-height:36px !important;}
.lh40{line-height:40px !important;}
.lh42{line-height:42px !important;}
.lh50{line-height:50px !important;}

/*clear*/
/* 清除浮动 */
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
/*隐藏和显示*/
.hide {display:none;}
.show {display:block;}
/*左右浮动*/
.fl,.fr{display:inline;}
.fl{float:left;}
.fr{float:right;}
.list_main{margin-top:200px;}