img{
	max-width:none;
	max-height:none;
}
h1{font-size:16px;}
a{text-decoration:none;}
.fullTank{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.fullTank .page0Bgd{
	position:absolute;
	
}
.page{
	position:absolute;
	top:100000px;
	left:100000px;
	width:100%;
	height:100%;
	display:block;
}


.blockLeft{
	float:left;
	width:50.8%;
	position:relative;
	overflow:hidden;
}

.btnNavSet{
	position:absolute;
	right:0;
	top:46.6%;
}
.btnNavSet p {
    text-align: right;
    margin-bottom: 0.12rem;
}
.btnNavSet p a {
    display: inline-block;
    padding: 0.06rem 0.08rem;
    font-size: 0.14rem;
    font-family: kaiti;
    border: solid 1px #9A1717;
    border-radius: 10px;
    margin-right: 0.15rem;
    text-decoration: none;
    color: #9A1717;
}

.blockLeft .bgd{
	position:absolute;
	top:0;
}

.blockRight{
	float:right;
	width:49.2%;
	position:relative;
}
.blockRight .intro {
	position:relative;

	margin-top:26%;
    width: 92%;
    color: #fff;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	font-family: simsun;
	padding: 1% 1% 10% 1%;
}
.blockRight .intro h1{
	margin:1em 1em;
    font-size: 0.25rem;
}
.blockRight .intro p{
	margin:2em;
    font-size: 0.11rem;
	line-height:2em;
}
.blockRight .logo{
	position:absolute;
	width:12%;
	right:12%;
	top:6%;
}
.blockRight .codeArea {
    position: relative;
    width: 80%;
    margin-left: 10%;
    margin-top: -10%;
}
.blockRight .codeArea li {
    display: inline-block;
    margin: 0 4%;
    color: #fff;
    width: 20%;
    text-align: center;
    border-radius: 10px;
    padding-top: 5px;
    border: solid 1px #fff;
    background: #fff;
}
.blockRight .codeArea li{
	
}
.blockRight .codeArea img{
	width:80%;
}
.blockRight .codeArea p{
	font-size: 0.05rem;
    color: #9A1717;
	margin-top:3px;
}

img.logo1Big {
    height: 40%;
    width: auto;
    position: absolute;
    top: 2%;
    right: 8%;
}
img.p0Decoration {
    width: 41%;
    position: absolute;
    bottom: 1%;
    left: 1%;
}

.headTitle {
    position: absolute;
    top: 0;
    background: url(img/headTitleBgd.png) repeat-y right top;
    width: 71%;
    padding-left: 29%;
    padding-top: 15px;
    z-index: 2;
	padding-bottom: 10px;
}
.headTitle .title {
    display: block;
    float: left;
    font-size: 0.2rem;
    color: #C13A3E;
    width: 15%;
    margin-top: 0.05rem;
	font-weight: bold;
}
.headTitle .intro {
    display: block;
    float: right;
    width: 83%;
	margin-right:1%;
    color: #E1A05A;
	font-size: 0.09rem;
    line-height: 1.5em;
}
.logo1{
	position:absolute;
	top:2%;
	left:2%;
	z-index:3;
	width:22.9%;
}
.contentTank {
    position: absolute;
    width: 80%;
    left:10%;
	top:8%;
	background:url(img/contentTankBgd.png) no-repeat;
	padding:2% 6% 2% 0;
}

.contentTank .cl {
    float: left;
    display: block;
    width: 50.9%;
	text-align: right;
}
.contentTank .cr {
    float: right;
    display: block;
    width: 42%;
	margin-right: 7.04%;
}
.contentTank .cr img {
    width: 100%;
	border: solid 8px #fff;
    border-left: none;
}
.content2 {
    width: 85%;
    margin-left: 9%;
    margin-top: 2%;
}
.content2 li {
    float: left;
    width: 20%;
    margin-left: 3.8%;
}
.content2 li a{
	text-decoration:none;
}
.content2 li a h3 {
    font-size: 0.11rem;
    line-height: 1.5em;
    color: #c13a3e;
	text-align: left;
}
.content2 li a h3.wf {
    color: #fff;
}
.content2 li img {
    width: 100%;
}
.contentTank .cl a.title{
	display:block;
	margin-right:0.1rem;
    text-decoration:none;
}
.contentTank .cl a.title h3{
	font-size:0.16rem;
    color:#c13a3e;
	text-align: left;
}
.contentTank .cl p.intro {
    width: 98%;
    margin-right: 0.3rem;
    font-size: 0.09rem;
    line-height: 2em;
    text-align: left;
    display: inline-block;
}
.contentTank .content1 .cl ul {
    width: 80%;
    margin-left: 20%;
}

.lm1_1a li {
    position: relative;
    width: 90%;
    border: solid 4px #fff;
    border-left: 0;
}
.content1 .cr li img.iconPlayVideo {
    position: absolute;
    width: 16%;
    left: 42%;
    top: 30%;
	border: none;
}
.page1 .contentTank .cr img {
    border: none;
}

.picZoom{
	width:0%;
	height:0%;
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000,endColorstr=#11000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000,endColorstr=#11000000);
	overflow:hidden;
	position:absolute;
	z-index:1000;
	top:50%;
	left:50%;
	
}
.picZoom img{
	width:100%;
	height:auto;
}
.picZoom .btnClose{
	display:block;
	font-size:0.2rem;
	position:absolute;
	right:1%;
	top:1%;
	color:#fff;
	text-decoration:none;
	
}
img.titlePage {
    position: absolute;
    right: 2%;
    bottom: 1%;
    z-index: 2;
    width: 10%;
    opacity: .5;
    display: block;
}
a.btnBack {
    position: absolute;
    display: block;
    width: 0.6rem;
    font-size: 0.1rem;
    background: #7D0307;
    text-align: center;
    line-height: 2em;
    left: 48%;
    bottom: 10%;
    color: #fff;
    border: solid 1px #7D0307;
    border-radius: 10px;
}
.lm2_2 li {
    width: 42%;
}

.lm2_3 {
    margin-top: 3%;
}

.lm2_3 li {
    width: 100%;
}
.lm2_3 li a {
    font-size: 0.1rem;
    color: #fff;
    line-height: 2.5em;
}
audio{
	width:100%;
}
.whiteBgd {
    background: #fff;
    padding: 0.05rem 0.05rem 0 0;
    width:90%;
}
.page4 .contentTank .cr img {
    width: 100%;
    border:none;
    display: block;
}
.page4 .content2 li img.iconListen{
	width: 0.15rem;
    height: auto;
    display: inline-block;
    margin-left: 5px;
}
.show480{display:none;}

/*-----------------page5---------------------*/
.page5 .contentTank{
	background:none;
}
.lm5_1 {
    width: 95%;
}
.lm5_1 li.first {
    padding: 10px;
    width: 70%;
    margin-left: 20%;
    background: url(img/p5Bgd1.png) repeat-y;
}
.lm5_1 li.first img{
	display:block;
	float:left;
	margin-right:2%;
	width: 45%;
}
.lm5_1 .blockTxt h3 {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 0;
    color: #FFC000;
}
.lm5_1 .blockTxt a {
    text-decoration:none;
}
.lm5_1 .blockTxt p.intro {
    color: #fff;
    font-size: 0.11rem;
    line-height: 1.7em;
}
.lm5_1 li.first .blockTxt{
	width: 48%;
	float:left;
	margin-left:10px;
}
.lm5_1 li.second {
    width: 95%;
    background: url(img/p5Bgd2.png) repeat-y;
    padding: 10px;
    margin-left: -8%;
}
.lm5_1 li.second img{
	display:block;
	float:right;
	width: 30%;
}
.lm5_1 li.second p.intro {
    width: 60%;
    margin-left: 39%;
}
.lm5_1 li.second .blockTxt {
    float: left;
    margin-right: 1%;
    width: 69%;
    text-align: right;
}
.lm5_2 {
    position: relative;
}
#myCarousel_5 {
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.lm5_2 .relBlock{
	display:none;
}
.page5 img.titlePage {
    bottom: auto;
    top: 30%;
    left: 5%;
    width: 25%;
}

.lm5_2 .carousel-control {
    font-size: 1rem;
    color: #7d0307;
    border:none;
    opacity: 1;
	background:none;
}
.page5 .content2 li img {
    width: 0.9rem;
    height: 0.9rem;
    border: solid 4px #fff;
    border-radius: 50%;
}


/*-----------------page6---------------------*/
.page6 img.titlePage {
    bottom: auto;
    top: 30%;
    left: 2%;
    width: 35%;
}
.lm6_1 {
    width: 85%;
	position: relative;
	margin: 0 auto;
	margin-top: 4%;
}
.lm6_1 li.first {
    padding: 1%;
    width: 98%;
    background: url(img/p5Bgd1.png) repeat-y;
    background: #7d0307;
}
.lm6_1 li.first img{
	display:block;
	float:left;
	margin-right:2%;
	width: 50%;
}
.lm6_1 .blockTxt h3 {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 0;
    color: #FFC000;
}
.lm6_1 .blockTxt a {
    text-decoration:none;
}
.lm6_1 .blockTxt p.intro {
    color: #fff;
    font-size: 0.11rem;
    line-height: 1.7em;
}
.lm6_1 li.first .blockTxt{
	width: 45%;
	float:left;
	margin-left:1%;
}
.lm6_1 li.second {
    width: 98%;
    background: url(img/p5Bgd2.png) repeat-y;
    background: #A0A0A0;
    padding: 1%;
}
.lm6_1 li.second img{
	display:block;
	float:right;
	width: 50%;
}
.lm6_1 li.second p.intro {
    width: 100%;
}
.lm6_1 li.second .blockTxt {
    float: left;
    margin-right: 2%;
    width: 45%;
    text-align: left;
    padding-left: 2%;
}
#myCarousel_6 {
    position: relative;
    width: 85%;
    margin: 0 auto;
}

.page6 .contentTank{
	background:none;
}

.page6 .carousel-control {
    font-size: 1rem;
    color: #7d0307;
    border:none;
    opacity: 1;
	background:none;
}
.page6 a.btnBack {
    bottom: 5%;
}
/*-----------------page7---------------------*/
.page7 .headTitle {
    height: 5%;
}
.lm7_4 li {
    width: 48%;
	margin-left: 2%;
}

.lm7_3 {
    margin-top: 3%;
	width:48%;
}

.lm7_3 li {
    width: 90%;
}
.lm7_3 li a {
    font-size: 0.1rem;
    color: #000;
    line-height: 2.5em;
}
.page7 .contentTank .cr img {
	border:none;
}

.page7 .content2 li a h3 {
    color: #fff;
}

.lm7_2 li {
    position: relative;
    width: 90%;
    border: solid 4px #fff;
    border-left: 0;
}
.lm7_2 img.iconPlayVideo {
    position: absolute;
    width: 10%;
    left: 45%;
    top: 30%;
}
.lm7_2 h3 {
    position: absolute;
    color: #c13a3e;
    bottom: 0;
    font-size: 0.12rem;
    text-align: center;
	line-height: 1.5em;
    width: 100%;
    background: #f00;
	background: rgba(255, 255,255, 0.5) none repeat scroll 0 0 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
    margin: 0;
}

.page7 .lm7_2 li img {
    width: 100%;
}
.lm7_2 li img.iconPlayVideo{
	position:absolute;
	width:15%;
	left:45%;
	top:30%;
}
.page7 img.titlePage {
    width: 16%;
    opacity: .8;
    top: 28%;
    right: auto;
    left: 1%;
}

/*-----------------page8---------------------*/

.page8 .contentTank{
	background:none;
	width: 70%;
    left: 15.4%;    
	margin-top: 1%;
}

.lm8_1 li img {
    width: 100%;
}

.lm8_1 li {
    float: left;
    width: 48%;
    margin-left: 2%;
	margin-bottom: 3%;
}

.lm8_1 li.item3 {
    margin: 0 auto;
    float: none;
}
.page8 img.titlePage {
    width: 48%;
    opacity: .8;
    top: 28%;
    right: auto;
    left: 1%;
}

.page3{
	display:block;
}
.page5 a.btnBack {
    bottom: 2%;
}
.content1 .cr li a {
    display: block;
    position: relative;
}
/*
.page1 .contentTank .cr img {
    width: 100%;
}
*/

@media (min-width: 979px) and (max-width: 1199px) {
   
}

@media (min-width: 768px) and (max-width: 978px) {
   
}
 

@media (max-width: 767px) {
   
}
 

@media (max-width: 480px) {
	html{font-size:16px;}
	.page{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:auto;
		display:block;
		margin-top:20px;
	}
	.fullTank {
		width: 100%;
		height: auto;
		position: relative;
		overflow: visible;
	}
	.fullTank .page0Bgd {
		display: none;
	}
	.btnNavSet,.p0Decoration{
		display: none;
	}
	.blockLeft, .blockRight{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	img.logo1Big {
		height: auto;
		width: 50%;
		position: relative;
		top: 5%;
		right: 0;
		margin: 0 auto;
		display: block;
	}
	
	.blockRight .intro h1 {
		margin: 1em 1em;
		font-size: 1.5rem;
	}
	
	.blockRight .intro {
		position: relative;
		margin-top: 5%;
		width:98%;
	}
	.blockRight .codeArea {
		margin-left: 15%;
		margin-top: -10%;
	}
	.blockRight .logo {
	   display: none;
	}	
	.logo1 {
		display: none;
	}
	.contentTank {
		position: relative;
		width: 98%;
		margin:0 auto;
		top: 8%;
		padding: 1%;
		background: none;
		left:0;
	}
	
	img.titlePage {
		display: none;
	}
	.headTitle {
		position: relative;
		width: 100%;
		padding: 10px;
		background: none;
	}
	.headTitle .title {
		font-size: 1.5rem;
		color: #C13A3E;
		width: 18%;
		padding-top: 1%;
	}
	.headTitle .intro {
		display: block;
		float: right;
		width: 76%;
		margin-right: 5%;
		font-size: 0.8rem;
		line-height: 1.5em;
	}
	a.btnBack {
		display: none;
	}	
	.contentTank .cl,.contentTank .cr {
		float: none;
		width: 100%;
	}
	.contentTank .cl p.intro {
		width: 98%;
		font-size: 0.8rem;
		text-align: left;
		line-height: 1.8em;
	}
	.contentTank .content1 .cl ul {
		width: 98%;
		margin-left: 2%;
	}	
	.contentTank .cl a.title {
		margin-left: 1%;
	}
	.contentTank .cl a.title h3 {
		font-size: 1rem;
		margin-bottom: 20px;
	}	
	.contentTank .cr img {
		width: 100%;
		border: none;
	}
	.content2 {
		width: 100%;
		margin-left: 0;
		margin-top: 2%;
	}
	.content2 .listPic li {
		float: left;
		width: 48.4%;
		margin-left: 2%;
	}
	.content2 .listPic li:nth-child(2n-1) {
		margin-left: 0;
	}	
	.content2 .listTxt li {
		float: left;
		width: 100%;
		margin-left: 2%;
	}
	.content2 .listTxt li a {
		font-size: 0.8rem;
		color: #000;
		line-height: 2em;
	}
	
	.content2 li a h3.wf {
		color: #c13a3e;
	}
	
	.content2 li a h3 {
		font-size: 0.8rem;
	}
	.content2 li img {
		width: 100%;
		display: block;
		margin-top: 10px;
	}
	.whiteBgd {
		background: #fff;
		padding: 0;
		width: 100%;
	}
	.lm1_1a li {
		width: 100%;
		border: none;
	}
	.page3 .content2 .listPic li:nth-child(1) {
		margin-left: 0%;
	}
	.lm5_1 {
		width: 100%;
	}
	.lm5_1 li.first,.lm5_1 li.second {
		padding: 1%;
		width: 98%;
		margin-left: 0;
		background: #7d0307;
	}
	.lm5_1 li.first img,.lm5_1 li.second img {
		display: none;
	}
	.lm5_1 li.first .blockTxt,.lm5_1 li.second .blockTxt {
		width: 98%;
		float: none;
		margin:0 auto;
		color:#fff;
	}
	.lm5_1 li.second p.intro {
		width: 100%;
		margin-left:0;
		text-align:left;
	}
	.page5 .content2 li img {
		width: 55px;
		height: 55px;
		margin-top:0;
	}
	.lm5_2 .carousel-control {
		font-size: 5rem;
	}
		.carousel-control {
		left: 0;
	}
	.carousel-control.right {
		right: 0;
		left: auto;
	}
	
	.lm6_1 {
		width: 100%;
	}
	.lm6_1 li.first,.lm6_1 li.second {
		padding: 1%;
		width: 98%;
		margin-left: 0;
		background: #7d0307;
	}
	.lm6_1 li.first img,.lm6_1 li.second img {
		display: none;
	}
	.lm6_1 li.first .blockTxt,.lm6_1 li.second .blockTxt {
		width: 98%;
		float: none;
		margin:0 auto;
		color:#fff;
	}
	.lm6_1 li.second p.intro {
		width: 100%;
		margin-left:0;
		text-align:left;
	}
	.page6 .content2 li img {
		width: 55px;
		height: 55px;
		margin-top:0;
	}
	#myCarousel_6 {
		width: 100%;
	}
	.lm7_2 li {
		border: none;
		width: 100%;
	}
	.contentTank .cl {
		width:100%;
		float:none;
		text-align: left;
	}
	
	.page7 .content2 li a h3 {
		color: #c13a3e;
	}
	.page7 .content2 .listPic li {
		width: 48%;
	}
	.page7 .content2 li img {
		margin-top: 20px;
	}
	
	.page8 .contentTank {
		left: 0;
		width: 98%;
	}
	.show480{
		display:block;
	}
	
	.show480 .title {
		width: 100%;
		line-height: 1em;
	}
	.page8 {
		padding-bottom: 30px;
	}
	.page4 .content2 li img.iconListen {
		width: 1rem;
		vertical-align: top;
		margin-top: 0;
	}
	
	
	.blockRight .intro p {
		font-size: 0.9rem;
	}
	
	.blockRight .codeArea p {
		font-size: 0.9rem;
	}
	.lm5_1 .blockTxt h3,.lm6_1 .blockTxt h3 {
		font-size: 0.99rem;
	}
	.lm5_1 .blockTxt p.intro,.lm6_1 .blockTxt p.intro{
		font-size: 0.8rem;
	}
	.lm1_1 p.intro {
		margin-top: 20px;
	}	
	.page4 .content2 .listPic li {
		width: 49%;
		margin-left: 1%;
	}
	.page4 .content2 .listPic li:nth-child(1) {
		margin-left: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}