.header {
	width: 100%;
	position: absolute;
	top: 20px;
	z-index: 9
}

.header .header_wrap {
	width: 1100px;
	margin: auto
}

.header .menu {
	margin-top: 5px
}

.header .menu a {
	float: left;
	font-size: 16px;
	color: #ffffff;
	margin-left: 48px
}

.header .menu a.active,
.header .menu a:hover {
	font-weight: bold;
}

.home_banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 3
}

.home_banner .home_w {
	width: 1090px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20%
}

.home_banner .home_w h3, .text1 h3 {
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	text-align: center
}

.text1 {width: 100%; height: 100%; position: absolute;left: 0; top: 20%; z-index: 2;}

.home_banner .home_w .h4 {
	margin-top: 235px;
	display: inline-block;
	font-size: 88px;
	font-family: 'font';
	color: #fff;
	padding-bottom: 24px;
	border-bottom: 2px solid #fff
}

.home_banner .home_w p {
	font-size: 28px;
	color: #fff;
	line-height: 1.5;
	font-family: 'font';
	margin-top: 46px
}

.home_banner .swiper-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-position: center center;
	cursor: pointer;
	background-repeat: no-repeat;
	width: 18px;
	height: 40px;
	z-index: 3
}

.home_banner .prev-btn {
	left: 120px;
	background-image: url(../images/arrow-left.png)
}

.home_banner .next-btn {
	right: 120px;
	background-image: url(../images/arrow-right.png)
}

.home_banner .progress {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 15%;
	min-height: 3px;
	overflow: hidden;
	z-index: 2;
	background: #f60;
	height:3px;
	margin-bottom: 0px;
}

#homeVideo {
	min-width: 100%;
	min-height: 100%;
	object-fit: fill;
	width: auto;
	height: auto
}

.section-1 {
	padding: 70px 0
}

.wrap {
	width: 1100px;
	margin: auto
}

.play_btn {
	display: block;
	width: 110px;
	height: 110px;
	background: url(../images/play.png) center center no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 4
}

.right-info {
	padding-top: 8px;
	width: 530px
}

.right-info .title_b {
	margin-bottom: 28px
}

.right-info p {
	font-size: 16px;
	color: #7c7d7f;
	line-height: 25px
}

.title_b {
	font-family: 'font';
	font-size: 24px;
	color: #1e2124;
	height: 35px;
	padding-top: 13px;
	background: url(../images/line.png) left top no-repeat
}

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

.title-box span {
	font-size: 32px;
	color: #1e2124;
	margin: 0 12px;
	font-family: 'font'
}

.section-2 {
	padding-bottom: 95px
}

.section-2 .right-info {
	padding-top: 20px
}

.section-2 .video_wrap {
	margin-top: 62px
}

.section-3 {
	height: 310px;
	background: url(../images/bg3.png) center no-repeat;
	background-size: cover
}

.section-3 .project_list {
	position: relative;
	top: -48px
}

.section-3 .project_list li {
	height: 318px;
	box-shadow: 0 0 20px 2px #f1f1f1;
	float: left;
	width: 260px;
	border-radius: 8px;
	margin-right: 20px;
	padding: 30px 0;
	background: #fff url(../images/bg2.png) -20px -20px no-repeat
}

.section-3 .project_list li:last-child {
	margin-right: 0
}

.section-3 .project_list li .title-box {
	margin-bottom: 20px
}

.section-3 .project_list li .title-box span {
	font-size: 36px;
	color: #1e2124;
	margin: 0 22px
}

.section-3 .project_list li .title-box .line {
	width: 16px;
	height: 1px;
	background: #e4985a
}

.section-3 .project_list li .book_name {
	font-size: 14px;
	color: #1e2124;
	line-height: 1.5
}

.section-3 .project_list li .text {
	font-size: 14px;
	color: #7c7d7f;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 6px
}

.section-3 .project_list li .red {
	margin-top: 28px;
	margin-bottom: 12px
}

.section-3 .project_list li .yellow {
	margin-top: 15px;
	margin-bottom: 10px
}

.btn {
	width: 64px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	border-radius: 10px;
	margin: auto;
	display: inherit;
	padding: 0;
}

.yellow {
	background: #ff9c00
}

.red {
	background: #f6301b
}

.section-4 {
	padding: 80px 0 70px
}

.section-4 .sub-title {
	margin-top: 36px
}

.latest_article {
	margin-top: 80px
}

.latest_article .article_list {
	width: 540px;
	background: #f9fbfc;
	padding: 0 20px 30px
}

.latest_article .article_list .title {
	font-size: 24px;
	color: #1e2124;
	font-family: 'font';
	line-height: 70px;
	border-bottom: 1px dashed #eeeeee
}

.latest_article .article_list li {
	margin-top: 30px;
	overflow: hidden
}

.latest_article .article_list li a {
	font-size: 16px
}

.latest_article .article_list li .date {
	float: right;
	font-size: 14px;
	color: #7c7d7f
}

.latest_article .article_list li:hover a {
	color: #f6301b
}

a {
	transition: all .5s
}

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

.sub-title span {
	font-size: 18px;
	color: #7c7d7f;
	margin: 0 16px
}

.section-5 {
	padding-bottom: 60px
}

.section-5 .banner {
	padding-top: 20px;
	margin-top: 46px;
	position: relative
}

.section-5 .banner .swiper {
	width: 795px;
	margin: auto;
	padding: 10px;
	padding-top: 20px;
	overflow: hidden
}

.section-5 .banner .swiper .slide_info {
	height: 250px;
	background: #fff url(../images/yin.png) right bottom no-repeat;
	box-shadow: 0 0 10px 2px #f1f1f1;
	border-radius: 4px;
	position: relative
}

.section-5 .banner .swiper .slide_info .info_box {
	padding-top: 30px;
	padding-left: 280px;
	padding-right: 30px
}

.section-5 .banner .swiper .slide_info .info_box .name {
	font-size: 24px
}

.section-5 .banner .swiper .slide_info .info_box .zhiwu {
	margin-left: 12px;
	font-size: 16px;
	padding-left: 12px;
	line-height: 14px;
	border-left: 1px solid #eeeeee
}

.section-5 .banner .swiper .slide_info .info_box .desc {
	margin-top: 30px;
	font-size: 16px;
	color: #7c7d7f;
	line-height: 1.5
}

.section-5 .banner .swiper .slide_info .info_box .author {
	color: #7c7d7f;
	margin-top: 26px
}

.section-5 .banner .user {
	position: absolute;
	top: -20px;
	left: 35px
}

.section-5 .banner .swiper-btn {
	top: 45%;
	cursor: pointer;
	position: absolute;
	transform: translateY(-50%)
}

.section-5 .banner .prev-btn {
	left: 0
}

.section-5 .banner .next-btn {
	right: 0
}

.section-5 .banner .span {
	text-align: center;
	margin-top: 60px
}

.section-5 .banner .span .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #eeeeee;
	opacity: 1;
	margin: 0 5px;
	transition: all .5s
}

.section-5 .banner .span .swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 5px;
	background: #f6301b
}

.section-6 {
	padding-top: 70px;
	padding-bottom: 36px;
	background: url(../images/bg3.png) center no-repeat;
	background-size: cover
}

.section-6 .sub {
	margin-top: 26px
}

.section-6 .partner {
	margin-top: 72px
}

.section-6 .partner a {
	float: left;
	width: 20%;
	margin-bottom: 44px
}

.section-6 .partner a img {
	margin: auto
}

.code-box {
	padding: 48px 0
}

.code-box .code-list {
	text-align: center;
	float: left;
	width: 25%
}

.code-box .code-list img {
	margin: auto;
	width: 120px;
}

.code-box .code-list p {
	margin-top: 20px
}

.footer {
	background: #2e3032;
	padding: 58px 0 52px
}

.footer .foot-left {
	width: 522px
}

.footer p {
	color: #979899;
	line-height: 1.5
}
.footer a:link {
	text-decoration: none;
	color: #979899;
	font-size: 14px;
}
.footer a:visited {
	text-decoration: none;
	color: #979899;
}
.footer a:hover {
	text-decoration: none;
}
.footer a:active {
	text-decoration: none;
}

.list-header {
	position: static
}

.list-header .logo {
	margin-top: 18px
}

.list-header .menu {
	margin-top: 0
}

.list-header .menu a {
	line-height: 64px;
	color: #1e2124
}

.list-header .menu a.active,
.list-header .menu a:hover {
	color: #f6301b
}

.list-section-1 {
	padding: 60px 0 50px;
	border-bottom: 1px dashed #eeeeee
}
.list-section-1 iframe{
	width: 960px;
	height: 650px;
}
.list-section-1 .sub {
	line-height: 2;
	margin-top: 42px
}

.list-section-1 .sub strong {
	color: #646566;
	font-weight: bold;
	font-size: inherit;
}
.list-section-2 {
	padding: 46px 0 40px;
}
.list-section-2 iframe{
	width: 960px;
	height: 650px;
}

.list-section-2 .sub {
	margin-top: 40px
}

.list-section-2 .list {
	padding: 28px 0 18px;
	border-bottom: 1px dashed #eeeeee
}

.list-section-2 .list li {
	float: left;
	display: flex;
	align-items: center;
	width: 460px;
	height: 72px;
	line-height: 72px;
	font-size: 0;
	background: #f9fbfc;
	padding-left: 24px;
	margin-right: 20px;
	margin-bottom: 20px
}

.list-section-2 .list li .num {
	color: #969799
}

.list-section-2 .list li .xl {
	color: #cacaca;
	margin: 0 8px
}
.list-section-2 ol {
	font-size: 16px;
}
.list-section-2 ol li {
	float: left;
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	line-height: 48px;
	color:#1e2124;
	background: #f9fbfc url(../images/dot5.png) no-repeat 20px center;
	background-size: 10px auto;
	padding-left: 54px;
	margin: 20px 20px 20px 0;
	font-weight: bold;
}
.list-section-2 .sub strong {
	color: #646566;
	font-weight: bold;
	font-size: inherit;
	line-height: inherit;
}

.list-section-2 .list li:nth-child(2n) {
	margin-right: 0
}

.list-section-2 .sub1 {
	color: #646566;
	margin-top: 48px;
	line-height: 2
}

.w_960 {
	width: 960px;
	margin: auto
}

.list-section-3 .item-box {
	padding-bottom: 48px
}

.list-section-3 .item-box.item-box-border {
	border-bottom: 1px dashed #eeeeee
}

.list-section-3 .item-box .item .label {
	float: left
}

.list-section-3 .item-box .item .ul {
	float: left;
	width: 876px;
	margin-left: 60px
}

.list-section-3 .item-box .item .ul li {
	float: left;
	width: 129px;
	height: 161px;
	background: url(../images/bg-1.png) center no-repeat;
	background-size: 100% 100%;
	padding-left: 35px;
	padding-top: 20px;
	margin-right: 56px;
	box-shadow: 0 0 20px 2px #f8f8f8
}

.list-section-3 .item-box .item .ul li:last-child {
	margin-right: 0
}

.list-section-3 .item-box .item .ul li a {
	display: block;
	width: 100%;
	height: 100%
}

.list-section-3 .item-box .item .ul li p {
	width: 20px;
	writing-mode: tb-rl;
	display: inline-block
}

.list-section-3 .item-box .item .ul li .p1 {
	font-size: 14px;
	color: #e4985a;
	margin-left: 6px;
	vertical-align: bottom;
	margin-bottom: 10px
}
.list-section-3 p strong{
	color:#646566;
	font-size:inherit;
	font-weight: bold;
}
.list-section-3 h2{
	margin:34px 0 34px 0;
	font-weight: bold;
	text-align: center;
}

.list-section-4 .sub {
	line-height: 1.5;
	padding-bottom: 48px;
	border-bottom: 1px dashed #eeeeee
}

.list-section-4 .title-box span span {
	color: #cacaca;
	margin: 0 4px;
	font-size: 20px !important
}

.list-section-5 {
	padding-bottom: 50px;
	border-bottom: 1px dashed #eeeeee
}

.all_wrap {
	padding-top: 40px
}

.mianbao_nav {
	margin-bottom: 36px
}

.mianbao_nav a {
	margin-right: 8px;
	font-size: 14px
}

.mianbao_nav a.current {
	color: #d33718
}

.left_content {
	width: 708px
}

.left_content .title-wrap {
	padding-bottom: 16px;
	border-bottom: 1px dashed #eeeeee
}

.left_content .title-wrap .title {
	font-size: 22px;
	color: #353535
}

.span-list a {
	font-size: 14px;
	margin-left: 16px;
	color: #353535;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 15px
}

.span-list a.active,
.span-list a:hover {
	background: #d33718;
	color: #fff;
	box-shadow: 0 0 10px 2px #efb7ac
}

.list-wrapper {
	overflow: hidden;
	border-bottom: 1px dashed #eeeeee;
	margin-top: 18px
}

.list-wrapper li {
	overflow: hidden;
	margin-bottom: 30px
}

.list-wrapper li .img-box {
	width: 180px;
	height: 100px;
	float: left;
	overflow: hidden
}

.list-wrapper li .img-box img {
	width: auto;
	height: auto;
	transition: all .5s;
	max-width: 100%;
}

.list-wrapper li .info {
	padding-left: 198px
}

.list-wrapper li .info h3 {
	color: #353535;
	margin-bottom: 12px;
	line-height: 1;
}

.list-wrapper li .info .sub,
.list-wrapper li .info span {
	color: #9a9a9a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.list-wrapper li .info .dott {
	margin: 0 5px
}

.list-wrapper li .info .num {
	padding-left: 22px;
	margin-left: 22px;
	background: url(../images/look.png) left center no-repeat
}

.list-wrapper li:hover h3 {
	color: #f6301b
}

.list-wrapper li:hover .img-box img {
	transform: scale(1.1)
}

.time {
	padding-left: 20px;
	color: #9a9a9a !important;
	background: url(../images/time.png) left center no-repeat
}

.page {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 25px
}

.page a {
	font-size: 14px;
	color: #9a9a9a;
	margin-right: 16px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

.page a.active {
	background: #d33718;
	color: #fff
}

.right_content {
	margin-top: 0;
	width: 373px
}

.right_content .article_list {
	width: 100%
}

.list_banner {
	height: 350px;
}

.iframe750 {
	width: 750px;
	margin: 0 auto;
}

.iframe750 iframe {
	width: 750px;
	height: 500px;
}

.article_box .article-title {
	padding-bottom: 22px;
	border-bottom: 1px dashed #eeeeee
}

.article_box p{
	font-size: 14px;
	color: #646566;
	line-height: 1.6;
}

.article_box h3 {
	font-size: 22px;
	color: #353535;
	margin-bottom: 20px
}

.article_box .sub {
	color: #9a9a9a;
	line-height: 1.5
}

.article_box .tags span {
	margin-right: 10px;
	text-align: center;
	line-height: 24px;
	padding: 0 12px;
	background: #fafafa;
	color: #9f9f9f
}

.article-content {
	padding-bottom: 24px;
	padding-top: 24px;
	border-bottom: 1px dashed #eeeeee
}

.article-content iframe{
	width: 100%;
	height: 520px;
	max-width: 100%;
}

.article-content p {
	font-size: 16px;
	color: #646566;
	line-height: 1.6;
	margin-bottom: 34px;
	text-align: justify; 
	text-align-last: auto;
}
.article-content h1 {
	font-size: 26px;
	color: #e63946;
	line-height: 1.6;
	margin:34px 0 34px 0;
	font-weight: bold;
}

.article-content h2 {
	font-size: 24px;
	color: #e63946;
	line-height: 1.6;
	margin-bottom: 34px
}

.article-content h3 {
	font-size: 20px;
	color: #e63946;
	line-height: 1.6;
	margin-bottom: 34px
}

.article-content h6 {
	font-size: 14px;
	line-height: 24px;
	color: #e63946;
	margin: -30px 0px 34px 0px
}
.article-content p a{
	font-size: 16px;
	color: #d33718;
	text-decoration: underline;
}
.article-content ul {
	font-size: 16px;
}
.article-content ul li {
	float: left;
	display: flex;
	align-items: center;
	width: 100%;
	height: 72px;
	line-height: 72px;
	color:#1e2124;
	background: #f9fbfc url(../images/icon_play_20.png) no-repeat 20px center;
	padding-left: 54px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.article-content ol {
	font-size: 16px;
}
.article-content ol li {
	float: left;
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	line-height: 48px;
	color:#1e2124;
	background: #f9fbfc url(../images/dot.png) no-repeat 20px center;
	background-size: 10px auto;
	padding-left: 54px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.article-content strong {
	font-size: inherit;
	font-weight: bold;
	color: inherit;
	line-height: 1.6;
	margin-bottom: 34px
}

.author_box {
	height: 200px;
	background: url(../images/bg4.png) center no-repeat;
	background-size: cover
}

.author_box .author_name {
	font-size: 26px;
	color: #fff;
	font-family: 'font';
	padding-top: 110px
}

.author_box .avtar {
	margin-top: 29px
}

.touxian_box {
	height: 168px;
	background: url(../images/bg3.png) center no-repeat;
	background-size: cover
}

.touxian_box ul {
	width: 491px;
	padding-top: 40px
}

.touxian_box ul li {
	float: left;
	padding-left: 14px;
	margin-bottom: 15px;
	background: url(../images/dot2.png) left center no-repeat
}

.touxian_box ul li a {
	font-size: 16px
}

.img-show {
	margin-top: 56px
}

.lb_gl {
	height: 500px;
	width: 812px;
	margin: auto
}

.container {
	width: 100%;
	position: relative;
	height: 500px
}

.pictureSlider {
	height: 100%;
	transform: rotate(90deg) translateY(0) translateX(-50%)
}

.poster-list {
	width: 100%;
	height: 500px;
}
.lb_gl .container {margin-left: -20px;}

.poster-item {
	background: #fff;
	height: 460px;
	width: 100%;
	transition: all 0.5s;
	cursor: default;
	-moz-transition: all 0.5s;
	cursor: default;
	-webkit-transition: all 0.5s;
	cursor: default;
	-o-transition: all 0.5s;
	cursor: default;
	transform: rotate(-120deg);
	overflow: hidden
}

.for_btn {
	position: relative;
	height: 460px;
	overflow: hidden
}

.lbt .left {
	position: absolute;
	left: 0
}

.lbt .right {
	position: absolute;
	right: 0
}

.video_left_box {
	width: 530px;
	height: 300px
}

@font-face {
	font-family: 'font';
	src: url("../fonts/font.ttf")
}

.project-anpai li {
	margin-top: 28px !important
}

.project-anpai li a {
	font-family: 'font';
	font-size: 18px !important
}
.row1 {width: 960px; margin: 0 auto; position: relative;}
.prev1, .next1 {width: 15px; height: 34px;cursor: pointer;position: absolute;top: -350px;z-index: 9;}
.prev1 {background: url(../images/prev1.png) 0 0 no-repeat;left: 0;}
.next1 {background: url(../images/next1.png) right 0 no-repeat;right: 0;}
.row2 {width: 1100px;margin: 0 auto; position: relative;z-index: 3;}
.btn1 {width: 140px; font-size: 14px; line-height: 36px; color: #fff; text-align: center;background: #f6301b;cursor: pointer;border-radius: 18px; position: absolute;right: 0; bottom: -18px; z-index: 3;}
.btn1 img {display: inline-block;vertical-align:middle; margin-right: 8px;}
.msg1 {width: 460px; position: fixed;left: 50%; top: 50%; margin-left: -230px;margin-top: -260px; z-index: 9;background: #fff; border-radius: 16px;display: none;}
.font2 {text-align: center;font-size: 32px; line-height: 140px; color: #1e2124; font-weight: bold;}
.font2 img {display: inline-block;vertical-align: middle;}
.font2 span {font-size: 32px; line-height: 140px; color: #1e2124; font-weight: bold;margin: 0 16px;}
.wx5 {text-align: center;}
.wx5 img {width: 200px;display: inline-block;}
.font3 {font-size: 20px; line-height: 120px; color: #7c7d7f; text-align: center;}
.close1 img { position: absolute;bottom: -80px;cursor: pointer;width: 32px;left: 50%; margin-left: -16px;}
.bg1 {width: 100%; height: 100%; background: #000; opacity: 0.3;position: fixed;left: 0; top: 0; z-index: 8;display: none;}
.big-sj-wrap{
	width: 956px;
	margin:56px auto;
	padding-left: 32px;
	position: relative;
}
.big-sj-wrap:after{
	content: "";
	width: 1px;
	height: 92%;
	position: absolute;
	top: 2%;
	left: 0;
	border-left: 1px dashed #eeeeee;
}
.big-sj-list li p.date{
	font-size: 16px;
	color: #646566;
}
.big-sj-list li {
	position: relative;
	margin-bottom: 36px;
}
.big-sj-list li  h3{
	font-size: 26px;
	font-family: 'font';
	margin-top: 26px;
	line-height: 52px;
}

.big-sj-list li img{
	position: absolute;
	left: -32px;
	top: 0;
}
.big-sj-wrap2{
	width: 956px;
	margin:56px auto;
	padding-left: 32px;
	position: relative;
}
.big-sj-wrap2:after{
	content: "";
	width: 1px;
	height: 92%;
	position: absolute;
	top: 2%;
	left: 7px;
	border-left: 1px dashed #eeeeee;
	z-index: -999;
}
.big-sj-list2 li p{
	font-size: 16px;
	color: #7c7d7f;
	line-height: 2;
}

.big-sj-list2 li p.date{
	font-size: 16px;
	color: #646566;
	line-height: 1;
}
.big-sj-list2 li {
	position: relative;
	margin-bottom: 36px;
}
.big-sj-list2 li  h3{
	font-size: 26px;
	font-family: 'font';
	margin-top: 26px;
	line-height: 52px;
}

.big-sj-list2 li img{
	position: absolute;
	left: -32px;
	top: 0;
}
.big-sj-list2 li iframe{
	width: 924px;
	height: 620px;
}
.true {
	background: url(../images/true/true.png)  no-repeat top right;
	background-size: 80px;
}

.untrue {
	background: url(../images/true/not_true.png) no-repeat top right;
	background-size: 80px;
}

.partlytrue {
	background: url(../images/true/partlytrue.png) no-repeat top right;
	background-size: 80px;
}

.true20 {
	background: url(../images/true/true20.png) no-repeat top right;
	background-size: 80px;
}

.true50 {
	background: url(../images/true/true50.png) no-repeat top right;
	background-size: 80px;
}

.true70 {
	background: url(../images/true/true70.png) no-repeat top right;
	background-size: 80px;
}
.renwuzhi {
	background: url(../images/true/renwuzhi.png) no-repeat top right;
	background-size: 80px;
}
.history {
	background: url(../images/true/history.png) no-repeat top right;
	background-size: 80px;
}
.zen {
	background: url(../images/true/zen.png) no-repeat top right;
	background-size: 80px;
}
.ref{
	border-top: 1px dashed #eeeeee;
	background: url(../images/true/ref.png) no-repeat center left;
	background-size: 36px;
	padding: 20px 40px;
	margin-top: 20px;
}
.ref a {
	color: #32b16c;
}