/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

/*==========@@HTML默认 开始@@==========*/

/*基本*/

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {

	margin: 0px;

}

input, button, ul, ol {

	margin: 0px;

	padding: 0px;

}

body, input, button, form, textarea {

	font-size: 14px;

	line-height: 28px;

	font-family: "microsoft yahei", "Arial Black";

	color: #333;

}

h1, h2, h3, h4, h5, h6 {

	font-size: 14px;

	font-weight: normal;

}

ul, ol {

	list-style: none;

}

img {

	border: 0px;

	display: block;

	margin: 0;

	padding: 0;

}

em, i, strong {

	font-style: normal;

}

button, input, select, textarea {

	font-size: 100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

body {

	background: #fff;

	overflow-x: hidden;

	overflow-y: auto;

}

* {

	padding: 0px;

	margin: 0px

}

div {

	margin: 0;

	padding: 0;

	border: 0;

}

p {

	margin: 0;

}

b, strong {

	font-weight: bold;

}

table {

	border-collapse: collapse;

	border-spacing: 0;/* Remove most spacing between table cells.*/

}

li {

	list-style: none outside none;

}

/*链接*/

a {

	text-decoration: none;

	color: #333;

	background: transparent;

	outline: none

}

a:focus {

	outline: none;

}

a:hover, a:active {

	color: #019630;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

/*表单*/

form {

	margin: 0;

}

button, input, select, textarea {

	font-size: 100%; /* Correct font size not being inherited in all browsers. */

	margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */

	vertical-align: baseline; /* Improve appearance and consistency in all browsers */

*vertical-align: middle; /* Improve appearance and consistency in all browsers */

}

button, select {

	text-transform: none;

}

input {

	line-height: normal;

	border: none;

}

/*其它*/

blockquote {

	margin: 1em 40px;

}

dfn {

	font-style: italic;

}

hr {

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	height: 0;

}

code, kbd, pre, samp {

	font-size: 1em;

}

pre {

	margin: 1em 0;

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;

}

small {

	font-size: 80%;

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

dd {

	margin: 0;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

/*==========@@HTML默认 结束@@==========*/

/*==========@@通用 开始@@==========*/

/*常用颜色*/

.red {

	color: #F00 !important;

}

/*清除浮动*/

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	line-height: 0;

}

.clearfix {

*zoom:1;

}

.clear {

	clear: both;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

/*其它*/

.hidden {

	display: none;

}

.pfont {

	font-family: 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";

}

/*必须输入，主要*/

.required {

	color: red;

	font-weight: bold;

}

.form_text_verifycode {

	width: 80px;

}

.form_radio {

	width: auto;

	border: 0;

}

.form_checkbox {

	width: auto;

	border: 0

}

/*网站公用样式表*/

.w1200 {

	width: 1200px;

	margin: 0 auto;

}

.por {

	position: relative;

}

.poa {

	position: absolute;

}

.icon {

	background: url(../images/icon.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main {

	width: 100%;

	margin: 0;

}

.trans {

	-webkit-transition: all .3s ease-in;

	-moz-transition: all .3s ease-in;

	-o-transition: all .3s ease-in;

	transition: all .3s ease-in;

}

/*top*/

#header_main {

	background: #fff;

	height: 60px;

	position: relative;

}

#top #logo {

	width: 140px;

	margin-right: 116px;

	margin-top:3px;

}

#top #logo a {

	padding-top: 0;

	display: block;

}

#top #logo img {

	height: 54px;

	display: block;

}

/*导航*/

#header_main #nav {

	width: 760px;

	position: relative;

	height: 60px;

}

#nav ul {

	margin: 0 auto;

	width: 102%;

}

#nav li:first-child {

	width: 70px;

}

#nav li {

	float: left;

	width: 100px;

	display: block;

	list-style: none;

	font-size: 14px;

	text-align: center;

	line-height: 60px;

	position: relative;

	margin: 0;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

#nav li a {

	display: block;

	text-align: center;

	position: relative;

	color: #333;

	height: 60px;

}

#nav li:hover a, #nav li.hover a {

	color: #fff;

}

#nav li:hover, #nav li.hover {

	background: #019630;

}

/*导航栏下拉*/

#nav .subnav {

	position: absolute;

	left: 0px;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

	z-index: 199;

	opacity: 0;

	visibility: hidden;

	height: auto;

	overflow: hidden;

	width: 100%;

	transition: all .6s ease 0s;

	transform: translate3d(0, 10px, 0);

	-moz-transform: translate3d(0, 10px, 0);

	-webkit-transform: translate3d(0, 10px, 0);

}

#nav li:hover .subnav {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

}

#nav .subnav {

	position: absolute;

	left: -5px;

	top: 60px;

	width: 100%;

	z-index: 10;

	border-left: 5px solid rgba(255,255,255,0.1);

	border-right: 5px solid rgba(255,255,255,0.1);

	border-bottom: 5px solid rgba(255,255,255,0.1);

}

#nav .subnavbg {

	position: static;

	background: #32363e;

	background: rgba(255, 255, 255, 0.6)!important;

	filter: Alpha(opacity=60);

*zoom:1;

}

#nav .subnav a {

	display: block;

	height: 32px;

	line-height: 32px;

	text-align: center;

	color: #333 !important;

	font-size: 12px;

	overflow: hidden;

	position: relative;

}

#nav .subnav a:hover {

	display: block;

	color: #fff !important;

	background: rgb(1, 150, 48)!important;

}

#header_main .topsearch {

	width: 60px;

	transition: all 300ms ease 0s;

	position: relative;

	height: 82px;

}

#header_main .search_btn {

	width: 16px;

	background-position: 0 0;

	cursor: pointer;

	height: 16px;

}

#header_main .search_box {

	background: #ededed;

	height: 82px;

	overflow: hidden;

	position: absolute;

	right: 60px;

	top: 0;

	transition: all 300ms ease 0s;

	width: 0;

	z-index: 10;

}

#header_main .search_box input {

	border: 0 none;

}

#header_main .search_box .stxt {

	display: block;

	height: 82px;

	line-height: 82px;

	text-indent: 10px;

	width: 150px;

	background: none;

}

#header_main .search_box .sbtn {

	background-position: -100px 0;

	cursor: pointer;

	display: block;

	height: 82px;

	width: 60px;

}

#header_main .topsearch.addy .search_box {

	width: 210px;

}

#header_main .topsearch.addy .search_btn {

	background-position: -46px 0;

}

.top_rig {

	width: 150px;

	padding-top: 16px;

	position: relative;

}

.top_rig .bshare {

	width: 70px;

}

.top_rig .bshare a {

	display: inline-block;

	width: 20px;

	height: 16px;

	margin-left: 6px;

	padding: 0;

}

.top_rig .bshare .bdsharebuttonbox a {

	width: 20px;

	height: 16px;

	margin-left: 6px;

	display: inline-block;

	background: url(../images/icon.png) no-repeat 0 0;

	padding: 0;

	-webkit-transition: all .0s ease-in-out 0s;

	-moz-transition: all .0s ease-in-out 0s;

	transition: all .0s ease-in-out 0s;

}

.top_rig .bshare .bdsharebuttonbox a.bds_weixin {

	background-position: -45px 0 !important;

}

.top_rig .bshare .bdsharebuttonbox a.bds_weixin:hover {

	background-position: -69px 0 !important;

}

.top_rig .bshare .bdsharebuttonbox a.bds_sqq {

	background-position: -96px 0 !important;

}

.top_rig .bshare .bdsharebuttonbox a.bds_sqq:hover {

	background-position: -118px 0 !important;

}

#top .searchbox {

	width: 34px;

	height: 38px;

	text-align: center;

	cursor: pointer;

	padding-top: 6px;

	padding-right: 30px;

}

#top .searchbox s {

	background-position: 0 0;

	width: 18px;

	height: 16px;

	margin: 0 auto;

	transition: all 0.3s ease-in-out 0s;

	display: block;

}

#top .infoSer {

	position: absolute;

	right: 74px;

	top: 56px;

	padding: 20px 0 0 20px;

	background: url(../images/top_down.png) no-repeat center center;

	text-align: center;

	width: 272px;

	z-index: 999;

	height: 45px;

	display: none;

}

#top .infoSer .ser {

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	border-color: -moz-use-text-color -moz-use-text-color #d4d4d4;

	border-image: none;

	border-style: none none solid;

	border-width: medium medium 1px;

	display: block;

	float: left;

	height: 30px;

	line-height: 30px;

	margin: 0;

	padding: 0;

	width: 220px;

	outline: none;

}

#top .infoSer .btn {

	background-position: 10px 0;

	border: medium none;

	cursor: pointer;

	display: block;

	float: left;

	height: 16px;

	margin: 0;

	padding: 0;

	width: 30px;

	z-index: 999;

	margin-top: 15px;

	outline: none;

}

/*侧边导航*/

/* banner */

#banner_main {

	overflow: hidden;

	position: relative;

	z-index: 2;

}

#banner_main .banner {

	height: 550px;

}

#banner {

	width: 100%;

	min-width: 1000px;

	position: relative;

	overflow: hidden;

	z-index: 0;

}

#banner, .banner ul {

	max-height: 550px;

	overflow: hidden;

}

.banner li {

	width: 100%;

	position: absolute;

	z-index: 1;

	overflow: hidden;

}

.banner li img {

	width: 1920px;

	display: block;

	position: relative;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

#banner .tip {

	width: 1000px;

	height: 20px;

	line-height: 0;

	font-size: 0;

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -500px;

	bottom: 110px;

	z-index: 3;

}

#banner .tip span {

	height: 10px;

	margin: 0 2px;

	width: 10px;

	display: inline-block;

	font-size: 0;

	cursor: pointer;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	border: 2px solid #019630;

}

#banner .tip span.cur {

	background-color: #019630;

}

#banner #btn_prev, #banner #btn_next {

	width: 28px;

	height: 56px;

	position: absolute;

	top: 32%;

	z-index: 5;

}

#banner #btn_prev {

	background-position: 0 -138px;

	left: 5%;

}

#banner #btn_next {

	background-position: -34px -138px;

	right: 5%;

}

/*banner end*/

.index {

	position: relative;

	z-index: 3;

}

.index .title {

	text-align: center;

	width: 100%;

	background: url(../images/title_line.png) no-repeat center bottom;

	padding-bottom: 30px;

}

.index .title h3 {

	font-size: 24px;

	font-weight: normal;

	display: block;

	line-height: 30px;

	color: #000;

	text-align: center;

}

.index .title h4 {

	color: #999;

	font-size: 18px;

	text-transform: uppercase;

	font-family: 'PingFangSC-Light', Arial, Helvetica, sans-serif, "Hiragino Sans GB";

	font-weight: normal;

	line-height: 40px;

}

.index .floor_1_main {

	background: #f5f5f5;

}

.index .floor_1 {

	padding-top: 74px;

	padding-bottom: 74px;

	position: relative;

}

.index .part1 {

	position: absolute;

	left: 0;

	top: -100px;

	width: 1200px;

	height: 250px;

	overflow: hidden;

}

.index .part1 .item {

	width: 400px;

	float: left;

	height: 250px;

	background: #019630;

}

.index .part1 .item a {

	display: block;

	position: relative;

	padding: 40px;

	color: #fff;

}

.index .part1 .item h3 {

	font-size: 18px;

	line-height: 24px;

}

.index .part1 .item h4 {

	color: #fff;

	display: block;

	border-bottom: 1px solid #fff;

	padding-bottom: 16px;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}

.index .part1 .item .shuzi {

	line-height: 20px;

	color: #fff;

	float: left;

	width: 122px;

}

.index .part1 .item .shuzi b {

	text-transform: uppercase;

	font-size: 86px;

	font-weight: bold;

	display: inline-block;

	line-height: 86px;

}

.index .part1 .item span {

	width: 60px;

	height: 54px;

	display: block;

	margin-top: 32px;

}

.index .part1 .it1 span {

	background-position: 0 -30px;

}

.index .part1 .it2 span {

	background-position: -76px -30px;

	width: 46px;

}

.index .part1 .it3 span {

	background-position: -140px -30px;

	width: 52px;

}

.index .part1 .item .txt {

	width: 180px;

}

.index .part1 .item.hover {

	background: #37bc61;

}

.index .part2 {

	padding-top: 150px;

}

.index .part2 .hd {

	padding: 30px 0;

}

.index .part2 .hd ul {

	margin: 0 auto;

	text-align: center;

}

.index .part2 .hd li {

	margin-right: 30px;

	height: 28px;

	line-height: 28px;

	text-align: center;

	display: inline-block;

+display:inline;

+float: left;

	white-space: nowrap;

	word-break: break-all;

}

.index .part2 .hd li a {

	display: block;

	border: 1px solid #ccc;

	padding: 0 12px;

}

.index .part2 .hd li.on a {

	border: 1px solid #019630;

	background: #019630;

	color: #fff;

}

.index .part2 .bd {

	overflow: hidden;

}

.index .part2 .bd ul {

	padding-top: 64px;

	width: 108%;

}

.index .part2 .bd li {

	width: 380px;

	height: 430px;

	display: block;

	float: left;

	margin-right: 30px;

	margin-bottom: 30px;

	background: #fff;

	transition: all 0.3s ease-out 0s;

}

.index .part2 .bd li a {

	display: block;

}

.index .part2 .bd li img {

	width: 380px;

	height: 285px;

	display: block;

}

.index .part2 .bd li h3 {

	font-size: 18px;

	text-align: center;

}

.index .part2 .bd li p {

	color: #999;

	padding: 0 46px;

	line-height: 24px;

}

.index .part2 .bd li:hover {

	transform: translate3d(0px, -16px, 0px);

	box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.index .floor_1_main, .index .floor_2_main, .index .floor_3_main, .index .floor_4_main {

	width: 100%;

}

.index .floor_2_main {

	background: #fff;

	overflow: hidden;

}

.index .more {

	width: 150px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	color: #aba8a8;

	display: block;

	margin: 40px auto 0;

	background: #fff;

	text-transform: uppercase;

	transition: all 0.3s ease-out 0s;

	box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.index .more span {

	display: inline-block;

	width: 40px;

	height: 38px;

	line-height: 38px;

	background: url(../images/icon.png) no-repeat 12px -92px #019630;

}

.index .more:hover {

	background: #019630;

	color: #fff;

	text-indent: 10px;

}

.index .more:hover span {

	color: #fff;

}

.index .floor_2 {

	padding: 60px 0;

	position: relative;

	height: 720px;

}

.index .floor_2 .hdtit {

	padding: 30px 0;

}

.index .floor_2 .hdtit ul {

	margin: 0 auto;

	text-align: center;

+width:280px;

}

.index .floor_2 .hdtit li {

	margin-right: 30px;

	height: 28px;

	line-height: 28px;

	text-align: center;

	display: inline-block;

+display: inline;

+float: left;

}

.index .floor_2 .hdtit li a {

	display: block;

	border: 1px solid #ccc;

	padding: 0 12px;

}

.index .floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a {

	border: 1px solid #019630;

	background: #019630;

	color: #fff;

}

.index .floor_2 .vistbox {

	width: 100%;

	position: relative;

	overflow: hidden;

	height: 660px;

}

.index .floor_2 .slideBox {

	position: relative;

	overflow: hidden;

	height: 502px;

}

.index .floor_2 .txtbox {

	padding-top: 25px;

	position: relative;

	z-index: 3;

}

.index .floor_2 .btn {

	width: 160px;

	position: absolute;

	right: 0;

	bottom: 150px;

	z-index: 99;

	background: #fff;

	height: 350px;

}

.index .floor_2 .btn img {

	display: block;

	width: 110px;

	height: 230px;

	margin-left: 50px;

	margin-bottom: 90px;

}

.index .floor_2 .btn span {

	display: inline-block;

	width: 66px;

	height: 30px;

	margin-left: 14px;

	cursor: pointer;

}

.index .floor_2 .btn .sPrev {

	background-position: -204px 0;

}

.index .floor_2 .btn .sNext {

	background-position: -284px 0;

}

.index .floor_2 .btn .cur.sPrev {

	background-position: -204px -40px;

}

.index .floor_2 .btn .cur.sNext {

	background-position: -284px -40px;

}

.transs {

	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}

.slidebanner {

	width: 100%;

	margin: 0 auto;

	height: 500px;

	overflow: hidden;

	position: relative;

}

.slidebanner .game163 {

	position: relative;

	z-index: 0;

	overflow: hidden;

}

.slidebanner .bigImg {

	overflow: hidden;

	position: relative;

	width: 992px;

	height: 500px;

}

.slidebanner .bigImg a {

	display: block;

}

.slidebanner .bigImg li {

	position: relative;

}

.slidebanner .bigImg li .img {

	padding-left: 290px;

	width: 700px;

	height: 100%;

}

.game163 .bigImg li img {

	width: 700px;

	height: 350px;

}

.slidebanner .bigImg .txt {

	position: absolute;

	top: 65px;

	left: 0;

	width: 380px;

	height: 438px;

	background: url(../images/redbg.png) repeat left top;

}

.slidebanner .bigImg .txt a {

	padding: 30px;

	color: #fff;

}

.slidebanner .bigImg .txt h5 {

	font-size: 30px;

	display: block;

}

.slidebanner .bigImg .txt s {

	display: block;

	width: 68px;

	height: 1px;

	background: #fff;

	margin: 34px 0;

}

.slidebanner .bigImg .txt p {

	line-height: 24px;

	padding: 12px 0 0;

	height: 222px;

	overflow: hidden;

}

.slidebanner .bigImg .txt span {

	display: block;

	margin-top: 10px;

}

.slidebanner .smallScroll {

	position: absolute;

	right: 0;

	bottom: 0;

	width: 800px;

	height: 126px;

	background: #fff;

	z-index: 10;

}

.slidebanner .smallImg {

	width: 800px;

	position: relative;

	overflow: hidden;

	height: 126px;

}

.slidebanner .smallImg ul li {

	float: left;

	width: 250px;

	height: 126px;

	display: block;

	margin-right: 23px;

	cursor: pointer;

	position: relative;

}

.slidebanner .smallImg ul li img {

	height: 124px;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

	width: 248px;

	border: 1px solid #fff;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.slidebanner .smallImg ul li.on img {

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

	border: 1px solid #da0000;

}

.index .floor_3_main {

	background: url(../images/flo3.jpg) no-repeat center top #f5f5f5;

}

.index .floor_3 {

	padding: 80px 0;

	overflow: hidden;

}

.index .part3 {

	width: 1200px;

	height: 368px;

	background: #29b354;

	position: relative;

}

.index .part3 .img {

	width: 550px;

	height: 374px;

	overflow: hidden;

	position: relative;

	top: -30px;

	margin-left: 25px;

}

.index .part3 .img img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all 0.3s ease-out 0s;

}

.index .part3 .img:hover img {

	transform: scale(1.05, 1.05);

}

.index .part3 .txt {

	padding-right: 90px;

	width: 480px;

	padding-top: 30px;

}

.index .part3 .txt a {

	display: block;

	color: #fff;

}

.index .part3 .txt h3 {

	font-size: 24px;

}

.index .part3 .txt h4 {

	font-size: 16px;

	display: block;

	text-transform: uppercase;

}

.index .part3 .txt p {

	padding-top: 45px;

	color: #fff;

	padding-bottom: 20px;

	opacity:0.7;

}

.index .part3 .txt span {

	width: 68px;

	height: 36px;

	border: 1px solid #fff;

	display: block;

	line-height: 36px;

	text-align: center;

}

.index .part3 .txt span em {

	width: 22px;

	margin: 14px auto 0;

	height: 8px;

	background-position: -60px -100px;

	display: block;

	vertical-align: middle;

}

.index .part3 .txt a:hover span {

	border: 1px solid #fff;

}

.index .part3 .txt a:hover span em {

	background-position: -60px -120px;

}

.index .part4 {

	padding: 80px 0 0;

}

.index .part4 .steps {

	overflow: hidden;

}

.index .steps .bd {

	position: relative;

	padding: 60px 0;

}

.index .steps .bd li {

	float: left;

	width: 180px;

	height: 135px;

	margin-right: 24px;

}

.index .steps .bd li a {

	display: block;

	overflow: hidden;

}

.index .steps .bd li img {

	width: 180px;

	height: 135px;

	display: block;

	transition: all 0.3s ease-out 0s;

}

.index .steps .bd li a:hover img {

	transform: scale(1.08, 1.08);

}

.index .steps .hd {

	position: relative;

}

.index .steps .hd ul {

	text-align: center;

}

.index .steps .hd li {

	display: inline-block;

	width: 10px;

	height: 10px;

	margin-right: 14px;

	cursor: pointer;

	background: #999;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	font-size: 0;

}

.index .steps .hd li.on {

	background: #019630;

}

.index .floor_4 {

	padding: 60px 0;

}

.index .floor_4 .textlist .list {

	width: 108%;

}

.index .floor_4 .textlist {

	position: relative;

	overflow: hidden;

	padding-top: 40px;

}

.index .textlist li {

	float: left;

	width: 590px;

	height: 160px;

	margin-right: 20px;

	transition: all 0.2s linear 0s;

	margin-bottom: 20px;

	background: #f7f7f7;

}

.index .textlist li a {

	display: block;

	padding: 35px 20px;

}

.index .textlist li .img {

	width: 120px;

	height: 90px;

	overflow: hidden;

	cursor: pointer;

	position: relative;

}

.index .textlist li .img img {

	width: 100%;

	height: 100%;

	transition: all 0.3s ease-out 0s;

}

.index .textlist li a:hover img {

	transform: scale(1.2, 1.2);

}

.index .textlist li .txt {

	width: 390px;

}

.index .textlist li h3 {

	font-size: 18px;

	color: #000;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.index .textlist li a:hover h3 {

	color: #019630;

}

.index .textlist .desc {

	line-height: 24px;

	height: 52px;

	overflow: hidden;

	margin-bottom: 5px;

	color: #999;

	cursor: pointer;

	font-size: 12px;

	padding-top: 10px;

}

.index .textlist span {

	display: block;

	color: #333;

	font-size: 16px;

	font-family: arial;

	font-weight: bold;

}

.nybanner {

	width: 100%;

	height: 200px;

	position: relative;

	overflow: hidden;

	background-position: center top;

	background-repeat: no-repeat;

	background-image: url(../images/nybanner.jpg);

}

.wrapper {

	position: relative;

}

.subleft {

	width: 240px;

	position: relative;

	padding-top: 69px;

}

.subleft .toptitle {

	width: 188px;

	height: 73px;

	    background: #007324;

	color: #fff;

	padding: 40px 26px;

	position: absolute;

	top: -84px;

}

.subleft .toptitle h3 {

	border-bottom: 1px solid #fff;

	color: #f9f9f9;

	font-weight: bold;

	font-size: 26px;

	display: block;

	line-height: 44px;

}

.subleft .toptitle h4 {

	font-size: 16px;

	font-family: arial;

	text-transform: uppercase;

}

.subleft .cont {

	padding: 14px;

	background: #019630;

}

.subleft .cont li {

	border-bottom: 1px solid #fff;

	line-height: 44px;

}

.subleft .cont li a.sub1 {

	display: block;

	padding-left: 14px;

	color: #fff;

	transition: all 0.3s ease-out 0s;

}

.subleft .cont li a.sub1:hover, .subleft .cont li.hover a.sub1 {

	background: #019630;

	padding-left: 26px;

}

.subleft .cont li .box {

	padding: 5px 0 0 15px;

	display: none;

}

.subleft .cont li .box a {

	color: #fff;

	font-size: 15px;

	display: block;

	line-height: 30px;

	padding: 0;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	opacity: 0.75;

	filter: alpha(opacity=75);

}

.subleft .cont li .box a.hover, .subleft .cont li .box a:hover {

	opacity: 1;

	filter: alpha(opacity=100);

}

.subleft .cont li:hover .box, .subleft .cont li.hover .box {

	display: block;

}

.leftRecomm {

	padding: 25px 0 0;

}

.leftRecomm .title {

	padding-bottom: 15px;

	border-bottom: 1px solid #f5f5f5;

	color: #019630;

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 16px;

}

.leftRecomm .title a {

	color: #019630;

}

.leftRecomm .item {

	width: 110px;

	float: left;

	overflow: hidden;

	text-align: center;

	margin-right: 20px;

}

.leftRecomm .item a {

	width: 100%;

	display: block;

}

.leftRecomm .item img {

	width: 110px;

	height: 82px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	border-radius: 3px;

	display: block;

}

.leftRecomm .item h3 {

	width: 100%;

	text-align: center;

	font-size: 12px;

	line-height: 40px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.leftRecomm .item:hover img {

	-webkit-filter: brightness(110%);

	filters: brightness(110%);

}

.leftRecomm .newslist li {

	line-height: 34px;

	height: 34px;

	overflow: hidden;

}

.leftRecomm .newslist li a {

	display: block;

	width: 100%;

	text-align: left;

}

.subright {

	width: 930px;

}

.subright .t {

	padding: 0 0 25px;

	color: #ff0505;

	font-size: 20px;

}

.subright .t2 {

	color: #ff0505;

	font-size: 30px;

	display: block;

	padding: 30px 0;

}

.sitepath {

	line-height: 49px;

	color: #88848b;

	border-bottom: 1px solid #f1f1f1;

	margin-bottom: 28px;

}

.sitepath .home {

	width: 12px;

	height: 12px;

	display: inline-block;

	background-position: -100px -100px;

	margin-right: 20px;

}

.sitepath a {

	color: #88848b;

	display: inline-block;

	white-space: nowrap;

}

.sitepath a:hover {

	color: #ff0505;

}

.productlist {

	position: relative;

}

.productlist .list {

	padding-top: 10px;

	width: 100%;

}

.productlist .item {

	width: 290px;

	height: 350px;

	display: block;

	float: left;

	margin-right: 20px;

	margin-bottom: 30px;

	background: #fff;

	transition: all 0.3s ease-out 0s;

	border-bottom: 1px solid #e5e5e5;

}

.productlist .item a {

	display: block;

}

.productlist .item img {

	width: 290px;

	height: 217px;

	display: block;

}

.productlist .item h3 {

	font-size: 18px;

	padding: 20px 20px 0;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.productlist .item p {

	color: #999;

	padding: 0 20px;

	line-height: 24px;

}

.productlist .item:hover {

	transform: translate3d(0px, -16px, 0px);

	box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.caselist {

	position: relative;

}

.caselist .list {

	padding-top: 10px;

	width: 100%;

}

.caselist .item {

	width: 290px;

	height: 280px;

	display: block;

	float: left;

	margin-right: 20px;

	margin-bottom: 30px;

	background: #fff;

	transition: all 0.3s ease-out 0s;

	border-bottom: 1px solid #e5e5e5;

}

.caselist .item a {

	display: block;

}

.caselist .item img {

	width: 290px;

	height: 145px;

	display: block;

}

.caselist .item h3 {

	font-size: 18px;

	padding: 16px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.caselist .item p {

	color: #999;

	padding: 0 16px;

	line-height: 24px;

}

.caselist .item:hover {

	transform: translate3d(0px, -16px, 0px);

	box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.honorlist {

	position: relative;

}

.honorlist .list {

	padding-top: 10px;

	width: 100%;

}

.honorlist .item {

	width: 290px;

	height: 265px;

	display: block;

	float: left;

	margin-right: 30px;

	margin-bottom: 30px;

	background: #fff;

	transition: all 0.3s ease-out 0s;

	border-bottom: 1px solid #e5e5e5;

}

.honorlist .item a {

	display: block;

}

.honorlist .item img {

	width: 290px;

	height: 217px;

	display: block;

}

.honorlist .item h3 {

	font-size: 16px;

	padding: 10px;

	text-align: center;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.honorlist .item:hover {

	transform: translate3d(0px, -16px, 0px);

	box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.newslist {

	padding: 0;

}

.newslist .item {

	width: 100%;

	display: block;

	margin-bottom: 28px;

	background: #f7f7f7;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.newslist .item a {

	display: block;

	padding: 20px;

}

.newslist .item .img {

	width: 150px;

	height: 112px;

	overflow: hidden;

}

.newslist .item .img img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all 0.3s ease-out 0s;

}

.newslist .item a:hover .img img {

	transform: scale(1.1, 1.1);

}

.newslist .item .txt {

	width: 715px;

}

.newslist .item .txt h3 {

	color: #000;

	font-size: 18px;

	display: block;

	padding-bottom: 10px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.newslist .item .txt p {

	font-size: 14px;

	color: #999;

	line-height: 24px;

}

.newslist .item a:hover .txt h3 {

	color: #019630;

}

.newslist .item:hover {

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

}

.singlepage {

	position: relative;

	overflow: hidden;

	color: #666;

}

.singlepage .cont img {

	max-width: 100%;

	display: block;

	margin: 0 auto;

}

.singlepage .cont .desc {

	padding-top: 40px;

}

.formData {

	padding-bottom: 20px;

}

.formData .item {

	float: left;

	color: #999;

	font-weight: normal;

	width: 425px;

	height: 56px;

	line-height: 56px;

	border: 1px solid #e5e5e5;

	margin-right: 76px;

	margin-bottom: 45px;

	position: relative;

}

.formData .item label {

	padding-left: 15px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 11;

	text-align: center;

	display: block;

	margin: 0;

	height: 56px;

	line-height: 56px;

	font-size: 18px;

	color: #cccccc;

}

.formData .item input {

	outline: none;

	line-height: 38px;

	height: 38px;

	font-size: 18px;

}

.formData .item .txt {

	width: 355px;

	height: 56px;

	line-height: 56px;

	display: block;

	background: none;

	padding-left: 70px;

	border: 0 none;

	color: #999;

}

.formData .item .red {

	position: absolute;

	right: 15px;

	top: 0;

	color: #ff0000;

	z-index: 11;

}

.formData .item.mr0 {

	margin-right: 0;

}

.formData .msg-box {

	position: absolute;

	left: 0;

	top: 0px;

}

.formData .liuyan {

	width: 928px;

	height: 260px;

	border: 1px solid #e5e5e5;

	float: left;

}

.formData .liuyan label {

	text-align: right;

	display: block;

}

.formData .liuyan textarea {

	width: 908px;

	height: 234px;

	line-height: 35px;

	padding: 12px 10px;

	text-indent: 100px;

	font-size: 18px;

	font-family: "microsoft yahei";

	color: #333;

	border: 0 none;

	overflow: hidden;

	background: none;

	resize: none;

	display: block;

	outline: none;

}

.formData .bot {

	width: 100%;

}

.formData .sub {

	width: 232px;

	line-height: 58px;

	margin-right: 2px;

	text-align: center;

	background: #019630;

	color: #FFF;

	cursor: pointer;

	font-size: 18px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.formData .sub:hover {

	background: #e12325;

	transform: translate3d(0px, -6px, 0px);

}

.formData .yzm {

	width: 432px;

}

.formData .yzm .txt {

	padding-left: 80px;

}

.formData .yzm img {

	position: absolute;

	right: 0;

	top: 0;

	height: 56px;

	border: 0px;

	display: block;

}

.arecttitle {

	border-bottom: 1px dotted #ddd;

	text-align: center;

}

.arecttitle h1 {

	font-size: 28px;

	line-height: 30px;

	color: #000;

	margin-bottom: 5px;

}

.arecttitle .mark {

	width: 100%;

	padding: 5px 0 10px;

}

.arecttitle .mark span {

	display: inline-block;

	padding-left: 5px;

	font-size: 12px;

	color: #666;

}

.arecttitle .mark span:first-child {

	padding-left: 0;

}

.showContxt {

	padding: 20px 0;

}

.showContxt img {

	max-width: 100% !important;

	display: block;

	margin: 0 auto;

}

/* reLink*/

.reLink {

	width: 100%;

	margin: 20px 0 10px;

	line-height: 60px;

	border-top: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

}

.reLink .nextLink, .reLink .prevLink {

	width: 50%;

	line-height: 60px;

	color: #333333;

}

.reLink .nextLink {

	text-align: right;

}

.reLink a {

	font-size: 16px;

}

.reLink a:hover {

	color: #019630;

}

/*底部信息*/

.bottom_main {

	width: 100%;

	height:374px;

	background:url(../images/footerbg.jpg) bottom center no-repeat;

}

.bottom_main .links {

	padding: 20px 0;

	font-size: 16px;

	border-bottom: 1px solid #d2d2d2;

}

.bottom_main .links span {

	color: #019630;

	font-weight:normal;

	display: inline-block;

	font-size:17px;

	

}

.bottom_main .links a {

	display: inline-block;

	font-size: 14px;

	color: #999;

	padding-right: 10px;

}

.bottom_main .links a:hover {

	color: #019630;

}

.bottom_main .bottom_nav {

	width: 760px;

	display: inline-block;

	margin-top: 32px;

}

.bottom_main .bottom_nav ul {

	width: 190px;

	text-align: left;

	float: left;

}

.bottom_main .bottom_nav ul li h3 {

	padding-bottom: 8px;

}

.bottom_main .bottom_nav ul li h3 a {

	display: block;

	font-size: 16px;

	color: #019630;

	padding-bottom: 8px;

}

.bottom_main .bottom_nav ul li h3 i {

	display: block;

	width: 30px;

	height: 1px;

	background-color: #cccccc;

}

.bottom_main .bottom_nav ul li a {

	display: block;

	font-size: 12px;

	color: #999;

}

.bottom_main .bottom_nav ul li a:hover {

	color: #019630;

}

.bottom_main .bottom_tit {

	padding-top: 40px;

	text-align: right;

}

.bottom_main .bottom_tit .r1 {

	float: left;

	width: 100px;

}

.bottom_main .bottom_tit .r2 {

	float: left;

	padding-left: 60px;

	text-align: left;

}

.bottom_main .bottom_tit .r1 p {

	width: 100px;

	text-align: center;

	float: left;

}

.bottom_main .bottom_tit .r1 p img {

	width: 100px;

	height: 100px;

	border: #d2d2d2 solid 1px;

}

.bottom_main .bottom_tit .r1 p span {

	font-size: 12px;

	color: #999;

	display: block;

	padding-top: 10px;

	line-height: 20px;

}

.bottom_main .bottom_tit .r2 li {

	display: block;

	clear: left;

	height: 65px;

}

.bottom_main .bottom_tit .r2 li img {

	width: 50px;

	height: 50px;

	float: left;

}

.bottom_main .bottom_tit .r2 li p {

	float: left;

	font-size: 12px;

	line-height: 22px;

	color: #999;

	padding-left: 12px;

	text-align: left;

	padding-top: 0px;

}

.bottom_main .bottom_tit .r2 li p span {

	margin-top: 2px;

	font-size: 26px;

	font-family: "Arial";

	color: #333;

	display: block;

	font-weight: bold;

}

.bottom_copy {

	height: 48px;

	background-color: #055920;

	border-top: 1px solid #d2d2d2;

	line-height: 48px;

	font-size: 12px;

	color: #999999;

}

.bottom_copy span {

	padding-left: 10px;

}

.bottom_copy a {

	display: inline-block;

	font-size: 12px;

	color: #999999;

}

.bottom_copy a:hover {

	color: #fff;

}

/* mapPage */

.map_ul {

	list-style: outside none none;

	display: block;

	width: 100%;

}

.map_ul li {

	display: block;

	width: 100%;

	padding: 0;

	margin-bottom: 15px;

+margin-bottom:10px;

}

.map_ul li a {

	width: 100%;

	height: 35px;

	line-height: 35px;

	font-weight: bold;

	display: block;

	background: #e7e7e7;

	text-indent: 15px;

}

.map_ul .list-inline {

	display: block;

	width: 86%;

}

.map_ul .list-inline li {

	height: 32px;

	display: inline-block;

*display: inline;

	margin: 0 5px 15px 0;

	zoom: 1;

	line-height: 32px;

	border-bottom: 0;

	text-align: center;

	width: auto;

	padding: 0px;

+margin:15px 5px 15px 0;

}

.map_ul .list-inline li a {

	font-weight: normal;

	display: block;

	text-indent: 0;

	line-height: 32px;

	height: 32px;

	display: inline-block;

	width: auto;

	padding: 0px 10px;

	width: auto;

	border: 1px solid #ccc;

}

.map_ul .list-inline li a:hover {

	background: #ff0505;

	color: #fff;

	border: 1px solid #ff0505;

}

.zhizao .goback {

	width: 60px;

	height: 60px;

	display: block;

	position: absolute;

	right: 2%;

	top: 2%;

	background: url(../images/guan.jpg) no-repeat center;

}

#footer_main .yyzz {

	padding-left: 10px;

}

/*#gotop{position:fixed;bottom:5%;right:2%;width: 50px;height: 50px;background: url(../images/gotop.png) no-repeat;z-index: 99;display: block;}

*/

.float-right-box {

	width: 250px;

	position: fixed;

	right: 0;

	top: 50%;

	margin-top: -127px;

	background-color: #191919;

	z-index: 1000;

	transition: width 0.3s ease 0s;

}

.float-right-box.on {

	width: 50px;

}

.float-right-box .top-list {

	width: 100%;

}

.float-right-box .top-list ul {

	width: 100%;

}

.float-right-box .top-list li {

	width: 100%;

	position: relative;

	border-bottom: 1px solid #3b3b3b;

	transition: background 0.3s ease 0s;

	height: 50px;

}

.float-right-box .top-list a {

	display: block;

	width: 100%;

}

.float-right-box .top-list .ico {

	display: inline-block;

	width: 50px;

	height: 50px;

	position: absolute;

	right: 0;

	top: 0;

	transition: background 0.3s ease 0s;

	z-index: 2;

}

.float-right-box .top-list .ico1 {

	background: url(../images/ico_58.png) no-repeat center #191919;

}

.float-right-box .top-list .ico2 {

	background: url(../images/ico_59.png) no-repeat center #191919;

}

.float-right-box .top-list .ico3 {

	background: url(../images/ico_60.png) no-repeat center #191919;

}

.float-right-box .top-list .ico4 {

	background: url(../images/ico_61.png) no-repeat center #191919;

}

.float-right-box .top-list .ico5 {

	background: url(../images/ico_62.png) no-repeat center #191919;

}

.float-right-box .top-list .ico6 {

	background: url(../images/ico_68.png) no-repeat center #191919;

}

.float-right-box .top-list .ico7 {

	background: url(../images/ico_69.png) no-repeat center #191919;

}

.float-right-box .top-list .stt {

	display: inline-block;

	font-size: 14px;

	line-height: 50px;

	color: #fff;

	transition: color 0.3s ease 0s;

	position: absolute;

	left: 28px;

	top: 0;

	z-index: 1;

	width: 222px;

	cursor: pointer;

}

.float-right-box .top-list li:hover .stt {

	color: #15191e;

}

.float-right-box .top-list li:hover .ico1 {

	background: url(../images/ico_58_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico2 {

	background: url(../images/ico_59_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico3 {

	background: url(../images/ico_60_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico4 {

	background: url(../images/ico_61_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico5 {

	background: url(../images/ico_62_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico6 {

	background: url(../images/ico_68_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico7 {

	background: url(../images/ico_69_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover {

	background-color: #fff;

}

.float-right-box .top-list .return-webtop .stt {

	font-family: "Arial";

	font-weight: bold;

}

.float-right-box .bot-share {

	position: relative;

	height: 50px;

}

.float-right-box .bot-share a {

	display: inline-block;

	width: 50px;

	height: 50px;

	float: left;

	transition: background 0.3s ease 0s;

	margin: 0;

	padding: 0;

}

.float-right-box .bot-share .share {

	width: 200px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

}

.float-right-box .bot-share .sina {

	background: url(../images/ico_63.png) no-repeat center;

}

.float-right-box .bot-share .wx {

	background: url(../images/ico_64.png) no-repeat center;

}

.float-right-box .bot-share .more {

	background: url(../images/ico_66.png) no-repeat center;

}

.float-right-box .bot-share a:hover {

	background-color: #525354;

}

.float-right-box .bot-share .share-ico {

	background: url(../images/ico_67.png) no-repeat center #191919;

	width: 50px;

	height: 50px;

	display: inline-block;

	cursor: pointer;

	z-index: 2;

	position: relative;

}

.float-right-box .top-list li .weix {

	position: relative;

}

.float-right-box .sidebox {

	position: absolute;

	right: 250px;

	top: 0;

	transition: all 0.1s ease 0s;

	width: 120px;

	z-index: 10;

	display: none;

	background: #191919;

}

.float-right-box .sidebox img {

	width: 110px;

	height: 110px;

	display: block;

	margin: 5px auto;

}

.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}

@font-face {

	font-family: ADELE;

	src: url("../font/ADELE.eot");

	src: url("../fonts/adele.eot") format("eot"), url("../fonts/adele.ttf") format("truetype");

}

@-webkit-keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

}

@keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px)

}

}

.flipInY {

	-webkit-backface-visibility: visible!important;

	-ms-backface-visibility: visible!important;

	backface-visibility: visible!important;

	-webkit-animation-name: flipInY;

	animation-name: flipInY

}

/*↓组图样式↓*/

.HS10, .HS15 {

	overflow: hidden;

	clear: both;

}

.HS10 {

	height: 10px;

}

.HS15 {

	height: 15px;

}

.Hidden {

	display: none;

}

.Clearer {

	display: block;

	clear: both;

	font-size: 1px;

	line-height: 1px;

	margin: 0;

	padding: 0;

}

.FlLeft {

	float: left;

}

.FlRight {

	float: right;

}

/*幻灯片区域背景*/

.MainBg {

	width: 920px;

	margin: 0 auto;

}

/*大图展示区域*/

.OriginalPicBorder {

	padding: 0;

}

#OriginalPic {

	width: 920px;

	overflow: hidden;

	position: relative;

	font-size: 12px;

}

#OriginalPic img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

/*鼠标手势*/

.CursorL {

	position: absolute;

	z-index: 999;

	width: 50%;

	height: 600px;

	color: #FFF;

	left: 0;

	cursor: url(../images/CurL.cur), auto;

	background: url(../images/space.png) repeat scroll 0 0 transparent;

}

.CursorR {

	position: absolute;

	z-index: 999;

	width: 50%;

	height: 600px;

	color: #FFF;

	right: 0;

	cursor: url(../images/CurR.cur), auto;

	background: url(../images/space.png) repeat scroll 0 0 transparent;

}

/*小图预览和滑动*/

.SliderPicBorder {

	width: 100%;

	overflow: hidden;

}

.ThumbPicBorder {

	width: 920px;

	margin: 0 auto;

	background: #eeeeee;

	overflow: hidden;

	position: relative;

}

.ThumbPicBorder #btnPrev {

	width: 45px;

	height: 113px;

	cursor: pointer;

	position: absolute;

	left: 20px;

	top: 20px;

}

.ThumbPicBorder #btnNext {

	width: 45px;

	height: 113px;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

}

.ThumbPicBorder .pic {

	width: 755px;

	overflow: hidden;

	position: relative;

	margin: 20px auto;

}

#ThumbPic img {

	border: 3px solid #ddd;

	cursor: pointer;

	background-color: #ddd;

	margin: 0 5px;

	width: 135px;

	height: 108px;

	display: block;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

#ThumbPic img.active {

	border: 3px solid #019630;

}

/*↑组图样式↑*/

.pagination p {

	margin: 0;

	cursor: pointer

}

.pagination {

	height: 39px;

	text-align: center;

}

.pagination a {

	display: inline-block;

	margin-right: 10px;

	width: 39px;

	height: 39px;

	line-height: 39px;

	border:#7e7b76 1px solid;

	text-decoration: none;

	color: #7e7b76;

	font-size: 14px;

	text-align: center;

	transition:all 0.3s ease-in-out;

}

.pagination a:hover {

	color: #fff;

	background: #7e7b76;

}

.pagination a.cur {

	border: none;

	color: #fff;

	font-size: 14px;

	width: 39px;

	height: 39px;

	line-height: 39px;

	color: #fff;

	text-align: center;

	background: #7e7b76;

	margin-right: 8px;

}

.pagination p {

	display: inline-block;

	font-size: 14px;

	width: 39px;

	height: 39px;

	line-height: 39px;

	color: #fff;

	text-align: center;

	background: #7e7b76;

	margin-right: 8px;



}

.pagination p.pageRemark {

	border-style: none;

	background: none;

	margin-right: 0px;

	padding: 4px 0px;

	color: #7e7b76;

}

.pagination p.pageRemark b {

	color: red;

}

.pagination p.pageEllipsis {

	border-style: none;

	background: none;

	padding: 4px 0px;

	color: #7e7b76;

}

.dates li {

	font-size: 14px;

	margin: 20px 0

}

.dates li span {

	float: right

}

.pagination .page_xyy {

	width: 39px;

	height: 39px;



	padding: 0;

	margin-top: 4px;

}

.pagination .page_syy {

	width: 39px;

	height: 39px;

	padding: 0;

	margin-top: 4px;

}

.pagination .page_shouye {

	width: 39px;

	height: 39px;

	padding: 0;

	margin-top: 4px;

}

.pagination .page_weiye {

	width: 39px;

	height: 39px;

	padding: 0;

	margin-top: 4px;

}

.showContxt img{ max-width:100%;}