﻿*{margin:0;padding:0;}
.w1000{ width:1000px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none;color:#fff;}
body{font-size:12px; font-family: "å¾®è½¯é›…é»‘";background: #372149 url(../image/bg01.png) no-repeat center top;
padding-bottom:100px;}

.topBox {
	text-align: center;
	/* padding: 18px 100px 0 0; */
}
.topBox img {
	margin: 0 auto;
}
.tabUl {
	width: 804px;
	margin: -68px auto 0;
	text-align: center;
	z-index: 999;
	position: relative;
}
.tabUl li {
	float: left;
	margin: 0 2px;
}
.tabUl li a {
	display: block;
}
.tabUl li.on a img,
.tabUl li a:hover img {
	visibility: hidden;
}
img {
	display: block;
}
.tabUl .li01.on a,
.tabUl .li01 a:hover {
	background: url(../image/link01_over.png) no-repeat center top;
}
.tabUl .li02.on a,
.tabUl .li02 a:hover {
	background: url(../image/link02_over.png) no-repeat center top;
}
.section {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #D1BF72;
	border-radius: 10px;
}
.section .tabBox01 {
	padding: 28px 0 0;
	position: relative;
}
.section .tabBox {
	box-sizing: border-box;
	height: 480px;
}
.section .tabBox01 .img01 {
	float: right;
}
.section .tabBox01 .img01 {
	width:709px;
	height:431px;
	background: url(../image/img01.png) no-repeat center;
	position: relative;
}
.img01 .im_content{
	position: absolute;
    width: 150px;
    height: 150px;
		right: 22px;
    bottom: 95px;
}

.section .tabBox01 .img02 {
	position: absolute;
	top: 130px;
	left: 50px;
}
.tabBox02 .imgBox {
	padding: 33px 120px 0 40px;
}
.tabBox02 .imgBox .img {
	float: left;
}
.tabBox02 .imgBox .textBox {
	margin-top: 80px;
	width: 400px;
	float: right;
}
.tabBox02 .imgBox .textBox .title {
	margin-bottom: 20px;
}
.tabBox02 .imgBox .textBox .text {
	font-size: 20px;
	color: #444;
	line-height: 1.4;
	margin: 0 0 20px 20px;
}
.tabBox02 .imgBox .textBox .text span {
	color: #c7b060;
}

body {
	position: relative;
}
.sBox {
	position: absolute;
	left: 5px;
	top: 0;
	width: 130px;
	z-index:1000;
	height:300px;
	background: url(../image/o_img.png) no-repeat center;
	margin:0 auto;
	vertical-align: middle;
}

.sm_content{
	width:100%;
	height:auto;
	overflow: hidden;
	margin-top:118px;
}

.rBanner {
	right: 5px;
	left: inherit;
}
.sBox img {
	display: block;
}
.sBox .closeImg {
	display: block;
	text-align: center;
	margin-top:44px;
}
.sBox .closeImg img {
	margin: 0 auto;
}
.tabBox .spText,
.tabBox .spImg01,
.tabBox .spImg02,
.tabBox .spImg03 {
	display: none;
}


.gradient {
    background: -moz-linear-gradient(left, #fc8e3f 0%, #fc8e3f	100%);
    background: -webkit-gradient(linear, left right, left right, color-stop(0%,#fc8e3f), color-stop(100%,#fc8e3f));
    background: -webkit-linear-gradient(top, #fc8e3f 0%,#fc8e3f	100%);
    background: -o-linear-gradient(top, #fc8e3f 0%,#fc8e3f	100%);
    background: -ms-linear-gradient(top, #fc8e3f 0%,#fc8e3f	100%);
    background: linear-gradient(to bottom, #fc8e3f 0%,#fc8e3f 100%);
}
.btcode {
    position: fixed;
    width: 100%;
    height: 100px;
    color: #FFF;
    font-size: 34px;
    line-height: 100px;
    text-align: center;
    bottom: 0;
    left: 0;
    font-weight: bold;
}



.common-btn {
	width: 308px;
    height: 80px;
    line-height: 90px;
    background-color: #fff;
    /* padding: 15px; */
    position: relative;
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
    text-decoration: none;
    color: #ff700a;
    background: url(../image/in2.png) 0 0 no-repeat;
    border-radius: 5px;
    border: none;
		margin-top:0;
		bottom:0;
		left:10px;
		top: 30px;
}
.common-btn:active{background:url(../image/on1.png) 0 0 no-repeat;}
.common-btn>span{font-size: 32px;color:#fff;font-family:"微软雅黑";font-weight: bold;}
.menss{padding:15px;color:#d95420;}
.tdss{font-size: 36px;
    color: #fff6e9;
    position: relative;
    bottom: 0;right: 10px;}
.zsdddcss{max-width: 100%; color:#fff; box-sizing: border-box !important; word-wrap: break-word !important;}

.sampcss{font-size: 36px; font-family:微软雅黑;color:#fff6e9;}

@media all and (min-width: 0) and (max-width: 767px) {

	.btcode {
		position: fixed;
		width: 100%;
		height: 50px;
		color: #FFF;
		font-size: 34px;
		line-height: 40px;
		text-align: center;
		bottom: 0;
		left: 0;
		font-weight: bold;
	}

	.tdss{font-size: 14px;

		display: block;
	 float: left;
	 font-size: 16px;
	 position: relative;
	 bottom: -6px;
	 left: 10px;
	 right:0;
    }
	.menss{padding:5px;color:#d95420;}
	.zsdddcss{max-width: 100%; color:#fff; box-sizing: border-box !important; word-wrap: break-word !important;}
	.common-btn {
		width: 125px;
    height: 35px;
    line-height: 50px;
    background-color: #fff;
    /* padding: 15px; */
    position: relative;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #ff700a;
    background: url(../image/in2.png) 0 0 no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    border: none;
    margin-top: 0px;
    bottom: 3px;
    right: 0;
    top: 8px;

	}
	.common-btn:active{background:url(../image/on1.png) 0 0 no-repeat;background-size: 100% 100%;}
	.common-btn>span{font-size: 16px;color:#fff;font-family:"微软雅黑";font-weight: bold;}
	.sampcss{font-size: 16px; font-family:微软雅黑;color:#fff6e9;}

	.sBox {
		display: none;
 	}
	body {
		background: #161628 url(../image/bg01.png) no-repeat center top;
		background-size: cover;
	}
	.tabUl {
		width: auto;
		margin: 0;
	}
	.tabUl li {
		width: 50%;
		margin: 0;
	}
	.tabUl .li01.on a,
	.tabUl .li01 a:hover {
		background: url(../image/link01_over.png) no-repeat center top;
		background-size: cover;
	}
	.tabUl .li02.on a,
	.tabUl .li02 a:hover {
		background: url(../image/link02_over.png) no-repeat center top;
		background-size: cover;
	}
	.tabUl li img {
		width: 100%;
	}
	.section {
		width: auto;
	}
	.topBox {
		padding: 18px 0px 0 0;
	}
	.topBox img {
		width: 100%;
	}
	.tabBox .img01,
	.tabBox .img02 {
		display: none;
	}
	.tabBox .spImg01,
	.tabBox .spImg02,
	.tabBox .spImg03 {
		margin-bottom: 20px;
		display: block;
		width:80%;
		margin:0 auto;
	}
	.tabBox .spImg02{

	}


	.img-rsponsive{
		width: 65px;
    height: 20px;
	}

	.section .tabBox {
		height: auto;
	}
	.section .tabBox img {
		width: 100%;
	}
	.tabBox01 {
		margin: 0 40px;
	}
	.tabBox01 .spImg03 {
		margin: auto;
		width: 200px;
	}
	.tabBox02 .imgBox {
		padding:0 20px;
	}
	.tabBox02 .imgBox .textBox {
		float: none;
		width: auto;
	}
	.spText {
		display: block !important;
		padding:10px 0 20px;
		text-align:center;
		font-size: 16px;
	}


}

.copy{
	color:#fff;margin-top:45px;
	font-size:14px;
	padding-top:10px;


}
