.i-ctn .i_1,.i-ctn .i_2 {
	opacity:0;
	animation-duration:1s
}
* {
	margin:0;
	padding:0
}
body,html {
	width:100%;
	color:#333;
	font-family:'Microsoft YaHei';
	position:relative
}
img {
	display:block
}
.imgText,.x .ts {
	display:-ms-flexbox
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#333
}
p {
	text-indent:2em;
	line-height:1.5
}
.banner {
	margin:0 auto;
	overflow:hidden
}
.banner .banner_box {
	position:relative;
	width:99999px
}
.banner .banner_item {
	float:left
}
.w1,.x .tcs {
	float:right
}
.imgText {
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.imgText img {
	width:273px;
	height:353px
}
.imgText .text {
	margin-left:50px
}
.imgText strong {
	display:block;
	font-size:22px;
	margin-bottom:50px;
	font-weight:400
}
.imgText p {
	font-size:16px;
	line-height:2;
	-ms-flex:1;
	flex:1;
	width:780px
}
.x {
	margin-top:75px
}
.x .banner {
	width:719px
}
.x .banner img {
	width:719px;
	height:447px
}
.x .tabContainers {
	margin-top:30px!important
}
.x .tabContainers .x-bg {
	margin-top:30px;
	width:966px;
	height:550px;
	background:url(../images/x_bg.png) center no-repeat;
	position:relative
}
.x .tab {
	width:auto!important;
	padding:0 10px
}
.x .ts {
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	position:absolute;
	top:30px;
	left:40px
}
.x .ts .t {
	width:21px;
	padding:15px 14px 0;
	margin:10px 0;
	height:101px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	text-align:center
}
.x .ts .t.active,.x .ts .t:hover {
	color:#bd0e0c;
	background:url(../images/x_btn.png) center no-repeat
}
.x .tcs {
	height:615px;
	width:876px;
	position:relative
}
.x .tcs .title {
	font-size:18px;
	text-align:center;
	position:relative;
	top:-40px
}
.x .tcs p {
	margin-top:10px;
	text-align:center;
	text-indent:0;
	line-height:30px;
	min-height:30px
}
.x .tcs .banner_next,.x .tcs .banner_prev {
	cursor:pointer;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
	width:80px;
	height:447px;
	margin-top:24px
}
.x .tcs .banner_prev {
	top:0;
	left:0;
	background:url(../images/xb_prev.png) center no-repeat
}
.x .tcs .banner_prev.dis {
	background:url(../images/xb_prev_off.png) center no-repeat
}
.x .tcs .banner_next {
	top:0;
	right:0;
	background:url(../images/xb_next.png) center no-repeat
}
.x .tcs .banner_next.dis {
	background:url(../images/xb_next_off.png) center no-repeat
}
.h-ctn,.w {
	width:1210px;
	margin:0 auto;
	position:relative
}
.m .item,.m .item:hover:after {
	width:100%
}
.col {
	-ms-flex-direction:column!important;
	flex-direction:column!important
}
.m {
	margin-top:60px
}
.m .col {
	margin-top:30px
}
.m .item {
	box-sizing:border-box;
	height:50px;
	line-height:50px;
	display:-ms-flexbox;
	display:flex;
	padding:0 10px;
	font-size:16px;
	-ms-flex-pack:justify;
	justify-content:space-between;
	overflow:hidden;
	position:relative;
	margin-bottom:3px
}
.m .item:hover {
	color:#c30528
}
.m .item:after {
	position:absolute;
	top:0;
	left:50%;
	content:""!important;
	width:0%;
	height:100%;
	transform:translateX(-50%);
	transition:all .3s;
	background:rgba(22,12,12,.1)
}
.fix::after,.fix::before,.h-ctn::after,.h-ctn::before,.m .w1 .tabs::after,.m .w1 .tabs::before,.t .w1 .tabs::after,.t .w1 .tabs::before,.w::after,.w::before,.x .w1 .tabs::after,.x .w1 .tabs::before {
	content:"";
	display:table
}
.fix::after,.h-ctn::after,.m .w1 .tabs::after,.t .w1 .tabs::after,.w::after,.x .w1 .tabs::after {
	clear:both
}
.w1 {
	width:1020px
}
.row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	width:1000px;
	padding:10px
}
.row .item {
	text-align:center;
	font-size:16px;
}
.row .item:last-child {
	min-height:30px;
	line-height:30px
}
.m,.t,.x {
	width:100%
}
.m .line,.t .line,.x .line {
	height:1px;
	background:#c30528;
	width:100%
}
.m .w1,.t .w1,.x .w1 {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.m .w1 .tabContainers,.t .w1 .tabContainers,.x .w1 .tabContainers {
	margin-top:10px
}
.m .w1 .tabs .tab,.t .w1 .tabs .tab,.x .w1 .tabs .tab {
	cursor:pointer;
	font-size:20px;
	float:left;
	height:34px;
	line-height:34px;
	margin-right:10px;
	text-align:center;
	margin-top:11px;
	width:105px;
	color:#c30528
}
.m .w1 .tabs .tab.active,.m .w1 .tabs .tab:hover,.t .w1 .tabs .tab.active,.t .w1 .tabs .tab:hover,.x .w1 .tabs .tab.active,.x .w1 .tabs .tab:hover {
	background:#c30528;
	color:#fff
}
.m .w1 .x-logo,.t .w1 .x-logo,.x .w1 .x-logo {
	border-left:1px solid #c30528;
	border-right:1px solid #c30528;
	height:45px;
	width:190px;
	background:url(../images/x-logo.png) center no-repeat
}
.m .w1 .m-logo,.t .w1 .m-logo,.x .w1 .m-logo {
	height:46px;
	width:134px;
	float:right;
	background:url(../images/m_logo.png) center no-repeat
}
.m .w1 .right,.t .w1 .right,.x .w1 .right {
	display:-ms-flexbox;
	display:flex
}
.m .w1 .right .t-logo,.t .w1 .right .t-logo,.x .w1 .right .t-logo {
	border-left:1px solid #c30528;
	height:45px;
	width:129px;
	background:url(../images/t_logo.png) right top no-repeat
}
.m .w1 .right .more,.t .w1 .right .more,.x .w1 .right .more {
	padding:0 10px;
	line-height:45px;
	margin-left:10px;
	height:45px;
	text-align:center;
	background:#c30528;
	font-size:20px;
	color:#fff
}
.h .nav,body {
	padding-top:80px
}
.i {
	height:1400px
}
.i-ctn {
	width:1020px;
	float:right;
	z-index:2;
	position:relative
}
.i-ctn .play,.i-ctn [class^=i_] {
	position:absolute
}
.i-ctn .i_1 {
	right:-100px;
	top:-60px;
	animation-delay:1s;
	animation-fill-mode:both
}
.i-ctn .i_2 {
	right:320px;
	top:70px;
	animation-delay:2s;
	animation-fill-mode:both
}
.i-ctn .i_3,.i-ctn .i_4 {
	animation-delay:3s;
	opacity:0;
	animation-fill-mode:both;
	animation-duration:1s
}
.i-ctn .i_3 {
	right:480px;
	top:60px
}
.i-ctn .i_4 {
	right:550px;
	top:70px
}
.i-ctn .i_5 {
	top:480px;
	left:80px;
	animation-duration:1s;
	animation-delay:5s;
	animation-fill-mode:both;
	opacity:0;
	transition:all .3s;
	cursor:pointer
}
.i-ctn .i_5:hover {
	transform:scale(1.2)
}
.i-ctn .play {
	cursor:pointer;
	display:block;
	width:73px;
	height:100px;
	opacity:0;
	right:370px;
	top:550px;
	animation-duration:1s;
	animation-delay:4s;
	animation-fill-mode:both;
	background:url(../images/play.png) center no-repeat
}
.goTop,.h {
	position:fixed
}
.i-ctn .play:hover {
	background:url(../images/play_hover.png) center no-repeat
}
.i .ctn {
	width:100%;
	height:650px
}
.i .ctn .tabs {
	margin-top:700px;
	width:230px;
	padding-left:351px;
	height:46px;
	background:url(../images/i_title.png) left center no-repeat
}
.i .ctn .tabs .tab {
	color:#c30528;
	cursor:pointer;
	font-size:20px;
	height:45px;
	width:105px;
	text-align:center;
	line-height:45px;
	float:left;
	margin:0 5px
}
.i .ctn .tabs .tab.active,.i .ctn .tabs .tab:hover {
	color:#fff;
	background:#c30528
}
.i .ctn .tabContainers {
	margin-top:15px;
	width:100%
}
.i .ctn .tabContainers p {
	display:block;
	width:100%;
	line-height:2.2
}
.goTop,.scroll-element {
	display:none
}
.i .ctn .tabContainers p.p {
	width:582px
}
.goTop {
	top:80%;
	right:15px;
	cursor:pointer
}
.h {
	z-index:999;
	width:100%;
	height:79px;
	background:url(../images/h_bg.png) -180px center no-repeat;
	top:0;
	right:0;
	left:0
}
.h .logo,.h .nav {
	position:absolute
}
.h-ctn .music {
	float:right;
	z-index:9999;
	width:94px;
	height:52px;
	background:url(../images/music_off.gif) center no-repeat
}
.h-ctn .music.on {
	background:url(../images/music_on.gif) center no-repeat
}
.h .logo {
	top:10px;
	left:40px;
	z-index:2
}
.bg,.bg-1 {
	z-index:-1
}
.h .nav {
	animation-duration:1s;
	top:0;
	left:20px;
	padding-right:10px;
	width:179px;
	height:356px;
	background:url(../images/nav_bg.png) left top no-repeat
}
.h .nav .item {
	height:55px;
	text-align:center;
	width:100%;
	color:#fff;
	line-height:55px;
	border-bottom:1px solid #c83c36;
	position:relative;
	left:1px;
	cursor:pointer
}
.scrollbar-inner p,.scrollbar-inner strong {
	font-size:16px;
	line-height:2
}
.bg,.h .nav .item:after {
	position:absolute;
	right:0
}
.h .nav .item.active,.h .nav .item:hover {
	background:#c2231a
}
.h .nav .item:after {
	bottom:0;
	left:0;
	content:"";
	height:1px;
	background:#882825
}
.bg {
	pointer-events:none;
	top:0;
	left:0
}
.bg>div {
	width:100%;
	height:780px
}
.bg-1 {
	background:url(../images/bg_01.jpg) center no-repeat
}
.bg-2 {
	background:url(../images/bg_02.jpg) center no-repeat
}
.bg-3 {
	background:url(../images/bg_03.jpg) center no-repeat
}
.bg-4 {
	background:url(../images/bg_04.jpg) center no-repeat
}
.bg-5 {
	/*height: 468px !important;*/
	background:url(../images/bg_05.jpg) center no-repeat
}
.scroll-wrapper {
	overflow:hidden!important;
	padding:0!important;
	position:relative
}
.scroll-wrapper>.scroll-content {
	border:none!important;
	box-sizing:content-box!important;
	height:auto;
	left:0;
	margin:0;
	max-height:none;
	max-width:none!important;
	overflow:scroll!important;
	padding:0;
	position:relative!important;
	top:0;
	width:auto!important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
	height:0;
	width:0
}
.scroll-element,.scroll-element div {
	box-sizing:content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {
	display:block
}
.scroll-element .scroll-arrow,.scroll-element .scroll-bar {
	cursor:default
}
.scroll-textarea {
	border:1px solid #ccc;
	border-top-color:#999
}
.scroll-textarea>.scroll-content {
	overflow:hidden!important
}
.scroll-textarea>.scroll-content>textarea {
	border:none!important;
	box-sizing:border-box;
	height:100%!important;
	margin:0;
	max-height:none!important;
	max-width:none!important;
	overflow:scroll!important;
	outline:0;
	padding:2px;
	position:relative!important;
	top:0;
	width:100%!important
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
	height:0;
	width:0
}
.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div {
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	z-index:10
}
.scrollbar-inner>.scroll-element div {
	display:block;
	height:100%;
	left:0;
	top:0;
	width:100%
}
.scrollbar-inner>.scroll-element.scroll-x {
	bottom:2px;
	height:8px;
	left:0;
	width:100%
}
.scrollbar-inner>.scroll-element.scroll-y {
	height:100%;
	right:2px;
	top:0;
	width:10px
}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top:-12px
}
.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track {
	border-radius:8px
}
.scrollbar-inner>.scroll-element .scroll-element_track {
	background-color:#eb8b61;
	position:relative;
	left:4px;
	width:1px
}
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left:-12px
}
.scrollbar-inner>.scroll-element .scroll-bar {
	background-color:#c50e2c;
	border-radius:5px
}
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,.scrollbar-inner>.scroll-element:hover .scroll-bar {
	background-color:#c50e2c
}
.scrollbar-inner {
	height:645px;
	padding-right:10px!important
}
.scrollbar-inner strong {
	color:#c30528
}

.overlay {
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.8);
	z-index:999;
	display:none
}
.overlay .modal {
	display:none;
	background:url(../images/overlayBg.jpg) center no-repeat;
	width:928px;
	height:574px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-464px;
	margin-top:-287px
}
.overlay .modal .title {
	height:40px;
	line-height:77px;
	text-indent:1em;
	font-size:22px;
	background:url(../images/border.png) center bottom no-repeat
}
.overlay .modal .title strong {
	color:#333
}
.overlay .modal .title.c {
	color:#704b33
}
.overlay .modal .title .close {
	width:23px;
	height:22px;
	background:url(../images/close.png) center no-repeat;
	position:absolute;
	top:26px;
	right:20px;
	cursor:pointer
}
.overlay .modal .title .close.active,.overlay .modal .title .close:hover {
	background:url(../images/close_on.png) center no-repeat
}
.overlay .modal .content {
	position:relative
}
.overlay .modal .content img {
	float:left;
	margin-top:30px
}
.overlay .modal .content .text {
	float:right;
	padding-top:30px;
	width:420px;
	padding-left:30px;
	position:absolute;
	right:0;
	top:0;
	font-size:16px
}
.video .content {
	padding-top:10px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center
}
.footer {
	

}
.footer{width: 100%;padding: 46px 0 41px;background-color: #1B1718;margin-top:622px}
.footer .mainbox{width: 1089px;overflow: hidden;margin:0 auto;}
.footer .mainbox .left{float: left;width: 383px}
.footer .mainbox .left a{display: block;margin-bottom: 13px;}
.footer .mainbox .right{float: right;width: 618px;}

.w1 .zhuyan .row {
	padding:10px 31px;
	display:block;
	overflow:hidden;
}
.w1 .zhuyan .row .item {
	width:157px;
	float:left;
	margin-right:42px;
}
.w1 .zhuyan .row .item:nth-child(5n) {
	margin-right:0
}
.w1 .zhuyan .row .item img {
	width:100%;
}
.w1 .zhuyan .row .item div{line-height: 24px;}
.w1 .zhuchuang .row .item div{line-height: 24px;}