/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */

/* QQ：9490489 */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */

.layout {

	padding-left: 4%;

	padding-right: 4%

}



img {

	max-width: 100%

}



.clearfix:before,.clearfix:after {

	content: " ";

	display: table

}



.clearfix {

	zoom: 1

}



.clearfix:after {

	content: " ";

	clear: both;

	height: 0;

	visibility: hidden;

	display: block

}



#warpper {

	width: 100%;

	position: relative;

	overflow-x: hidden

}



.header {

	width: 100%;

	height: 100px;

	position: fixed;

	_position: absolute;

	left: 0;

	top: 0;

	z-index: 100

}



.header.header-hover,.header.header-hover1 {

	-moz-box-shadow: 0 0 8px rgba(0,0,0,.2);

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);

	box-shadow: 0 0 8px rgba(0,0,0,.2);

	background-color: #fff;

	border-bottom: 1px solid #e6e6e6

}



.logo {

	position: absolute;

	left: 0;

	top: 0;

	padding-left: 4%;

	padding-top: 24px

}



.logo a {

	display: block;

	width: 296px;

	height: 38px;

	font-size: 0;

}



.myPhone {

	position: absolute;

	right: 4%;

	top: 11px;

	font-size: 12px;

	color: #fff;

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

	padding-left: 18px

}



.myPhone b {

	margin-left: 3px;

	color: #e15620

}



.nav {

	position: absolute;

	right: 0;

	top: 40px;

	padding-right: 4%

}



.nav ul {

	float: left

}



.nav ul li {

	float: left;

	margin-left: 40px

}



.nav ul li a {

	font-size: 16px;

	color: #fff;

	position: relative

}



.nav ul li a:before {

	content: "";

	display: block;

	width: 0;

	height: 1px;

	background-color: #e15620;

	position: absolute;

	left: 0;

	bottom: -3px;

	transition: .3s;

	-webkit-transition: .3s

}



.nav ul li:hover a:before,.nav ul li.on a:before {

	width: 100%;

}

.nav .messsn {

	display: block;

	width: 21px;

	height: 21px;

	background-image: url(../images/messicon.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	cursor: pointer;

	font-size: 0;

	float: left;

	margin-left: 40px;

	display: none

}



.header.header-hover .myPhone,.header-hover1 .myPhone {

	color: #333;

	background: url(../images/myphone_h.png) left center no-repeat

}



.header.header-hover .nav .messsn,.header.header-hover1 .nav .messsn {

	background-position: 0 -21px

}



.header.header-hover .nav ul li a,.header.header-hover1 .nav ul li a {

	color: #333

}



.header.header-hover .nav ul li a:before,.header.header-hover1 .nav ul li a:before {

	background-color: #333

}



.header.header-hover .btn-m-list span,.header.header-hover1 .btn-m-list span {

	background-color: #333

}



.btn-m-list {

	position: absolute;

	top: 50%;

	right: 75px;

	margin-top: -17px;

	height: 30px;

	width: 30px;

	cursor: pointer;

	display: none

}



.btn-m-list span {

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 1px;

	background-color: #fff;

	transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	transition: .25s ease-in-out;

	-o-transition: .25s ease-in-out;

	-moz-transition: .25s ease-in-out;

	-webkit-transition: .25s ease-in-out

}



.btn-m-list span:first-child {

	top: 10px

}



.btn-m-list span:nth-child(2) {

	top: 18px

}



.btn-m-list span:nth-child(3) {

	top: 18px

}



.btn-m-list span:nth-child(4) {

	top: 26px

}



.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4) {

	display: none

}



.btn-m-list.on span:nth-child(2) {

	transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg)

}



.btn-m-list.on span:nth-child(3) {

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg)

}



.mask {

	position: fixed;

	_position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #000;

	filter: alpha(opacity=70);

	background-color: rgba(0,0,0,.7);

	display: none;

	z-index: 100

}



.mob-nav {

	width: 60%;

	height: 100%;

	position: fixed;

	_position: absolute;

	top: 0;

	left: -60%;

	overflow-y: auto;

	overflow-x: hidden;

	background-color: #25211e;

	z-index: 200;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}



.mob-nav.on {

	left: 0;

	visibility: visible;

	opacity: 1

}



.mob-nav .msearchbox {

	width: 100%;

	height: 35px;

	position: relative;

	background-color: #fff

}



.mob-nav .msearchbox .mtext {

	width: 100%;

	height: 35px;

	border: 0;

	background: 0 0;

	font-size: 14px;

	color: #333;

	text-indent: 10px

}



.mob-nav .msearchbox .mbtn {

	width: 40px;

	height: 35px;

	border: 0;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 5;

	cursor: pointer;

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

}



.mob-nav .subtab li {

	border-bottom: 1px solid #343434;

	position: relative

}



.mob-nav .subtab li .tlink {

	display: block;

	padding: 10px;

	font-size: 14px;

	color: #fff;

	background-position: 98% center;

	background-repeat: no-repeat

}



.mob-nav .subtab li.on .tlink {

	background-color: #e15620

}



.mob-nav .subtab li .subbtn {

	background-image: url(../images/moli.png)

}



.mob-nav .subtab li.on .subbtn {

	background-image: url(../images/moli_h.png);

	background-position: 98% center;

	background-repeat: no-repeat

}



.mob-nav .subtab li .submenu {

	width: 100%;

	overflow: hidden;

	display: none

}



.mob-nav .subtab li .submenu a {

	display: block;

	font-size: 18px;

	color: #fff;

	padding: 10px;

	border-top: 1px solid #343434;

	background-color: #000

}



.neirong {

	display: block;

	position: fixed;

	width: 100%;

	top: 0;

	z-index: 1000;

	overflow-y: auto;

	left: 0;

	touch-action: pan-y;

	-webkit-user-select: none;

	-webkit-user-drag: none;

	-webkit-tap-highlight-color: transparent

}



.neirong .neirong-bd {

	padding-bottom: 20px;

	padding-top: 50px;

	padding-left: 50px;

	padding-right: 50px;

	visibility: hidden

}



.neirong a {

	display: block;

	height: 47px;

	line-height: 47px;

	color: #fff;

	font-size: 16px;

	border-bottom: 1px solid #333;

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

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

	-ms-transition: all .35s ease-out;

	-o-transition: all .35s ease-out;

	transition: all .35s ease-out

}



.neirong a.neirong-on {

	color: #e15620;

}



.content {

	overflow-x: hidden;

	left: 0;

	position: relative

}



.content.content-on {

	left: 120px

}



.neirong.neirong-on {

	left: 0

}



.body-on {

	position: relative;

	overflow: hidden

}



.html-on {

	overflow: hidden

}



.neirong-close {

	width: 24px;

	height: 24px;

	background: url(../images/nav_close.png) no-repeat 7px center;

	position: absolute;

	top: 20px;

	left: 10px;

	visibility: hidden

}



.neirong.neirong-hide {

	background-color: rgba(0,0,0,.8);

	height: 0;

	-webkit-transition: background .35s linear,height .25s ease-in 200ms;

	-moz-transition: background .35s linear,height .25s ease-in 200ms;

	-ms-transition: background .35s linear,height .25s ease-in 200ms;

	-o-transition: background .35s linear,height .25s ease-in 200ms;

	transition: background .35s linear,height .25s ease-in 200ms

}



.neirong.neirong-show {

	background-color: #000;

	height: 100%

}



.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close {

	visibility: visible

}



.neirong.neirong-hide a {

	opacity: 0;

	-webkit-transform: scale(1.1) translateY(-24px);

	-moz-transform: scale(1.1) translateY(-24px);

	-ms-transform: scale(1.1) translateY(-24px);

	-o-transform: scale(1.1) translateY(-24px);

	transform: scale(1.1) translateY(-24px)

}



.neirong.neirong-show a {

	opacity: 1;

	-webkit-transform: none;

	-moz-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none

}



.neirong a:nth-of-type(2) {

	-webkit-transition-delay: 300ms,300ms;

	transition-delay: 300ms,300ms

}



.neirong a:nth-of-type(3) {

	-webkit-transition-delay: 350ms,350ms;

	transition-delay: 350ms,350ms

}



.neirong a:nth-of-type(4) {

	-webkit-transition-delay: 400ms,400ms;

	transition-delay: 400ms,400ms

}



.neirong a:nth-of-type(5) {

	-webkit-transition-delay: 450ms,450ms;

	transition-delay: 450ms,450ms

}



.neirong a:nth-of-type(6) {

	-webkit-transition-delay: 500ms,500ms;

	transition-delay: 500ms,500ms

}



.neirong a:nth-of-type(7) {

	-webkit-transition-delay: 550ms,550ms;

	transition-delay: 550ms,550ms

}



.neirong a:nth-of-type(8) {

	-webkit-transition-delay: 600ms,600ms;

	transition-delay: 600ms,600ms

}



.neirong a:nth-of-type(9) {

	-webkit-transition-delay: 650ms,650ms;

	transition-delay: 650ms,650ms

}



.neirong a:nth-of-type(10) {

	-webkit-transition-delay: 700ms,700ms;

	transition-delay: 700ms,700ms

}



.neirong a:nth-of-type(11) {

	-webkit-transition-delay: 750ms,750ms;

	transition-delay: 750ms,750ms

}



.seebtn {

	text-align: center;

	position: relative;

	z-index: 10;

	padding: 0 0 30px

}



.seebtn a {

	display: block;

	width: 150px;

	height: 43px;

	line-height: 43px;

	border-radius: 10px;

	background: #2e2e2e;

	color: #fff;

	font-size: 18px;

	margin: 0 auto;

	transition: all .3s ease 0s

}



.seebtn a i {

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

	padding-right: 30px;

	line-height: 22px;

	display: inline-block

}



.seebtn a:hover {

	background: #cb0808

}



.bannerwarp {

	width: 100%;

	background-color: #000

}



.scrollBar {

	position: relative;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}



.scrollBar .banner {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-image: url(../images/loading.gif);

	background-position: center center;

	background-repeat: no-repeat

}



.scrollBar .banner ul li {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	transition: width 1.2s cubic-bezier(.35,.85,.55,1) .2s;

	-webkit-transition: width 1.2s cubic-bezier(.35,.85,.55,1) .2s;

	-moz-transition: width 1.2s cubic-bezier(.35,.85,.55,1) .2s

}



.scrollBar .banner ul li .imgTimes {

	width: 100%!important;

	height: 100%;

	position: relative;

	z-index: 5;

	left: 0;

	top: 0;

	background-repeat: no-repeat!important;

	background-position: center center!important;

	background-size: 100% 100%!important;

	background-color: #000;

	filter: alpha(opacity=40);

	background-color: rgba(0,0,0,.4)

}



.scrollBar .banner ul li video {

	position: absolute;

	left: 0;

	top: 0;

	width: 0%;

	height: auto;

	object-fit: cover;

	object-position: center center;

	z-index: 1;

	transition: width 1.2s cubic-bezier(.35,.85,.55,1) 0s;

	-webkit-transition: width 1.2s cubic-bezier(.35,.85,.55,1) 0s;

	-moz-transition: width 1.2s cubic-bezier(.35,.85,.55,1) 0s

}



.scrollBar .banner ul li .imgTimes>article {

	position: absolute;

	left: 4%;

	bottom: 15%

}



.scrollBar .banner ul li .imgTimes>article .banTops {

	font-size: 0;

	transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	perspective: 800px;

	-webkit-perspective: 800px;

	-moz-perspective: 800px

}



.scrollBar .banner ul li .imgTimes>article .banTops small {

	display: inline-block;

	vertical-align: middle;

	margin: 0 8px;

	opacity: 0;

	transform: matrix(.5,0,0,.5,0,0);

	-webkit-transform: matrix(.5,0,0,.5,0,0);

	-moz-transform: matrix(.5,0,0,.5,0,0)

}



.scrollBar .banner ul li .imgTimes>article .banTops em {

	display: inline-block;

	vertical-align: middle;

	margin: 0 8px;

	opacity: 0;

	transform: matrix(1,0,0,1,0,-80);

	-webkit-transform: matrix(1,0,0,1,0,-80);

	-moz-transform: matrix(1,0,0,1,0,-80)

}



.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2) {

	opacity: 0;

	transform: matrix(1,0,0,1,0,-80);

	-webkit-transform: matrix(1,0,0,1,0,-80);

	-moz-transform: matrix(1,0,0,1,0,-80)

}



.scrollBar .banner ul li .imgTimes>article .banTops small,.scrollBar .banner ul li .imgTimes>article .banTops em,.scrollBar .banner ul li .imgTimes>article .banText i,.scrollBar .banner ul li .imgTimes>article .banText span {

	transition: all 200ms cubic-bezier(.35,.85,.55,1) 0s;

	-webkit-transition: all 200ms cubic-bezier(.35,.85,.55,1) 0s;

	-moz-transition: all 200ms cubic-bezier(.35,.85,.55,1) 0s

}



.em-h1 {

	font-size: 48px;

	font-weight: 700;

	color: #da0000;

	line-height: 1

}



.em-h2 {

	font-size: 48px;

	color: #fff;

	margin: 10px 0

}



.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(1) {

	transition: all 1000ms cubic-bezier(.35,.85,.55,1) .6s;

	-webkit-transition: all 1000ms cubic-bezier(.35,.85,.55,1) .6s;

	-moz-transition: all 1000ms cubic-bezier(.35,.85,.55,1) .6s

}



.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2) {

	transition: all 1000ms cubic-bezier(.35,.85,.55,1) 1.2s;

	-webkit-transition: all 1000ms cubic-bezier(.35,.85,.55,1) 1.2s;

	-moz-transition: all 1000ms cubic-bezier(.35,.85,.55,1) 1.2s

}



.scrollBar .banner ul li .imgTimes>article .banText {

	font-size: 0

}



.scrollBar .banner ul li .imgTimes>article .banText i {

	display: inline-block;

	vertical-align: middle;

	width: 0;

	height: 1px;

	background-color: #fff

}



.scrollBar .banner ul li .imgTimes>article .banText span {

	display: inline-block;

	width: 0;

	vertical-align: middle;

	margin-left: 8px;

	overflow: hidden

}



.scrollBar .banner ul li .imgTimes>article .banText span font {

	display: inline-block;

	width: 400px;

	font-size: 14px;

	color: #fff

}



.scrollBar .banner ul li.curs {

	width: 0%

}



.scrollBar .banner ul li.visb {

	width: 100%

}



.scrollBar .banner ul li.visb video {

	width: 100%!important

}



.scrollBar .banner ul li.visb .imgTimes>article .banTops small,.scrollBar .banner ul li.visb .imgTimes>article .banTops em {

	opacity: 1;

	transform: matrix(1,0,0,1,0,0);

	-webkit-transform: matrix(1,0,0,1,0,0);

	-moz-transform: matrix(1,0,0,1,0,0)

}



.scrollBar .banner ul li.visb .imgTimes>article .banTops small {

	opacity: 1;

	transform: matrix(1,0,0,1,0,0);

	-webkit-transform: matrix(1,0,0,1,0,0);

	-moz-transform: matrix(1,0,0,1,0,0);

	transition: all 1000ms cubic-bezier(.35,.85,.55,1) 1.4s;

	-webkit-transition: all 1000ms cubic-bezier(.35,.85,.55,1) 1.4s;

	-moz-transition: all 1000ms cubic-bezier(.35,.85,.55,1) 1.4s

}



.scrollBar .banner ul li.visb .imgTimes>article .banText i {

	width: 35px;

	transition: all 300ms cubic-bezier(.35,.85,.55,1) 1.5s;

	-webkit-transition: all 300ms cubic-bezier(.35,.85,.55,1) 1.5s;

	-moz-transition: all 300ms cubic-bezier(.35,.85,.55,1) 1.5s

}



.scrollBar .banner ul li.visb .imgTimes>article .banText span {

	width: 400px;

	transition: all 1500ms cubic-bezier(.35,.85,.55,1) 1.7s;

	-webkit-transition: all 1500ms cubic-bezier(.35,.85,.55,1) 1.7s;

	-moz-transition: all 1500ms cubic-bezier(.35,.85,.55,1) 1.7s

}



.inbanner {

	overflow: hidden;

	clear: both;

	width: 100%;

	position: relative;

	z-index: 1

}



.bx-wrapper {

	position: relative;

	margin: auto;

	padding: 0;

	*zoom: 1

}



.bx-wrapper ul li {

	width: 100%

}



.bx-wrapper ul li img {

	display: block;

	width: 100%

}



.bannerheight {

	display: block;

	width: 100%;

	background-repeat: no-repeat!important;

	background-position: center center!important;

	background-size: 100% 100%!important

}



.bx-wrapper .bx-pager {

	position: absolute;

	left: 0;

	bottom: 20px;

	z-index: 10;

	width: 100%;

	text-align: center;

	display: none

}



.bx-wrapper .bx-pager-item {

	margin: 0 5px;

	display: inline-block;

	*display: inline;

	zoom: 1

}



.bx-wrapper .bx-pager-item a {

	display: block;

	width: 10px;

	height: 10px;

	border: 1px solid #fff;

	border-radius: 50%;

	font-size: 0;

	text-indent: -9999px

}



.bx-wrapper .bx-pager-item a.active {

	background-color: #2c3783;

	border-color: #2c3783

}



.bx-wrapper .bx-controls-direction a {

	display: none

}



.web-banner {

	display: block!important

}



.mob-banner {

	display: none!important

}



.index-waper-box {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 100px;

	overflow: hidden;

	z-index: 9;

	perspective: 800px;

	-webkit-perspective: 800px;

	-moz-perspective: 800px;

	transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d

}



.index-back-box {

	width: 92%;

	height: 100px;

	background-color: #fff;

	position: absolute;

	bottom: 0;

	margin: 0 4%;

	overflow: hidden;

	transform-origin: bottom;

	-webkit-transform-origin: bottom;

	-moz-transform-origin: bottom;

	transform: rotateX(0deg) translate3d(0,0,0);

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

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

	transition: all .65s cubic-bezier(.55,.65,.55,1) 0s;

	-webkit-transition: all .65s cubic-bezier(.55,.65,.55,1) 0s;

	-moz-transition: all .65s cubic-bezier(.55,.65,.55,1) 0s

}



.index-back-box.active {

	transform: rotateX(100deg) translate3d(0,0,0);

	-webkit-transform: rotateX(100deg) translate3d(0,0,0);

	-moz-transform: rotateX(100deg) translate3d(0,0,0)

}



.index-back-box .sub-arrows {

	position: absolute;

	left: 0;

	top: 0;

	width: auto;

	height: 100%;

	line-height: 100px;

	padding-left: 100px;

	font-size: 0

}



.index-back-box .sub-arrows i.icom {

	display: inline-block;

	vertical-align: top;

	width: 60px;

	height: 100%;

	height: 100px\0;

	cursor: pointer;

	position: relative

}



.index-back-box .sub-arrows i.prev:before,.index-back-box .sub-arrows i.next:before {

	content: '';

	display: inline-block;

	position: absolute;

	top: 42%;

	width: 10px;

	height: 15px;

	background-image: url(../images/sub-arrows.png);

	background-position: 0 0;

	background-repeat: no-repeat

}



.index-back-box .sub-arrows i.prev:before {

	background-position: 0 0;

	left: -7px

}



.index-back-box .sub-arrows i.next:before {

	background-position: -10px 0;

	left: 24px

}



.index-back-box .sub-arrows i.icom:after {

	position: absolute;

	content: '';

	left: 0;

	top: 49px;

	width: 30px;

	height: 2px;

	background-color: #000;

	transform: scale(0,1);

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

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

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

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

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

}



.index-back-box .sub-arrows i.icom font {

	color: #000;

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

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

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

}



.index-back-box .sub-arrows i.icom.prev font {

	position: absolute;

	left: 9px

}



.index-back-box .sub-arrows i.icom.next font {

	position: absolute;

	left: 6px

}



.index-back-box .sub-arrows i:hover:after {

	transform: scale(1,1);

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

	-moz-transform: scale(1,1)

}



.index-back-box .sub-arrows i.icom.prev:hover font {

	left: -7px

}



.index-back-box .sub-arrows i.icom.next:hover font {

	left: 20px

}



.index-back-box .sub-share {

	position: absolute;

	right: 15px;

	top: 0;

	width: auto;

	height: 100%;

	display: table;

	cursor: pointer

}



.index-back-box .sub-share .tels {

	display: table-cell;

	vertical-align: middle

}



.index-back-box .sub-share .tels span {

	display: inline-block

}



.index-back-box .sub-share .tels .cc1 {

	opacity: 0;

	filter: alpha(opacity='0');

	transform: translateX(-40px);

	-webkit-transform: translateX(-40px);

	-moz-transform: translateX(-40px);

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

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

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

}



.index-back-box .sub-share .tels .cc2 {

	transform: translateX(80px);

	-webkit-transform: translateX(80px);

	-moz-transform: translateX(80px);

	transition: all .7s ease 0s;

	-webkit-transition: all .7s ease 0s;

	-moz-transition: all .7s ease 0s

}



.index-back-box .sub-share .sider-tel {

	display: table-cell;

	vertical-align: middle;

	font-size: 0;

	opacity: 0;

	filter: alpha(opacity='0');

	transform: translateX(130px);

	-webkit-transform: translateX(130px);

	-moz-transform: translateX(130px);

	transition: all .4s cubic-bezier(.4,.8,.6,1) 0s;

	-webkit-transition: all .4s cubic-bezier(.4,.8,.6,1) 0s;

	-moz-transition: all .4s cubic-bezier(.4,.8,.6,1) 0s

}



.index-back-box .sub-share .sider-tel a {

	display: inline-block;

	font-size: 12px;

	color: #000;

	margin: 0 8px;

	opacity: 0;

	filter: alpha(opacity='0');

	transform: translateX(50px);

	-webkit-transform: translateX(50px);

	-moz-transform: translateX(50px);

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

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

}



.index-back-box .sub-share:hover .tels .cc1 {

	opacity: 1;

	filter: alpha(opacity='100');

	transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transition: all 1s cubic-bezier(.5,1.25,.75,1.65) 0s;

	-webkit-transition: all 1s cubic-bezier(.5,1.25,.75,1.65) 0s;

	-moz-transition: all 1s cubic-bezier(.5,1.25,.75,1.65) 0s

}



.index-back-box .sub-share:hover .tels .cc2 {

	opacity: 0;

	filter: alpha(opacity='0');

	transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px)

}



.index-back-box .sub-share:hover .sider-tel {

	opacity: 1;

	filter: alpha(opacity='100');

	transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transition: all 1s cubic-bezier(.5,1,.75,1) 0s;

	-webkit-transition: all 1s cubic-bezier(.5,1,.75,1) 0s;

	-moz-transition: all 1s cubic-bezier(.5,1,.75,1) 0s

}



.index-back-box .sub-share:hover .sider-tel a:nth-of-type(1) {

	opacity: 1;

	filter: alpha(opacity='100');

	transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transition: all .4s cubic-bezier(.5,.65,.75,1) 0s;

	-webkit-transition: all .4s cubic-bezier(.5,.65,.75,1) 0s;

	-moz-transition: all .4s cubic-bezier(.5,.65,.75,1) 0s

}



.index-back-box .sub-share:hover .sider-tel a:nth-of-type(2) {

	opacity: 1;

	filter: alpha(opacity='100');

	transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transition: all .4s cubic-bezier(.5,.65,.75,1) .2s;

	-webkit-transition: all .4s cubic-bezier(.5,.65,.75,1) .2s;

	-moz-transition: all .4s cubic-bezier(.5,.65,.75,1) .2s

}



.index-back-box .sub-mouse {

	width: 30px;

	height: 43px;

	position: absolute;

	top: 50px;

	right: 100px;

	cursor: pointer;

	z-index: 1;

	zoom: .7;

	-moz-transform: scale(.7)

}



.index-back-box .sub-mouse:after {

	display: none;

	z-index: -1;

	position: absolute;

	content: '';

	top: -30px;

	left: 50%;

	height: 53px;

	border-right: 1px solid #333;

	margin-left: -1px

}



.index-back-box .sub-mouse span {

	display: block;

	position: relative;

	width: 100%;

	height: 100%;

	animation: ani-svg .85s linear 0s alternate infinite;

	-webkit-animation: ani-svg .85s linear 0s alternate infinite

}



.index-back-box .sub-mouse i {

	position: absolute;

	bottom: 5px;

	left: 50%;

	color: #000;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%)

}



@keyframes ani-svg {

	0% {

		opacity: .4;

		transform: translateY(-20px)

	}



	15% {

		opacity: .65;

		transform: translateY(-15px)

	}



	25% {

		opacity: .8;

		transform: translateY(-10px)

	}



	50% {

		opacity: 1;

		transform: translateY(0px)

	}



	65% {

		opacity: .8;

		transform: translateY(5px)

	}



	75% {

		opacity: .65;

		transform: translateY(10px)

	}



	100% {

		opacity: .4;

		transform: translateY(15px)

	}

}



@-webkit-keyframes ani-svg {

	0% {

		opacity: .4;

		-webkit-transform: translateY(-20px)

	}



	15% {

		opacity: .65;

		-webkit-transform: translateY(-15px)

	}



	25% {

		opacity: .8;

		-webkit-transform: translateY(-10px)

	}



	50% {

		opacity: 1;

		-webkit-transform: translateY(0px)

	}



	65% {

		opacity: .8;

		-webkit-transform: translateY(5px)

	}



	75% {

		opacity: .65;

		-webkit-transform: translateY(10px)

	}



	100% {

		opacity: .4;

		-webkit-transform: translateY(15px)

	}

}



@-moz-keyframes ani-svg {

	0% {

		opacity: .4;

		-moz-transform: translateY(-20px)

	}



	15% {

		opacity: .65;

		-moz-transform: translateY(-15px)

	}



	25% {

		opacity: .8;

		-moz-transform: translateY(-10px)

	}



	50% {

		opacity: 1;

		-moz-transform: translateY(0px)

	}



	65% {

		opacity: .8;

		-moz-transform: translateY(5px)

	}



	75% {

		opacity: .65;

		-moz-transform: translateY(10px)

	}



	100% {

		opacity: .4;

		-moz-transform: translateY(15px)

	}

}



.IndexList {

	width: 440px;

	margin: 0 auto;

	display: table;

	position: relative;

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

	transition: all .8s ease-out 0s

}



.IndexList ul {

	font-size: 0;

	padding-top: 30px

}



.IndexList li {

	display: inline-block;

	width: 33.33%;

	text-align: center;

	position: relative

}



.IndexList li i {

	font-size: 16px;

	color: #000

}



.IndexList li span {

	display: block;

	font-size: 14px;

	color: #666;

	letter-spacing: 4px

}



.nub {

	font-size: 48px;

	color: #000;

	line-height: 48px;

	height: 48px;

	display: inline-block

}



.NumContent {

	height: inherit;

	display: inherit;

	overflow: hidden;

	position: relative;

	line-height: inherit;

	font-size: inherit

}



.NumContent>div {

	line-height: inherit;

	color: inherit;

	font-size: inherit;

	display: inline-block

}



.NumContent>div>div {

	line-height: inherit;

	color: inherit;

	font-size: inherit

}



.NumContent>div:nth-child(1) {

	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s

}



.NumContent>div:nth-child(2) {

	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s

}



.NumContent>div:nth-child(3) {

	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0

}



.NumContent>div:nth-child(4) {

	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s

}



.NumContent>div:nth-child(5) {

	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;

	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s

}



.IndexList.active {

	opacity: 1;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px)

}



.contain {

	width: 100%;

	position: relative

}



.section01 {

	background-color: #fff;

	padding-top: 80px;

	padding-bottom: 100px

}



.index-title {

	text-align: center;

	font-size: 16px;

	color: #666

}



.index-title span {

	display: block;

	font-size: 40px;

	color: #000

}



.index-ser {

	width: 100%

}



.index-ser ul li {

	width: 23.87%;

	float: left;

	margin-top: 60px;

	margin-right: 1.5%;

	margin-right: 1%\0;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.index-ser ul li:hover {

	box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);

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

	transition: all .3s cubic-bezier(.55,0,.1,1)

}



.index-ser ul li:nth-of-type(4n),.index-ser ul li.mr0 {

	margin-right: 0

}



.index-ser ul li .item {

	border: 1px solid #ddd;

	text-align: center;

	padding: 10% 17%

}



.index-ser ul li .co {

	width: 180px;

	height: 100px;

	display: block;

	margin: 0 auto;

	-webkit-transition: all 1.5s ease;

	transition: all 1.5s ease

}



.index-ser ul li:hover .co {

	background-position: -180px 0

}



.index-ser ul li h2 {

	font-size: 18px;

	color: #333;

	margin: 15px 0

}



.index-ser ul li span {

	font-size: 14px;

	color: #666;

	display: block

}



.section02 {

	background-color: #efefef;

	padding-top: 80px;

	overflow: hidden

}



.index-case {

	width: 100%;

	padding-top: 50px;

	margin-bottom: 40px;

	position: relative

}



.index-case .owl-carousel {

	padding-bottom: 80px

}



.index-case .item {

	margin: 0!important

}



.index-case ul {

	padding-bottom: 30px

}



.index-case ul li {

	width: 24.77%;

	float: left;

	margin-bottom: .3%;

	margin-right: .3%;

	margin-right: 0.1%\0;

	background-color: #fff

}



.index-case ul li:nth-of-type(4n),.index-case ul li.mr0 {

	margin-right: 0

}



.index-case ul li .pic {

	display: block;

	width: 100%;

	overflow: hidden;

	background-color: #eee;

	background-image: url(../images/loading.gif);

	background-position: center center;

	background-repeat: no-repeat;

	position: relative

}



.index-case ul li .bg {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 5;

	background-color: #000;

	filter: alpha(opacity=50);

	background-color: rgba(0,0,0,.5);

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.index-case ul li:hover .bg {

	visibility: visible;

	opacity: 1

}



.btn-group {

	position: absolute;

	width: 100%;

	height: auto;

	overflow: hidden;

	bottom: 0;

	-webkit-backdrop-filter: blur(10px);

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	text-align: center

}



.btn-group a {

	display: block;

	width: 100%;

	height: 0;

	line-height: 50px;

	margin-bottom: 1px;

	font-size: 12px;

	background-color: #ccc;

	background-color: rgba(255,255,255,.8);

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	color: #000

}



.btn-group a:hover {

	background: #fff

}



.btn-group .details_btn:before {

	content: "";

	display: inline-block;

	width: 12px;

	height: 12px;

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

	margin-right: 5px

}



.btn-group .link_btn:before {

	content: "";

	display: inline-block;

	width: 12px;

	height: 12px;

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

	margin-right: 5px

}



.index-case ul li:hover .btn-group a,.index-case ul li:hover .btn-group a {

	height: 50px

}



.index-case ul li .inxcasetxt::before,.index-case ul li .inxcasetxt::after {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 50%;

	height: 1.5px;

	background: #ccc;

	content: '';

	-webkit-transition: opacity .5s,-webkit-transform .5s;

	transition: opacity .5s,transform .5s;

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

	transform: translate3d(-50%,-50%,0);

	opacity: 0;

	z-index: 20

}



.index-case ul li:hover .inxcasetxt::before {

	opacity: .8;

	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);

	transform: translate3d(-50%,-50%,0) rotate(45deg)

}



.index-case ul li:hover .inxcasetxt::after {

	opacity: .8;

	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);

	transform: translate3d(-50%,-50%,0) rotate(-45deg)

}



.index-case ul li .pic img {

	width: 100%;

	display: block;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.index-case ul li .pic:hover img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.index-case ul li .h2 {

	padding: 25px 15px;

	min-height: 20px;

	position: relative;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.index-case ul li .h2:before {

	content: "";

	position: absolute;

	z-index: 0;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #cb0808;

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

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

	transition-timing-function: ease-out;

	height: 0px\0

}



.index-case ul li:hover .h2 span,.index-case ul li:hover .h2 i {

	color: #fff

}



.index-case ul li:hover .h2:before {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	height: auto\0

}



.index-case ul li .h2 span {

	font-size: 16px;

	color: #333;

	margin-right: 10px;

	position: relative;

	z-index: 5

}



.index-case ul li .h2 i {

	font-size: 12px;

	color: #999;

	position: relative;

	z-index: 5

}



.index-case .indexmore {

	position: static;

	left: auto;

	bottom: auto;

	margin: 0 auto;

	transform: translateX(0) translateY(0)

}



.section03 {

	background-color: #fff;

	padding-top: 80px;

	padding-bottom: 95px

}



.index-kehu {

	padding-top: 50px

}



.index-kehu ul li {

	width: 12.5%;

	float: left;

	position: relative;

	border: 1px solid #f3f3f3;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin-left: -1px;

	margin-top: -1px

}



.index-kehu ul li span {

	display: block;

	overflow: hidden

}



.index-kehu ul li span img {

	opacity: .5;

	width: 100%;

	display: block;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray

}



.index-kehu ul li:hover span img {

	opacity: 1;

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

	-o-filter: grayscale(0%);

	filter: grayscale(0%);

	filter: gray

}



.index-kehu ul li .bg {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10

}



.index-kehu ul li .bg:before,.index-kehu ul li .bg:after {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	content: '';

	opacity: 0;

	pointer-events: none;

	-webkit-transition: opacity .35s,-webkit-transform .35s;

	transition: opacity .35s,transform .35s

}



.index-kehu ul li .bg:before {

	border-top: 2px solid #cb0808;

	border-bottom: 2px solid #cb0808;

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

	transform: scale(0,1)

}



.index-kehu ul li .bg:after {

	border-right: 2px solid #cb0808;

	border-left: 2px solid #cb0808;

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

	transform: scale(1,0)

}



.index-kehu ul li:hover .bg:after,.index-kehu ul li:hover .bg:before {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1)

}



.section04 {

	background-color: #efefef;

	padding-top: 80px;

	overflow: hidden;

	zoom: 1

}



.index-news {

	padding-top: 20px;

	margin-bottom: 100px;

	position: relative

}



.index-news .item {

	padding: 0;

	margin: 30px 3%!important;

	background-color: #fff;

	max-width: 432px;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.index-news .item:hover {

	box-shadow: 0 17px 50px 0 rgba(0,0,0,.04);

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

	transition: all .3s cubic-bezier(.55,0,.1,1)

}



.index-news .item .pic {

	width: 100%;

	position: relative;

	overflow: hidden;

	background-color: #eee;

	background-image: url(../images/loading.gif);

	background-position: center center;

	background-repeat: no-repeat

}



.index-news .item .pic img {

	width: 100%;

	display: block;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.index-news .item:hover .pic img {

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2)

}



.index-news .item .tmain {

	padding: 30px

}



.index-news .item .tmain .time {

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 25px;

	padding-left: 25px;

	background-image: url(../images/time.png);

	background-position: left center;

	background-repeat: no-repeat

}



.index-news .item .tmain .title {

	font-size: 18px;

	color: #333;

	margin: 10px 0;

	height: 27px

}



.index-news .item .tmain .h3 {

	font-size: 14px;

	color: #999;

	height: 42px;

	overflow: hidden;

	margin-bottom: 40px

}



.index-news .item .tmain .more {

	display: inline-block;

	font-size: 14px;

	color: #666;

	border-bottom: 1px solid #c6c6c6

}



.section02 .owl-theme .owl-controls .owl-buttons div,.section04 .owl-theme .owl-controls .owl-buttons div {

	width: 50px;

	height: 50px;

	border-radius: 5px;

	opacity: 1;

	background-color: #fff;

	background-image: url(../images/indexbtn.png);

	background-position: 0 0;

	background-repeat: no-repeat

}



.section04 .owl-theme .owl-controls .owl-buttons div:hover {

	background-color: #323232

}



.section04 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {

	background-position: 0 -50px

}



.section04 .owl-theme .owl-controls .owl-buttons div.owl-next:hover {

	background-position: -50px -50px

}



.section02 .owl-theme .owl-controls .owl-buttons div.owl-prev,.section04 .owl-theme .owl-controls .owl-buttons div.owl-prev {

	background-position: 0 0;

	margin-right: 55px

}



.section02 .owl-theme .owl-controls .owl-buttons div.owl-next,.section04 .owl-theme .owl-controls .owl-buttons div.owl-next {

	background-position: -50px 0;

	margin-left: 55px

}



.indexmore {

	display: block;

	width: 90px;

	height: 50px;

	font-size: 0;

	border-radius: 5px;

	background-color: #fff;

	background-image: url(../images/indexmore.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	position: absolute;

	left: 50%;

	margin-left: -45px;

	bottom: 0

}



.indexmore:hover {

	background-color: #323232;

	background-position: 0 -50px

}



.section05 {

	background-color: #fff

}



.gf-demand {

	*margin-top: 50px!important;

	padding: 80px 0

}



.gf-demand .h2 {

	font-size: 14px;

	color: #666

}



.gf-demand .h3 {

	font-size: 34px;

	color: #333;

	padding-bottom: 50px;

	line-height: 1

}



.gf-demand .write {

	padding-bottom: 50px

}



.gf-demand .write input {

	margin-right: 1%;

	background-color: #f4f4f4;

	padding: 20px 0;

	color: #6e6e6e;

	padding-left: 1%;

	font-size: 14px

}



.gf-demand .write .submit {

	background-color: #040404;

	color: #fff;

	width: 11%;

	font-family: microsoft yahei;

	text-align: center;

	padding-left: 0;

	cursor: pointer;

	*margin: 0!important;

	*padding: 17px0!important;

	margin-right: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	height: 60px;

	line-height: 56px;

	border: 2px solid #040404;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s

}



.gf-demand .write .submit:hover {

	background: #fff;

	color: #040404

}



.gf-demand .write .text1,.gf-demand .write .text2 {

	width: 16%;

	border: 0;

	font-family: microsoft yahei

}



.gf-demand .write .text3 {

	width: 50%;

	border: 0;

	font-family: microsoft yahei

}



.italic {

	font-size: 14px;

	color: #999

}



.nybanner {

	width: 100%;

	height: 776px;

	background-position: center center;

	background-repeat: no-repeat;

	position: relative

}



.ny-title {

	width: 100%;

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 5;

	text-align: center;

	transform: translateX(0) translateY(-50%)

}



.navigation {

	padding: 20px 0;

	text-align: right;

	background-color: #efefef

}



.navigation a {

	font-size: 14px;

	color: #999

}



.navigation a:hover,.navigation a.on {

	color: #e15620;

}



.navigation em {

	margin: 0 3px;

	font-family: Simsun

}

.navigation a:last-child {

	color: #e15620;

}

.about-box01 {

	width: 100%;

	background-color: #fff;

	padding: 120px 0

}



.about-box01 .about-tm {

	max-width: 910px;

	margin: 0 auto;

	text-align: center

}



.about-box01 .about-tm .h2 {

	font-size: 40px;

	color: #000;

	margin-bottom: 30px

}



.about-box01 .about-tm .h3 {

	font-size: 14px;

	color: #666;

	line-height: 30px

}



.about-box01 .IndexList {

	width: 70%;

	padding-top: 30px

}



.about-box02 {

	width: 100%;

	height: 676px;

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

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat

}



.about-box02 .about-xzwm {

	max-width: 1295px;

	margin: 0 auto;

	padding-top: 70px;

	text-align: center

}



.about-box02 .about-xzwm .h2 {

	font-size: 36px;

	color: #fff;

	margin-bottom: 10px

}



.about-box02 .about-xzwm .h3 {

	font-size: 16px;

	color: #d9d9d9

}



.about-box02 .about-xzwm .abul li {

	width: 21%;

	max-width: 270px;

	float: left;

	margin-top: 120px;

	margin-right: 18%;

	margin-right: 11%\0

}



.about-box02 .about-xzwm .abul li .co {

	display: block;

	width: 120px;

	height: 120px;

	border: 1px solid #fff;

	border-radius: 50%;

	margin: 0 auto;

	background-image: url(../images/about04.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.about-box02 .about-xzwm .abul li:hover .co {

	background-position: 0 -120px;

	border-color: #dc1010

}



.about-box02 .about-xzwm .abul li .c1 {

	background-position: 0 0

}



.about-box02 .about-xzwm .abul li .c2 {

	background-position: -120px 0

}



.about-box02 .about-xzwm .abul li:hover .c2 {

	background-position: -120px -120px

}



.about-box02 .about-xzwm .abul li .c3 {

	background-position: -240px 0

}



.about-box02 .about-xzwm .abul li:hover .c3 {

	background-position: -240px -120px

}



.about-box02 .about-xzwm .abul li .t {

	display: block;

	font-size: 24px;

	font-weight: 700;

	color: #fff;

	margin: 20px 0

}



.about-box02 .about-xzwm .abul li p {

	font-size: 14px;

	color: #c4c4c4

}



.about-box02 .about-xzwm .abul li:nth-of-type(3n) {

	margin-right: 0

}



.about-box03 {

	width: 100%;

	background-color: #fff;

	border-bottom: 1px solid #ddd;

	padding: 120px 0

}



.about-box03 .about-xzwm {

	max-width: 1295px;

	margin: 0 auto;

	text-align: center

}



.about-box03 .about-xzwm .h2 {

	font-size: 40px;

	color: #000;

	margin-bottom: 30px

}



.about-box03 .about-xzwm .h3 {

	font-size: 14px;

	color: #666;

	line-height: 30px

}



.ab-team {

	width: 100%

}



.ab-team ul li {

	width: 30%;

	float: left;

	position: relative;

	overflow: hidden;

	cursor: pointer;

	margin-top: 5%;

	margin-right: 5%;

	margin-right: 3%\0

}



.ab-team ul li:nth-of-type(3n) {

	margin-right: 0

}



.ab-team ul li .pic {

	width: 100%;

	overflow: hidden

}



.ab-team ul li .pic img {

	width: 100%;

	display: block

}



.ab-team ul li .tmask {

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 5;

	background-color: #000;

	filter: alpha(opacity=60);

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

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.ab-team ul li:hover .tmask {

	visibility: visible;

	opacity: 1

}



.ab-team ul li .tm {

	padding: 35px;

	text-align: left;

	transform: translateX(0) translateY(10%);

	-webkit-transition: all .8s ease;

	transition: all .8s ease

}



.ab-team ul li:hover .tm {

	transform: translateX(0) translateY(0%)

}



.ab-team ul li .tm .n1 {

	font-size: 24px;

	font-weight: 700;

	color: #fff

}



.ab-team ul li .tm .n2 {

	font-size: 16px;

	color: #fff;

	display: block

}



.ab-team ul li .tm .line {

	display: block;

	width: 20px;

	height: 1px;

	background-color: #fff;

	margin-top: 10px;

	margin-bottom: 30px

}



.ab-team ul li .tm p {

	font-size: 14px;

	color: #fff;

	margin-bottom: 10px

}



.ser-box01 {

	width: 100%;

	background-color: #fff;

	padding-top: 80px;

	padding-bottom: 100px

}



.ser-box02 {

	width: 100%;

	height: 676px;

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

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	overflow: hidden

}



.ser-bz {

	max-width: 920px;

	margin: 0 auto;

	padding-top: 70px;

	text-align: center

}



.ser-bz .h2 {

	font-size: 36px;

	color: #fff;

	margin-bottom: 20px

}



.ser-bz .h3 {

	font-size: 14px;

	color: #cdcdcd

}



.serlist {

	max-width: 910px;

	margin: 0 auto

}



.serlist ul li {

	width: 33.333%;

	float: left;

	text-align: center;

	font-size: 14px;

	color: #fff;

	margin-top: 20%

}



.serlist ul li .sn {

	font-size: 72px;

	color: #da0000;

	line-height: 1

}



.ser-box03 {

	width: 100%;

	background-color: #efefef;

	padding-top: 80px;

	padding-bottom: 100px

}



.ser-step {

	max-width: 1640px;

	margin: 0 auto

}



.ser-step ul li {

	width: 7%;

	min-width: 130px;

	height: 90px;

	padding: 20px 0;

	border: 1px solid #d2d2d2;

	background-color: #efefef;

	border-radius: 50%;

	float: left;

	margin-top: 65px;

	position: relative;

	margin-right: 5.06%

}



.ser-step ul li .co {

	display: block;

	width: 45px;

	height: 48px;

	margin: 5px auto;

	background-image: url(../images/ser01.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.ser-step ul li:hover .co {

	background-position: 0 -48px

}



.ser-step ul li span {

	display: block;

	font-size: 16px;

	color: #666;

	text-align: center

}



.ser-step ul li.on {

	margin-top: 170px

}



.ser-step ul li:nth-of-type(8) {

	margin-right: 0

}



.ser-step ul li:before {

	content: "";

	display: block;

	width: 100%;

	height: 1px;

	border-top: 2px dashed #ddd;

	position: absolute;

	right: -85%;

	top: 92%;

	-webkit-transform: rotate(40deg);

	transform: rotate(40deg)

}



.ser-step ul li.on:before {

	-webkit-transform: rotate(-40deg);

	transform: rotate(-40deg);

	top: 9%

}



.ser-step ul li:nth-of-type(8):before {

	display: none

}



.ser-box04 {

	padding: 100px 0;

	border-bottom: 1px solid #ddd

}



.news-warp {

	width: 100%;

	background-color: #efefef;

	overflow: hidden

}



.news-screen {

	padding: 35px 0

}



.news-screen .screenleft {

	float: left

}



.news-screen .screenleft ul li {

	width: 145px;

	height: 50px;

	line-height: 50px;

	float: left;

	margin-right: 1px;

	background-color: #fff;

	text-align: center

}



.news-screen .screenleft ul li.on,.news-screen .screenleft ul li:hover {

	background-color: #0a0a0a

}



.news-screen .screenleft ul li.on a,.news-screen .screenleft ul li:hover a {

	color: #fff

}



.news-screen .screenleft ul li a {

	display: block;

	font-size: 14px;

	color: #333

}



.news-screen .screenleft ul li a:before {

	content: "";

	display: inline-block;

	width: 18px;

	height: 18px;

	vertical-align: middle;

	margin-right: 5px;

	background-position: 0 0;

	background-repeat: no-repeat

}



.news-screen .screenleft ul li.on a:before,.news-screen .screenleft ul li:hover a:before {

	background-position: 0 -18px

}



.news-screen .screenleft ul li a.n1:before {

	background-image: url(../images/nw01.png)

}



.news-screen .screenleft ul li a.n2:before {

	background-image: url(../images/nw02.png)

}



.news-screen .screenleft ul li a.n3:before {

	background-image: url(../images/nw03.png)

}



.news-screen .screenleft ul li a.n4:before {

	background-image: url(../images/nw04.png)

}



.news-screen .screenleft ul li a.n5:before {

	background-image: url(../images/nw05.png)

}



.news-screen .screenright {

	width: 255px;

	height: 35px;

	padding: 0 10px;

	background-color: #fff;

	position: relative;

	float: right;

	margin-top: 8px

}



.news-screen .screenright .screentext {

	width: 100%;

	height: 35px;

	border: 0;

	color: #333

}



.news-screen .screenright .screenbtn {

	width: 43px;

	height: 35px;

	border: 0;

	position: absolute;

	right: 0;

	top: 0;

	background-color: #adadad;

	cursor: pointer;

	background-image: url(../images/nw06.png)

}



.newslist .item {

	background-color: #fff;

	width: 23.87%;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	float: left;

	margin-bottom: 1.5%;

	margin-right: 1.5%;

	margin-right: 1\0

}



.newslist .item:hover,.newslist .hottou .hotbox:hover {

	box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);

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

	transition: all .3s cubic-bezier(.55,0,.1,1)

}



.newslist .item .pic {

	width: 100%;

	overflow: hidden;

	background-color: #eee;

	background-image: url(../images/loading.gif);

	background-position: center center;

	background-repeat: no-repeat

}



.newslist .item .pic img {

	width: 100%;

	display: block;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.newslist .item .tmain {

	padding: 30px

}



.newslist .item .tmain .time {

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 25px;

	padding-left: 25px;

	background-image: url(../images/time.png);

	background-position: left center;

	background-repeat: no-repeat

}



.newslist .item .tmain .title {

	font-size: 18px;

	color: #333;

	margin: 10px 0;

	height: 27px

}



.newslist .item .tmain .h3 {

	font-size: 14px;

	color: #999;

	height: 42px;

	overflow: hidden;

	margin-bottom: 40px

}



.newslist .item .tmain .more {

	display: inline-block;

	font-size: 14px;

	color: #666;

	border-bottom: 1px solid #c6c6c6

}



.newslist .hottou .item {

	margin-right: 0;

	margin-left: 1.5%

}



.newslist .hottou .hotbox {

	width: 49%;

	height: 100%;

	max-width: 862px;

	max-height: 479px;

	float: left;

	position: relative;

	background-color: #000;

	overflow: hidden

}



.newslist .hottou .hotbox img {

	width: 100%;

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 20;

	-webkit-transform: translateX(0) translateY(-50%);

	-moz-transform: translateX(0) translateY(-50%);

	-ms-transform: translateX(0) translateY(-50%);

	-o-transform: translateX(0) translateY(-50%);

	transform: translateX(0) translateY(-50%)

}



.newslist .hottou .hotbox .bg {

	width: 100%;

	height: 100%;

	position: relative;

	background-color: #000

}



.newslist .hottou .hotbox .title {

	position: absolute;

	left: 4%;

	bottom: 6%;

	width: 92%;

	z-index: 30

}



.newslist .hottou .hotbox .title i {

	font-size: 14px;

	color: #fff

}



.newslist .hottou .hotbox .title h2 {

	font-size: 30px;

	color: #fff

}



.newslist .hottou .hotbox .title .more {

	display: inline-block;

	font-size: 14px;

	color: #fff;

	border-bottom: 1px solid #c6c6c6

}



.newslist .hotbom {

	padding-bottom: 0

}



.newslist .hottou .item {

	margin-left: 1%\0

}



.newslist .hotbom .item {

	margin-right: 1%\0

}



.newslist .hotbom .item:nth-of-type(4n) {

	margin-right: 0

}



.news-btn {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 4%;

	z-index: 10;

	text-align: center

}



.news-btn .nwprev,.news-btn .nwnext {

	display: block;

	width: 46px;

	height: 46px;

	position: absolute;

	top: 0;

	font-size: 0;

	background-image: url(../images/nwbtn.png);

	background-position: 0 0;

	background-repeat: no-repeat

}



.news-btn .nwprev {

	background-position: 0 0;

	left: 4%

}



.news-btn .nwprev:hover {

	background-position: 0 -46px

}



.news-btn .nwnext {

	background-position: -92px 0;

	right: 4%

}



.news-btn .nwnext:hover {

	background-position: -92px -46px

}



.news-btn .nwretrue {

	display: block;

	width: 46px;

	height: 46px;

	margin: 0 auto;

	font-size: 0;

	background-image: url(../images/nwbtn.png);

	background-position: -46px 0;

	background-repeat: no-repeat

}



.news-btn .nwretrue:hover {

	background-position: -46px -46px

}



.news-details {

	max-width: 1220px;

	background-color: #fff;

	margin: 40px auto;

	padding: 60px 40px

}



.news-title {

	border-bottom: 1px solid #ddd

}



.news-title .tou {

	position: relative;

	padding-right: 90px

}



.news-title h1 {

	font-size: 36px;

	color: #333

}



.news-title .date {

	display: inline-block;

	font-size: 14px;

	color: #999;

	margin: 10px 0

}



.news-title .bdsharebuttonbox {

	position: absolute;

	right: 0;

	top: 10px

}



.news-title .bdsharebuttonbox a {

	width: 30px;

	height: 30px;

	border: 1px solid #ddd;

	border-radius: 50%;

	padding: 0;

	margin: 0;

	margin-left: 10px;

	background-position: 0 0;

	background-image: url(../images/nwicon.png);

	background-repeat: no-repeat;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.news-title .bdsharebuttonbox a.bds_tsina {

	background-position: 0 0

}



.news-title .bdsharebuttonbox a.bds_tsina:hover {

	background-color: #db0b0b;

	border-color: #db0b0b;

	background-position: 0 -30px

}



.news-title .bdsharebuttonbox a.bds_weixin {

	background-position: -30px 0

}



.news-title .bdsharebuttonbox a.bds_weixin:hover {

	background-color: #db0b0b;

	border-color: #db0b0b;

	background-position: -30px -30px

}



.news-text {
	padding: 20px 0;
	font-size: 16px
}

.news-text p{
	text-indent:32px;
}


.page {

	text-align: center;

	padding: 40px 0

}



.page a {

	display: inline-block;

	font-size: 14px;

	color: #666;

	border: 1px solid #e3e3e3;

	padding: 5px 15px

}



.page a:hover,.page a.on {

	background-color: #ca2310;

	color: #fff;

	border-color: #ca2310

}



.news-warp .index-case {

	padding-top: 0;

	margin-bottom: 0

}



.casedetails {

	background-color: #fff

}



.case-tou {

	border-bottom: 1px solid #ddd;

	padding: 171px 0 70px

}



.case-tou .name {

	border-right: 1px dashed #ddd;

	padding-right: 2%;

	float: left;

	width: 20%

}



.case-tou .name h1 {

	font-size: 30px;

	color: #333

}



.case-tou .name span {

	font-size: 14px;

	color: #999

}



.case-tou .tmain {

	margin-left: 5%;

	float: left;

	font-size: 14px;

	color: #999;

	position: relative;

	padding-left: 70px;

	width: 45%

}



.case-tou .tmain .sn {

	position: absolute;

	left: 0;

	top: 0;

	color: #333

}



.case-tou .link {

	float: right

}



.case-tou .link a {

	display: block;

	width: 48px;

	height: 48px;

	border: 1px solid #ddd;

	border-radius: 50%;

	background-image: url(../images/case01.png);

	background-position: 0 0;

	background-repeat: no-repeat

}



.casetext {

	max-width: 1300px;

	margin: 0 auto;

	padding-top: 90px;

	padding-bottom: 200px

}



.caselike {

	width: 100%;

	background-color: #efefef;

	padding-bottom: 100px

}



.caselike .name {

	font-size: 24px;

	color: #333;

	padding: 50px 0

}



.caselike .item {

	margin: 0 .3%!important;

	background-color: #fff

}



.caselike .item .pic {

	display: block;

	width: 100%;

	overflow: hidden;

	background-color: #eee;

	background-image: url(../images/loading.gif);

	background-position: center center;

	background-repeat: no-repeat;

	position: relative

}



.caselike .item .bg {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 5;

	background-color: #000;

	filter: alpha(opacity=50);

	background-color: rgba(0,0,0,.5);

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.caselike .item:hover .bg {

	visibility: visible;

	opacity: 1

}



.caselike .item .inxcasetxt::before,.caselike .item .inxcasetxt::after {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 50%;

	height: 1.5px;

	background: #ccc;

	content: '';

	-webkit-transition: opacity .5s,-webkit-transform .5s;

	transition: opacity .5s,transform .5s;

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

	transform: translate3d(-50%,-50%,0);

	opacity: 0;

	z-index: 20

}



.caselike .item:hover .inxcasetxt::before {

	opacity: .8;

	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);

	transform: translate3d(-50%,-50%,0) rotate(45deg)

}



.caselike .item:hover .inxcasetxt::after {

	opacity: .8;

	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);

	transform: translate3d(-50%,-50%,0) rotate(-45deg)

}



.caselike .item .pic img {

	width: 100%;

	display: block;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.caselike .item .pic:hover img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.caselike .item .h2 {

	padding: 25px 15px;

	min-height: 20px;

	position: relative

}



.caselike .item .h2:before {

	content: "";

	position: absolute;

	z-index: 0;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #cb0808;

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

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

	transition-timing-function: ease-out;

	height: 0px\0

}



.caselike .item:hover .h2 span,.caselike .item:hover .h2 i {

	color: #fff

}



.caselike .item:hover .h2:before {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	height: auto\0

}



.caselike .item .h2 span {

	font-size: 16px;

	color: #333;

	margin-right: 10px;

	position: relative;

	z-index: 5

}



.caselike .item .h2 i {

	font-size: 12px;

	color: #999;

	position: relative;

	z-index: 5

}



.contact-box {

	padding: 140px 0

}



.contact-box .tw {

	width: 50%;

	float: left

}



.contact-box .name {

	width: 50%;

	float: left;

	font-size: 24px;

	color: #333

}



.contact-box .info {

	width: 50%;

	float: left

}



.contact-box .info dd {

	font-size: 16px;

	color: #666;

	position: relative;

	padding-left: 30px;

	margin-bottom: 35px

}



.contact-box .info dd img {

	position: absolute;

	left: 0;

	top: 0;

	max-width: 26px

}



.contact-box .conform {

	margin-left: 110px

}



.contact-box .conform li {

	width: 100%;

	margin-bottom: 20px;

	float: left

}



.contact-box .conform li.item1 {

	width: 31%;

	margin-right: 3%

}



.contact-box .conform li.item2 {

	width: 31%;

	margin-right: 3%

}



.contact-box .conform li.item3 {

	width: 32%;

	margin-right: 0

}



.contact-box .conform li.item5 {

	text-align: right

}



.contact-box .context,.contact-box .conteat {

	width: 92%;

	height: 40px;

	background-color: #f4f4f4;

	border: 0;

	font-family: microsoft yahei;

	padding: 0 4%;

	color: #333

}



.contact-box .conteat {

	padding: 15px 2%;

	width: 96%;

	height: 200px

}



.contact-box .consub {

	background-color: #040404;

	color: #fff;

	width: 21%;

	font-family: microsoft yahei;

	text-align: center;

	padding-left: 0;

	cursor: pointer;

	*margin: 0!important;

	*padding: 17px0!important;

	margin-right: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	height: 50px;

	line-height: 50px;

	border: 2px solid #040404;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s

}



.contact-box .consub:hover {

	background: #fff;

	color: #040404

}



.contact-map img {

	width: 100%;

	display: block

}



.votewarp {

	padding-top: 82px

}



.votetmain {

	padding: 68px 0 96px

}



.votetmain .h2 {

	font-size: 20px;

	color: #666;

	font-weight: 700;

	text-align: center

}



.votetmain .h3 {

	font-size: 12px;

	color: #929292;

	text-align: center

}



.votetmain .vtext {

	font-size: 14px;

	color: #464646;

	text-align: center;

	max-width: 1310px;

	margin: 0 auto;

	padding-top: 35px

}



.votetmain .votefrom {

	max-width: 280px;

	margin: 0 auto;

	padding-top: 80px

}



.votetmain .votefrom .tit {

	font-size: 16px;

	color: #464646;

	padding-bottom: 15px

}



.votetmain .votefrom ul li {

	margin-top: 10px;

	font-size: 14px;

	color: #464646

}



.votetmain .votefrom ul li label input {

	vertical-align: -2px;

	margin-right: 3px

}



.votetmain .votefrom ul li .subimt {

	width: 105px;

	height: 32px;

	border: 0;

	background-color: #ca2310;

	color: #fff;

	border-radius: 5px;

	cursor: pointer;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.votetmain .votefrom ul li .subimt:hover {

	background-color: #000

}



.voteresult {

	max-width: 840px;

	margin: 0 auto;

	padding-top: 50px;

	overflow: hidden

}



.voteresult ul li {

	width: 95%;

	height: 40px;

	line-height: 40px;

	margin-top: 15px;

	float: left;

	background-color: #e6e6e6;

	position: relative;

	font-size: 16px;

	color: #fff;

	text-align: center

}



.voteresult ul li .name {

	width: 110px;

	height: 40px;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #000;

	filter: alpha(opacity=40);

	background-color: rgba(0,0,0,.4)

}



.voteresult ul li .votewidth {

	width: 100%;

	height: 40px;

	background-color: #ca2310;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.voteresult ul li .num {

	position: absolute;

	right: 20px;

	top: 0;

	color: #909090

}



.voteresult ul li.net .votewidth {

	background-color: #ca2310

}



.voteresult ul li.tv .votewidth {

	background-color: #3498db

}



.voteresult ul li.sns .votewidth {

	background-color: #5a68a5

}



.voteresult ul li.news .votewidth {

	background-color: #2ecc71

}



.votemorewarp {

	padding: 0 0 150px

}



.votemorewarp .layout {

	max-width: 1400px;

	margin: 0 auto

}



.votemorewarp .votitle {

	font-size: 20px;

	color: #666;

	margin-top: 50px

}



.votemolist ul li {

	width: 27.9%;

	float: left;

	background-color: #ededed;

	margin-right: 8.1%;

	margin-top: 50px;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.votemolist ul li:nth-child(3n),.votemolist ul li.mr0 {

	margin-right: 0

}



.votemolist ul li:hover {

	box-shadow: 0 17px 50px 0 rgba(0,0,0,.19)

}



.votemolist ul li a {

	display: block;

	padding: 30px 45px

}



.votemolist ul li .time {

	display: block;

	font-size: 15px;

	color: #727272;

	line-height: 25px;

	padding-left: 25px;

	background-image: url(../images/time.png);

	background-position: left center;

	background-repeat: no-repeat

}



.votemolist ul li .votit {

	font-size: 16px;

	color: #464646;

	margin: 10px 0;

	height: 48px;

	overflow: hidden

}



.votemolist ul li .go {

	font-size: 14px;

	color: #a8a8a8;

	text-align: right;

	margin-top: 30px

}



#dowebok .section {

	overflow: hidden

}



.sosectionbox1 {

	background-color: #c60000

}



.sosectionbox2 {

	background-color: #f3a427

}



.sosectionbox3 {

	background-color: #2187c8

}



.sosectionbox4 {

	background-color: #d1b062

}



.sosectionbox5 {

	background-color: #0974b8

}



#dowebok .section .slide {

	position: relative

}



.baiweilfbox,.baiweilrbox {

	width: 50%;

	height: 100%;

	position: absolute;

	top: 0;

	background-position: left bottom;

	background-size: cover;

	background-repeat: no-repeat;

	-webkit-transition: all .8s ease;

	transition: all .8s ease

}



.baiweilfbox {

	left: -100%;

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

	opacity: 0

}



.baiweilrbox {

	right: -100%;

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

	opacity: 0

}



.active .baiweilfbox {

	left: 0;

	opacity: 1

}



.active .baiweilrbox {

	right: 0;

	opacity: 1

}



#dowebok .fp-controlArrow:hover {

	opacity: .8

}



#dowebok .fp-controlArrow {

	width: 55px;

	height: 55px;

	background-image: url(../images/solbutton.png);

	background-repeat: no-repeat;

	border: 0

}



#dowebok .fp-controlArrow.fp-prev {

	right: auto;

	left: 50%;

	margin-left: -55px;

	background-position: left top;

	background-color: #fff;

	filter: alpha(opacity=50);

	background-color: rgba(255,255,255,.5)

}



#dowebok .fp-controlArrow.fp-next {

	left: auto;

	right: 50%;

	margin-right: -55px;

	background-position: right top;

	background-color: #000;

	filter: alpha(opacity=50);

	background-color: rgba(0,0,0,.5)

}



.baiweibtn {

	width: 55px;

	height: 55px;

	background-image: url(../images/solbutton.png);

	background-repeat: no-repeat;

	position: absolute;

	top: 50%;

	display: block;

	font-size: 0;

	cursor: pointer;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all 1s ease;

	transition: all 1s ease

}



.active .baiweibtn {

	visibility: visible;

	opacity: 1

}



.baiweibtn:hover {

	opacity: .8

}



.bwleftbtn {

	right: 0;

	background-position: left top;

	background-color: #fff;

	filter: alpha(opacity=50);

	background-color: rgba(255,255,255,.5)

}



.bwrightbtn {

	left: 0;

	background-position: right top;

	background-color: #000;

	filter: alpha(opacity=50);

	background-color: rgba(0,0,0,.5)

}



.bwcasetext {

	position: absolute;

	left: 50px;

	top: 50%;

	width: 71.9%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



.bwcasetext .h2 {

	font-size: 36px;

	color: #fff;

	margin-top: 30px

}



.bwcasetext .h2 .line {

	display: inline-block;

	width: 30px;

	height: 3px;

	background-color: #fff;

	vertical-align: middle;

	margin-right: 5px

}



.bwcasetext .pcont {

	font-size: 14px;

	color: #fff;

	line-height: 25px;

	word-wrap: break-word;

	margin-top: 60px

}



.bwcasetext .more a {

	display: inline-block;

	min-width: 140px;

	height: 45px;

	line-height: 45px;

	font-size: 18px;

	color: #fff;

	border: 1px solid #fff;

	text-align: center;

	margin-top: 90px

}



.bwcasetext .more a em {

	font-family: simsun;

	font-weight: 700;

	margin-left: 5px

}



.bwcasetext .more a:hover {

	opacity: .8

}



.bwcasetext .h2 {

	-webkit-transition: all .3s ease;

	transition: all .3s ease

}



.bwcasetext .pcont {

	-webkit-transition: all .6s ease;

	transition: all .6s ease

}



.bwcasetext .more {

	-webkit-transition: all .9s ease;

	transition: all .9s ease

}



.active .bwcasetext .h2 {

	margin-top: 0

}



.active .bwcasetext .pcont {

	margin-top: 20px

}



.active .bwcasetext .more a {

	margin-top: 60px

}



#fp-nav ul li,.fp-slidesNav ul li {

	width: 14px;

	height: 2px

}



#fp-nav ul li a span,.fp-slidesNav ul li a span {

	width: 14px!important;

	height: 2px!important;

	border-radius: 0!important;

	background-color: #9f9794!important

}



#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span {

	width: 27px!important;

	background-color: #fff!important;

	margin: -1px 0 0 -15px!important

}



.kefu {

	width: 50px;

	position: fixed;

	_position: absolute;

	right: 0;

	top: 54%;

	z-index: 200;

	transform: translateX(0) translateY(-50%)

}



.kefu ul li {

	width: 50px;

	height: 50px;

	margin-top: 1px;

	position: relative

}



.kefu ul li:hover,.kefu ul li:hover .div-item {

	background-color: #da0000

}



.kefu .qq,.kefu .shouhou,.kefu .call,.kefu .back,.kefu .share,.kefu .weixin,.kefu ul li .bdsharebuttonbox a {

	display: block;

	width: 50px;

	height: 50px;

	float: left;

	font-size: 0;

	background-image: url(../images/kefu.png);

	background-repeat: no-repeat

}



.kefu .qq,.kefu .shouhou,.kefu .call,.kefu .back,.kefu .share,.kefu .weixin {

	position: relative;

	z-index: 10;

	background-color: #242424

}



.kefu ul li:hover a {

	background-color: #da0000

}



.kefu .weixin {

	background-image: url(../images/weixin.png);

	background-repeat: no-repeat;

	background-position: 0 0

}



.kefu .qq {

	background-position: 0 0

}



.kefu .shouhou {

	background-position: -50px 0

}



.kefu .call {

	background-position: -100px 0

}



.kefu .back {

	background-position: -150px 0

}



.kefu .share {

	background-position: -200px 0

}



.kefu ul li .div-item {

	width: 200px;

	height: 50px;

	background-color: #242424;

	position: absolute;

	right: -200px;

	top: 0;

	cursor: pointer;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.kefu ul li:hover .div-item {

	right: 50px

}



.kefu ul li .div-ewm {

	width: 155px;

	height: 175px;

	padding-top: 20px;

	background-color: #da0000;

	position: absolute;

	right: 50px;

	top: 0;

	display: none

}



.kefu ul li .div-ewm ul li {

	width: 119px;

	float: left;

	text-align: center;

	margin-left: 20px

}



.kefu ul li .div-ewm ul li img {

	width: 100%;

	display: block

}



.kefu ul li .div-ewm ul li p {

	font-size: 14px;

	color: #fff;

	margin-top: 5px

}



.kefu ul li:hover .div-ewm {

	display: block

}



.kefu ul li .h2 {

	display: block;

	line-height: 50px;

	font-size: 14px;

	color: #fff;

	padding: 0 25px

}



.kefu ul li .bdsharebuttonbox {

	width: 100%;

	height: 50px

}



.kefu ul li .bdsharebuttonbox a {

	padding: 0;

	margin: 0;

	width: 50px;

	height: 50px

}



.kefu ul li .bdsharebuttonbox a:hover {

	background-color: #565656

}



.kefu ul li .bdsharebuttonbox a.bds_tsina {

	background-position: -250px 0

}



.kefu ul li .bdsharebuttonbox a.bds_weixin {

	background-position: -300px 0

}



.kefu ul li .bdsharebuttonbox a.bds_tqq {

	background-position: -350px 0

}



.kefu ul li .bdsharebuttonbox a.bds_more {

	background-position: -400px 0

}



.footer {

	width: 100%;

	background-color: #282828

}



.foottou {

	overflow: hidden;

	zoom: 1;

	padding-top: 45px;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 0

}



.foottou .ftlogo {

	float: left;

	max-width: 210px;

	margin-top: 50px

}



.foottou .ftcont {

	float: left;

	margin-left: 5%

}



.foottou .ftcont .i {

	font-size: 14px;

	color: #797979

}



.foottou .ftcont h2 {

	font-size: 36px;

	color: #989898;

	margin: 10px 0

}



.foottou .ftcont p {

	font-size: 14px;

	color: #797979;

	margin-bottom: 5px

}



.foottou .foot-ewm {

	width: 158px;

	float: right

}



.foottou .foot-ewm ul li {

	width: 119px;

	float: left;

	text-align: center;

}



.foottou .foot-ewm ul li img {

	width: 100%;

	display: block

}



.foottou .foot-ewm ul li p {

	font-size: 14px;

	color: #797979;

	margin-top: 5px

}



.foottou .foot-ewm ul li p span {

	color: #989898

}



.foottou .ftewm {

	float: right;

	text-align: right;

	font-size: 12px;

	color: #424242;

	margin-top: 100px

}



.foottou .ftewm img {

	margin-bottom: 20px

}



.footer .footbom {

	border-top: 1px solid #343435;

	padding: 25px 0;

	font-size: 14px;

	color: #797979

}



.footer .footbom a {

	color: #424242;

	margin-left: 5px;

	margin-top: 2px

}



.footer .footbom a:hover {

	color: #797979

}



@media screen and (min-width:1200px) and (max-width:1519px) {

}



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

	.foottou .foot-ewm {

		float: right

	}



	.foottou .ftewm {

		width: 100%;

		padding-top: 20px;

		text-align: center

	}

}



@media screen and (min-width:320px) and (max-width:767px) {

	.kefu {

		display: none

	}



	.logo a {

		width: 90px;

		height: 12px

	}



	.scrollBar .banner ul li .imgTimes,.bannerheight {

		background-size: auto 100%!important

	}



	.foottou .foot-ewm {

		float: right;

		width: 100%;

		text-align: center;

		padding-top: 20px

	}



	.foottou .foot-ewm ul li {

		float: none;

		display: inline-block;

		margin: 0 10px

	}



	.foottou .ftewm {

		width: 100%;

		padding-top: 20px;

		text-align: center

	}

}



@media screen and (min-width:769px) and (max-width:1199px) {

	.gf-demand .write .text1,.gf-demand .write .text2 {

		width: 48%;

		margin-bottom: 20px

	}



	.gf-demand .write .text2 {

		margin-right: 0

	}



	.gf-demand .write .text3 {

		width: 77%

	}



	.gf-demand .write .submit {

		width: 20%

	}



	.index-ser ul li {

		width: 47%;

		margin-right: 6%

	}



	.index-ser ul li:nth-of-type(2n) {

		margin-right: 0

	}

}



@media screen and (max-width:1800px) {

	.ser-step {

		max-width: 1228px

	}



	.ser-step ul li {

		margin-right: 2%

	}

}



@media screen and (max-width:1400px) {

	.contact-box .name {

		margin-bottom: 35px

	}



	.contact-box .name,.contact-box .info {

		width: 100%

	}

}



@media screen and (max-width:1366px) {

	.ser-step {

		max-width: 1056px

	}



	.ser-step ul li {

		margin-right: 0

	}



	.nybanner {

		height: 545px

	}

}



@media screen and (max-width:1110px) {

	.news-screen .screenleft {

		width: 100%

	}



	.news-screen .screenleft ul li {

		width: 19.8%

	}



	.news-screen .screenright {

		width: 98%;

		padding: 0 1%

	}

}



@media screen and (max-width:1024px) {

	.baiweilfbox,.baiweilrbox {

		width: 100%;

		position: relative;

		left: auto;

		right: auto;

		top: auto;

		opacity: 1

	}



	.baiweilfbox {

		height: 500px

	}



	.baiweilrbox {

		height: 740px

	}



	.active .baiweilfbox {

		left: auto

	}



	.active .baiweilrbox {

		right: auto

	}



	.bwcasetext {

		width: 95%;

		left: 4%

	}



	.active .bwcasetext .h2,.bwcasetext .h2 {

		margin-top: 0

	}



	.active .bwcasetext .pcont,.bwcasetext .pcont,.active .bwcasetext .more a,.bwcasetext .more a {

		margin-top: 20px

	}



	.bwcasetext .h2 {

		font-size: 20px

	}



	.bwcasetext .pcont {

		font-size: 12px

	}



	.active .bwcasetext .more a {

		margin-top: 20px

	}



	.baiweibtn,#fp-nav {

		display: none

	}



	.bwrightbtn {

		top: auto;

		bottom: 0;

		margin-right: -27.5px;

		background-color: inherit

	}



	#dowebok .section {

		height: auto!important

	}

}



@media screen and (max-width:960px) {

	.logo {

		padding-top: 25px

	}



	.logo a {

		width: 220px;

		height: 30px

	}



	.nav ul li {

		margin-left: 25px

	}



	.nav .messsn {

		margin-left: 25px

	}



	.contact-box .conform {

		margin-left: 0

	}

}



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

	.header {

		height: 60px;

		background-color: #fff

	}



	.logo {

		padding-top: 10px

	}



	.logo a {

		width: 170px;

		height: 22px;

	}



	.nav {

		display: none;

		top: 32px;

		right: 75px;

		padding-right: 0

	}



	.nav .messsn {

		background-position: 0 -21px

	}



	.myPhone {

		color: #333;

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

		right: 75px;

		top: 22px

	}



	.btn-m-list {

		display: block;

		margin-top: -19px;

		right: 4%

	}



	.btn-m-list span {

		background-color: #333

	}



	.contain {

		padding-top: 60px

	}



	.index-back-box {

		height: 65px

	}



	.IndexList ul {

		padding-top: 10px

	}



	.nub {

		font-size: 25px;

		height: 40px;

		line-height: 40px

	}



	.votewarp {

		padding-top: 60px

	}



	.index-back-box .sub-arrows,.index-back-box .sub-mouse {

		display: none

	}



	.scrollBar .banner ul li .imgTimes>article {

		bottom: 22%

	}



	.index-ser {

		padding-top: 30px

	}



	.index-ser ul li {

		width: 48%;

		margin-right: 3.7%;

		margin-top: 30px

	}



	.index-ser ul li:nth-of-type(2n) {

		margin-right: 0

	}



	.index-case ul li {

		width: 33%

	}



	.index-case ul li:nth-of-type(3n) {

		margin-right: 0

	}



	.index-kehu ul li {

		width: 25%

	}



	.gf-demand {

		padding: 60px 0

	}



	.gf-demand .write,.gf-demand .h3 {

		padding-bottom: 15px

	}



	.gf-demand .write .text1,.gf-demand .write .text2,.gf-demand .write .text3 {

		width: 99%;

		margin-right: 0;

		margin-bottom: 15px

	}



	.gf-demand .write .submit {

		width: 100%

	}



	.nybanner {

		height: 500px

	}



	.ab-team ul li {

		width: 48%;

		margin-top: 4%;

		margin-right: 4%

	}



	.ab-team ul li:nth-of-type(3n) {

		margin-right: 4%

	}



	.ab-team ul li:nth-of-type(2n) {

		margin-right: 0

	}



	.about-box02 .about-xzwm .abul li {

		margin-top: 80px

	}



	.ser-box02 {

		height: 500px

	}



	.serlist ul li {

		margin-top: 10%

	}



	.ser-step ul li,.ser-step ul li.on {

		width: 19%;

		height: auto;

		margin: 20px 2.5% 0

	}



	.ser-step ul li:before {

		display: none

	}



	.newslist .hottou .hotbox {

		width: 100%;

		max-height: inherit

	}



	.newslist .hottou .hotbox .bg {

		display: none

	}



	.newslist .hottou .hotbox img {

		position: static;

		left: auto;

		top: auto;

		transform: translateX(0) translateY(0)

	}



	.newslist .hottou .item:nth-of-type(2) {

		margin-left: 0

	}



	.newslist .hottou .item {

		width: 48%;

		margin-left: 0;

		margin-left: 4%;

		margin-bottom: 0;

		margin-top: 4%

	}



	.newslist .item {

		width: 48%;

		margin-right: 4%;

		margin-bottom: 0;

		margin-top: 4%

	}



	.newslist .item:nth-of-type(2n) {

		margin-right: 0

	}



	.news-title .tou {

		padding-right: 0

	}



	.news-title .bdsharebuttonbox {

		position: static;

		right: auto;

		top: auto;

		margin-top: 20px

	}



	.news-title .bdsharebuttonbox a {

		margin-left: 0;

		margin-right: 10px

	}



	.scrollBar .banner ul li.visb .imgTimes>article .banText i {

		display: none

	}



	.foottou {

		padding: 30px 0

	}



	.foottou .ftcont {

		width: 50%;

		padding-left: 0;

		float: right

	}



	.foottou .ftewm {

		float: left

	}



	.foottou .foot-ewm {

		width: 100%;

		text-align: center;

		margin-top: 20px

	}



	.foottou .foot-ewm ul li {

		display: inline-block;

		float: none;

		margin: 0 20px

	}



	.baiweilfbox,.baiweilrbox {

		width: 100%;

		position: relative;

		left: auto;

		right: auto;

		top: auto;

		opacity: 1

	}



	.baiweilfbox {

		height: 500px

	}



	.baiweilrbox {

		height: 210px

	}



	.active .baiweilfbox {

		left: auto

	}



	.active .baiweilrbox {

		right: auto

	}



	.bwcasetext {

		width: 95%;

		left: 4%

	}



	.active .bwcasetext .h2,.bwcasetext .h2 {

		margin-top: 0

	}



	.active .bwcasetext .pcont,.bwcasetext .pcont,.active .bwcasetext .more a,.bwcasetext .more a {

		margin-top: 20px

	}



	.bwcasetext .h2 {

		font-size: 20px

	}



	.bwcasetext .pcont {

		font-size: 12px

	}



	.active .bwcasetext .more a {

		margin-top: 20px

	}



	.baiweibtn,#fp-nav {

		display: none

	}



	.bwrightbtn {

		top: auto;

		bottom: 0;

		margin-right: -27.5px;

		background-color: inherit

	}



	#dowebok .section {

		height: auto!important

	}



	.kefu {

		display: none

	}

}



@media screen and (max-width:640px) {

	.logo {

		padding-top: 16px

	}



	.logo a {

		width: 120px;

		height: 16px

	}



	.btn-m-list {

		right: 15px;

		margin-top: -9px

	}



	.header .myPhone {

		right: 15px;

		top: 5px;

		margin: auto

	}



	.bannerwarp {

		background-color: #fff

	}



	.index-waper-box {

		position: static;

		left: auto;

		bottom: auto;

		height: 75px

	}



	.em-h1 {

		font-size: 14px

	}



	.em-h2 {

		font-size: 14px

	}



	.scrollBar .banner ul li .imgTimes>article {

		bottom: 33%

	}



	.scrollBar .banner ul li .imgTimes>article .banText span font {

		font-size: 12px

	}



	.IndexList {

		width: 95%

	}



	.nub {

		height: 30px;

		line-height: 30px;

		font-size: 25px

	}



	.index-title {

		font-size: 12px

	}



	.index-title span {

		font-size: 30px

	}



	.section01,.section02,.section03,.section04 {

		padding-top: 30px

	}



	.section01 {

		padding-bottom: 30px

	}



	.index-ser {

		padding-top: 0

	}



	.index-ser ul li {

		width: 49%;

		margin-right: 2%

	}



	.index-ser ul li:nth-of-type(2n) {

		margin-right: 0

	}



	.index-ser ul li .item {

		padding: 10px

	}



	.index-ser ul li .co {

		width: 100%;

		height: 84px;

		background-size: auto 100%

	}



	.index-case {

		padding-top: 30px

	}



	.index-case ul li,.index-case ul li:nth-of-type(3n) {

		width: 49%;

		margin-right: 2%;

		margin-bottom: 2%

	}



	.index-case ul li:nth-of-type(2n) {

		margin-right: 0

	}



	.index-case ul li .h2 {

		padding: 10px

	}



	.index-case ul li .h2 span {

		font-size: 14px;

		display: block

	}



	.index-kehu {

		padding-top: 20px

	}



	.index-kehu ul li {

		width: 33.333%

	}



	.section03 {

		padding-bottom: 70px

	}



	.index-news {

		margin-bottom: 50px

	}



	.index-news .item {

		margin: 0!important

	}



	.gf-demand {

		padding: 30px 0

	}



	.nybanner {

		height: 320px

	}



	.ny-title h2 img,.ny-title h3 img {

		max-width: 50%

	}



	.about-box01 .IndexList {

		width: 95%

	}



	.about-box01 .about-tm .h2 {

		font-size: 26px

	}



	.about-box02 {

		height: auto;

		padding-bottom: 70px;

		overflow: hidden

	}



	.about-box02 .about-xzwm .abul li,.about-box02 .about-xzwm .abul li:nth-of-type(3n) {

		max-width: 50%;

		width: auto;

		float: none;

		margin: 10% auto 0

	}



	.about-box01,.about-box03 {

		padding: 40px 0

	}



	.ab-team ul li {

		width: 49%;

		margin-right: 2%

	}



	.ab-team ul li:nth-of-type(3n) {

		margin-right: 2%

	}



	.ab-team ul li:nth-of-type(2n) {

		margin-right: 0

	}



	.ab-team ul li .tm {

		padding: 10px

	}



	.ab-team ul li .tm .n1 {

		font-size: 14px

	}



	.ab-team ul li .tm .n2,.ab-team ul li .tm p {

		font-size: 12px

	}



	.ab-team ul li .tm .line {

		margin: 5px 0

	}



	.ab-team ul li .tm p {

		margin-bottom: 0

	}



	.ser-box01,.ser-box03,.ser-box04 {

		padding: 50px 0

	}



	.ser-box02 {

		height: auto;

		padding-bottom: 70px

	}



	.serlist ul li {

		font-size: 12px

	}



	.serlist ul li .sn {

		font-size: 30px

	}



	.ser-step {

		text-align: center

	}



	.ser-step ul li {

		display: inline-block;

		float: none;

		margin: 20px 2% 0

	}



	.contact-box {

		padding: 40px 0

	}



	.contact-box .tw {

		width: 100%

	}



	.contact-box .name {

		font-size: 20px;

		margin-bottom: 20px

	}



	.contact-box .info dd {

		margin-bottom: 20px

	}



	.contact-box .conform li.item1,.contact-box .conform li.item2,.contact-box .conform li.item3,.contact-box .consub {

		width: 100%;

		margin-right: 0

	}



	.news-screen .screenleft {

		margin-top: -35px

	}



	.news-screen .screenleft ul li {

		width: 49.5%;

		margin-right: .5%;

		text-align: left;

		margin-bottom: 1px

	}



	.news-screen .screenleft ul li:nth-of-type(2n) {

		margin-right: 0

	}



	.news-screen .screenleft ul li a {

		padding-left: 20px

	}



	.newslist .hotbom {

		padding-bottom: 20px

	}



	.newslist .hottou .item {

		width: 49%;

		margin-left: 0;

		margin-right: 2%

	}



	.newslist .hottou .item:nth-of-type(3) {

		margin-right: 0

	}



	.newslist .hotbom .item {

		width: 49%;

		margin-left: 0;

		margin-right: 2%

	}



	.newslist .hotbom .item:nth-of-type(2n) {

		margin-right: 0

	}



	.newslist .item {

		width: 49%;

		margin-left: 0;

		margin-right: 1%

	}



	.newslist .item .tmain {

		padding: 10px

	}



	.newslist .item .tmain .title {

		font-size: 14px;

		margin: 5px 0;

		height: auto

	}



	.newslist .item .tmain .h3 {

		font-size: 12px;

		margin-bottom: 10px;

		height: 55px

	}



	.newslist .item .tmain .time {

		font-size: 12px

	}



	.newslist .hottou .hotbox .title h2 {

		font-size: 14px

	}



	.newslist .hottou .hotbox .title i,.newslist .hottou .hotbox .title .more {

		font-size: 12px

	}



	.news-details {

		padding: 40px 20px

	}



	.news-title h1 {

		font-size: 20px

	}



	.case-tou {

		padding: 30px 0

	}



	.case-tou .name {

		width: 100%;

		padding-right: 0;

		border: 0;

		padding-bottom: 10px

	}



	.case-tou .tmain {

		width: 100%;

		margin-left: 0;

		padding-left: 0

	}



	.case-tou .tmain .sn {

		position: static;

		left: auto;

		top: auto;

		display: block;

		margin-bottom: 5px

	}



	.case-tou .link {

		float: left;

		margin-top: 10px

	}



	.casetext {

		padding: 40px 0

	}



	.caselike {

		padding-top: 10px;

		padding-bottom: 30px

	}



	.caselike .name {

		padding: 20px 0

	}



	.index-case ul li:hover .btn-group a,.index-case ul li:hover .btn-group a {

		height: 30px;

		line-height: 30px

	}



	.votemorewarp {

		padding-bottom: 60px

	}



	.votetmain {

		padding-top: 0;

		padding-bottom: 60px

	}



	.voteresult {

		padding-top: 30px

	}



	.votemolist ul li {

		width: 49%;

		margin-right: 2%;

		margin-top: 20px

	}



	.votemolist ul li:nth-of-type(2n) {

		margin-right: 0

	}



	.votemolist ul li a {

		padding: 20px 10px

	}



	.votemolist ul li .votit {

		font-size: 14px;

		height: 42px

	}



	.foottou {

		padding: 30px 0

	}



	.foottou .ftlogo {

		margin-top: 0

	}



	.foottou .ftcont {

		width: 100%;

		margin-left: 0;

		padding-top: 15px

	}



	.foottou .ftewm {

		padding-top: 20px

	}



	.kefu {

		display: none

	}

}



.pageinfo {

	padding-right: 3px;

	padding-left: 3px;

	padding-bottom: 3px;

	margin: 31px;

	padding-top: 3px;

	text-align: center

}



.pageinfo a {

	border-right: #aad 1px solid;

	padding-right: 5px;

	border-top: #aad 1px solid;

	padding-left: 5px;

	padding-bottom: 2px;

	margin: 2px;

	border-left: #aad 1px solid;

	color: #ca2310;

	padding-top: 2px;

	border-bottom: #aad 1px solid;

	text-decoration: none

}



.pageinfo a:hover {

	border-right: #ca2310 1px solid;

	border-top: #ca2310 1px solid;

	border-left: #ca2310 1px solid;

	color: #000;

	border-bottom: #ca2310 1px solid

}



.pageinfo a:active {

	border-right: #ca2310 1px solid;

	border-top: #ca2310 1px solid;

	border-left: #ca2310 1px solid;

	color: #000;

	border-bottom: #ca2310 1px solid

}



.pageinfo span.thisclass {

	border-right: #ca2310 1px solid;

	padding-right: 5px;

	border-top: #ca2310 1px solid;

	padding-left: 5px;

	font-weight: 700;

	padding-bottom: 2px;

	margin: 2px;

	border-left: #ca2310 1px solid;

	color: #fff;

	padding-top: 2px;

	border-bottom: #ca2310 1px solid;

	background-color: #ca2310

}



.pageinfo span.disabled {

	border-right: #929292 1px solid;

	padding-right: 5px;

	border-top: #929292 1px solid;

	padding-left: 5px;

	padding-bottom: 2px;

	border-left: #929292 1px solid;

	color: #929292;

	margin-right: 2px;

	padding-top: 2px;

	border-bottom: #929292 1px solid

}



.news-text img{ max-width:100%; height:auto !important}