/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
body {
	background: #FFF;
	color: #999999;
}
body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea {
	margin: 0;
	padding: 0;
	font-family: "΢���ź�"
}
html {
	-webkit-text-size-adjust: none;
	word-wrap: break-word
}
h1, h2, h3 {
	font-size: 100%
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: inherit
}
fieldset, img {
	border: 0
}
cite, em, s, i, b {
	font-style: normal
}
input, button, textarea, select {
	font-size: 100%
}
body, input, button, textarea, select, option {
	font-size: normal
}
a, input, textarea {
	text-decoration: none;
	outline: 0
}
li, img, label, input {
	vertical-align: middle
}
var {
	font-style: normal;
}
ins {
	text-decoration: none
}
body {
	font-size: 20px;
}
 @media only screen and (max-width:300px) {
body {
	font-size: 8.33333px
}
.viewport {
	max-width: 300px
}
}
@media only screen and (max-width:310px) and (min-width:300px) {
body {
	font-size: 8.33333px
}
.viewport {
	max-width: 310px
}
}
@media only screen and (max-width:320px) and (min-width:310px) {
body {
	font-size: 8.61111px
}
.viewport {
	max-width: 320px
}
}
@media only screen and (max-width:350px) and (min-width:320px) {
body {
	font-size: 8.88889px
}
.viewport {
	max-width: 350px
}
}
@media only screen and (max-width:360px) and (min-width:350px) {
body {
	font-size: 9.72222px
}
.viewport {
	max-width: 360px
}
}
@media only screen and (max-width:400px) and (min-width:360px) {
body {
	font-size: 10px
}
.viewport {
	max-width: 400px
}
}
@media only screen and (max-width:470px) and (min-width:400px) {
body {
	font-size: 11.11111px
}
.viewport {
	max-width: 470px
}
}
@media only screen and (max-width:480px) and (min-width:470px) {
body {
	font-size: 13.05556px
}
.viewport {
	max-width: 480px
}
}
@media only screen and (max-width:540px) and (min-width:480px) {
body {
	font-size: 13.33333px
}
.viewport {
	max-width: 540px
}
}
@media only screen and (max-width:560px) and (min-width:540px) {
body {
	font-size: 15px
}
.viewport {
	max-width: 560px
}
}
@media only screen and (max-width:570px) and (min-width:560px) {
body {
	font-size: 15.55556px
}
.viewport {
	max-width: 570px
}
}
@media only screen and (max-width:630px) and (min-width:570px) {
body {
	font-size: 15.83333px
}
.viewport {
	max-width: 630px
}
}
@media only screen and (max-width:640px) and (min-width:630px) {
body {
	font-size: 17.5px
}
.viewport {
	max-width: 640px
}
}
@media only screen and (max-width:710px) and (min-width:640px) {
body {
	font-size: 17.77778px
}
.viewport {
	max-width: 710px
}
}
@media only screen and (max-width:720px) and (min-width:710px) {
body {
	font-size: 19.72222px
}
.viewport {
	max-width: 720px
}
}
@media only screen and (min-width:720px) {
body {
	font-size: 20px
}
.viewport {
	width: 720px
}
}
a {
	color: inherit;
	text-decoration: none;
}
a:link {
	color: inherit;
	text-decoration: none;
}
a:visited {
	color: inherit;
	text-decoration: none;
}
.clr, .clear {
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.ct1, a.ct1, .ct1 a, .ct1 a:visited {
	color: #2FC0C0;
}
a.ct1:hover, .ct1 a:hover {
	color: #2FC0C0;
}
.ct2, a.ct2, .ct2 a, .ct2 a:visited {
	color: #FFF;
}
a.ct2:hover, .ct2 a:hover {
	color: #FF9;
}
.ct3, a.ct3, .ct3 a, .ct3 a:visited {
	color: #FFF;
}
a.ct3:hover, .ct3 a:hover {
	color: #FFF;
}
.ct4, a.ct4, .ct4 a, .ct4 a:visited {
	color: #D2B879;
	;
}
a.ct4:hover, .ct4 a:hover {
	color: #000;
}
.ct5, a.ct5, .ct5 a, .ct5 a:visited {
	color: #333;
}
a.ct5:hover, .ct5 a:hover {
	color: #000;
}
.fs111 {
	font-size: 0.8em;
}
.fs222 {
	font-size: 1.8em;
}
.fs1 {
	font-size: 0.9em;
}
.fs2 {
	font-size: 1.6em;
}
.fs3 {
	font-size: 2em;
}
.fs4 {
	font-size: 2.5em;
}
.fs5 {
	font-size: 1.2em;
}
.ln1 {
	line-height: 1.5em;
}
.mlr20 {
	margin: auto 1em
}
.m20 {
	margin: 1em 0
}
.m30 {
	margin: 1.5em 0
}
.mt20 {
	margin-top: 1em
}
.mb20 {
	margin-bottom: 1em
}
.mt40 {
margin-bottom: 2em;
}
.mb40 {
	
}
.mt-20 {
	margin-top: -1em
}
.hide {
	display: none
}
.mtit {
	margin: 2em 0 2em 0;
}
.w100, .iw100 {
	width: 100%;
}
.iw100 img {
	width: 100%;
}
.clearboth, .clh {
	height: 0px;
	font: 0;
	overflow: hidden;
	clear: both;
}
.block5, .block8, .block10, .block12, .block20, .block22, .block30, .block40, .block50 {
	height: 5px;
	font: 0;
	overflow: hidden;
	clear: both;
}
.block8 {
	height: 8px;
}
.block10 {
	height: 10px;
}
.block12 {
	height: 12px;
}
.block20 {
	height: 20px;
}
.block22 {
	height: 22px;
}
.block30 {
	height: 30px;
}
.block40 {
	height: 40px;
}
.block50 {
	height: 50px;
}
.weiba-content {
	width: 100%;
}
.logo {
	width: 36%;
	position: relative;
	text-align: center;
	left: 32%;
	top: -150px;
	margin-bottom: -150px;
	display: block;
}
.logo .li {
	width: 100%;
	position: relative;
	content: "";
	display: block;
}
.logo .li img {
	width: 100%;
	display: block;
}
@-webkit-keyframes transform {
0% {
-webkit-transform: scale(1)
}
 30% {
-webkit-transform: scale(1)
}
 50% {
-webkit-transform: scale(0.9)
}
 100% {
-webkit-transform: scale(1)
}
}
 @-webkit-keyframes transform2 {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
 50% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
 100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
}
.traf:hover, .traf:active, .traf:focus {
	-webkit-animation: transform2 1s 1 ease;
	-moz-animation: transform2 1s 1 ease;
}
.traf2:hover, .traf2:active, .traf2:focus {
	-webkit-animation: transform 1s 1 ease;
}
.navbox {
	padding: 0.8em 0;
	width: 100%;
}
.nav {
	width: 100%;
	background: #2FC0C0;
}
.nav ul {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.nav ul li {
	width: 16.66%;
	display: inline-block;
	float: left;
}
.nav ul li a {
	display: block;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	border-left: 1px solid #FFF;
	line-height: 1.2;
}
.nav ul li a h3 {
	color: #FFF;
	font-size: 1.3em;
}
.nav ul li a i {
	color: #FFF;
	font-size: 0.8em;
	font-style: normal;
}
.nav ul li a:hover h3, .nav ul li a:hover i {
	color:#ec2a25;
}
.nav ul li a.b2 {
	background: #053f6f
}
.nav ul li a.b3 {
	background: #053f6f
}
.nav ul li a.b4 {
	background: #053f6f
}
.nav ul li a.b5 {
	background: #053f6f
}
.nav2 {
	width: 96%;
	background: #CDA09A;
	margin: 0 auto;
	clear: both;
	margin-bottom: 40px;
}
.nav2 ul {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.nav2 ul li {
	width: 33.33%;
	display: inline-block;
	float: left;
}
.nav2 ul li a {
	display: block;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	line-height: 1.2;
}
.nav2 ul li a h3 {
	color: #FFF;
	font-size: 1.3em;
}
.nav2 ul li a i {
	color: #FFF;
	font-size: 0.8em;
	font-style: normal;
}
.nav2 ul li a:hover h3, .nav ul li a:hover i {
	color: #FF3;
}
.nav2 ul li a.b2 {
	background: #FFD24D
}
.nav2 ul li a.b3 {
	background: #D2B879
}
.nav3 {
	width: 96%;
	background: #053f6f;
	margin: 0 auto;
	clear: both;
	margin-bottom: 20px;
}
.nav3 ul {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.nav3 ul li {
	width: 20%;
	display: inline-block;
	float: left;
}
.nav3 ul li a {
	display: block;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	line-height: 1.2;
color: #fff;
}
.nav3 ul li a h3 {
	color: #FFF;
	font-size: 1em;
}
.nav3 ul li a i {
	color: #FFF;
	font-size: 0.8em;
	font-style: normal;
}
.nav3 ul li a:hover h3, .nav ul li a:hover i {
	color: #FF3;
}
.nav3 ul li a.b2 {
	background: #FFD24D
}
.nav3 ul li a.b3 {
	background: #D2B879
}
.nav9 {
	width: 96%;
	background: #CDA09A;
	margin: 0 auto;
	clear: both;
	margin-bottom: 20px;
}
.nav9 ul {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.nav9 ul li {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.nav9 ul li a {
	display: block;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	border-left: 1px solid #FFF;
	line-height: 1.2;
}
.nav9 ul li a h3 {
	color: #FFF;
	font-size: 1em;
}
.nav9 ul li a i {
	color: #FFF;
	font-size: 0.8em;
	font-style: normal;
}
.nav9 ul li a:hover h3, .nav ul li a:hover i {
	color: #FF3;
}
.nav9 ul li a.b2 {
	background: #FFD24D
}
.nav9 ul li a.b3 {
	background: #D2B879
}
.aboutxx {
	width: 94%;
	margin: 0 auto;
	clear: both;
}
.aboutxx img {
	width: 100%
}
.tcshow img {
	width: 100%
}
.kehuHP2 {
	margin: 0 auto;
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.kehuHP2 ul {
	margin: 0 auto;
	clear: both;
}
.kehuHP2 ul li {
	float: left;
	overflow: hidden;
	padding: 15px 20px 15px 20px;
	margin: 10px;
	border: 1px dashed #ccc;
	line-height: 20px;
	color: #666;
	font-size: 14px;
}
.kehuHP2 ul li p {
	line-height: 32px;
	color: #ccc;
	font-size: 18px;
}
.kehuHP2 ul li a:hover {
	line-height: 22px;
	color: #333;
	font-size: 12px;
}
.tpl-catelist, .tpl-copyright {
	display: none
}
.i_case {
	width: 100%;
	margin: 0 auto;
}
.i_case {
	width: 100%;
	margin: 0 auto;
}
.Vblock1 {
	padding-bottom: 2em;
	width: 46%;
	float: left;
	padding-left: 8px;
}
.Vblock1 .vbox {
	display: block;
	;
}
.Vblock1 .vbox .sum, .Vblock1 .vbox .price, .Vblock1 .vbox .atv, .Vblock1 .vbox .news, .Vblock1 .vbox .xf {
	width: 100%;
	padding: 0.8em 0;
	display: none;
}
.Vblock1 .vbox .sum h3 {
	float: left;
	display: inline-block;
	color: #212121;
	font-size: 1.2em;
}
.Vblock1 .vbox .sum h3 i {
	display: block;
	font-size: 0.5em;
	color: #999;
	word-wrap: break-word;
	word-break: normal;
}
.Vblock1 .vbox .sum h3 span {
	font-size: 0.5em;
	padding: 0.5em;
	float: left
}
.Vblock1 .vbox .sum .date {
	display: inline-block;
	background: #FFD24D;
	float: right;
	color: #FFF;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
.Vblock1 .vbox .sum .date .tt1 {
	display: inline-block;
	background: #2FC0C0;
	padding: 0.3em;
	border-radius: 0.3em 0 0 0.3em / 0.3em 0 0 0.3em;
	-moz-border-radius: 0.3em 0 0 0.3em / 0.3em 0 0 0.3em;
	-webkit-border-radius: 0.3em 0 0 0.3em / 0.3em 0 0 0.3em;
	font-size: 1em;
}
.Vblock1 .vbox .sum .date .tt1 i {
	display: block;
}
.Vblock1 .vbox .sum .date .tt2 {
	font-size: 2em;
	line-height: 0.5em;
}
.Vblock1 .vbox .sum .date .tt2 i {
	font-size: 0.4em;
}
.Vblock1 .vbox .sum {
	display: none;
}
.Vblock1 .vbox big.vimg {
	display: none;
}
.Vblock1.v1 .vbox .sum.v1 {
	display: block;
}
.Vblock1.v3 .vbox .atv {
	display: block;
	border-bottom: 1px solid #DDD;
	padding-bottom: 1.6em;
	margin-bottom: 0.2em;
}
.Vblock1.v4 .vbox .news {
	display: block;
	border-bottom: 1px solid #AAE2D6;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
}
.Vblock1.v4 .vbox .vimg {
	display: none;
}
/*price*/
.Vblock1.v2 {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding-top: 2em;
	position: relative;
	margin-top: -1px;
}
.Vblock1.v2 .vbox .vimg {
	float: right;
	width: 30%;
}
.Vblock1.v2 .vbox .price {
	display: block;
	float: left;
	width: 69%;
	padding: 0;
}
.Vblock1.v2 .vbox .price h3 {
	font-size: 2.8em;
	line-height: 1;
}
.Vblock1.v2 .vbox .price h3 i {
	font-size: 0.5em;
	word-wrap: break-word;
	word-break: normal;
}
.Vblock1.v2 .vbox .price .date {
	padding-left: 0em;
	font-size: 1.5em;
}
.Vblock1.v2 .vbox .price .date i {
	display: block;
	font-size: 0.5em;
	padding-top: 0.2em;
}
/*xf*/
.Vblock1.v5 {
	padding-bottom: 1.5em;
}
.Vblock1.v5 .vbox {
	background: #EEEEEE;
	padding: 1.4em;
}
.Vblock1.v5 .vbox .vimg {
	display: none;
}
.Vblock1.v5 .vbox big.vimg {
	float: left;
	width: 26.5%;
	display: block;
	margin: auto;
	background: #FFF;
	content: "";
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	padding: 0.45em;
}
.Vblock1.v5 .vbox big.vimg img {
	width: 100%;
	display: block;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.Vblock1.v5 .vbox:hover big.vimg img {
	-webkit-animation: transform 1s 1 ease;
}
.Vblock1.v5 .vbox .xf {
	display: block;
	float: right;
	width: 66%;
	padding: 1.2em 0 0;
}
.Vblock1.v5 .vbox .xf h3 {
	display: block;
	padding-bottom: 0.4em;
	line-height: 1.2;
	float: none;
}
.Vblock1.v5 .vbox .xf .date {
	display: block;
	float: left;
}
.map {
	background: url(../images/mapbg.jpg) #2FC0C0 no-repeat;
	background-size: 100% auto;
	padding: 3em 1em;
	font-size: 1.15em;
	line-height: 1.4em;
}
.map h3 {
	margin: 0.5em;
}
.calltel {
	background: #14599e;
	color: #FFF;
	display: inline-block;
	padding: 0.7em 1.5em;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
}
.calltel:hover {
	background: #D2B879;
	-webkit-animation: transform2 1s 1 ease;
}
.calltel.hover {
	background: #D2B879;
}
.tabtype a {
	background: #2FC0C0;
	color: #FFF;
	font-size: 1.2em;
	margin: 0 0.3em;
	display: inline-block;
	padding: 0.7em 0.55em;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
.tabtype a:hover, .tabtype a.hover {
	background: #D2B879;
}
.morev {
	color: #2FC0C0;
	display: inline-block;
	font-size: 24px;
}
.morev ins {
	display: inline-block;
	padding: 0.4em 3.5em;
	border-bottom: 1px solid #AAE2D6;
}
.morev h3 {
	padding: 0.4em;
	line-height: 0.8em;
}
.morev:hover {
	color: #D2B879;
	-webkit-animation: transform2 1s 1 ease;
}
.loadpage {
	text-align: center;
}
#loadmore {
	background: #BBB;
	color: #FFF;
	font-size: 1.3em;
	display: inline-block;
	padding: 0.7em 1.5em;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
}
#loadmore:hover {
	background: #DDD;
}
.qbox {
	width: 50%;
	margin: 0.5em auto;
}
.qbox a {
	display: block;
	float: left;
	width: 33.3%;
	margin: 0 auto;
	text-align: center;
}
.qbox a img {
	width: 100%;
	display: block;
}
.qbox a:hover {
	-webkit-animation: transform2 1s 1 ease;
}
.tnav {
	margin: 2em auto;
	display: block;
	vertical-align: bottom;
	text-align: center;
}
.tnav a {
	display: inline-block;
	width: 25%;
	text-align: center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}
.tnav a.w2 {
	width: 32.5%;
}
.tnav a h3 {
	font-size: 1.6em;
	color: #212121;
	padding-bottom: 0.2em;
}
.tnav a img {
	width: 100%;
	display: block;
}
.tnav a:hover h3 {
	color: #ec2a25
}
.tnav a:hover {
	-webkit-transform: scale(1.05) rotate(20deg);
	-moz-transform: scale(1.05) rotate(20deg);
	-o-transform: scale(1.05) rotate(20deg);
}
.tbnav {
	padding: 0 0 0 0%;
	margin: 0.5em auto;
	display: block;
	background: #2FC0C0;
}
.tbnav a {
	display: block;
	float: left;
	width: 49.5%;
	text-align: left;
}
.tbnav a .vbox {
	padding: 1.5em 0 1.5em 2em;
}
.tbnav a h3 {
	font-size: 1.6em;
	padding-bottom: 0.2em;
}
.tbnav a.atv {
	background: url(../images/3_1.png) no-repeat right;
	background-size: auto 100%;
	border-right: 1px solid #FFF;
}
.tbnav a.con {
	background: url(../images/3_1.png) no-repeat right;
	background-size: auto 100%;
}
.tbnav a:hover {
}
.detail_title {
	padding: 0.8em 0 2em;
}
.detail_title h1 {
	padding-bottom: 0.5em;
}
.detail_title ins {
	display: block;
	padding: 0.4em 0;
	border-bottom: 1px solid #AAE2D6;
	margin-bottom: 0.5em;
}
.v_detail {
	line-height: 1.7em;
	color: #555;
}
/*share*/
#mess_share {
	margin: 15px 0;
	display: block
}
#share_1, #share_2 {
	float: left;
	width: 46%;
	display: block;
	margin: 3% 0 0 3%;
}
#mess_share img {
	width: 22px;
	height: 22px;
	vertical-align: top;
	border: 0;
}
.button2 {
	font-size: 16px;
	padding: 8px 0;
	color: #000000;
	background-color: #FFFFFF;
	background-image: linear-gradient(to top, #f2f2f2, #ffffff);
	background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	border: 1px solid #D3D3D3;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	text-shadow: 0.5px 0.5px 1px #fff;
	text-align: center;
	border-radius: 3px;
	width: 100%;
	cursor: pointer;
}
.button2:active {
	background-image: linear-gradient(to top, #ffffff, #ffffff);
}
#mcover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 800px;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20000;
}
#mcover img {
	position: fixed;
	right: 18px;
	top: 5px;
	width: 260px;
	height: 180px;
	z-index: 20001;
}
.cen {
	text-align: center;
}
.wrap {
	width: 52px;
	height: 57px;
	position: fixed;
	right: 0;
	bottom: 0;
}
.icon_menu {
	width: 57px;
	height: 57px;
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 10;
	cursor: pointer;
}
.icon_menu span {
	diplay: none;
}
.btn {
	width: 52px;
	height: 57px;
	background: url(../images/1_1.png) no-repeat -78px -6px;
	z-index: 1;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 40px 0px 2px 0;
	cursor: pointer;
}
.btn span {
	display: block;
	width: 22px;
	height: 24px;
	font-size: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -11px;
	overflow: hidden;
	background: url(../images/1_1.png) no-repeat;
}
.btn1 span {
	background-position: -176px -20px;
}
.btn2 span {
	background-position: -198px -18px;
}
.btn3 span {
	background-position: -221px -18px;
}
.btn4 span {
	background-position: -243px -19px;
}
.btn5 span {
	background-position: -267px -20px;
}
.btn {
	-webkit-transition: bottom .2s, right .2s;
	-moz-transition: bottom .2s, right .2s;
	-o-transition: bottom .2s, right .2s;
	-ms-transition: bottom .2s, right .2s;
	transition: bottom .2s, right .2s;
}
.btn1.close, .btn2.close, .btn3.close, .btn4.close {
	bottom: 0;
	right: 0;
}
.btn1.open {
	bottom: 175px;
	right: 0;
}
.btn2.open {
	bottom: 150px;
	right: 62px;
}
.btn3.open {
	bottom: 105px;
	right: 112px;
}
.btn4.open {
	bottom: 40px;
	right: 140px;
}
.page-acter {
	text-align: center;
	height: auto;
	margin: 1em auto 3em auto;
	padding: 1px;
	padding-top: 20px;
	clear: both;
}
.page-acter ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
.page-acter span {
	list-style: none;
	display: inline;
	width: 1px;
	border-bottom-width: 2px;
	border-right: none;
	margin-left: 0;
	white-space: nowrap;
	word-break: keep;
	font-size: 12px;
	color: #000;
}
.page-acter span a {
	color: #fff;
	padding: 5px 8px 5px 10px;
	margin: 5px;
	background: #2FC0C0;
	border-radius: 6px;
}
.page-acter span a:hover {
	color: #fff;
	background: #D2B879;
	border-radius: 6px;
}
.thisclass {
	padding: 5px 8px 5px 10px;
	margin: 5px;
	color: #fff;
	background: #D2B879;
	border-radius: 6px;
}
 @-webkit-keyframes transform {
0% {
-webkit-transform: scale(1)
}
 30% {
-webkit-transform: scale(1)
}
 50% {
-webkit-transform: scale(0.9)
}
 100% {
-webkit-transform: scale(1)
}
}
 @-moz-keyframes transform2 {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
 50% {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.1);
}
 100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
}
@-webkit-keyframes transform2 {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
 50% {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.1);
}
 100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
}
.traf:hover, .traf:active, .traf:focus {
	-webkit-animation: transform2 1s 1 ease;
	-moz-animation: transform2 1s 1 ease;
}
.traf2:hover, .traf2:active, .traf2:focus {
	-webkit-animation: transform 1s 1 ease;
}
.nav2 {
	width: 100%;
}
.nav2 ul {
	width: 96%;
	margin: 0 auto;
	clear: both;
	padding-left: 3.3%;
}
.nav2 ul li {
	width: 31.2%;
	display: inline-block;
	float: left;
	margin-top: -1.7em;
}
.nav2 ul li a {
	display: block;
	text-align: center;
	height: 26vw;
	margin: 0em 1.15vw;
	background: url(../images/1_1.png) no-repeat;
	background-size: 100% auto;
	-webkit-animation: transform2 2.7s infinite;
	-moz-animation: transform2 1.3s 1;
	-o-animation: ball-spin-clockwise 1.3s 1;
	animation: transform2 2.9s linear infinite;
}
.nav2 ul li a h3 {
	display: none;
}
.nav2 ul li:nth-child(2) a {
	background: url(../images/2_1.png) no-repeat;
	background-size: 100% auto;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.nav2 ul li:nth-child(3) a {
	background: url(../images/3_1.png) no-repeat;
	background-size: 100% auto;
	-webkit-animation-delay: 1.9s;
	-moz-animation-delay: 1.9s;
	-o-animation-delay: 1.9s;
	animation-delay: 1.9s;
	margin-left: 5px;
}
.zp {
	text-align: center;
}
ul.zp {
	margin: 0 auto;
	width: 98%;
	overflow: hidden;
	margin-left: 1%;
	margin-right: 1%
}
ul.zp li {
	float: left;
	width: 48%;
	padding: 1%;
	margin-bottom: 10px;
}
ul.zp li img {
	display: block;
	width: 100%;
	border-radius: 10px
}
ul.zp li span {
	width: 100%;
	display: inline-block;
	color: #333;
	font-size: 14px;
	padding-top: 15px;
}
ul.zp li span b {
	width: 100%;
	display: inline-block;
	color: #fff;
	font-size: 16px;
}
.xwzx {
	width: 100%;
}
.xwzx ul {
	width: 94%;
	text-align: left;
	margin-left: 3%;
	margin-right: 3%;
}
.xwzx ul li {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 28px;
	border-bottom: solid 1px #DDD;
	color: #666;
}
.xwzx ul li p {
	font-size: 12px;
	line-height: 20px;
	color: #999;
}
.nav3 {
	width: 96%;
	background: #fff;
	margin: 0 auto;
	clear: both;
	margin-bottom: 40px;
}
.nav3 ul {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.nav3 ul li {
	width: 24.99%;
	display: inline-block;
	float: left;
}
.nav3 ul li a {
	display: block;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	border-left: 1px solid #FFF;
	line-height: 1.2;
  color: #fff;
  font-size: 12px;
}
.nav3 ul li a h3 {
	color: #FFF;
	font-size: 1em;
}
.nav3 ul li a i {
	color: #FFF;
	font-size: 0.8em;
	font-style: normal;
}
.nav3 ul li a:hover h3, .nav ul li a:hover i {
	color: #ec2a25;
}
.nav3 ul li a.b2 {
	background: #FFD24D
}
.nav3 ul li a.b3 {
	background: #D2B879
}
.photoshow {
	width: 96%;
	margin: 20px 2% 0 2%;
	text-align: center;
}
.photoshow img {
	width: 100%;
	margin: 0 0 10px 0;
}
.txtshow {
	width: 96%;
	margin: 20px 2% 0 2%;
	line-height: 22px;
	font-size: 14px;
}
.txtshow img {
	max-width: 100%;
}
.txtshow embed {
	max-width: 100%;
}
.dibu {
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.dibu a.d1 {
	width: 34%;
	background: #2FC0C0;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}
.dibu a.d2 {
	width: 33%;
	background: #FFD24D;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}
.dibu a.d3 {
	width: 33%;
	background: #D2B879;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}
.dibu a {
	text-align: center;
	float: left;
	color: #FFFFFF;
	font-size: 1.5em;
	line-height: 40px;
	font-weight: bold;
}
.h80 {
	height: 40px;
}