.b1banhong,
.b1logo,
.b1logo img,
.banner,
.bannerf {
	width: 100%
}
.banner,
body,
html,
video {
	min-height: 100%
}
.main_a,
.main_d,
.mditem {
	overflow: hidden
}
body,
html {
	margin: 0;
	padding: 0;
	height: 100%
}
.banner {
	height: 100%;
	position: relative;
	z-index: 1;
	min-height:790px;
}
.b1banhong,
.b1logo,
.bannerf,
.tip1 {
	position: absolute
}
.b1banhong {
	background: rgba(151, 25, 12, .9);
	height: 100%
}
.bannerf {
	height: 65px;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	border-bottom: 3px solid #000
}
.tip1 {
	background: url(../images/tip_1.png);
	width: 47px;
	height: 57px;
	bottom: 70px;
	left: 50%
}
.main_a,
.main_a_a {
	width: 100%;
	background: #f6f6f6;
	height: 130px
}
.main_a1 {
	-webkit-transform: matrix(1, 0, 0, 1, -1270, 0);
	-ms-transform: matrix(1, 0, 0, 1, -1270, 0);
	-moz-transform: matrix(1, 0, 0, 1, -1270, 0);
	transform: matrix(1, 0, 0, 1, -1270, 0);
	transition: all 1s
}
.main_a1,
.main_a1a {
	width: 300px;
	height: 40px;
	line-height: 40px;
	color: #000;
	font-size: 24px;
	margin: 0 auto;
	text-align: center;
	padding-top: 55px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s
}
.main_a1a {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 1s
}
.main_a2 {
	-webkit-transform: matrix(1, 0, 0, 1, 1270, 0);
	-ms-transform: matrix(1, 0, 0, 1, 1270, 0);
	-moz-transform: matrix(1, 0, 0, 1, 1270, 0);
	transform: matrix(1, 0, 0, 1, 1270, 0);
	transition: all 1s
}
.main_a2,
.main_a2a {
	width: 300px;
	height: 22px;
	line-height: 22px;
	color: #000;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s
}
.main_a2a {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 1s
}
.main_b,
.main_b img,
.main_c {
	width: 100%;
	height: auto
}
.main_b img {
	margin: 0;
	padding: 0;
	float: left
}
.main_c,
.main_nl {
	padding-top: 10px
}
.main_c {
	padding-bottom: 10px;
	background: #fff
}
.main_d {
	width: 100%;
	height: 430px;
	background: #f6f6f6
}
@media screen and (min-width: 1201px) {
	.main_d {
		width: 100%;
		height: 530px;
		background: #f6f6f6;
		overflow: hidden
	}
}
.mdlist {
	width: 1200px;
	height: 272px;
	margin: 10px auto 0;
	border-right: 1px solid #ebebeb
}
.mditem {
	background: #fff;
	width: 199px;
	height: 270px;
	border-left: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	float: left;
	transition: all .8s
}
.mditem:hover .md1 {
	-webkit-transform: matrix(1, 0, 0, 1, -199, 0);
	-ms-transform: matrix(1, 0, 0, 1, -199, 0);
	-moz-transform: matrix(1, 0, 0, 1, -199, 0);
	transform: matrix(1, 0, 0, 1, -199, 0);
	-webkit-transition: all .8s;
	-ms-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s
}
.md1 {
	width: 398px;
	height: 91px;
	transition: all .8s
}
.mditem .mdimg1,
.mditem .mdimg1a,
.mditem .mdimg2,
.mditem .mdimg2a,
.mditem .mdimg3,
.mditem .mdimg3a,
.mditem .mdimg4,
.mditem .mdimg4a,
.mditem .mdimg5a,
.mditem .mdimg6,
.mditem .mdimg6a {
	width: 199px;
	height: 91px;
	float: left
}
.mditem .mdimg1 {
	background: url(../images/htb_11.png) center no-repeat
}
.mditem .mdimg1a {
	background: url(../images/htb_12.png) center no-repeat
}
.mditem .mdimg2 {
	background: url(../images/htb_21.png) center no-repeat
}
.mditem .mdimg3 {
	background: url(../images/htb_31.png) center no-repeat
}
.mditem .mdimg4 {
	background: url(../images/htb_41.png) center no-repeat
}
.mditem .mdimg5 {
	background: url(../images/htb_51.png) center no-repeat;
	width: 199px;
	height: 91px;
	float: left
}
.mditem .mdimg6 {
	background: url(../images/htb_61.png) center no-repeat
}
.mditem .mdimg2a {
	background: url(../images/htb_22.png) center no-repeat
}
.mditem .mdimg3a {
	background: url(../images/htb_32.png) center no-repeat
}
.mditem .mdimg4a {
	background: url(../images/htb_42.png) center no-repeat
}
.mditem .mdimg5a {
	background: url(../images/htb_52.png) center no-repeat
}
.mditem .mdimg6a {
	background: url(../images/htb_62.png) center no-repeat
}
.mditem:hover .md2 {
	transition: all .8s;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0)
}
.md2,
.mditem:hover .md2 {
	-webkit-transition: all .8s;
	-ms-transition: all .8s;
	-moz-transition: all .8s
}
.md2 {
	width: 398px;
	height: 65px;
	transition: all .8s;
	-webkit-transform: matrix(1, 0, 0, 1, -179, 0);
	-ms-transform: matrix(1, 0, 0, 1, -179, 0);
	-moz-transform: matrix(1, 0, 0, 1, -179, 0);
	transform: matrix(1, 0, 0, 1, -179, 0)
}
.mditem .mcon,
.mditem .mcona {
	overflow: hidden;
	font-size: 13px;
	width: 160px;
	height: 45px;
	margin: 10px auto 10px 20px;
	line-height: 22px;
	float: left;
	transition: all .8s;
	text-overflow: ellipsis
}
.mditem .mcon {
	color: #646464
}
.mditem .mcona {
	color: #fff
}
.mditem:hover .md0 {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all .8s
}
.md0,
.mditem:hover .md0 {
	-webkit-transition: all .8s;
	-ms-transition: all .8s;
	-moz-transition: all .8s
}
.md0 {
	width: 398px;
	height: 68px;
	-moz-transform: matrix(1, 0, 0, 1, -199, 0);
	transform: matrix(1, 0, 0, 1, -199, 0);
	transition: all .8s
}
.mditem .md0 .mdit,
.mditem .md0 .mdita {
	text-align: center;
	float: left;
	font-size: 16px;
	width: 198px;
	height: 68px;
	line-height: 66px
}
.mditem .md0 .mdit {
	color: #fefefe;
	transition: color .8s
}
.mditem .md0 .mdita {
	color: #646464;
	-webkit-transition: color .8s;
	-ms-transition: color .8s;
	-moz-transition: color .8s
}
.mditem .btn {
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	background: #c7c6c6;
	display: block;
	margin: 0 auto;
	border-radius: 15px;
	-webkit-transition: background .5s;
	-ms-transition: background .5s;
	-moz-transition: background .5s;
	transition: background .5s
}
.mditem:hover .btn {
	background: #cd3a33
}
.mditem:hover {
	background: #db5049;
	border-left: 1px solid #db5049;
	border-top: 1px solid #db5049;
	border-bottom: 1px solid #db5049;
	float: left;
	-webkit-transition: color .8s;
	-ms-transition: color .8s;
	-moz-transition: color .8s;
	transition: color .8s
}
.main_n {
	width: 100%;
	height: 520px;
	background: #edecec
}
@media screen and (min-width: 1201px) {
	.main_n {
		width: 100%;
		height: 665px;
		background: #edecec
	}
}
.main_nl {
	width: 1200px;
	height: 540px;
	margin: 0 auto;
	overflow: hidden
}
.mainni {
	width: 598px;
	height: 165px;
	float: left;
	background: #fff;
	border-bottom: 1px solid #edecec;
	border-left: 1px solid #edecec;
	transition: all .3s ease-in-out
}
.nimg,
.nimg img {
	height: 165px;
	width: 230px
}
.nimg {
	float: left
}
.nimg img {
	transition: all .3s
}
.mainni:hover .nimg img {
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9
}
.nlet {
	width: 345px;
	height: 165px;
	float: left;
	margin-left: 20px
}
.nl1 {
	color: #000;
	font-size: 18px;
	line-height: 45px
}
.nl2 {
	color: #474747;
	font-size: 13px;
	line-height: 22px
}
.nl2 span {
	display: block;
	color: #9d9c9c
}
.main_e {
	width: 100%;
	height: 200px;
	background: #f6f6f6;
	overflow: hidden
}
.nfl {
	width: 330px;
	height: 45px;
	margin: 38px auto 0;
	list-style: none
}
.mci img,
.mcin img {
	float: left;
	margin: 0;
	padding: 0
}
.nfl:hover .xz a {
	color: #727272;
	background: #f6f6f6
}
.nfl li {
	width: 110px;
	height: 45px;
	text-align: center;
	float: left
}
.nfl li:hover a {
	background: #888;
	color: #fff
}
.nfl .xz {
	background: url(../images/home4_15.gif) 40px 35px no-repeat
}
.nfl li a {
	width: 92px;
	height: 30px;
	display: block;
	color: #727272;
	font-size: 16px;
	line-height: 28px;
	border-radius: 5px;
	background: #f6f6f6;
	transition: all .8s
}
.mc21,
.mc22,
.tsy span,
p.title {
	color: #fff
}
.mcl,
.mcl2 {
	height: auto;
	width: 100%
}
.nfl .xz a,
.nfl .xz:hover a {
	background: #888;
	color: #fff
}
.mcl2 {
	float: left
}
.mci {
	width: 20%;
	height: auto;
	float: left;
	overflow: hidden
}
.mcin {
	width: 200%;
	height: auto;
	float: left;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition: all .6s ease-in;
	-ms-transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	transition: all .6s ease-in
}
.mcin:hover {
	-webkit-transform: matrix(1, 0, 0, 1, -270, 0);
	-ms-transform: matrix(1, 0, 0, 1, -270, 0);
	-moz-transform: matrix(1, 0, 0, 1, -270, 0);
	transform: matrix(1, 0, 0, 1, -270, 0);
	-webkit-transition: all .8s ease-in;
	-ms-transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	transition: all .8s ease-in
}
.mcin img {
	width: 50%
}
.mc1,
.tsy {
	margin: 0 auto
}
.main_c5 {
	width: 100%;
	height: 100%;
	background: #035fa0;
	overflow: hidden;
    height:800px;
}
.mc1 {
	width: 800px;
	height: 550px;
	padding-top:100px;
	position: relative
}
@media screen and (min-width: 1601px) {
	.mc1 {
		width: 800px;
		height: 550px;
		margin: 0 auto;
		padding-top: 100px;
		position: relative;
		-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 100);
		-ms-transform: matrix(1.2, 0, 0, 1.2, 0, 100);
		-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 100);
		transform: matrix(1.2, 0, 0, 1.2, 0, 100)
	}
}
.m5_yuan1,
.m5_yuan1a,
.m5_yuan2 {
	position: absolute
}
#yuan1,
#yuan2,
#yuan3,
#yuan4,
#yuan5 {
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.m5_yuan1 {
	background: rgba(58, 181, 197, 0);
	border: 6px solid rgba(255, 255, 255, 0);
	top: 230px;
	left: 300px
}
.m5_yuan1,
.m5_yuan1a {
	width: 188px;
	height: 188px;
	border-radius: 100px
}
.m5_yuan1a {
	background: rgba(58, 181, 197, .3);
	border: 6px solid rgba(255, 255, 255, .3);
	top: 230px;
	left: 300px
}
.m5_yuan2,
.m5_yuan2a {
	top: 215px;
	left: 285px
}
.m5_yuan2 {
	background: rgba(58, 181, 197, 0);
	border: 6px solid rgba(255, 255, 255, 0)
}
.m5_yuan2,
.m5_yuan2a {
	width: 218px;
	height: 218px;
	border-radius: 160px
}
.m5_yuan2a {
	background: rgba(58, 181, 197, .3);
	border: 6px solid rgba(255, 255, 255, .3);
	position: absolute
}
.m5_yuan3,
.m5_yuan3a {
	position: absolute;
	top: 195px;
	left: 265px
}
.m5_yuan3 {
	background: rgba(58, 181, 197, 0);
	border: 6px solid rgba(255, 255, 255, 0)
}
.m5_yuan3,
.m5_yuan3a {
	width: 258px;
	height: 258px;
	border-radius: 160px
}
.m5_yuan3a {
	background: rgba(58, 181, 197, .3);
	border: 6px solid rgba(255, 255, 255, .3)
}
.m5_yuan4,
.m5_yuan4a {
	top: 165px;
	left: 235px
}
.m5_yuan4 {
	background: rgba(60, 175, 232, 0);
	border: 6px solid rgba(255, 255, 255, 0);
	position: absolute
}
.m5_yuan4,
.m5_yuan4a {
	width: 318px;
	height: 318px;
	border-radius: 180px
}
.m5_yuan4a {
	background: rgba(60, 175, 232, .2);
	border: 6px solid rgba(255, 255, 255, .3);
	position: absolute
}
.m5_yuan5,
.m5_yuan5a,
.m5_yuan6,
.m5_yuan6a {
	position: absolute;
	top: 125px;
	left: 195px
}
.m5_yuan5 {
	background: rgba(60, 153, 232, 0);
	border: 6px solid rgba(255, 255, 255, 0);
	transition: all 2s
}
.m5_yuan5,
.m5_yuan5a {
	width: 398px;
	height: 398px;
	border-radius: 280px
}
.m5_yuan5a {
	background: rgba(60, 153, 232, .1);
	border: 6px solid rgba(255, 255, 255, .3);
	transition: all 2s
}
.m5_yuan6 {
	background: rgba(60, 153, 232, 0);
	border: 6px solid rgba(255, 255, 255, 0)
}
.m5_yuan6,
.m5_yuan6a {
	width: 398px;
	height: 398px;
	border-radius: 280px
}
.m5_yuan6a {
	background: rgba(60, 153, 232, .01);
	border: 6px solid rgba(255, 255, 255, .6);
	-webkit-transform: scale(10);
	-ms-transition: all 4s;
	-moz-transition: all 4s;
	transform: scale(10);
	transition: all 4s;
	z-index: 1
}
.tsy {
	width: 520px;
	height: 300px;
	z-index: 100;
	position: relative
}
.banbot,
.mc2 {
	z-index: 1000
}
.tsy span {
	line-height: 30px;
	font-family: 'Microsoft YaHei';
	display: block;
	margin-top: 10px
}
#sy1,
#sy2,
#sy3,
#sy4,
#sy5 {
	-ms-transition: all 1.5s ease-out;
	-webkit-transition: all 1.5s ease-out;
	transition: all 1.5s ease ease-out;
	cursor: pointer
}
.sy1a {
	background: #ef5443;
	border: 5px solid #fff;
	text-align: center;
	position: absolute;
	top: 180px;
	left: 210px;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0)
}
.sy1a,
.sy2a {
	width: 90px;
	height: 90px;
	font-size: 13px;
	border-radius: 90px
}
.sy2a {
	background: #ea9a00;
	border: 5px solid #fff;
	transform: scale(0)
}
.sy2a,
.sy3a {
	text-align: center;
	position: absolute;
	top: 180px;
	left: 210px;
	-ms-transform: scale(0);
	-webkit-transform: scale(0)
}
.sy3a {
	background: #a8d104;
	border: 5px solid #fff;
	transform: scale(0)
}
.sy3a,
.sy4a {
	width: 90px;
	height: 90px;
	font-size: 13px;
	border-radius: 90px
}
.sy4a {
	background: #3cb1e8;
	border: 5px solid #fff;
	transform: scale(0)
}
.sy4a,
.sy5a {
	text-align: center;
	position: absolute;
	top: 180px;
	right: 210px;
	-ms-transform: scale(0);
	-webkit-transform: scale(0)
}
.sy5a {
	background: #ec52a2;
	border: 5px solid #fff;
	transform: scale(0)
}
.sy1,
.sy5a {
	width: 90px;
	height: 90px;
	font-size: 13px;
	border-radius: 90px
}
.sy1 {
	background: #ef5443;
	border: 5px solid #fff;
	text-align: center;
	position: absolute;
	top: 165px;
	left: 0
}
.sy1:hover,
.sy2:hover,
.sy3:hover,
.sy4:hover,
.sy5:hover {
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}
.sy2 {
	background: #ea9a00;
	border: 5px solid #fff;
	text-align: center;
	position: absolute;
	top: 40px;
	left: 55px;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s
}
.sy2,
.sy3 {
	width: 90px;
	height: 90px;
	font-size: 13px;
	border-radius: 90px
}
.sy3 {
	background: #a8d104;
	border: 5px solid #fff;
	text-align: center;
	position: absolute;
	top: -30px;
	left: 210px
}
.sy4 {
	background: #3cb1e8;
	border: 5px solid #fff;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 55px
}
.sy4,
.sy5 {
	width: 90px;
	height: 90px;
	font-size: 13px;
	border-radius: 90px
}
.sy5 {
	background: #ec52a2;
	border: 5px solid #fff;
	text-align: center;
	position: absolute;
	top: 165px;
	right: 0
}
#quantou {
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s
}
.quantou1 {
	width: 0;
	height: 0;
	position: absolute;
	top: 330px;
	left: 400px
}
.quantou2 {
	width: 170px;
	height: 135px;
	position: absolute;
	top: 260px;
	left: 310px
}
.mb01,
p.title {
	position: relative
}
.mc2 {
	width: 430px;
	height: 120px;
	margin: 160px auto;
	text-align: center
}
.mc21 {
	font-size: 18px;
	font-weight: 700;
	font-family: 'Microsoft YaHei'
}
.mc22 {
	font-size: 13px;
	font-family: 'Microsoft YaHei';
	margin: 10px auto
}
.mc2 img {
	width: 80px
}
.page1 {
	background-color: #000
}
.page2 {
	background-color: #f6f6f6
}
.page3 {
	background-color: #4BBFC3
}
.page4 {
	background-color: #035fa0
}
.page5 {
	background-color: #fff
}
.page6 {
	background-color: #edecec
}
.page7 {
	background-color: #f6f6f6
}
.page8 {
	background-color: #434343
}
p.title {
	top: 35%;
	font: 700 40px "Microsoft Yahei";
	text-align: center
}
.mb02,
.mb022 {
	color: rgba(255, 255, 255, .6);
	top: 20%
}
.mb01 {
	width: 50%;
	height: auto;
	float: left;
	overflow: hidden
}
.mb02,
.mb022,
.mb023 {
	position: absolute
}
.mb01 img {
	width: 100%;
	height: auto;
	transition: all 2s
}
.mb01:hover img {
	-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	-ms-transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
	transition: all 2s
}
.mb02 {
	left: 54%
}
.mb1t1 {
	font-size: 26px
}
.mb1t2 {
	font-size: 16px;
	margin: 5px 0 10px
}
.mb1c {
	font-size: 12px;
	line-height: 22px
}
.mb1btn {
	width: 80px;
	height: 24px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 3px;
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
	line-height: 24px
}
.mb022 {
	left: 4%
}
.mb023,
.mb024 {
	color: rgba(255, 255, 255, 1);
	top: 20%
}
.mb023 {
	left: 54%
}
.mb024 {
	position: absolute;
	left: 4%
}
.mb025,
.mb026 {
	position: absolute;
	color: rgba(255, 255, 255, .8);
	top: 20%
}
.mb025 {
	left: 50%
}
.mb025 .mb1t2 {
	font-size: 15px;
	line-height: 22px
}
.mb026 {
	left: 4%
}
.bt11,
.bt12 {
	text-align: center;
	color: #f3f3f3
}
.xiaoyuan {
	width: 213px;
	height: 213px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	-webkit-animation: zhuanquan infinite linear 10s;
	-webkit-transform-origin: 0 0
}
.xiaoyuan:after {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	content: "";
	border-radius: 20px;
	background: #5091c0
}
@keyframes zhuanquan {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@-webkit-keyframes zhuanquan {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
video {
	position: relative;
	min-width: 100%;
	width: 100%;
	background: url(../images/bannervfm.jpg) no-repeat;
	background-size: 100% 100%;
	-webkit-transition: 1s opacity;
	transition: 1s opacity
}
.hszhao,
.hszhaoa {
	transition: all 3s
}
#pbtn,
.banbot,
.hm11 {
	position: absolute
}
#pbtn {
	top: 100px;
	left: 100px
}
.banbot {
	width: 100%;
	height: 67px;
	background: rgba(0, 0, 0, .6);
	bottom: 0
}
.hm1,
.hszhao,
.hszhaoa,
.nbanner,
.nlogos {
	width: 100%;
	min-height: 100%;
	height: 100%
}
.nbanner{min-height:790px;}
.hm1{min-height:790px;}
.nlogos {
	background: url(../images/banner11.gif);
	background-size: 100% 100%
}
.hszhaoa {
	background: rgba(151, 25, 12, .9);
	min-height:790px;
}
.hszhao {
	background: rgba(151, 25, 12, 0)
}
.btz {
	width: 1200px;
	height: 67px;
	margin: 0 auto
}
.bt1,
.bt2 {
	width: 240px;
	float: left
}
.bt1 {
	height: 60px
}
.bt2 {
	height: 72px;
	background: url(../images/btbg.png);
	margin-top: -5px
}
.bt11 {
	font-size: 16px;
	margin-top: 15px
}
.bt12 {
	font-size: 12px;
	margin-top: 6px
}
.hm11 {
	width: 100%;
	height: 100%;
	top: 0
}
.hm12 {
	width: 1200px;
	height: 620px;
	margin: 170px auto 0;
	position: relative;
	overflow: hidden;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0)
}
@media screen and (max-width: 1601px) {
	.hm12 {
		width: 1200px;
		height: 620px;
		margin: 30px auto;
		position: relative;
		overflow: hidden;
		-webkit-transform: matrix(.7, 0, 0, .7, 0, 0);
		-ms-transform: matrix(.7, 0, 0, .7, 0, 0);
		-moz-transform: matrix(.7, 0, 0, .7, 0, 0);
		transform: matrix(.7, 0, 0, .7, 0, 0)
	}
}
.hm2,
.hm3,
.hm4,
.hm5 {
	width: 100%;
	min-height: 100%;
	height: 100%;
	display: none
}
.hm12 img {
	position: absolute
}
.hm121 {
	-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 250);
	-ms-transform: matrix(1.2, 0, 0, 1.2, 0, 250);
	-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 250);
	transform: matrix(1.2, 0, 0, 1.2, 0, 250);
	transition: all 1s
}
.hm121,
.hm121a {
	bottom: 105px;
	left: 543px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s
}
.hm121a {
	-webkit-transfortransform: matrix(1.2, 0, 0, 1.2, 0, 0);
	-ms-transformtransform: matrix(1.2, 0, 0, 1.2, 0, 0);
	-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	transition: all 1s
}
.hm122,
.hm122a {
	bottom: 10px;
	left: 260px
}
.hm122 {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-moz-transition: all 1.5s;
	transition: all 1.5s
}
.hm122a {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out
}
.hm2 {
	background: url(../images/banweb_04.jpg) no-repeat center top;
	background-size: cover;
	
}
.hm4 {
	background: url(../images/vis01.jpg) no-repeat center top;
	background-size: cover;
}
.hm3 {
	background: url(../images/bannervideo01.jpg) no-repeat center top;
	background-size: cover;
}
.hm5 {
	background: url(../images/bannerbz02.png) no-repeat center top;
	background-size: cover;
}
.qiq11 {
	left: 550px;
	top: 390px;
	transform: scale(0)
}
.qiq11,
.qiq12 {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0)
}
.qiq12 {
	left: 520px;
	top: 352px;
	transform: scale(0)
}
.qiq13 {
	left: 543px;
	top: 380px;
	transform: scale(0)
}
.qiq13,
.qiq14 {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0)
}
.qiq14 {
	left: 570px;
	top: 415px;
	transform: scale(0)
}
.qiq11a {
	left: 310px;
	top: 0;
	z-index: 2;
	transform: scale(1);
	transition: all 3s ease-out
}
.qiq11a,
.qiq12a {
	-webkit-transition: all 3s ease-out;
	-ms-transition: all 3s ease-out;
	-moz-transition: all 3s ease-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1)
}
.qiq12a {
	left: 300px;
	top: 55px;
	transform: scale(1);
	transition: all 3s ease-out
}
.qiq13a {
	left: 428px;
	top: 160px;
	transform: scale(1);
	transition: all 2s ease-out
}
.qiq13a,
.qiq14a {
	-webkit-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1)
}
.qiq14a {
	left: 408px;
	top: 260px;
	transform: scale(1);
	transition: all 2s ease-out
}
.qiq21 {
	left: 557px;
	top: 395px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0)
}
.qiq22 {
	left: 560px;
	top: 392px;
	transform: scale(0)
}
.qiq22,
.qiq23 {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0)
}
.qiq23 {
	left: 578px;
	top: 420px;
	transform: scale(0)
}
.qiq24 {
	left: 517px;
	top: 340px;
	transform: scale(0)
}
.qiq24,
.qiq25 {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0)
}
.qiq25 {
	left: 558px;
	top: 395px;
	transform: scale(0)
}
.qiq21a {
	left: 495px;
	top: 18px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-ransition: all 3s ease-out;
	-ms-ransition: all 3s ease-out;
	-moz-transition: all 3s ease-out;
	transition: all 3s ease-out
}
.qiq22a {
	left: 565px;
	top: 55px;
	transform: scale(1);
	transition: all 3s ease-out
}
.qiq22a,
.qiq23a {
	-webkit-ransition: all 3s ease-out;
	-ms-ransition: all 3s ease-out;
	-moz-transition: all 3s ease-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1)
}
.qiq23a {
	left: 545px;
	top: 125px;
	transform: scale(1);
	transition: all 3s ease-out
}
.qiq24a {
	left: 590px;
	top: 142px;
	transform: scale(1);
	transition: all 2s ease-out
}
.qiq24a,
.qiq25a {
	-webkit-ransition: all 2s ease-out;
	-ms-ransition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1)
}
.qiq25a {
	left: 565px;
	top: 263px;
	transform: scale(1);
	transition: all 2s ease-out
}
.qiq31 {
	right: 530px;
	top: 360px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0)
}
.qiq32 {
	right: 570px;
	top: 412px;
	transform: scale(0)
}
.qiq32,
.qiq33 {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0)
}
.qiq33 {
	right: 558px;
	top: 395px;
	transform: scale(0)
}
.qiq31a {
	right: 383px;
	top: 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	transition: all 3s ease-out
}
.qiq31a,
.qiq33a {
	-webkit-ransition: all 3s ease-out;
	-ms-ransition: all 3s ease-out;
	-moz-transition: all 3s ease-out
}
.qiq33a {
	right: 390px;
	top: 125px;
	transform: scale(1);
	transition: all 3s ease-out
}
.qiq32a,
.qiq33a {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1)
}
.qiq32a {
	right: 302px;
	top: 166px;
	transform: scale(1);
	-webkit-ransition: all 2s ease-out;
	-ms-ransition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	transition: all 2s ease-out
}
.spck {
	position: fixed;
	width: 600px;
	height: 500px;
	bottom: 20px;
	right: 0;
	z-index: 1111
}
.gbsp {
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1112;
	top: 14px;
	right: 10px;
	text-align: center;
	line-height: 20px
}
.gbsp a {
	color: #fff
}