#yema {

	clear: both;

	text-align: center;

		margin-bottom: 30px;

}

#yema .pages li{ display:inline-block;}

#yema .pages a {

	vertical-align: middle;

	font-size: 14px;

	font-family: "Microsoft YaHei";

	width:35px;

	height:35px;

	line-height:35px;

	text-align: center;

	border: 1px solid #C6C6C6;

	color: #333;

	display: inline-block;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s; margin:0 3px; border-radius:5px; 

}

#yema .pages a:hover, #yema .pages .thisclass a{ background:#d61518; color:#fff;}

#yema .pages span {

	vertical-align: middle;

	color: #ffffff;

	

	height: 35px;

	line-height: 35px;

	background-color: #d61518;

	display: inline-block;

	font-size: 14px;

	padding: 0 15px;

	border-radius: 5px;



}



.about_con p {

	color: #666;

	font-size: 14px;

	line-height: 28px;

	margin-bottom: 16px;

}

.about_name {

	text-align: center;

	padding-bottom: 20px;

	font-size: 16px;

	color: #333333;

}

.about-con {

	text-align: center;

	font-size: 14px;

	margin-bottom: 15px;

	color: #666666;

}

.about_title {

	border-bottom: 1px solid #CCCCCC;

}

.about_con_bottom {

	width: 1000px;

	margin: 0 auto;

	padding: 10px; 

}

.about_con_fanye {

	font-size: 14px;

	line-height: 26px;

	color: #333;

	float: left;

}

.about_con_fanye a {

	color: #333;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.about_con_fanye a:hover {

	color: #C20D23;

}

.about_fx {

	float: right;

}





.chbimgbox {

	height: 300px;

	width: 300px;

}

.chbimg {

	overflow: hidden;

	position: relative;

	height: 300px;

	width: 300px;

}

.chbimg img {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-ms-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

.chbimgbg {

	position: absolute;

	width: 300px;

	height: 300px;

	top: 0;

	background-color: #ccc;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-ms-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

.chbimgbox:hover .chbimg img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

.chbimg:hover .chbimgbg {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.chbimgtitle {

	position: absolute;

	top: -10%;

	text-align: center;

	left: 0;

	right: 0;

	color: #000000;

	font-size: 14px;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	-ms-transition: all 0.2s;

	-o-transition: all 0.2s;

	transition: all 0.2s;

}

.chbimg:hover .chbimgtitle {

	top: 30%;

	-webkit-transition: all 0.3s 0.8s;

	-moz-transition: all 0.3s 0.8s;

	-ms-transition: all 0.3s 0.8s;

	-o-transition: all 0.3s 0.8s;

	transition: all 0.3s 0.8s;

}

.chbimgmore {

	position: absolute;

	bottom: -10%;

	text-align: center;

	left: 0;

	right: 0;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	-ms-transition: all 0.2s;

	-o-transition: all 0.2s;

	transition: all 0.2s;

}

.chbimgmore a {

	padding: 2px 6px;

	color: #ff0000;

	font-size: 14px;

	border: 1px solid #ff0000;

}

.chbimg:hover .chbimgmore {

	bottom: 30%;

	-webkit-transition: all 0.3s 0.8s;

	-moz-transition: all 0.3s 0.8s;

	-ms-transition: all 0.3s 0.8s;

	-o-transition: all 0.3s 0.8s;

	transition: all 0.3s 0.8s;

}





.case-content {

	overflow: hidden;

	margin: 80px auto 0 auto;

	width: 1200px

}

.case-item {

	float: left;

	margin: 30px 40px;

	margin-bottom: 20px

}

.ih-item {

	position: relative;

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

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

	transition: all .35s ease-in-out

}

.ih-item, .ih-item * {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.ih-item a {

	color: #333

}

.ih-item a:hover {

	text-decoration: none

}

.ih-item img {

	width: 100%;

	height: 100%

}

.ih-item.circle, .ih-item.circle .img {

	position: relative;

	width: 210px;

	height: 210px;

	border-radius: 50%

}

.ih-item.circle .img:before {

	position: absolute;

	display: block;

	content: '';

	width: 100%;

	height: 100%;

	border-radius: 50%;

	box-shadow: inset 0 0 0 16px rgba(255,255,255,.6), 0 1px 2px rgba(0,0,0,.3);

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

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

	transition: all .35s ease-in-out

}

.ih-item.circle .img img {

	border-radius: 50%

}

.ih-item.circle .info {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	text-align: center;

	border-radius: 50%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.ih-item.square {

	position: relative;

	width: 316px;

	height: 216px;

	border: 8px solid #fff;

	box-shadow: 1px 1px 3px rgba(0,0,0,.3)

}

.ih-item.square .info {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	text-align: center;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.ih-item.circle.effect1 .spinner {

	width: 220px;

	height: 220px;

	border: 10px solid #ecab18;

	border-right-color: #1ad280;

	border-bottom-color: #1ad280;

	border-radius: 50%;

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

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

	transition: all .8s ease-in-out

}

.ih-item.circle.effect1 .img {

	position: absolute;

	top: 10px;

	bottom: 0;

	left: 10px;

	right: 0;

	width: auto;

	height: auto

}

.ih-item.circle.effect1 .img:before {

	display: none

}

.ih-item.circle.effect1.colored .info {

	background: #1a4a72;

	background: rgba(26,74,114,.6)

}

.ih-item.circle.effect1 .info {

	top: 10px;

	bottom: 0;

	left: 10px;

	right: 0;

	background: #333;

	background: rgba(0,0,0,.6);

	opacity: 0;

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

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

	transition: all .8s ease-in-out

}

.ih-item.circle.effect1 .info h3 {

	color: #fff;

	text-transform: uppercase;

	position: relative;

	letter-spacing: 2px;

	font-size: 24px;

	margin: 0 30px;

	padding: 55px 0 0;

	height: 110px;

	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,.3)

}

.ih-item.circle.effect1 .info p {

	color: #bbb;

	padding: 10px 5px;

	font-style: italic;

	margin: 0 30px;

	font-size: 12px;

	border-top: 1px solid rgba(255,255,255,.5)

}

.ih-item.circle.effect1 a:hover .spinner {

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg)

}

.ih-item.circle.effect1 a:hover .info {

	opacity: 1

}





.da-thumbs {

	list-style: none;

	width: 984px;

	position: relative;

	margin: 20px auto;

	padding: 0;

}

.da-thumbs li {

	float: left;

	margin: 5px;

	background: #fff;

	padding: 8px;

	position: relative;

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}

.da-thumbs li a, .da-thumbs li a img {

	display: block;

	position: relative;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	background: #333;

	background: rgba(75,75,75,0.7);

	width: 100%;

	height: 100%;

}

.da-thumbs li a div span {

	display: block;

	padding: 10px 0;

	margin: 40px 20px 20px 20px;

	text-transform: uppercase;

	font-weight: normal;

	color: rgba(255,255,255,0.9);

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	border-bottom: 1px solid rgba(255,255,255,0.5);

	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);

}

.container {

	width: 100%;

	position: relative;

	min-height: 350px;

}

.clr {

	clear: both;

	padding: 0;

	height: 0;

	margin: 0;

}

.container > header {

	margin: 10px;

	padding: 20px 10px 10px 10px;

	position: relative;

	display: block;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	text-align: center;

}

.container > header > span {

	font-family: 'Alegreya SC', Georgia, serif;

	font-size: 20px;

	line-height: 20px;

	display: block;

	font-weight: 400;

	font-style: italic;

	color: #719dab;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);

}

.container > header h1 {

	font-size: 40px;

	line-height: 40px;

	margin: 0;

	position: relative;

	font-weight: 300;

	color: #498ea5;

	padding: 5px 0px;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);

}

.container > header h1 span {

	font-weight: 700;

}

.container > header h2 {

	font-size: 14px;

	font-weight: 300;

	letter-spacing: 2px;

	text-transform: uppercase;

	margin: 0;

	padding: 15px 0 5px 0;

	color: #6190ca;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);

}

.container > header p {

	font-style: italic;

	color: #aaa;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);

}





.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {

	content: " ";

	display: block;

	background: white;

	position: absolute;

	z-index: 30;

	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {

	width: 3px;

	height: 9999px;

	left: 50%;

	margin-left: -1.5px;

}

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {

	width: 9999px;

	height: 3px;

	top: 50%;

	margin-top: -1.5px;

}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	transition-duration: 0.5s;

}

.twentytwenty-before-label, .twentytwenty-after-label {

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	transition-property: opacity;

}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {

	color: white;

	font-size: 13px;

	letter-spacing: 0.1em;

}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {

	position: absolute;

	background: rgba(255, 255, 255, 0.2);

	line-height: 38px;

	padding: 0 20px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {

	top: 50%;

	margin-top: -19px;

}

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {

	left: 50%;

	margin-left: -45px;

	text-align: center;

	width: 90px;

}

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {

	width: 0;

	height: 0;

	border: 6px inset transparent;

	position: absolute;

}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {

	top: 50%;

	margin-top: -6px;

}

.twentytwenty-up-arrow, .twentytwenty-down-arrow {

	left: 50%;

	margin-left: -6px;

}

.twentytwenty-container {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	z-index: 0;

	overflow: hidden;

	position: relative;

	-webkit-user-select: none;

	-moz-user-select: none;

}

.twentytwenty-container img {

	max-width: 100%;

	position: absolute;

	top: 0;

	display: block;

}

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {

	background: rgba(0, 0, 0, 0);

}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {

	opacity: 0;

}

.twentytwenty-container * {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.twentytwenty-before-label {

	opacity: 0;

}

.twentytwenty-before-label:before {

	content: "Before";

}

.twentytwenty-after-label {

	opacity: 0;

}

.twentytwenty-after-label:before {

	content: "After";

}

.twentytwenty-horizontal .twentytwenty-before-label:before {

	left: 10px;

}

.twentytwenty-horizontal .twentytwenty-after-label:before {

	right: 10px;

}

.twentytwenty-vertical .twentytwenty-before-label:before {

	top: 10px;

}

.twentytwenty-vertical .twentytwenty-after-label:before {

	bottom: 10px;

}

.twentytwenty-overlay {

	-webkit-transition-property: background;

	-moz-transition-property: background;

	transition-property: background;

	background: rgba(0, 0, 0, 0);

	z-index: 25;

}

.twentytwenty-overlay:hover {

	background: rgba(0, 0, 0, 0.5);

}

.twentytwenty-overlay:hover .twentytwenty-after-label {

	opacity: 1;

}

.twentytwenty-overlay:hover .twentytwenty-before-label {

	opacity: 1;

}

.twentytwenty-before {

	z-index: 20;

}

.twentytwenty-after {

	z-index: 10;

}

.twentytwenty-handle {

	height: 38px;

	width: 38px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -22px;

	margin-top: -22px;

	border: 3px solid white;

	-webkit-border-radius: 1000px;

	-moz-border-radius: 1000px;

	border-radius: 1000px;

	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	z-index: 40;

	cursor: pointer;

}

.twentytwenty-horizontal .twentytwenty-handle:before {

	bottom: 50%;

	margin-bottom: 22px;

	-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

}

.twentytwenty-horizontal .twentytwenty-handle:after {

	top: 50%;

	margin-top: 22px;

	-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

}

.twentytwenty-vertical .twentytwenty-handle:before {

	left: 50%;

	margin-left: 22px;

	-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

}

.twentytwenty-vertical .twentytwenty-handle:after {

	right: 50%;

	margin-right: 22px;

	-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

}

.twentytwenty-left-arrow {

	border-right: 6px solid white;

	left: 50%;

	margin-left: -17px;

}

.twentytwenty-right-arrow {

	border-left: 6px solid white;

	right: 50%;

	margin-right: -17px;

}

.twentytwenty-up-arrow {

	border-bottom: 6px solid white;

	top: 50%;

	margin-top: -17px;

}

.twentytwenty-down-arrow {

	border-top: 6px solid white;

	bottom: 50%;

	margin-bottom: -17px;

}

.row {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0;

	margin-bottom: 0;

	max-width: 62.5em;

*zoom: 1;

}

.row:before, .row:after {

	content: " ";

	display: table;

}

.row:after {

	clear: both;

}

.row.collapse .column, .row.collapse .columns {

	position: relative;

	padding-left: 0;

	padding-right: 0;

	float: left;

}

.row .row {

	width: auto;

	margin-left: -0.9375em;

	margin-right: -0.9375em;

	margin-top: 0;

	margin-bottom: 0;

	max-width: none;

*zoom: 1;

}

.row .row:before, .row .row:after {

	content: " ";

	display: table;

}

.row .row:after {

	clear: both;

}

.row .row.collapse {

	width: auto;

	margin: 0;

	max-width: none;

*zoom: 1;

}

.row .row.collapse:before, .row .row.collapse:after {

	content: " ";

	display: table;

}

.row .row.collapse:after {

	clear: both;

}

.column, .columns {

	position: relative;

	padding-left: 0.9375em;

	padding-right: 0.9375em;

	width: 100%;

	float: left;

}

@media only screen {

.column,  .columns {

	position: relative;

	padding-left: 0.9375em;

	padding-right: 0.9375em;

	float: left;

}

.small-1 {

	position: relative;

	width: 8.33333%;

}

.small-2 {

	position: relative;

	width: 16.66667%;

}

.small-3 {

	position: relative;

	width: 25%;

}

.small-4 {

	position: relative;

	width: 33.33333%;

}

.small-5 {

	position: relative;

	width: 41.66667%;

}

.small-6 {

	position: relative;

	width: 50%;

}

.small-7 {

	position: relative;

	width: 58.33333%;

}

.small-8 {

	position: relative;

	width: 66.66667%;

}

.small-9 {

	position: relative;

	width: 75%;

}

.small-10 {

	position: relative;

	width: 83.33333%;

}

.small-11 {

	position: relative;

	width: 91.66667%;

}

.small-12 {

	position: relative;

	width: 100%;

}

.small-offset-0 {

	position: relative;

	margin-left: 0%;

}

.small-offset-1 {

	position: relative;

	margin-left: 8.33333%;

}

.small-offset-2 {

	position: relative;

	margin-left: 16.66667%;

}

.small-offset-3 {

	position: relative;

	margin-left: 25%;

}

.small-offset-4 {

	position: relative;

	margin-left: 33.33333%;

}

.small-offset-5 {

	position: relative;

	margin-left: 41.66667%;

}

.small-offset-6 {

	position: relative;

	margin-left: 50%;

}

.small-offset-7 {

	position: relative;

	margin-left: 58.33333%;

}

.small-offset-8 {

	position: relative;

	margin-left: 66.66667%;

}

.small-offset-9 {

	position: relative;

	margin-left: 75%;

}

.small-offset-10 {

	position: relative;

	margin-left: 83.33333%;

}

 [class*="column"] + [class*="column"]:last-child {

 float: right;

}

 [class*="column"] + [class*="column"].end {

 float: left;

}

.column.small-centered,  .columns.small-centered {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: none !important;

}

}



@media only screen and (min-width: 768px) {

.large-1 {

	position: relative;

	width: 8.33333%;

}

.large-2 {

	position: relative;

	width: 16.66667%;

}

.large-3 {

	position: relative;

	width: 25%;

}

.large-4 {

	position: relative;

	width: 33.33333%;

}

.large-5 {

	position: relative;

	width: 41.66667%;

}

.large-6 {

	position: relative;

	width: 50%;

}

.large-7 {

	position: relative;

	width: 58.33333%;

}

.large-8 {

	position: relative;

	width: 66.66667%;

}

.large-9 {

	position: relative;

	width: 75%;

}

.large-10 {

	position: relative;

	width: 83.33333%;

}

.large-11 {

	position: relative;

	width: 91.66667%;

}

.large-12 {

	position: relative;

	width: 100%;

}

.row .large-offset-0 {

	position: relative;

	margin-left: 0%;

}

.row .large-offset-1 {

	position: relative;

	margin-left: 8.33333%;

}

.row .large-offset-2 {

	position: relative;

	margin-left: 16.66667%;

}

.row .large-offset-3 {

	position: relative;

	margin-left: 25%;

}

.row .large-offset-4 {

	position: relative;

	margin-left: 33.33333%;

}

.row .large-offset-5 {

	position: relative;

	margin-left: 41.66667%;

}

.row .large-offset-6 {

	position: relative;

	margin-left: 50%;

}

.row .large-offset-7 {

	position: relative;

	margin-left: 58.33333%;

}

.row .large-offset-8 {

	position: relative;

	margin-left: 66.66667%;

}

.row .large-offset-9 {

	position: relative;

	margin-left: 75%;

}

.row .large-offset-10 {

	position: relative;

	margin-left: 83.33333%;

}

.row .large-offset-11 {

	position: relative;

	margin-left: 91.66667%;

}

.push-1 {

	position: relative;

	left: 8.33333%;

	right: auto;

}

.pull-1 {

	position: relative;

	right: 8.33333%;

	left: auto;

}

.push-2 {

	position: relative;

	left: 16.66667%;

	right: auto;

}

.pull-2 {

	position: relative;

	right: 16.66667%;

	left: auto;

}

.push-3 {

	position: relative;

	left: 25%;

	right: auto;

}

.pull-3 {

	position: relative;

	right: 25%;

	left: auto;

}

.push-4 {

	position: relative;

	left: 33.33333%;

	right: auto;

}

.pull-4 {

	position: relative;

	right: 33.33333%;

	left: auto;

}

.push-5 {

	position: relative;

	left: 41.66667%;

	right: auto;

}

.pull-5 {

	position: relative;

	right: 41.66667%;

	left: auto;

}

.push-6 {

	position: relative;

	left: 50%;

	right: auto;

}

.pull-6 {

	position: relative;

	right: 50%;

	left: auto;

}

.push-7 {

	position: relative;

	left: 58.33333%;

	right: auto;

}

.pull-7 {

	position: relative;

	right: 58.33333%;

	left: auto;

}

.push-8 {

	position: relative;

	left: 66.66667%;

	right: auto;

}

.pull-8 {

	position: relative;

	right: 66.66667%;

	left: auto;

}

.push-9 {

	position: relative;

	left: 75%;

	right: auto;

}

.pull-9 {

	position: relative;

	right: 75%;

	left: auto;

}

.push-10 {

	position: relative;

	left: 83.33333%;

	right: auto;

}

.pull-10 {

	position: relative;

	right: 83.33333%;

	left: auto;

}

.push-11 {

	position: relative;

	left: 91.66667%;

	right: auto;

}

.pull-11 {

	position: relative;

	right: 91.66667%;

	left: auto;

}

.column.large-centered,  .columns.large-centered {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: none !important;

}

.column.large-uncentered,  .columns.large-uncentered {

	margin-left: 0;

	margin-right: 0;

	float: left !important;

}

.column.large-uncentered.opposite,  .columns.large-uncentered.opposite {

	float: right !important;

}

}





.view {

	width: 300px;

	height: 200px;

	margin: 10px;

	border: 5px solid rgb(255, 255, 255);

	overflow: hidden;

	position: relative;

	text-align: center;

	box-shadow: 0px 0px 5px rgb(170, 170, 170);

	cursor: default;

}

.view .mask, .view .content {

	width: 300px;

	height: 200px;

	position: absolute;

	overflow: hidden;

	top: 0px;

	left: 0px;

}

.view img {

	display: block;

	position: relative;

}

.effect img {

	opacity: 1;

	-moz-transform: scale(1, 1);

	-webkit-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	-ms-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;

}

.effect .mask {

	opacity: 0;

	overflow: visible;

	border-color: rgba(0,0,0,0.7) transparent transparent transparent;

	border-style: solid;

	border-width: 150px;

	width: 0;

	height: 0;

	-moz-transform: translateY(-125px);

	-webkit-transform: translateY(-125px);

	-o-transform: translateY(-125px);

	-ms-transform: translateY(-125px);

	transform: translateY(-125px);

	-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;

	-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;

	-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;

	-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;

	transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;

}

.effect a.info {

	opacity: 0;

	-moz-transform: translateY(-125px);

	-webkit-transform: translateY(-125px);

	-o-transform: translateY(-125px);

	-ms-transform: translateY(-125px);

	transform: translateY(-125px);

	-moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;

	-webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;

	-o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;

	-ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;

	transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;

}

.effect:hover img {

	opacity: 0.7;

	-moz-transform: scale(2, 2);

	-webkit-transform: scale(2, 2);

	-o-transform: scale(2, 2);

	-ms-transform: scale(2, 2);

	transform: scale(2, 2);

}

.effect:hover .mask {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	-o-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

}

.effect:hover a.info {

	opacity: 1;

	-moz-transform: translateY(100px);

	-webkit-transform: translateY(100px);

	-o-transform: translateY(100px);

	-ms-transform: translateY(100px);

	transform: translateY(100px);

}

.second-effect .mask {

	opacity: 0;

	overflow: visible;

	border: 0px solid rgba(0,0,0,0.7);

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.second-effect a.info {

	position: relative;

	top: -10px;

	opacity: 0;

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

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

	-o-transform: scale(0, 0);

	-ms-transform: scale(0, 0);

	transform: scale(0, 0);

	-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

	-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

	-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

	-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

	transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

}

.second-effect:hover .mask {

	opacity: 1;

	border: 100px solid rgba(0,0,0,0.7);

}

.second-effect:hover a.info {

	opacity: 1;

	-moz-transform: scale(1, 1);

	-webkit-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

	-moz-transition-delay: 0.3s;

	-webkit-transition-delay: 0.3s;

	-o-transition-delay: 0.3s;

	-ms-transition-delay: 0.3s;

	transition-delay: 0.3s;

}

.view a.info {

	background: url('../images/link.png') no-repeat scroll center center transparent;

	display: inline-block;

	text-decoration: none;

	padding: 0px;

	text-indent: -9999px;

	width: 20px;

	height: 20px;

}

.third-effect .mask {

	opacity: 0;

	overflow: visible;

	border: 100px solid rgba(0, 0, 0, 0.7);

	box-sizing: border-box;

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

}

.third-effect a.info {

	position: relative;

	top: -10px;

	opacity: 0;

	transition: opacity 0.5s ease-in-out 0s;

}

.third-effect:hover .mask {

	opacity: 1;

	border: 100px solid rgba(0, 0, 0, 0.7);

}

.third-effect:hover a.info {

	opacity: 1;

	transition-delay: 0.3s;

}

.fourth-effect .mask {

	position: absolute;

	top: 50px;

	left: 100px;

	cursor: pointer;

	border-radius: 50px;

	display: inline-block;

	height: 100px;

	width: 100px;

	border: 50px solid rgba(0, 0, 0, 0.7);

	box-sizing: border-box;

	opacity: 1;

	visibility: visible;

	transform: scale(4);

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

}

.fourth-effect:hover .mask {

	opacity: 0;

	border: 0px solid rgba(0, 0, 0, 0.7);

	visibility: hidden;

}



.fifth-effect img {

	opacity: 0.2;

	-moz-transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-o-transition: all 0.3s ease-in;

	-ms-transition: all 0.3s ease-in;

	transition: all 0.3s ease-in;

}

.fifth-effect .mask {

	cursor: pointer;

	opacity: 1;

	visibility: visible;

	border: 100px solid rgba(0,0,0,0.7);

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

	-webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

	-o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

	-ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

	transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

}

.fifth-effect:hover .mask {

	border: 0px double rgba(0,0,0,0.7);

	opacity: 0;

	visibility: hidden;

}

.fifth-effect:hover img {

	opacity: 1;

}





div.flip-3d {

	perspective: 1200px;

	width: 30%;

	float: left;

}

div.flip-3d .figure {

	position: relative;

	transform-style: preserve-3d;

	transition: 1s transform;

	font-size: 1.6rem;

}

div.flip-3d .figure img {

	width: 100%;

	height: auto;

}

div.flip-3d .figure figcaption {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

 transform: rotateY(.5turn) translateZ(1px);

	background: rgba(255, 255, 255, 0.9);

	text-align: center;

	padding-top: 45%;

	opacity: 0.6;

	transition: 1s .5s opacity;

}

div.flip-3d:hover .figure {

 transform: rotateY(.5turn);

}

div.flip-3d:hover .figure figcaption {

	opacity: 1;

}

div.flip-3d .figure:after {

	content: " ";

	display: block;

	height: 8vw;

	width: 100%;

	transform: rotateX(90deg);

	background-image: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);

}







.guanyu{ overflow:hidden;}

.guanyu ul{width: 650px;float:left;}

.guanyu ol{ width:580px; float:right; position:relative;}

.guanyu ul h4{font-size:20px;color: #999;margin-bottom: 0px;}

.guanyu ul h3{font-size: 35px;}

.guanyu ul p{font-size:16px;line-height: 34px;}

.guanyu .indexlx{background:#eee;padding: 25px 25px 10px;overflow: hidden;}

.guanyu .indexlx h5{width:30%;float:left;border-right:1px solid #999;font-size: 25px;padding:21px 0;margin-bottom: 0;}

.guanyu .indexlx h5 span{ font-size:16.5px}

.guanyu .indexlx h6{ width:60%; float:right; line-height:30px; font-weight:normal;}

.guanyu ol .imgtxt{ position:absolute; top:20px; left:20px; color:#fff;}

.guanyu ol .imgtxt h2{font-size: 18px;}

.heng{width:50px;height:5px;background:#fff;margin:10px 0;border-radius: 2.5px;}

.guanyu ol .imgtxt p{ font-size:16px; font-weight:normal;}

.guanyu ul div {width:100%;padding: 20px 0;overflow: hidden;}

.guanyu ul div li{width: 15.666666%;float:left;text-align:center;border: 1px solid #ccc;padding: 20px 0;margin-left: 1.2%;}

.guanyu ul div li:nth-child(1){ margin-left:0;}

.guanyu ul div li i{width:100%;font-size: 35px;margin-bottom: 10px;}

.zilei{ text-align:center;}

.zilei li{margin-top:20px;display: inline-block; margin:5px;}

.zilei li a{background:#f8f8f8; line-height:35px; display:block; padding:0 15px; border:1px solid #000; border-radius:5px; transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;}

.zilei li a:hover, .zilei li.hover a { background:#d61518; color:#fff; border:1px solid #d61518 }

.lx2{

    overflow: hidden;

    width: 100%;

    margin: auto;

    background: rgba(255,255,255,0.7);

    

    position: relative;

    

    padding-top: 20px;

    }

.lx2 ul{margin:0;width: 100%;padding: 0;margin-bottom: 20px;overflow: hidden;}

.lx2 ul li{width: 24%;margin-right:1.33333333%;line-height:30px;list-style:none;float:left;background: url(../images/da_bg02.jpg) no-repeat 0 0;background-size:auto 100%;height: 175px;text-align:center;padding:20px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;font-size: 16px;}

.lx2 ul li:nth-child(4){margin-right:0; background-position: -150px 0;}

.lx2 ul li:nth-child(2){background-position: -50px 0;}

.lx2 ul li:nth-child(3){background-position: -100px 0;}

.lx2 ul li i{width:100%;font-size: 35px;text-align:center;margin-bottom: 10px;}

#allmap{ width:100%; height:450px; border:7px solid #231714; margin-bottom:30px;} 



		.sideMenu{  margin-bottom:30px; }

		.sideMenu h3{

			height: 70px;

			line-height: 70px;

			padding-left: 15px;

			 border:1px solid #ddd; 

			background:#f4f4f4;

			cursor:pointer;

			

			margin: 0;

			font-size: 20px;

			font-weight: normal; margin-top:10px;

		}

		.sideMenu h3 span{float:right;margin-right:15px;font-weight:normal;font-size: 30px;color:#999; transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

		.sideMenu h3.on span{ transform:rotate(90deg);

-ms-transform:rotate(90deg); 	

-moz-transform:rotate(90deg); 	

-webkit-transform:rotate(90deg); 

-o-transform:rotate(90deg);}





		.sideMenu ul{ padding:0px; line-height:30px;  margin-top:10px; display:none;}

		.sideMenu ul ol{width:100%;margin-bottom:10px;background: #EDEDEF;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}

.sideMenu ul ol h6{width:20%;float:left;text-align:center;font-size:20px;font-weight:normal;margin: 0;height: 100%;}

.sideMenu ul ol div{display:block;width:80%;background: #F7F7F8;padding: 35px;}

.sideMenu h3.on{border:1px solid #d61518 }





.wenhua{

    overflow: hidden;

    margin: 40px 0;

}

.wenhua li{width:23%;margin-left:2.6%; float:left;position:relative;overflow:hidden;height: 430px; border:1px solid #ccc}

.wenhua li:nth-child(1){ margin-left:0;}

.wenhua li img{width:100%;display: block;}

.wenhua li div{background:#fff;height: 200px;text-align:center;width:100%;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;margin-top: -10px;position: relative;}

.wenhua li div h6{height: 100px;font-size: 40px;line-height: 50px;margin-bottom: 0;}

.wenhua li div h6 h7{display:block;height:60px;line-height:60px;font-size: 40px;}

.wenhua li div h6 span{font-size:18px;height:40px;line-height:40px;display: block;}

.wenhua li div p{ height:50px; line-height:50px;}

.wenhua li:hover div{margin-top:-80px}

.fazhan{background-image: url(../images/shanbg.jpg); background-repeat:no-repeat; background-size:100% 100%; margin-top:20px;}

		

		.nav{height: 50px;line-height: 50px;position:relative;z-index:1;border: 1px solid #ccc;border-radius: 5px; }

		.nav a{}

		.nav .nLi{float:left;position:relative;display:inline;width: 100%;}

		.nav .nLi h3{float:left;margin-bottom: 0;font-size: 16px;font-weight: normal; overflow:hidden; width:100%}

		.nav .nLi h3 span{background:#eee;display:block;float:left;height:48px;border-radius:5px 0 0 5px;font-size:16px;margin-right: 2%;width: 12%;text-align: center;border-right: 1px solid #ccc;} 

		.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }

		.nav .nLi h3 strong{ font-size:16px;}

		.nav .sub{display:none;width: 87%;left: 12%;top: 49px;position:absolute;background: #fff;line-height:26px;padding:5px 0;margin: 0 auto;border: 1px solid #ccc;border-top: none;}

		.nav .sub li{zoom:1;width: 100%;overflow: hidden; transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

		.nav .sub li:hover{background: #231714;}

		.nav .sub li:hover a{ color:#fff}

		.nav .sub a{display:block;padding: 0 20px;line-height: 40px;float: left;}

		.nav .sub a:hover{/* background: #231714; *//* color:#fff; */}

		.nav .nLi .jiantou{ font-size:25px; line-height:50px; float:right; margin-right:20px; transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

		.nav .nLi:hover .jiantou{ transform:rotate(180deg)}

		.nav .sub li dd{float:right;display:block;overflow:hidden;/* border-bottom:1px solid #ccc; */}

		.nav .sub li dd a{display:inherit;float:left;/* margin-left:20px; */font-size:13px;color:#999;border:none;}

		.nav .sub li dd a:hover{color:#fff}

-ms-transform:rotate(180deg); 	

-moz-transform:rotate(180deg); 	

-webkit-transform:rotate(180deg); 

-o-transform:rotate(180deg); }

.suoluetu{ width:100%;}

.suoluetu img{ max-width:90%; display:block; margin:auto; padding:2px; border:1px solid #ccc; border-radius:15px;}

.cpjianjie{ padding:20px; border:5px solid #eee; margin-top:30px;}

.nav .nLi h8{ font-size:16px;}

.zhiweilx{margin: 30px 0;overflow:hidden;}

.zhiweilx p{font-size:20px;text-align:center;margin-bottom: 30px;font-weight: bold;}

.zhiweilx li{ width:33.33333%; float:left; font-size:20px; text-align:center;}

.zhiweilx li i{display:block;width:100px;height:100px;border: 2px solid #000;font-size:40px;text-align:center;line-height:100px;border-radius: 50%;margin: auto;margin-bottom: 20px;}





.picMarquee-left{width:100%;overflow:hidden;position:relative;margin-bottom: 40px;}



		.picMarquee-left .prev,.picMarquee-left .next{

			 display:block;

			 width:45px;

			 height:45px;

			 float:right;

			 overflow:hidden;

			 cursor:pointer;

			 /* background:url("../images/arrow.png") no-repeat; */

			 font-size: 25px;

			 line-height: 45px;

			 text-align: center;

			 background: rgba(255,255,255,0.8);

			 float: left;

			 position: absolute;

			 z-index: 999;

			 left: 0;

			 top: 50%;

			 margin-top: -22.5px;

			 /* border: 1px solid #000; */

			 }

			 

		.picMarquee-left .next{/* background-position:0 -50px; *//* float: right; */right: 0;left: auto;}



		.picMarquee-left .bd{/* padding:10px; */}

		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

		.picMarquee-left .bd ul li{margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;}

		.picMarquee-left .bd ul li .pic{text-align:center;height: 167px;overflow: hidden;}

		.picMarquee-left .bd ul li .pic img{width:250px;height:auto;display:block;padding:2px;border:1px solid #ccc;}

		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }

.tuandui{overflow:hidden;margin: 30px auto;}

.tuandui li{width:49%;float:left;margin:0 0 2% 2%;overflow:hidden;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 10px solid #fff;     height: 250px;

    display: flex;

    display: -webkit-flex;

    justify-content: center;

    align-items: center;}

.tuandui li:nth-child(1),.tuandui li:nth-child(3){ margin-left:0;}

.tuandui li div{ position:absolute; height:60px; bottom:0; background:rgba(255,255,255,0.7); width:100%;  transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

.tuandui li div h6{height:60px; line-height:60px; text-align:center; font-size:20px;  transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

.tuandui li div p{ width:0; height:0; overflow:hidden;  transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

.tuandui li:hover div{ height:130px;  background:rgba(255,255,255,0.9);}

.tuandui li:hover div h6{ font-size:22px;}

.tuandui li:hover div p{ width:100%; display:block; height:auto; padding:0 20px; text-align:center; font-size:18px;}

.tdbg{background-image:url(../images/tdbg.jpg);background-attachment: fixed !important;background-position: center;background-size: cover;}

.zsbg{ background:url(../images/zsbg.png) center no-repeat; background-size:100% auto; }

.zhengshu{ text-align:center;}

.zhengshu a img{ display:none;}

.zhengshu a{position:relative;display: block;}

.zhengshu a:nth-child(1) img{ display:block; margin: 20px auto 50px;}

.zhengshu a h6{width:0px;height:0px;overflow:hidden;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;position:absolute;top:35%;left:50%;/* margin-left:-75px; */color: #fff; font-size:0; font-weight:normal;}

.zhengshu a:hover h6{ width:150px; height:40px; background:#f60; color:#ff; text-align:center; line-height:40px;  margin-left: -75px; font-size:14px; border-radius:5px;}

.fenkuai{overflow:hidden;margin-bottom:20px;}

.fenkuai h6{height:45px;line-height:45px;padding-left:20px;font-size:18px;color:#000;background: #f4f4f4; margin-bottom:0px; border-radius: 10px;/* padding: 2px; *//* box-shadow: 0 0 5px #000; */border: 1px solid #666;background-size: 100%;}

.fenkuai h6 span{ font-size:14px; color:#999;}

.fenkuai li{
	width:32.3333333%;
	float:left;
	margin-left:1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #666;
	border-radius:10px;
	padding:15px;
	margin-top: 20px;
	}

.fenkuai li:nth-child(2),.fenkuai li:nth-child(5){ margin-left:0}

.fenkuai li ol{width: 65%;float:left;}

.fenkuai li ol h5{

    height: 40px;

    margin-bottom: 15px;

}

.fenkuai li ol h5 span{

    /* padding-top: 50px; */

    display: block;

    padding-top: 22px;

    margin-left: 10px;

    float: left;

}

.fenkuai li ol h5 img{

    /* width: 70px; */

    float: left;

    height: 40px;

}

.fenkuai li ol h4{font-size:25px;margin-bottom: 5px;}

.fenkuai li ol h4 span{ font-size:20px;}

.fenkuai li ol p{font-size: 14px;line-height: 30px;}

.fenkuai li ol p i{ width:15px; text-align:center;}

.fenkuai li ul{width: 35%;float:right;text-align:center;margin: 0;}

.fenkuai li ul img{ width:100%; }





/*悬浮链接*/

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}

.suspension-box{position:relative;float:right;}

.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;color: #fff;text-align: center;font-size: 20px;line-height: 44px;transition: .5s;-moz-transition:.5s;-webkit-transition:.5s;}

.suspension .a.active,

.suspension .a:hover{background: #d61518;}

.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}

/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}

.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}

.suspension .a-qrcode .i{background-position:-44px 0;}

.suspension .a-cart .i{background-position:-88px 0;}

.suspension .a-top .i{background-position:-132px 0;}

.suspension .a-top{background:#D2D3D6;display:none;}

.suspension .a-top:hover{background:#c0c1c3;}

.suspension .d{display:none;/* width: 160px; */background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top: 18px;}

.suspension .d-service{top:0;}

.suspension .d-service-phone{top:34px;}

.suspension .d-qrcode{top:78px;}

.suspension .d .inner-box{padding:8px 22px 12px;}

.suspension .d-service-item{padding:14px 0;width: 180px;}

.suspension .d-service .d-service-item{border-bottom:none;}

.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; text-align:center; line-height:44px; color:#d61518}

.suspension .d-service-item .circle i {font-size:22px}

.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}

.suspension .d-service-item:hover .i-qq{background-position:center 3px;}

.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}

.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.suspension .d-service-intro{padding-top:10px;}

.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}

.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}

.suspension .d-qrcode{text-align:center;width: 160px;}

.suspension .d-qrcode .inner-box{padding: 0;padding-bottom: 10px;}

.suspension .d-qrcode p{font-size:16px;color:#93959c;}

#shouye{min-height:auto;height: 44px;line-height: 44px;}

#shouye .inner-box{width:135px;padding: 0;height: 44px;line-height: 44px;text-align: center;}

#shouye .d-service-item{ padding:0}

.m-kefu{ display:none;}









@media(max-width:640px){

	.sideMenu ul ol{ display:block;}

	.sideMenu ul ol h6,.sideMenu ul ol div{ width:100%;}

	.sideMenu ul ol h6{ padding:20px 0; background:#eee; margin-bottom:20px;}

	.sideMenu ul ol div{ padding:15px;}

	.guanyu ul ,.guanyu ol{width:100%;}

	.guanyu ul div li{ width:32.3333333%; margin:0.5%;}

	.guanyu ul div li:nth-child(1){ margin:0.5%;}

	.guanyu .indexlx h5,.guanyu .indexlx h6{ width:100%;}

	.guanyu .indexlx h5{ border-right:0; border-bottom:1px solid #ccc;padding-top: 0; margin-bottom: 20px;}

	.guanyu ol .imgtxt p{ display:none;}

	.lx2{ width:94%; margin:auto;}

.lx2 ul li{ width:100%; margin-bottom:10px;}

#allmap{ height:350px;}

.wenhua li{ width:48%; margin:10px 0; height:auto;  padding-bottom:10px;}

.wenhua li:nth-child(2n),.wenhua li:nth-child(5n){ margin-left:4%}

.wenhua li div{ height:auto; margin-top:0; padding:0 5px}

.wenhua li div h6{ height:auto;}

.wenhua li div p{height: 50px;line-height:25px;font-size:12px;}

.wenhua li:hover div{margin-top:0}

.nav .nLi h8{display:none;}

.nav .nLi h3 strong,.nav .nLi h8{ font-size:14px;}

.zhiweilx li{ width:100%; margin-bottom:15px;}

.fenkuai li {width:100%; margin:0 0 20px}

.suspension{ display:none;}

.fenkuai h6 span{ display:none;}

.fenkuai li ol h4{ font-size:20px}

.fenkuai li ol h4 span{ font-size:16px;}

.m-kefu{position:fixed;bottom:0;width:100%;display:block;background: #d61518;/* border-top: 1px solid #fff; */color: #fff;}

.m-kefu li{width:25%;float:left;border-left:1px solid #e45a5a;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;font-size:14px;color:#fff;padding:7px 0;}

.m-kefu li i{font-size:25px;width:100%;height:30px;line-height: 30px;}

.m-kefu li:nth-child(1){ border-left:0;}

.m-kefu li:nth-child(3) i{ font-size:22px;}

.m-kefu li:nth-child(4) i{ font-size:30px;}

.m-kefu li a{ color:#fff; display:block; position:relative;}

.wxtan h6 { display:block; position:absolute; width:0px; height:0; bottom:-60px; transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;}

.wxtan h6 img{ width:100%}

.wxtan:hover h6{ width:150px; top:-158px;left:50%; margin-left:-75px; }

.tuandui li{width:100%; margin-left:0; height:auto;}

.tuandui li div{ position:absolute; height:100px; bottom:0; background:rgba(255,255,255,0.7); width:100%;  transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

.tuandui li div h6{height:40px; line-height:40px; margin:0}

.tuandui li div p{ width:100%; height:60px; text-align:center; line-height:22px; font-size:14px;}

.tuandui li:hover div{ height:100px;  background:rgba(255,255,255,0.9);}

.tuandui li:hover div h6{ font-size:20px;}

.tuandui li:hover div p{ width:100%; display:block; height:auto; padding:0; text-align:center; font-size:14px;}

.nav .sub li dd a {

    padding: 0 10px;

}

.nav .sub li dd{float:left;margin-left:15px;width: 100%;}

}