/* CSS Document */
body {
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: "微软雅黑", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding: 0;
	color: #333;
	min-width: 1200px;
	margin: 0 auto;
	word-wrap: break-word;
	background: #fff;
}

.text-over {

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wrapper_1200,.wapper-1200 {
	width: 1200px;
	margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: 微软雅黑;
	padding: 0;
	margin: 0;
	/*transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;*/
}

body,
button,
input,
select,
textarea {
	padding: 0;
	margin: 0;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul,
li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
}

em,
i {
	font-style: normal;
	font-weight: normal;
}

ul,
ol {
	list-style-type: none;
}

li {
	vertical-align: top;
}

img {
	vertical-align: top;
	border: 0;
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-weight: normal;
}

body {
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: "微软雅黑", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding: 0;
	color: #333;
	min-width: 1200px;
	margin: 0 auto;
	word-wrap: break-word;
	background: #fff;
}

/*Firefox下input button内文字不能垂直居中及安卓手机按钮文字不垂直居中*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

/*清除浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

/*placeholder设置颜色*/
::-webkit-input-placeholder {
	color: #ccc;
}

::-moz-placeholder {
	color: #ccc;
}

:-moz-placeholder {
	color: #ccc;
}

:-ms-input-placeholder {
	color: #ccc;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	cursor: pointer;
}

body {
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 100%;
	background: url('https://www.tuanjiewang.cn/img/hp_body_bj.jpg') no-repeat top center #fff;
	position: relative;
	z-index: 3;
}

img{-webkit-transition: 0.4s all;-moz-transition: 0.4s all;-ms-transition: 0.4s all;-o-transition: 0.4s all;transition: 0.4s all;}
img:hover{opacity: 0.8;-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);}

.hp_dy{background: url('https://www.tuanjiewang.cn/img/hp-daoyu.png') no-repeat;width: 1061px;height: 130px;box-sizing: border-box;color: #fff;font-size: 16px;line-height: 30px;padding:8px 100px 0 180px;margin:540px auto 0 auto;position: relative;z-index: 2;}

.hp_wrap{width: 1200px;margin: 0 auto;background: #fff;padding:50px 20px 60px 20px;margin-top:-50px;}

/* banner */
.banner {margin-top: 20px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}

.banner-left {width: 800px;height: 450px;}
.banner .banner-imgleft {width: 100%;height:100%;overflow: hidden;position: relative;}
.banner .banner-imgleft .hd {overflow: hidden;position: absolute;right: 0px;bottom: 28px;z-index: 1;}
.banner .banner-imgleft .hd ul {overflow: hidden;zoom: 1;float: left;}
.banner .banner-imgleft .hd ul li {float: left;margin-right: 10px;width: 10px;height: 10px;background: #FFFFFF;border-radius: 50%;line-height: 14px;text-align: center;cursor: pointer;color: transparent;}
.banner .banner-imgleft .hd ul li:last-child {margin-right: 20px;}
.banner .banner-imgleft .hd ul li.on {width: 40px;height: 10px;background: #EF2D36;border-radius: 5px;}
.banner .banner-imgleft .bd {position: relative;height: 100%;z-index: 0;}
.banner .banner-imgleft .bd li {zoom: 1;vertical-align: middle;position: relative;}
.mask {position: absolute;bottom: 0px;left: 0px;display: inline-block;width: 100%;height: 95px;background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8) 65%);z-index: 100;}
.mask a {display: inline-block;font-size: 18px;font-family: Microsoft YaHei;color: #FFFFFF;width: 640px;line-height: 95px;box-sizing: border-box;padding-left: 25px;padding-top: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner .banner-imgleft .bd img {width: 800px;height: 450px;display: block;}
.prev,
.next {width: 50px;height: 90px;background: rgba(255, 255, 255, 0.6);position: absolute;top: 50%;transform: translateY(-50%);z-index: 100;font-size: 48px;font-family: SimSun;font-weight: 400;color: #333333;text-align: center;line-height: 90px;}
.prev {left: 0;border-radius: 0 5px 5px 0;}
.next {right: 0px;border-radius: 5px 0 0 5px;}


.banner-right {width: 400px;padding: 12px 20px 0 20px;box-sizing: border-box;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);}
.banner-right ul {}
.banner-right ul li {height: 32px;border-bottom: 1px solid #f0f0f0;height:70px;font-size: 16px;line-height: 26px;display: flex;align-items: center;}
.banner-right ul li:last-child{border-bottom:none;}
.banner-right ul li a {display: inline-block;max-height:52px;overflow: hidden;vertical-align: middle;padding-left: 12px;text-indent: -10px;}
.banner-right ul li a i {margin-right: 4px;color: #d41b16;}
.banner-right ul li:hover{background: #ead9a7;border-left:4px #cc3333 solid;}
.banner-right ul li:hover a{color: #996c33 !important;}

/* 大栏目标题 */
.hp_title {margin-top:60px;}
.hp_title img:hover{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
/* 各方纪念 */
.hp_comm{margin-top: 20px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}

.comm_left{width: 810px;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);}
.comm_left ul {padding:5px 10px 0 10px;}
.comm_left ul li {width:50%;float:left;height: 32px;height:70px;font-size: 16px;line-height: 26px;display: flex;align-items: center;padding:9px 10px;box-sizing: border-box;position: relative;}
.comm_left ul li::before{content:'';width: 88%;position:absolute;bottom:0;left:6%;border-bottom: 1px dashed #9b9b9b;}
.comm_left ul li a {display: block;max-height:52px;overflow: hidden;vertical-align: middle;padding-left: 12px;text-indent: -10px;}
.comm_left ul li a i {margin-right: 4px;}
.comm_left ul li:hover{background: #ead9a7;border-left:4px #cc3333 solid;}
.comm_left ul li:hover a{color: #996c33 !important;}


.comm_right{}
.comm_right {width: 390px;}

.comm_right ul {overflow: hidden;}
.comm_right ul li {width: 100%;height: 210px;margin-top:20px;}
.comm_right ul li:first-child{margin-top:0;}

.comm_right ul li a {position: relative;width: 100%;height: 100%;display: inline-block;}
.comm_right ul li a img {width: 100%;height: 100%;display: block;}

.comm_right ul li a span {position: absolute;left: 0;bottom: 0;width: 100%;height: 85px;padding: 0 15px;box-sizing: border-box;background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 70%);font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;line-height: 20px;padding-top: 34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: flex;align-items: center;}
.comm_right ul li a span i{display: block;display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; box-orient:vertical; -webkit-box-orient:vertical; -o-box-orient:vertical; -ms-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; -o-line-clamp:2; -ms-line-clamp:2; }
/* 人物专访 */

.hp_people{}
.hp_people dl{margin-top: 20px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.hp_people dl dt{width: 460px;}
.hp_people dl dd{width: 720px;height: 260px;background: #ead9a7;box-sizing: border-box;padding:20px 30px 0 30px;}
.hp_people dl dd a{display: block;font-size: 28px;line-height: 36px;font-weight: bold;color: #996c33;}
.hp_people dl dd a:hover{}
.hp_people dl dd span{display: block;font-size: 16px;line-height: 26px;color: #996c33;padding:15px 0 0 0;}

.hp_people ul{margin-top: 30px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.hp_people ul li {width: 380px;height: 210px;}
.hp_people ul li a {position: relative;width: 100%;height: 100%;display: inline-block;}
.hp_people ul li a img {width: 100%;height: 100%;display: block;}
.hp_people ul li a span {position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 15px;box-sizing: border-box;background: rgba(0,0,0,0.5);font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;line-height:30px;overflow: hidden;}


/* 专家声音 */
.hp_expert{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.hp_expert dl{width: 580px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);padding:20px;box-sizing: border-box;margin-top: 30px;}
.hp_expert dl dt{width: 150px;height: 150px;border:4px #fff solid;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);border-radius: 50%;overflow: hidden;}
.hp_expert dl dt a{width: 100%;height: 100%; display: block;}
.hp_expert dl dt img{width: 100%;height: 100%; }
.hp_expert dl dd{width: 365px;padding:15px 0 0 0;}
.hp_expert dl dd a{display: block;font-size: 18px;line-height: 26px;font-weight: bold;}
.hp_expert dl dd a:hover{}
.hp_expert dl dd span{display: block;font-size: 16px;line-height: 30px;padding:10px 0 0 0;}

/* 史海钩沉 */
.hp_history{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin-top: 30px;}

.history_left{width: 820px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);}
.history_left dl{width: 450px;background: #f6f7f8;}
.history_left dl dt{}
.history_left dl dt a{}
.history_left dl dt img{}
.history_left dl dd{padding:15px;}
.history_left dl dd a{display: block;font-size: 18px;line-height: 26px;font-weight: bold;text-align: center;}
.history_left dl dd a:hover{}
.history_left dl dd span{display: block;font-size: 16px;line-height: 30px;padding:10px 0 0 0;color: #666;height: 120px;overflow: hidden;}

.history_left {}
.history_left ul {width: 370px;padding: 10px 20px 0 20px;box-sizing: border-box;}
.history_left ul li {height: 32px;border-bottom: 1px dashed #a2a2a2;height:70px;font-size: 16px;line-height: 26px;display: flex;align-items: center;}
.history_left ul li a {display: inline-block;max-height:52px;overflow: hidden;vertical-align: middle;padding-left: 12px;text-indent: -10px;}
.history_left ul li:hover{background: #ead9a7;border-left:4px #cc3333 solid;}
.history_left ul li:hover a{color: #996c33 !important;}
.history_left ul li a i {margin-right: 4px;}


.history_right{width: 360px;}
.history_right ul{}
.history_right ul li{margin-top:20px;}
.history_right ul li:first-child{margin-top:0;}

/* 视频频道 */

.picimg-left {
	float: left;
	width: 580px;
	height: 345px;
	margin-top: 15px;
}

.picimg-left .picimg-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
	margin-bottom: 40px;
}

.picimg-left .picimg-banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.picimg-left .picimg-banner .bd li {
	zoom: 1;
	vertical-align: middle;
	position: relative;
}

.picimg-left .picimg-banner .mask {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: inline-block;
	width: 580px;
	height: 95px;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 70%);
	z-index: 100;
}

.picimg-left .picimg-banner .mask a {
	display: inline-block;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	width: 100%;
	line-height: 95px;
	box-sizing: border-box;
	padding-left: 5px;
	padding-top: 5px;
	padding-top: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.picimg-left .picimg-banner .bd img {
	width: 580px;
	height: 345px;
	display: block;
}

.picimg-left .picimg-banner .prev,
.picimg-left .picimg-banner .next {
	width: 54px;
	height: 90px;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	font-size: 48px;
	font-family: SimSun;
	font-weight: 400;
	color: #333333;
	text-align: center;
	line-height: 90px;
}

.picimg-left .picimg-banner .prev {
	left: 0;
	border-radius: 0 5px 5px 0;
}

.picimg-left .picimg-banner .next {
	right: 0px;
	border-radius: 5px 0 0 5px;
}



.picimg-right {
	width: 610px;
	float: right;
	margin-top: 15px;
}

.picimg-right ul {
	overflow: hidden;
}

.picimg-right ul li {
	width: 300px;
	height: 168px;
	float: left;
}

.picimg-right ul li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.picimg-right ul li a img {
	width: 100%;
	height: 100%;
	display: block;
}

.picimg-right ul li:nth-child(1),
.picimg-right ul li:nth-child(2) {
	margin-bottom: 10px;
}

.picimg-right ul li:nth-child(1),
.picimg-right ul li:nth-child(3) {
	margin-right: 10px;
}

.picimg-right ul li a span {position: absolute;left: 0;bottom: 0;width: 100%;height: 85px;padding: 0 15px;box-sizing: border-box;background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 70%);font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;line-height: 20px;padding-top: 34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: flex;align-items: center;}
.picimg-right ul li a span i{display: block;display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; box-orient:vertical; -webkit-box-orient:vertical; -o-box-orient:vertical; -ms-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; -o-line-clamp:2; -ms-line-clamp:2; }

.video-icon{width: 40px;height:40px;background:url(https://www.tuanjiewang.cn/img/hp_video.png) no-repeat center;background-size:100%;position: absolute;bottom:60px;left:50px;z-index: 101;}
.picimg-right .video-icon{left:15px;}

/* footer */
.footer {
	width: 100%;
	height: 35px;
	float: left;
}

.footers {
	width: 1200px;
	height: 35px;
	margin: 0 auto;
}

.footers ul {
	height: 35px;
	margin: 0 auto;text-align: center;
}

.f7f7f7 {
	background-color: #f7f7f7;
}

.footers ul li {
	background-image: url('../images/pic30.png');
	background-repeat: no-repeat;
	background-position: right center;display: inline-block;vertical-align: top;
}

.footers ul li a {
	display: block;
	margin: 0 20px;
	color: #8b869c;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
}

.a6a6a6 {
	background-color: #6a6a6a;
}

.footers p {
	color: #fff;
	line-height: 35px;
	margin: 0 auto;
	width: 604px;
	font-size: 14px;
}

.footers span {
	width: 220px;
	height: 67px;
	line-height: 67px;
	font-size: 12px;
	color: #939393;
	margin: 0 auto;
	display: block;
	background-image: url('../images/ghs.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}

.fff {
	height: 67px;
}

.footers p a {
	color: #fff;
}