/*
 * 2019/07/04 10:47:56
 * shuaizi0715@foxmail.com
 */


/*
 * public class
 */

.bg-white {
	background-color: #FFFFFF;
}


/*
 */

.head_rt .notice_tit {
	font-size: 14px;
	line-height: 42px;
	margin-left: 20px;
	position: relative;
	color: #fff;
	margin-top: 24px;
}

.head_rt .notice_tit span {
	position: absolute;
	top: 0px;
	right: -24px;
	display: block;
	font-size: 12px;
	color: #fff;
	background: #c4181f;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.company_a .notice_number {
	float: left;
	display: block;
	position: relative;
	top: 3px;
	left: -8px;
	font-size: 12px;
	color: #fff;
	background: #c4181f;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.unSigned {
	margin-top: 25px;
}

.pic {
	width: 38px;
	height: 38px;
	float: left;
	margin-left: 40px;
	margin-right: 10px;
	border-radius: 50%;
	overflow: hidden
}

.pic img {
	width: 100%;
	height: 100%;
}

.info {
	width: 120px;
	height: 40px;
	float: left;
	margin-left: 5px;
}

.info .word {
	line-height: 20px;
	color: #ddd;
	font-size: 14px;
}

.info .word a {
	color: #ddd;
}


/*注册登录*/

.join {
	width: 120px;
	line-height: 20px;
}

.join a {
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
}

.join .bluebg {
	background: #fff;
	color: #04439a;
	border-radius: 20px;
	padding: 2px 5px;
}

.join .line {
	width: 1px;
	height: 14px;
	margin: 0 7px;
	display: inline-block;
	zoom: 1;
	background: #d9e3ed;
	vertical-align: middle;
}


/*轮播*/

.swiper-container_a {
	width: 100%;
	height: 330px;
}

.swiper-container_a a {
	display: block;
}

.swiper-container_a a img {
	width: 100%;
	height: 330px;
}

.pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #555;
	margin: 0 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-active-switch {
	background: #fff;
}


/*菜单栏*/

.menu,
.menu_link,
.menu_link a {
	position: relative;
	height: 68px;
	line-height: 68px;
	text-align: center;
}

.menu_link {
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu_link a {
	background: rgb(240, 240, 240);
	z-index: 2;
	padding: 0 24px;
	font-size: 18px;
	font-weight: 600;
}

.menu_link a:first-child {
	padding-left: 48px;
}

.menu_link a:last-child {
	padding-right: 48px;
}

.menu hr {
	position: absolute;
	width: 100%;
	border: none;
	height: 1px;
	background-color: #b28247;
	top: calc((100% - 1px) / 2);
	z-index: 1;
}


/*产品导航*/

.index_top {
	margin-top: 0!important;
}


/*这是个广告位嘛*/

.padding-0 {
	padding: 0px!important;
}


/*industry-news*/

.industry-news {
	display: flex;
}

.industry-left {
	width: calc(756px - 40px);
	background: #FFFFFF;
	display: flex;
	justify-content: space-between;
	float: left;
}

.industry-right {
	width: calc(514px - 40px);
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	margin-left: 10px;
}

.tit-img {
	position: relative;
	width: 348px;
	height: 275px;
	display: block;
}

.tit-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 1);
	z-index: 1;
}

.tit-img .text {
	position: absolute;
	z-index: 2;
	bottom: 10px;
	left: 20px;
	width: calc(100% - 40px);
}

.tit-img .text p {
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.tit-img .text span {
	width: 20px;
	height: 3px;
	border-radius: 4px;
	display: block;
	background: #FFFFFF;
}

.block1 {
	font-size: 14px;
	line-height: 1.6em;
	height: 500px;
}

.block1 p,
.block1 h5 {
	text-align: justify;
}

.padding-20 {
	padding: 20px;
}

.block2 {
	height: 500px;
}

.block2 h2 {
	font-size: 24px;
	font-weight: 600;
}

.block2 a {
	display: block;
}

.block2 a:not(:last-child) {
	margin-bottom: 6px;
}

.block2 a h5 {
	font-size: 12px;
	font-weight: 600;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.block2 a:hover h5 {
	color: #b28247;
	text-decoration: underline;
}

.block2 a h6 {
	font-size: 12px;
	color: #999999;
	font-weight: 400;
}

.industry-right .block {
	width: 224px;
	height: 500px;
}

.industry-right .block h5 {
	font-size: 14px;
}

.industry-right .block .logo-img {
	width: 55px;
	height: 20px;
	margin: 10px 0;
	background-color: rgba(0, 0, 0, 1);
}

.industry-right .block .sp-img {
	width: 224px;
	height: 90px;
	margin: 10px 0 0;
	background-color: rgba(0, 0, 0, 1);
}

.industry-right .block h6 {
	font-size: 12px;
	color: #999999;
}

.industry-right .block p {
	font-size: 12px;
	color: #666666;
	display: inline-block;
	margin-top: 10px;
	line-height: 1.6em;
	text-align: justify;
}

.industry-right .block .lmore {
	width: 106px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #999999;
	text-align: center;
	border-radius: 4px;
	border: solid #eeeeee 1px;
	display: block;
	margin-top: 30px;
}

.industry-right .block .lmore:hover {
	background: #ceae5a;
	border-color: #ceae5a;
	color: #FFFFFF;
	transition: all .3s;
}

img.industry-left {
	width: 756px;
	height: 60px;
}

img.industry-right {
	width: 514px;
	height: 60px;
}


/*Production Live Video*/

.case_probox .case_protit {
	margin-top: 10px;
}

.gs-info img {
	width: 50px;
	height: 20px;
	background-color: rgba(0, 0, 0, 1);
}

.gs-info {
	border-bottom: solid #f0f0f0 1px;
	display: block;
	padding: 10px 0;
	margin: 0 8px;
}

.gs-info span {
	font-size: 12px;
	color: #999;
	float: right;
}

.case_prolist .case_probox:not(:nth-child(4n)) {
	margin-right: 15px;
}


/*Production Technical library*/

.corrugator {
	margin: 15px 0;
	padding: 20px;
	background: #FFFFFF;
}

.corrugator h1 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.corrugator .block {}

.corrugator .block h2 {
	font-size: 18px;
	font-weight: 600;
	border-bottom: #e1e1e1 solid 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.corrugator .block h2 a {
	font-size: 14px;
	color: 999999;
	font-weight: 400;
}

.corrugator .block h2 span {
	position: relative;
	display: inline-block;
	padding: 5px 0;
}

.corrugator .block h2 span:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	background-color: #0b318f;
	bottom: 0;
	left: 0;
}

.block-item {
	width: 343px;
	margin: 15px 0;
}

.block-item .img-view {
	position: relative;
	width: 343px;
	height: 148px;
}

.block-item .img-view img {
	width: 343px;
	height: 148px;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 1);
}

.block-item .img-view p {
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 0px;
	width: calc(343px - 20px);
}

.block-item .img-view p.data_icon span {
	color: #fff;
}

.block-item .img-view p.data_icon span:not(:last-child) {
	margin-right: 10px;
}

.block-item .img-view p.data_icon span.iconfont {
	margin-right: 3px;
}

.block-item .block-tit {
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
	height: 24px;
	margin-top: 10px;
}

.block-item .block-txt {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
}

.block-item .lmore {
	width: 106px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #999999;
	text-align: center;
	border-radius: 4px;
	border: solid #eeeeee 1px;
	display: block;
	margin-top: 30px;
}

.block-item .lmore:hover {
	background: #ceae5a;
	border-color: #ceae5a;
	color: #FFFFFF;
	transition: all .3s;
}

.block-item2 {
	display: flex;
	align-items: center;
	position: relative;
}

.block-item2:not(:last-child) {
	padding-top: 10px;
}

.block-item2 img {
	width: 40px;
	height: 20px;
	background-color: rgba(0, 0, 0, 1);
	margin-right: 10px;
}

.block-item2 .item-con {
	display: flex;
	flex-direction: column;
}

.block-item2 .item-con h5 {
	font-size: 14px;
	font-weight: 600;
	width: calc(100% - 80px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.block-item2 .item-con p.data_icon {
	margin: 0;
}

.block-item2 .item-con p.data_icon span {
	color: #999999;
}

.block-item2 .item-con p.data_icon span:not(:last-child) {
	margin-right: 10px;
}

.block-item2 .item-con p.data_icon span.iconfont {
	margin-right: 3px;
}

.block-item2.hot:after {
	content: "";
	position: absolute;
	right: 0;
	top: 13px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/hot.png);
}


/*The most noteworthy industry event*/

.noteworthy {
	display: flex;
	justify-content: space-between;
	/*margin: 15px 0;*/
	padding: 20px;
	background: #FFFFFF;
}

.noteworthy .block-l {
	width: 629px;
}

.noteworthy .block-l h1 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.noteworthy .block-l .block img {
	width: 100%;
	height: 152px;
	background-color: rgba(0, 0, 0, 1);
}

.noteworthy .block-l .block_nx {
	display: flex;
	align-items: center;
	padding: 20px 0 20px;
	margin-top: 20px;
	border-top: #e1e1e1 solid 1px;
	border-bottom: #e1e1e1 solid 1px;
}

.noteworthy .block-l .block_nx img.img-l {
	width: 237px;
	height: 179px;
	background-color: rgba(0, 0, 0, 1);
	margin-right: 20px;
}

.noteworthy .block-l .block_nx .con-r {
	width: calc(100% - 257px);
}

.noteworthy .block-l .block_nx .con-r .hd {
	display: flex;
	/*align-items: center;*/
	.. justify-content: space-between;
}

.noteworthy .block-l .block_nx .con-r .hd div:nth-child(1) {
	margin-bottom: 15px;
}

.noteworthy .block-l .block_nx .con-r .hd div:nth-child(1) h5 {
	font-size: 18px;
	font-weight: 600;
}

.noteworthy .block-l .block_nx .con-r .hd div:nth-child(1) h6 {
	color: #999999;
	font-size: 12px;
	margin-top: 10px;
}

.noteworthy .block-l .block_nx .con-r .hd div:nth-child(1) h6 span:first-child {
	margin-right: 10px;
}

.noteworthy .block-l .block_nx .con-r .hd div:nth-child(2) {
	text-align: right;
}

.noteworthy .block-l .block_nx .con-r .hd div:nth-child(2) img {
	width: 43px;
	height: 30px;
}

.noteworthy .block-l .block_nx .con-r .hd div:nth-child(2) p {
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
}

.noteworthy .block-l .block_nx .con-r p.con {
	font-size: 14px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-align: justify;
	line-height: 1.3em;
}

.noteworthy .block-l .block_nx .con-r .lmore {
	width: 106px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #999999;
	text-align: center;
	border-radius: 4px;
	border: solid #eeeeee 1px;
	display: block;
	margin-top: 15px;
}

.noteworthy .block-l .block_nx .con-r .lmore:hover {
	background: #ceae5a;
	border-color: #ceae5a;
	color: #FFFFFF;
	transition: all .3s;
}

.noteworthy .block-r {
	width: 584px;
	float: right;
}

.noteworthy .block-r h1 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.noteworthy .block-r .block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 10px;
}

.noteworthy .block-r .block:not(:first-child) {
	margin-bottom: 32px;
}

.noteworthy .block-r .block:hover {
	box-shadow: 0 2px 15px #ddd;
}

.noteworthy .block-r .block .img-l {
	width: 157px;
	height: 119px;
	background-color: rgba(0, 0, 0, 1);
	margin-right: 20px;
}

.noteworthy .block-r .block .con .con-t {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.noteworthy .block-r .block .con .con-t div:nth-child(1) h5 {
	font-size: 16px;
}

.noteworthy .block-r .block .con .con-t div:nth-child(1) h6 {
	font-size: 12px;
	color: #999999;
	margin-top: 8px;
	margin-bottom: 5px;
}

.noteworthy .block-r .block .con .con-t div:nth-child(1) h6 span:first-child {
	margin-right: 10px;
}

.noteworthy .block-r .block .con .con-t div:nth-child(2) {
	display: flex;
	align-items: center;
}

.noteworthy .block-r .block .con .con-t div:nth-child(2) img {
	width: 31px;
	height: 21px;
	background-color: rgba(0, 0, 0, 1);
	margin-right: 20px;
}

.noteworthy .block-r .block .con .con-t div:nth-child(2) span {
	font-size: 12px;
	font-weight: 600;
}

.noteworthy .block-r .block .con p.con-txt {
	font-size: 12px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: justify;
}


/*Overseas Partner Media*/

.overseas {
	margin-top: 30px;
}

.overseas h1 {
	font-size: 24px;
	font-weight: 600;
	position: relative;
	line-height: 25px;
	padding-left: 14px;
	overflow: hidden;
}

.overseas h1:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 25px;
	width: 4px;
	background-color: #b28247;
}

.overseas h1:after {
	content: "";
	position: absolute;
	right: 0;
	top: 12px;
	height: 1px;
	width: 90%;
	background-color: #e1e1e1;
	z-index: 1;
}

.overseas h1 span {
	background: rgb(240, 240, 240);
	position: relative;
	z-index: 2;
	padding-right: 40px;
}

.overseas .con {
	margin-top: 40px;
}

.overseas .con a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 242px;
	height: 169px;
	border-radius: 4px;
	overflow: hidden;
	background: #FFFFFF;
	font-size: 14px;
	color: #FFFFFF;
	position: relative;
	z-index: 1;
	margin: 0 17px 15px 0;
	float: left;
}

.overseas .con a:nth-child(5n) {
	margin-right: 0;
}

.overseas .con a div {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	opacity: 0;
	align-items: center;
	justify-content: center;
	z-index: 2;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
	transition: all .5s ease .1s;
}

.overseas .con a div span {
	padding: 0 40px;
}

.overseas .con a:hover div {
	opacity: 1;
	background-color: rgba(0, 0, 0, .5);
	transition: all .5s;
}

.overseas:last-child {
	margin-bottom: 30px;
}


/*swt*/

.swt {
	width: 37px;
	position: fixed;
	top: calc((100% - 160px) / 2);
	right: 210px;
	z-index: 999;
}

.swt a {
	display: block;
	position: relative;
	height: 53px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.swt a:hover {
	background-color: #0b318f;
	border-bottom-color: #fff;
}

.swt a:hover i {
	border: solid #fff 1px;
	color: #fff;
}

.swt a:hover .hidden-con {
	display: block;
	transition: all .5s;
}

.swt a:not(:last-child) {
	border-bottom: solid #dbdbdb 1px;
}

.swt a i {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid #888888 1px;
	border-radius: 50%;
	color: #888888;
	font-size: 14px;
}

.swt .hidden-con {
	display: none;
	position: absolute;
	background-image: url(../images/swt.png);
	color: #FFFFFF;
	left: -110px;
	transition: all .5s ease .1s;
}

.swt .hidden-con div {
	width: 108px;
	height: 35px;
	display: flex;
	align-items: center;
	transition: all .5s ease .1s;
}

.swt .hidden-con span {
	margin: 0 6px;
	color: #FFFFFF;
	border: solid #FFFFFF 1px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 12px;
}


/*展示弹出窗口*/

.of_y_h {
	overflow-y: hidden;
}

.on {
	display: none;
}

.off {
	display: block;
}

.overmodel {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	background-color: rgba(0, 0, 0, .5);
	display: none;
	align-content: center;
	justify-content: center;
}

.overmodel .icon-guanbi1 {
	font-size: 28px;
	color: #FFFFFF;
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 10003;
}

.overmodel .model-body {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 10002;
}

.overmodel .model-body .model-con {
	width: calc(1000px - 140px);
	height: calc(760px - 140px);
	border-radius: 4px;
	background-color: #FFFFFF;
	padding: 70px;
	overflow-y: scroll;
}

.overmodel .model-body .last,
.overmodel .model-body .next {
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer;
}

.overmodel .model-body .last {
	margin-right: 170px;
}

.overmodel .model-body .next {
	margin-left: 170px;
}

.overmodel .model-body .TA_x {
	margin-top: 0px;
}

.overmodel .model-body .model-con .events_con {
	height: auto;
	overflow: initial;
	-webkit-line-clamp: initial;
	line-height: 2em;
	padding: 30px 0;
}

.overmodel .model-body .model-con .events_con p {
	text-align: justify;
}

.overmodel .model-body .model-con .events_con img {
	display: block;
	margin: 30px auto;
	width: 400px;
	height: 240px;
}


/*page分页*/

.page {
	margin: 75px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page div {
	/*display: flex;*/
}

.page a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #656666;
	font-size: 16px;
	background-color: #FFFFFF;
}

.page a.prev,
.page a.next {
	width: 110px;
}

.page a.choose {
	width: 50px;
}

.page a.choose.active {
	background-color: #ceae5a;
	color: #FFFFFF;
}


/*comment*/

.comment {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.comment img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.comment textarea {
	width: calc(870px - 34px);
	height: calc(60px - 34px);
	border-radius: 4px;
	border: solid #bfbfbf 1px;
	padding: 17px;
	color: #999999;
	font-size: 14px;
}

.comment button {
	width: 77px;
	height: 60px;
	font-size: 16px;
	color: #FFFFFF;
	border-radius: 4px;
	background-color: #0b318f;
	border: none;
}


/*all-comment*/

.all-comment {
	margin-top: 30px;
}

.all-comment h1 {
	color: #0b318f;
	font-weight: 600;
	font-size: 20px;
	border-bottom: solid #e1e1e1 1px;
}

.all-comment h1 span {
	line-height: 44px;
	display: inline-block;
	height: 44px;
	background-image: url(../images/all-comment.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.all-comment .item {
	display: flex;
	align-items: flex-start;
	padding: 30px 0;
}

.all-comment .item:not(:last-child) {
	padding-bottom: 0;
}

.all-comment .item .yh_img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 30px;
}

.all-comment .item .item-reply {}

.all-comment .item .item-reply h5 {
	font-size: 20px;
	line-height: 1.5;
	color: #333333;
	margin-bottom: 5px;
}

.all-comment .item .item-reply h6 {
	font-size: 14px;
	color: #333333;
	line-height: 2;
	font-weight: 400;
	margin-bottom: 5px;
}

.all-comment .item .item-reply p.state {
	display: flex;
	align-items: center;
}

.all-comment .item .item-reply p.state em {
	display: flex;
	align-items: center;
	color: #999;
	font-size: 12px;
	line-height: 20px;
}

.all-comment .item .item-reply p.state em:not(:last-child) {
	margin-right: 30px;
}

.all-comment .item .item-reply p.state em:first-child {
	margin-right: 40px;
}

.all-comment .item .item-reply p.state em .iconfont {
	font-size: 12px;
	color: #cacaca;
}

.all-comment .item .item-reply p.state em span:last-child {
	margin: 0 5px;
}

.all-comment .item .item-reply p.state em:last-child a {
	color: #666666;
	display: inline-block;
	line-height: 15px;
	height: 20px;
	width: 37px;
	text-align: center;
	border: #e5e5e5 solid 1px;
	border-radius: 4px;
	box-sizing: border-box;
}

.all-comment .item .item-reply p.state em:last-child a:hover {
	background-color: #e5e5e5;
	border-color: #e5e5e5;
	color: #0b318f;
}

.reply {
	margin-top: 16px;
}

.reply .show-more {
	font-size: 14px;
	color: #333333;
}

.reply .show-more i {
	margin-left: 10px;
	font-size: 12px;
	color: #333333;
}

.reply-state {
	display: none;
}

.reply-state .reply-state-item {
	display: flex;
	align-items: flex-start;
	margin-top: 16px;
}

.reply-state .reply-state-item .yh_img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}

.reply-state .reply-state-item .reply-state-con h5 {
	font-size: 14px;
	color: #999999;
	font-weight: 400;
	margin: 6px 0 8px;
}

.reply-state .reply-state-item .reply-state-con h5 b {
	font-weight: 600;
	color: #333333;
	margin-right: 10px;
}

.reply-state .reply-state-item .reply-state-con {
	display: flex;
	flex-direction: column;
}

.xz180 {
	transform: rotate(180deg);
	transition: all .5s ease .1s;
}

.reply-state .reply-state-item .reply-state-item {}

.see-more {
	font-size: 14px;
	color: #0b318f;
	text-align: center;
	padding: 30px 0 10px;
}

.see-more i {
	margin-left: 10px;
	font-size: 12px;
	color: #0b318f;
}


/*ggw*/

.ggw {
	width: 1060px;
}

.ggw img {
	width: 100%;
}

.ggw div {
	display: flex;
}

.ggw div a {
	font-weight: 600;
	width: calc(100% / 5);
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-left: solid #d5d4d4 1px;
	border-bottom: solid #d5d4d4 1px;
}

.ggw div a:last-child {
	border-right: solid #d5d4d4 1px;
}

.pb_20 {
	padding-bottom: 20px;
}


/*details_page.html*/

.top-state {
	display: flex;
	align-self: flex-start;
	justify-content: space-between;
}

.top-state h3 {
	font-size: 26px;
	font-weight: 600;
}

.top-state .collection span {
	margin-right: 20px;
}

.top-state .collection em {
	margin-right: 5px;
}

.top-state .collection span,
.top-state .collection em {
	line-height: 50px;
	font-size: 14px;
	color: #696969;
}

.top-state .collection {
	/*width: 400px;*/
	cursor: pointer;
	display: flex;
	align-items: center;
}

.top-state .to_share {
	display: flex;
	align-items: flex-start;
	margin-left: 20px;
}

.top-state .to_share a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	background-color: #b1b1b1;
	color: #fff;
	border-radius: 50%;
}

.top-state .to_share a:hover {
	background-color: #1da1f3;
}

.top-state .to_share a:not(:last-child) {
	margin-right: 10px;
}


/*Industry_News.html*/

.industry_item {
	padding: 20px 30px;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	border: solid #e5e5e5 1px;
	cursor: pointer;
}

.industry_item:not(:first-child) {
	margin-top: 25px;
}

.industry_item:hover .date,
.industry_item:hover .date b,
.industry_item:hover .industry_con h5 {
	color: #ceae5a;
}

.industry_item .date {
	color: #999999;
	font-size: 14px;
	text-align: center;
}

.industry_item .date b {
	font-size: 28px;
	color: #999999;
}

.industry_item img {
	margin: 0 45px;
}

.industry_item .industry_con {
	width: 780px;
}

.industry_item .industry_con h5 {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1.4em;
}

.industry_item .industry_con h6 {
	font-size: 14px;
	color: #666666;
	line-height: 1.8em;
	text-align: justify;
	font-weight: 400;
}

.industry_item .industry_con .industry_state {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.industry_item .industry_con .industry_state span {
	margin-right: 20px;
}

.industry_item .industry_con .industry_state em {
	margin-right: 5px;
}

.industry_item .industry_con .industry_state span,
.industry_item .industry_con .industry_state em {
	margin-top: 20px;
	font-size: 14px;
	color: #cacaca;
}


/*Production_Live_video.html*/

.industry_menu {
	box-shadow: 0 2px 15px #ddd;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 30px 35px 20px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 2;
}

.industry_menu a {
	position: relative;
	font-size: 14px;
	color: #333333;
	margin-right: 35px;
	margin-bottom: 8px;
	display: inline-block;
	font-weight: 400;
	padding: 0 10px;
}

.industry_menu a:hover {
	color: #ceae5a;
}

.industry_menu a.active {
	color: #FFFFFF;
	background-color: #0b318f;
	border-radius: 100%;
}

.industry_menu a.hot:after {
	content: "";
	position: absolute;
	width: 22px;
	height: 10px;
	top: 0;
	/*right: -20px;*/
	background-image: url(../images/hot_2.png);
}

.production_body h1 {
	font-size: 20px;
	line-height: 70px;
	margin-top: 20px;
	font-weight: 400;
}

.production_body:not(:first-child) h1 {
	margin-top: 0px;
}

.production_probox {
	width: 250px;
	/*padding: 6px;*/
	margin: 0 7px 17px 0;
}

.production_probox:hover {
	box-shadow: 0 2px 15px #ddd;
	background-color: #FFFFFF;
}

.production_probox:nth-child(5n) {
	margin-right: 0;
}

.production_proimg img,
.production_proimg video {
	width: 100%;
	height: 110px;
	margin-bottom: 5px;
	background-color: rgba(0, 0, 0, 1);
}

.production_probox .production_protit {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #333;
	height: 41px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 10px 8px 0px;
	text-align: justify;
}

.production_con {}

.production_con .gs-info {
	border-bottom: solid #e5e5e5 1px;
	display: block;
	padding: 0px 0 5px;
	margin: 0 8px;
	font-size: 12px;
	color: #ababab;
}

.production_con .data_icon {
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 2px 8px;
}

.production_con .data_icon span {
	color: #333333;
}

.production_con .data_icon span.iconfont {
	font-size: 14px;
	color: #b7b7b7;
}

.production_con .data_icon img {
	max-height: 47px;
	max-height: 20px;
}

.production_con .data_icon .img.user-img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.production_more {
	text-align: center;
}

.production_more a {
	width: 110px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	border: solid #dcdcdc 1px;
	font-size: 14px;
	text-align: center;
	color: #666666;
	display: inline-block;
	margin: 5px 0;
}

.production_more a:hover {
	border-color: #ceae5a;
	color: #ceae5a;
}


/*programme_details.html*/

.screen_con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.userinfo {
	width: 180px;
}

.userinfo a {
	display: block;
	text-align: center;
}

.userinfo a:first-child img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin-bottom: 8px;
}

.userinfo a:nth-child(2) img {
	max-width: 40px;
	max-height: 20px;
}

.userinfo a:nth-child(3) {
	font-size: 24px;
	color: #333333;
}

.userinfo a:nth-child(4) {
	font-size: 14px;
	color: #999999
}

.screen_con .collection {
	display: flex;
	align-items: center;
	justify-content: center;
}

.screen_con .collection span {
	margin-right: 20px;
}

.screen_con .collection em {
	margin-right: 5px;
}

.screen_con .collection span,
.screen_con .collection em {
	line-height: 50px;
	font-size: 14px;
	color: #696969;
}

.screen_con .collection {
	/*width: 400px;*/
	cursor: pointer;
	display: flex;
	align-items: center;
}

.screen_con .to_share {
	display: flex;
	align-items: flex-start;
	margin-left: 20px;
}

.screen_con .to_share a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	background-color: #b1b1b1;
	color: #fff;
	border-radius: 50%;
}

.screen_con .to_share a:hover {
	background-color: #1da1f3;
}

.screen_con .to_share a:not(:last-child) {
	margin-right: 10px;
}

.screen_con .details_det .date {
	font-size: 14px;
	color: #999999;
	text-align: center;
	font-weight: 400;
}

.screen_con .details_det .text-con {
	padding: 30px 0;
}

.screen_con .details_det .text-con p {
	text-align: justify;
	font-size: 12px;
	display: flex;
}

.screen_con .details_det .text-con p img {
	margin: 0 auto;
}

.bottom_state {
	border-top: solid #e2e1e0 1px;
	padding: 10px 0 20px;
}

.bottom_state .lable {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.bottom_state .lable span {
	font-size: 14px;
	color: #999;
}

.bottom_state .previous,
.bottom_state .next,
.bottom_state .previous a,
.bottom_state .next a {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.bottom_state .previous:hover,
.bottom_state .next:hover,
.bottom_state .previous:hover a,
.bottom_state .next:hover a {
	color: #c9aa59;
}


/*enlist.html*/

.enlist_swiper.swiper-container {
	width: 100%;
	height: 100%;
	margin: 47px 0 37px;
}

.enlist_swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.enlist_swiper .swiper-slide img {
	height: 378px;
}

.enlist_con {
	padding-bottom: 70px;
}

.enlist_con h1 {
	font-size: 48px;
	color: #ae7f46;
	text-align: center;
	font-style: italic;
}

.enlist_con h6 {
	font-size: 22px;
	color: #221815;
	text-align: center;
	font-weight: 400;
}

.enlist_con .enlist_userimg {
	width: 136px;
	height: 136px;
	margin: 40px auto;
	border-radius: 50%;
	display: block;
}

.form_tr {
	line-height: 38px;
	/*height: 38px;*/
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 18px 0;
}

.form_tr.ts {
	padding: 0;
	/*display: none;*/
}

.form_tr.tj div button {
	width: 131px;
	height: 38px;
	color: #FFFFFF;
	font-size: 14px;
	border: none;
}

.form_tr.tj div button:first-child {
	background-color: #da6c11;
	margin-right: 17px;
}

.form_tr.tj div button:nth-child(2) {
	background-color: #1d4a9e;
}

.form_tr span {
	width: 335px;
	text-align: right;
	color: #221815;
	font-size: 18px;
	display: inline-block;
	font-weight: 400;
	padding-right: 20px;
}

.form_tr span i {
	color: #FF0000;
	margin-right: 5px;
}

.form_tr input {
	width: calc(772px - 28px);
	height: 36px;
	padding: 0 14px;
	border: #dcdcdc solid 1px;
}

.form_tr textarea {
	padding: 14px;
	width: calc(772px - 28px);
	height: calc(251px - 28px);
	border: #dcdcdc solid 1px;
	font-size: 14px;
	color: #999999;
}

.form_tr div {
	width: 772px;
	height: 38px;
	font-size: 14px;
	color: #d61819;
	line-height: 1.3;
}

.form_tr div.black {
	color: #000000;
}

.form_tr em {
	font-size: 18px;
	color: #0b318f;
	width: 175px;
	display: inline-block;
	padding-left: 40px;
}


/*<!--登录弹窗-->*/

.Login_con {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*background-color: rgba(0, 0, 0, .5);*/
	z-index: 10000;
	display: none;
	align-items: center;
	justify-content: center;
}

.Login_form {
	width: calc(578px - 136px);
	height: calc(672px - 136px);
	padding: 68px;
	border-radius: 4px;
	position: relative;
	z-index: 10001;
	background-color: #FFFFFF;
	box-shadow: 0 2px 15px #ddd;
}

.Login_form .closed {
	font-size: 35px;
	color: #bbbbbb;
	position: absolute;
	top: 22px;
	right: 25px;
}

.Login_form h5 {
	font-size: 24px;
	text-align: center;
}

.Login_form h6 {
	font-size: 20px;
	color: #666666;
	text-align: center;
	font-weight: 400;
}

.Login_form form p {
	font-size: 18px;
	font-weight: 600;
	line-height: 37px;
	margin-top: 8px;
}

.Login_form form input {
	border: #e5e5e5 solid 1px;
	height: 37px;
	font-size: 14px;
	color: #999999;
	padding: 0 14px;
	display: block;
	width: calc(100% - 30px);
}

.Login_form form button {
	width: 100%;
	height: 38px;
	background-color: #ff7519;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	margin-top: 37px;
	border: none;
	border-radius: 4px;
}

.Login_form .dl_zc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

.Login_form .dl_zc a {
	color: #0b318f;
	font-size: 14px;
}

.Login_form .dl_zc a:hover {
	text-decoration: underline;
}

.Login_form .via {
	margin-top: 60px;
	position: relative;
	text-align: center;
}

.Login_form .via hr {
	border: none;
	height: 1px;
	width: 100%;
	background-color: #dfdfdf;
	position: absolute;
	z-index: 1;
	top: 12px;
}

.Login_form .via span {
	font-size: 17.23px;
	color: #999;
	padding: 0 30px;
	display: inline-block;
	position: relative;
	z-index: 2;
	background-color: #FFFFFF;
	font-weight: 600;
}

.login_ways {
	margin: 35px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login_ways a {
	display: inline-block;
	text-align: center;
	color: #999999;
	font-size: 17.23px;
	margin: 0 15px;
}

.login_ways a img {
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 5px;
}


/*userinfo.html*/

.wsxx {
	background: none;
	border: none;
	color: #999999;
	font-size: 12px;
	margin-left: 15px;
}

.wsxx span {
	margin-left: 5px;
}


/*我的发布*/

.wdfb {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 25px 0;
}

.wdfb em {
	font-size: 14px;
	color: #FF0000;
	margin-top: -4px;
	width: 1em;
}

.wdfb span {
	display: inline-block;
	width: 80px;
	font-size: 14px;
	color: #333333;
	margin-left: 20px;
}

.wdfb input {
	width: 450px;
	height: 30px;
	border: solid #dcdcdc 1px;
	box-sizing: border-box;
	text-indent: 1em;
}

.wdfb input.type {
	width: 504px;
	height: 65px;
}

.wdfb.sc {
	padding: 0;
}

.wdfb.sc div h6 {
	font-size: 14px;
	color: #666666;
	margin-bottom: 30px;
	font-weight: 400;
}

.wdfb.sc div img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-left: 10px;
	margin-bottom: 10px;
	display: block;
}

.wdfb.sc div button {
	border: solid #dcdcdc 1px;
	font-size: 14px;
	color: #333333;
	width: 73px;
	height: 23px;
	background: none;
}

.wdfb.scsp {
	align-items: flex-start;
}

.wdfb.scsp div {
	display: flex;
	flex-direction: column;
}

.wdfb.scsp div h6 {
	font-size: 12px;
	font-weight: 400;
}

.wdfb.scsp div video {
	width: 243px;
	height: 122px;
	border: solid #dcdcdc 1px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.wdfb.scsp div .cs_btn {
	border: solid #dcdcdc 1px;
	font-size: 12px;
	color: #333333;
	width: 54px;
	height: 20px;
	background: none;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.wdfb.scsp div input {
	width: 243px;
	height: 20px;
	border: solid #dcdcdc 1px;
	box-sizing: border-box;
	text-indent: 1em;
	margin-bottom: 45px;
}

.wdfb.scsp div .fb_btn {
	border: solid #dcdcdc 1px;
	font-size: 14px;
	color: #FFFFFF;
	width: 120px;
	height: 30px;
	background: #0b318f;
	box-sizing: border-box;
}


/*视频管理*/

table {
	width: 100%;
	margin-top: 20px;
}

table thead tr th {
	height: 32px;
	line-height: 32px;
	background-color: #e5e5e5;
	border: none;
}

table tr td {
	text-align: center;
	height: 118px;
	color: #666666;
}

table tr td:first-child {
	padding: 0 10px;
}

table tr td:first-child h5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-weight: 400;
}

table tr td img {
	width: 110px;
	height: 72px;
}

table tr td img.user_img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: block;
	margin: 0 auto 5px;
}

table tr td i.iconfont {
	display: block;
	text-align: center;
}

table tr td button {
	background: none;
	border: none;
	display: block;
	margin: 0 auto;
	color: #0b318f;
}