@charset "gb2312";

html {
	min-width: 1200px
}

body {
	overflow-x: hidden;
	overflow-y: auto
}

body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd {
	margin: 0
}

input,button,ul,ol {
	margin: 0;
	padding: 0
}

body,input,button,form {
	font-size: 14px;
	line-height: 28px;
	font-family: microsoft yahei,arial;
	color: #333
}

h1,h2,h3,h4,h5,h6 {
	font-size: 14px;
	font-weight: 400
}

ul,ol,li {
	list-style: none
}

input {
/*	background: 0 0;
	border: 0*/
}

img,iframe {
	border: 0
}

em,i {
	font-style: normal
}

button,input,select,textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.red {
	color: #ba292e
}

.fl {
	float: left
}

.fr {
	float: right
}

.tac {
	text-align: center
}

.tar {
	text-align: right
}

.poa {
	position: absolute
}

.por {
	position: relative
}

.hidden {
	display: none
}

.w1200 {
	width: 1200px;
	margin: 0 auto
}

.w1300 {
	width: 1300px;
	margin: 0 auto
}

.ico {
	background: url(../images/ico.png) no-repeat;
	display: inline-block;
	vertical-align: middle
}

.itit-ico {
	background: url(../images/itit-ico.png) no-repeat;
	display: inline-block;
	vertical-align: middle
}

.ilink {
	background: url(../images/ilink.png) no-repeat;
	display: inline-block;
	vertical-align: middle
}

.bicon {
	background: url(../images/bicon.png) no-repeat;
	display: inline-block;
	vertical-align: middle
}

.icon {
	/*background: url(../images/icon.png) no-repeat;*/
	display: inline-block;
	vertical-align: middle
}

.right {
	float: right
}

a {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #999999;
	text-decoration: none
}

a:visited {
	/*text-decoration: none;
	color:#373535;*/
}

.ease,.ease * {
	transition: all ease 300ms
}

.noease,.noease * {
	transition: none
}

:-moz-placeholder {
	color: #aaa
}

::-moz-placeholder {
	color: #aaa
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #aaa
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #aaa
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.top_main {
	position: relative;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: #282d34
}

.top_main .top_l {
	color: #fff;
	font-size: 12px
}

.top_main .top_r {
	margin-right: 0
}

.top_main li {
	position: relative;
	float: left;
	display: inline-block;
	text-align: center;
	color: #999
}

.top_main li a {
	color: #999;
	font-size: 12px
}

.top_main li a:hover {
	color: #fff;
	opacity: .8;
	filter: alpha(opacity=80)
}

.top_main .top_r .line {
	display: block;
	width: 1px;
	height: 14px;
	margin: 10px 10px 0;
	background: #999
}

.top_main .top_r .line1 {
	margin-left: 0
}

.header_main {
	width: 100%;
	height: 110px;
	overflow: hidden;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid #ededed
}

.header_main .header {
	position: relative
}

.header_main .logo {
	float: left;
	display: block;
	padding-top: 15px
}

.header_main .logo img {
	width: 100%;
	height: 100%;
	display: block
}

.header_main .tel {
	height: 50px;
	background: url(../images/tel.png) left center no-repeat;
	float: right;
	margin-top: 28px
}

.header_main .tel .tit {
	font-size: 14px;
	color: #333;
	text-indent: 50px;
	line-height: 20px
}

.header_main .tel .con {
	font-size: 26px;
	color: #1ea4fe;
	text-indent: 50px;
	font-weight: 700
}

.nav_main {
	position: relative;
	width: 100%;
	float: left;
	height: 60px;
	color: #fff;
	z-index: 13;
	border-bottom: 1px solid #d2d2d6;
	 background:#0199e4;
}

.nav_main .nav {
	width: 1200px;
	margin: 0 auto;
	margin-top: 15px
}

.nav_main .nav li {
	position: relative;
	color: #fff;
	line-height: 32px;
	float: left;
	margin-right: 10px;
	border-radius: 24px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.nav_main .nav li a.aLink {
	width: 123px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	text-align: center;
	display: block;
	color: #fff;
	font-weight: 700
}

.nav_main .nav li.hover,.nav_main .nav li:hover {
	background-color: #ffffff
}

.nav_main .nav li.hover a,.nav_main .nav li:hover a {
	color: #0199e4
}

.nav_main li.hover .subnav a {
	background: 0 0
}

.nav_main .nav .subnav {
	height: auto;
	left: -12px;
	top: 32px;
	position: absolute;
	width: 150px;
	z-index: 199;
	background: rgba(255,255,255,.86);
	border-radius: 12px
}

.nav_main .nav .subnav {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0,10px,0);
	-moz-transform: translate3d(0,10px,0);
	-webkit-transform: translate3d(0,10px,0)
}

.nav_main .nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

.nav_main .nav .subnav li {
	width: 100%
}

.nav_main .nav .subnav .nav1 a {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
	text-align: center;
	border-bottom: #ddd 1px solid
}

.nav_main .nav .subnav li:hover {
	background: 0 0
}

.nav_main .nav .subnav li:hover a {
	color: #1ea4fe
}

.nav_main .nav .subnav li:last-child a {
	border-bottom: 0
}

.announ_main {
	width: 100%;
	height: 76px;
	line-height: 76px;
	border-bottom: 1px solid #eee
}

.announ_main .announ_right {
	width: 282px;
	padding-top: 20px
}

.announ_main .announ_right .search {
	width: 282px;
	height: 35px;
	line-height: 35px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #f6f6f6;
	position: relative
}

.announ_main .announ_right .search input {
	outline: none;
	border: 0;
	height: 35px;
	line-height: 35px
}

.announ_main .announ_right .search .txt {
	width: 200px;
	background: 0 0;
	padding-left: 15px;
	display: block;
	color: #999
}

.announ_main .announ_right .search .btn {
	width: 50px;
	background: url(../images/sou.png) no-repeat center #1ea4fe;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px
}

.announ_main .announ_right .search .btn:hover {
	background-color: #01bc66
}

.announ_main .announ_left span {
	display: inline-block
}

.announ_main .announ_left a {
	display: inline-block;
	padding: 0 10px 0 0
}

.announ_main .announ_left a s {
	width: 1px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	background: #e9e9e9;
	vertical-align: middle
}

.announ_main .announ_left a:first-child s {
	display: none
}

.banner {
	width: 100%;
	min-width: 1000px;
	height: 600px;
	z-index: 9;
	position: relative;
	overflow: hidden
}

.banner .list {
	width: 100%
}

.banner li {
	width: 100%;
	height: 600px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
	background: #fff
}

.banner li img {
	width: 1920px;
	height: 100%;
	display: block;
	position: relative;
	left: 50%;
	top: 0;
	margin-left: -960px
}

.banner li a {
	width: 100%;
	display: block;
	height: 100%
}

.banner .tip {
	width: 100%;
	height: 6px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 10
}

.banner .tip span {
	width: 48px;
	height: 6px;
	margin: 0 5px;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	border-radius: 12px;
	opacity: .5;
	filter: alpha(opacity=50);
	background: #fcfcfc;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.banner .tip span.cur {
	background: #1ea4fe;
	opacity: 1;
	filter: alpha(opacity=100)
}

.banner .prev,.banner .next {
	width: 32px;
	height: 34px;
	position: absolute;
	z-index: 12;
	top: 50%;
	margin-top: -17px;
	cursor: pointer;
	transition: none;
	background: url(../images/banner-btn.png) no-repeat 0 center;
	transition: all ease 300ms
}

.banner .prev:hover,.banner .next:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.banner .prev {
	left: 3%;
	background-position: 1px center
}

.banner .next {
	right: 3%;
	background-position: -50px 0
}

.nybanner {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative
}

.nybanner img {
	width: 1920px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0
}

.footer {
	width: 100%;
	color: #fff;
	padding-bottom: 48px;
	background: #2e3033;
	border-top: 8px solid #1ea4fe
}

.footer .links {
	padding: 20px 0;
	font-size: 16px;
	border-bottom: 1px solid #1a1d21
}

.footer .links span {
	color: #fff;
	display: inline-block
}

.footer .links a {
	display: inline-block;
	font-size: 14px;
	color: #939393;
	padding-right: 10px
}

.footer .links a:hover {
	color: #dc0000
}

.footer .bottom {
	border-top: 1px solid #464a50
}

.footer .bNav {
	width: 558px;
	height: 180px;
	margin-top: 48px;
	border-right: 1px solid #1a1d21
}

.footer .di_logo img {
	width: 111px;
	height: 111px;
	background-size: 100%
}

.footer .bNav dl {
	display: inline-block;
	float: left;
	width: 139px;
	overflow: hidden;
	text-align: left;
	padding-top: 10px
}

.footer .bNav dl dt {
	height: 16px;
	display: block;
	padding-bottom: 32px
}

.footer .bNav dl dt a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 16px
}

.footer .bNav dl dd {
	display: block;
	height: 14px;
	padding-bottom: 16px
}

.footer .bNav dl dd a {
	display: block;
	font-size: 14px;
	color: #939393;
	line-height: 14px
}

/*.footer .bNav dl dd a:hover {
	color: #dc0000
}*/

.footer .ewm {
	height: 180px;
	text-align: center;
	padding-left: 48px;
	margin-top: 48px;
	border-left: 1px solid #464a50
}

.footer .ewm dl {
	width: 140px;
	float: left;
	display: block;
	margin-right: 30px;
	margin-top: 10px;
	height: 164px
}

.footer .ewm dl:nth-child(2) {
	margin-right: 0
}

.footer .ewm dl:first-child+dl {
	margin-right: 0
}

.footer .ewm dl dt {
	width: 140px;
	height: 140px;
	background-color: #fff;
	text-align: center
}

.footer .ewm dl dt img {
	width: 130px;
	height: 130px;
	display: inline-block;
	background-size: 100%;
	margin-top: 5px
}

.footer .ewm dl dd {
	font-size: 14px;
	color: #939393;
	line-height: 24px;
	padding-top: 5px
}

.footer .contact_info {
	width: 345px;
	height: 180px;
	padding-left: 75px;
	border-right: 1px solid #1a1d21;
	border-left: 1px solid #464a50;
	margin-top: 48px
}

.footer .contact_info p.p1 {
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	padding-top: 10px
}

.footer .contact_info p.dh {
	font-size: 36px;
	color: #1ea4fe;
	font-family: arial;
	line-height: 36px;
	padding-top: 4px;
	font-weight: 700;
	padding-bottom: 12px
}

.footer .contact_info h3 {
	font-size: 20px;
	padding-top: 8px
}

.footer .contact_info p.tel {
	font-size: 14px;
	color: #939393;
	line-height: 22px;
	width: 270px
}

.footer .contact_info i {
	display: block;
	padding-top: 8px;
	font-size: 14px;
	color: #fff
}

.footer .contact_info i a {
	display: inline-block;
	color: #fff;
	padding-right: 12px
}

.copyright {
	height: 50px;
	line-height: 50px;
	color: #666;
	font-size: 12px;
	background: #27292b
}

.copyright p {
	color: #939393
}

.copyright span {
	margin: 0 6px
}

.copyright a {
	color: #939393;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms
}

.copyright a:hover {
	color: #dc0000
}

.gridlist {
	width: 100%
}

.gridlist .list {
	width: 105%
}

.gridlist .item {
	width: 260px;
	margin: 0 20px 24px 0;
	float: left;
	position: relative;
	overflow: hidden
}

.gridlist .item img {
	width: 100%;
	height: 195px;
	display: block;
	transition: all ease 300ms
}

.gridlist .item h3 {
	color: #666;
	line-height: 50px;
	padding: 0 10px;
	transition: all ease 300ms;
	height: 50px;
	background: #f7f7f7;
	overflow: hidden
}

.gridlist .item:hover img {
	filter: brightness(110%)
}

.gridlist .item:hover h3 {
	color: #fff;
	background: #d9261d
}

.newslist {
	overflow: hidden;
	width: 100%
}

.newslist li {
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.newslist li a {
	width: 100%;
	color: #666;
	display: block;
	transition: all ease 300ms
}

.newslist li .time {
	color: #999;
	float: right
}

.newslist li s {
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: #e8e8e8;
	border-radius: 100%
}

.newslist li:hover a {
	color: #d9261d
}

.index {
	width: 100%
}

.index .scrollBox {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	position: relative;
	padding-bottom: 58px
}

.index .scrollBox .btn {
	width: 202px;
	background: url(../images/ibtnbg.png) no-repeat center center;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-weight: 700;
	color: #fff;
	font-size: 18px
}

.index .scrollBox .btn s {
	width: 19px;
	height: 19px;
	margin-right: 6px;
	background-position: -130px 0
}

.index .iscroll {
	width: 966px;
	height: 48px;
	position: relative;
	overflow: hidden;
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5
}

.index .iscroll .t {
	width: 22px;
	height: 20px;
	display: block;
	position: absolute;
	left: 128px;
	top: 16px;
	background-position: -34px 0
}

.index .iscroll .prev,.index .iscroll .next {
	width: 38px;
	height: 15px;
	position: absolute;
	z-index: 10;
	cursor: pointer;
	left: 31px;
	top: 8px;
	background-position: 15px -30px
}

.index .iscroll .prev {
	border-bottom: 1px solid #e5e5e5
}

.index .iscroll .next {
	top: 24px;
	background-position: 15px -46px
}

.index .iscroll .list {
	padding-left: 166px!important;
	position: relative
}

.index .iscroll .list a {
	width: 100%;
	display: block;
	color: #848484;
	font-size: 16px
}

.index .iscroll .list a:hover {
	color: #d9261d
}

.index .iscroll .list .time {
	float: right;
	padding-left: 16px;
	height: 16px;
	line-height: 16px;
	margin-top: 15px;
	margin-right: 20px;
	font-size: 16px;
	color: #848484;
	border-left: 2px solid #a4a4a4
}

.index .ilinks {
	height: 191px;
	margin-bottom: 40px
}

.index .ilinks .list .item {
	width: 288px;
	float: left;
	margin-left: 16px
}

.index .ilinks .list .item a {
	width: 100%;
	display: block
}

.index .ilinks .list .item img {
	width: 286px;
	height: 63px;
	border: 1px solid #ddd;
	display: block
}

.index .ilinks .list .item:first-child {
	margin-left: 0
}

.index .ilinks .list .item h3 {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 100%;
	text-align: center
}

.indexTit {
	padding-top: 76px
}

.indexTit .tit {
	font-size: 40px;
	color: #646464;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-bottom: 18px
}

.indexTit i {
	display: block;
	width: 29px;
	height: 1px;
	margin: 0 auto;
	background: url(../images/wrap.png) center center no-repeat;
	margin-bottom: 30px
}

.index_title {
	text-align: center;
	padding-top: 35px;
	padding-bottom: 40px
}

.index_title h3 {
	font-size: 38px;
	font-weight: 100;
	padding-bottom: 12px;
	color: #333;
	font-weight: 700
}

.index_title p {
	background: url(../images/line.png) center center no-repeat;
	width: 320px;
	height: 22px;
	margin: 0 auto
}

.floor_1 {
}

.floor_1 .floor_1_main {
}

.floor_1 .floor_1_main .content {
}

.floor_1 .floor_1_main .content .menu {
	margin-bottom: 42px
}

.floor_1 .floor_1_main .content .menu .list {
	padding: 0;
	text-align: center
}

.floor_1 .floor_1_main .content .menu .list .item {
	display: inline-block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	background-color: #f4f4f4;
	border: 1px solid #f1efef;
	margin: 0 1px;
	border-radius: 6px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_1 .floor_1_main .content .menu .list .item:last-child {
	margin-right: 0
}

.floor_1 .floor_1_main .content .menu .list .item a {
	font-size: 14px;
	color: #666;
	text-align: center;
	display: block
}

.floor_1 .floor_1_main .content .menu .list .item:hover {
	background-color: #1ea4fe;
	color: #fff
}

.floor_1 .floor_1_main .content .menu .list .item:hover a {
	color: #fff
}

.floor_1 .floor_1_main .content .menu .list .item.hover {
	background-color: #1ea4fe;
	color: #fff;
	    width: 90px;
}

.floor_1 .floor_1_main .content .menu .list .item.hover a {
	color: #fff
}

.floor_1 .floor_1_main .content .product {
}

.floor_1 .floor_1_main .content .product .bd {
	position: relative;
	overflow: hidden;
	height: 290px
}

.floor_1 .floor_1_main .content .product .bd .list {
	width: 104%;
	overflow: hidden
}

.floor_1 .floor_1_main .content .product .bd .list li {
	position: relative;
	float: left;
	display: block;
	width: 290px;
	height: 290px;
	margin-right: 13px;
	cursor: pointer
}

.floor_1 .floor_1_main .content .product .bd .list li:hover {
	background: url(../images/f2_1.jpg) center center no-repeat
}

.floor_1 .floor_1_main .content .product .bd .list li a {
	display: block;
	width: 288px;
	height: 290px
}

.floor_1 .floor_1_main .content .product .bd .list li img {
	margin: 0 auto;
	display: block;
	height: 218px;
	width: 290px
}

.floor_1 .floor_1_main .content .product .bd .list li p {
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_1 .floor_1_main .content .product .bd .list li:hover p {
	color: #0d97f4
}

.floor_1 .floor_1_main .content .product .hd {
	width: 100%;
	top: 0;
	position: relative;
	padding-bottom: 80px
}

.floor_1 .floor_1_main .content .product .hd .prev {
	position: absolute;
	left: 490px;
	top: 0;
	display: block;
	width: 72px;
	height: 32px;
	background-position: 0 0;
	cursor: pointer
}

.floor_1 .floor_1_main .content .product .hd .next {
	position: absolute;
	right: 490px;
	top: 0;
	display: block;
	width: 72px;
	height: 32px;
	background-position: -80px 0;
	cursor: pointer
}

.floor_1 .floor_1_main .content .product .hd .prev:hover {
	opacity: .8;
	background-position: -160px 0
}

.floor_1 .floor_1_main .content .product .hd .next:hover {
	opacity: .8;
	background-position: -240px 0
}

.floor_1 .floor_1_main .content .product .hd .amore {
	position: absolute;
	left: 570px;
	top: 0;
	display: block;
	width: 61px;
	height: 32px;
	background-position: 0 -76px;
	cursor: pointer
}

.floor_1 .floor_1_main .content .product .hd .amore:hover {
	opacity: .8;
	background-position: -80px -76px
}

.floor_1 .floor_1_main .content .product .bd .list li a .More {
	margin-top: 32px;
	margin-left: 60px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0,10px,0);
	-moz-transform: translate3d(0,10px,0);
	-webkit-transform: translate3d(0,10px,0)
}

.floor_1 .floor_1_main .content .product .bd .list li:hover a .More {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

.floor_1 .floor_1_main .content .product .bd .list li a .More i {
	background-position: -30px -300px;
	width: 12px;
	height: 7px;
	margin-top: -17px;
	margin-left: 100px;
	float: left
}

.floor_1 .floor_1_main .content .product .bd ul li a .bg {
	width: 290px;
	height: 218px;
	background: url(../images/framebg1.png) no-repeat center center;
	background-size: 290px 218px;
	opacity: 0;
	margin-top: -288px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_1 .floor_1_main .content .product .bd ul li:hover a .bg {
	display: block;
	z-index: 999;
	position: relative;
	opacity: 1
}

.floor_1 .floor_1_main .content .product .bd ul li a .txtIco {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 290px;
	height: 290px;
	z-index: 1000
}

.floor_1 .floor_1_main .content .product .bd ul li a .txtIco s {
	width: 54px;
	height: 54px;
	background-position: 0 -270px;
	position: absolute;
	left: 145px;
	top: 80px;
	margin-left: -20px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco s {
	opacity: 1
}

.floor_1 .floor_1_main .content .product .bd ul li a .txtIco .stit {
	padding-top: 220px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	transition: all ease-in-out .2s;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff
}

.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco .stit {
	padding-top: 160px;
	transition: all ease-in-out .2s;
	opacity: 1;
	filter: alpha(opacity=100);
	color: #fff
}

.floor_2 {
	background-color: #f4f5f6;
	position: relative;
	height: 876px
}

.floor_2 .floor_2_main {
}

.floor_2 .floor_2_main .content {
}

.floor_2 .floor_2_main .content .advantage {
	position: relative;
	height: 600px;
	margin-top: 50px
}

.floor_2 .floor_2_main .content .advantage .list {
	position: relative;
	z-index: 99
}

.floor_2 .floor_2_main .content .advantage .list .item {
	width: 350px;
	height: 100px;
	float: left
}

.floor_2 .floor_2_main .content .advantage .list .item.it1,.floor_2 .floor_2_main .content .advantage .list .item.it3,.floor_2 .floor_2_main .content .advantage .list .item.it5,.floor_2 .floor_2_main .content .advantage .list .item.it7 {
	padding-right: 400px
}

.floor_2 .floor_2_main .content .advantage .list .item a {
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item a h2 {
	font-size: 20px;
	color: #000;
	height: 24px;
	line-height: 24px;
	padding-bottom: 16px;
	font-weight: 700;
	text-indent: 230px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_2 .floor_2_main .content .advantage .list .item:hover a h2 {
	color: #01bc66
}

.floor_2 .floor_2_main .content .advantage .list .item a h2 i {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../images/f2_1.png)center center no-repeat;
	float: right
}

.floor_2 .floor_2_main .content .advantage .list .item.it2:hover a h2 i,.floor_2 .floor_2_main .content .advantage .list .item.it4:hover a h2 i,.floor_2 .floor_2_main .content .advantage .list .item.it6:hover a h2 i,.floor_2 .floor_2_main .content .advantage .list .item.it8:hover a h2 i {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../images/f2_3.png)center center no-repeat;
	float: left
}

.floor_2 .floor_2_main .content .advantage .list .item.it1:hover a h2 i,.floor_2 .floor_2_main .content .advantage .list .item.it3:hover a h2 i,.floor_2 .floor_2_main .content .advantage .list .item.it5:hover a h2 i,.floor_2 .floor_2_main .content .advantage .list .item.it7:hover a h2 i {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../images/f2_3.png)center center no-repeat;
	float: right
}

.floor_2 .floor_2_main .content .advantage .list .item a p {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	transition: all ease 600ms
}

.floor_2 .floor_2_main .content .advantage .list .item:hover a p {
	margin-top: -12px;
	transition: all ease 600ms
}

.floor_2 .floor_2_main .content .advantage .f2_bg {
	width: 597px;
	height: 559px;
	position: absolute;
	top: 0;
	left: 354px
}

.floor_2 .floor_2_main .content .advantage .list .item.it1 {
	width: 354px;
	padding-left: 98px;
	padding-top: 26px
}

.floor_2 .floor_2_main .content .advantage .list .item.it1 p {
	width: 310px;
	text-align: right
}

.floor_2 .floor_2_main .content .advantage .list .item.it1 p em {
	text-indent: 250px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it2 {
	width: 354px;
	padding-top: 26px
}

.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 {
	text-indent: 20px
}

.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 i {
	float: left
}

.floor_2 .floor_2_main .content .advantage .list .item.it2 p {
	width: 310px;
	padding-left: 44px
}

.floor_2 .floor_2_main .content .advantage .list .item.it2 p em {
	text-indent: 250px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it3 {
	width: 354px;
	padding-top: 50px
}

.floor_2 .floor_2_main .content .advantage .list .item.it3 p {
	width: 310px;
	text-indent: 18px;
	text-align: right
}

.floor_2 .floor_2_main .content .advantage .list .item.it3 p em {
	text-indent: 210px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it3 h2 {
	text-indent: 230px
}

.floor_2 .floor_2_main .content .advantage .list .item.it4 {
	width: 354px;
	padding-left: 188px;
	padding-top: 50px
}

.floor_2 .floor_2_main .content .advantage .list .item.it4 p {
	width: 310px;
	text-indent: 0;
	padding-left: 42px
}

.floor_2 .floor_2_main .content .advantage .list .item.it4 p em {
	text-indent: 210px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 {
	text-indent: 20px
}

.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 i {
	float: left
}

.floor_2 .floor_2_main .content .advantage .list .item.it5 {
	width: 354px;
	padding-top: 80px
}

.floor_2 .floor_2_main .content .advantage .list .item.it5 p {
	width: 310px;
	text-indent: 0;
	text-align: right
}

.floor_2 .floor_2_main .content .advantage .list .item.it5 p em {
	text-indent: 194px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it5 h2 {
	text-indent: 230px
}

.floor_2 .floor_2_main .content .advantage .list .item.it6 {
	width: 354px;
	padding-left: 192px;
	padding-top: 78px
}

.floor_2 .floor_2_main .content .advantage .list .item.it6 p {
	width: 310px;
	text-indent: 0;
	padding-left: 42px
}

.floor_2 .floor_2_main .content .advantage .list .item.it6 p em {
	text-indent: 210px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 {
	text-indent: 20px
}

.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 i {
	float: left
}

.floor_2 .floor_2_main .content .advantage .list .item.it7 {
	width: 354px;
	padding-top: 44px;
	padding-left: 100px
}

.floor_2 .floor_2_main .content .advantage .list .item.it7 p {
	width: 310px;
	text-indent: -12px;
	text-align: right
}

.floor_2 .floor_2_main .content .advantage .list .item.it7 p em {
	text-indent: 58px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it7 h2 {
	text-indent: 230px
}

.floor_2 .floor_2_main .content .advantage .list .item.it8 {
	width: 354px;
	padding-left: 2px;
	padding-top: 48px
}

.floor_2 .floor_2_main .content .advantage .list .item.it8 p {
	width: 310px;
	text-indent: 0;
	padding-left: 42px
}

.floor_2 .floor_2_main .content .advantage .list .item.it8 p em {
	text-indent: 210px;
	display: block
}

.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 {
	text-indent: 20px
}

.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 i {
	float: left
}

.floor_3 {
	position: relative
}

.floor_3 .floor_3_main .content .case {
}

.floor_3 .floor_3_main .content .case .bd {
	position: relative;
	height: 380px
}

.floor_3 .floor_3_main .content .case .bd .list {
	width: 104%
}

.floor_3 .floor_3_main .content .case .bd .list li {
	position: relative;
	float: left;
	display: block;
	width: 380px;
	height: 360px;
	margin-right: 30px;
	cursor: pointer
}

.floor_3 .floor_3_main .content .case .list li a {
	display: block;
	width: 380px;
	height: 360px
}

.floor_3 .floor_3_main .content .case .bd .list li img {
	margin: 0 auto;
	display: block;
	height: 285px;
	width: 380px
}

.floor_3 .floor_3_main .content .case .bd .list li p {
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_3 .floor_3_main .content .case .bd .list li:hover p {
	color: #00a74d;
}

.floor_3 .floor_3_main .content .case .hd {
	width: 100%;
	top: 0;
	position: relative;
	padding-bottom: 80px
}

.floor_3 .floor_3_main .content .case .hd .prev {
	position: absolute;
	left: 490px;
	top: 0;
	display: block;
	width: 72px;
	height: 32px;
	background-position: 0 0;
	cursor: pointer
}

.floor_3 .floor_3_main .content .case .hd .next {
	position: absolute;
	right: 490px;
	top: 0;
	display: block;
	width: 72px;
	height: 32px;
	background-position: -80px 0;
	cursor: pointer
}

.floor_3 .floor_3_main .content .case .hd .prev:hover {
	opacity: .8;
	background-position: -160px 0
}

.floor_3 .floor_3_main .content .case .hd .next:hover {
	opacity: .8;
	background-position: -240px 0
}

.floor_3 .floor_3_main .content .case .hd .amore {
	position: absolute;
	left: 570px;
	top: 0;
	display: block;
	width: 61px;
	height: 32px;
	background-position: 0 -76px;
	cursor: pointer
}

.floor_3 .floor_3_main .content .case .hd .amore:hover {
	opacity: .8;
	background-position: -80px -76px
}

.floor_3 .floor_3_main .content .case .bd .list li a .More {
	margin-top: 32px;
	margin-left: 60px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0,10px,0);
	-moz-transform: translate3d(0,10px,0);
	-webkit-transform: translate3d(0,10px,0)
}

.floor_3 .floor_3_main .content .case .bd .list li:hover a .More {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

.floor_3 .floor_3_main .content .case .bd .list li a .More i {
	background-position: -30px -300px;
	width: 12px;
	height: 7px;
	margin-top: -17px;
	margin-left: 100px;
	float: left
}

.floor_3 .floor_3_main .content .case .bd ul li a .bg {
	margin-top: -355px;
	width: 380px;
	height: 285px;
	background: url(../images/framebg2.png) no-repeat center center;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_3 .floor_3_main .content .case .bd ul li:hover a .bg {
	display: block;
	z-index: 999;
	position: relative;
	opacity: 1
}

.floor_3 .floor_3_main .content .case .bd ul li a .txtIco {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 380px;
	height: 360px;
	z-index: 1000
}

.floor_3 .floor_3_main .content .case .bd ul li a .txtIco s {
	width: 54px;
	height: 54px;
	background-position: 0 -270px;
	position: absolute;
	left: 184px;
	top: 106px;
	margin-left: -20px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco s {
	opacity: 1
}

.floor_3 .floor_3_main .content .case .bd ul li a .txtIco .stit {
	padding-top: 220px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	transition: all ease-in-out .2s;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff
}

.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco .stit {
	padding-top: 160px;
	transition: all ease-in-out .2s;
	opacity: 1;
	filter: alpha(opacity=100);
	color: #fff
}

.floor_3 .floor_3_main .content .case .bd .list li p i {
	display: block;
	width: 19px;
	height: 19px;
	float: right;
	background-position: 0 -140px;
	position: absolute;
	top: 26px;
	right: 26px
}

.floor_3 .floor_3_main .content .case .bd .list li:hover p i {
	background-position: -40px -140px
}

.floor_4 {
	position: relative
}

.floor_4 {
	background: url(../images/f4_3.jpg) center center no-repeat;
	height: 647px
}

.floor_4 .floor_4_main {
}

.floor_4 .floor_4_main .txt {
	float: right;
	padding-top: 120px
}

.floor_4 .floor_4_main .txt .tit {
	font-size: 40px;
	color: #333;
	height: 44px;
	line-height: 44px;
	padding-bottom: 36px
}

.floor_4 .floor_4_main .txt i {
	display: block;
	background-position: 0 -380px;
	width: 32px;
	height: 1px
}

.floor_4 .floor_4_main .txt .p1 {
	font-size: 14px;
	color: #333;
	width: 450px;
	line-height: 28px;
	padding-top: 60px
}

.floor_4 .floor_4_main .txt a {
	font-size: 14px;
	color: #fff;
	width: 130px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	background-color: #1ea4fe;
	display: block;
	border-radius: 6px;
	margin-top: 56px;
	transition: all ease 600ms
}

.floor_4 .floor_4_main .txt a:hover {
	width: 150px;
	transition: all ease 600ms
}

.floor_5 .floor_5_main {
	position: relative
}

.floor_5 .floor_5_main .indexTit {
	position: relative
}

.floor_5 .floor_5_main .indexTit .tit {
	font-size: 40px;
	color: #646464;
	text-align: left;
	margin-bottom: 18px
}

.floor_5 .floor_5_main .indexTit i {
	display: block;
	width: 29px;
	height: 1px;
	margin: 0;
	background: url(../images/wrap.png) center center no-repeat;
	margin-bottom: 30px
}

.floor_5 .floor_5_main .menu {
	float: right;
	position: absolute;
	top: 34px;
	right: 0
}

.floor_5 .floor_5_main .menu .list .item.it1 {
	font-size: 14px;
	color: #fff;
	width: 130px
}

.floor_5 .floor_5_main .menu .list .item.hover {
	background-color: #1ea4fe
}

.floor_5 .floor_5_main .menu .list .item.it2 {
	font-size: 14px;
	color: #fff;
	width: 130px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	background-color: #01bc66;
	display: block;
	border-radius: 6px;
	margin-top: 56px;
	float: left
}

.floor_5 .floor_5_main .menu .list .item a {
	color: #fff;
	display: block
}

.floor_5 .floor_5_main .menu .list .item:hover a {
}

.floor_5 .floor_5_main .menu .list .item {
	font-size: 14px;
	color: #fff;
	width: 130px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	background-color: #01bc66;
	display: block;
	border-radius: 6px;
	margin-top: 56px;
	float: left;
	margin-right: 18px;
	transition: all ease 600ms
}

.floor_5 .floor_5_main .menu .list .item:hover {
	opacity: .8;
	transition: all ease 600ms
}

.floor_5 .floor_5_main .menu .list .item:last-child {
	margin-right: 0
}

.floor_5 .floor_5_main .content .news {
	margin-bottom: 30px;
	padding-top: 0
}

.floor_5 .floor_5_main .content .news .bd {
	position: relative;
	height: 420px
}

.floor_5 .floor_5_main .content .news .bd .list {
	width: 104%
}

.floor_5 .floor_5_main .content .news .bd .list li {
	position: relative;
	float: left;
	display: block;
	width: 380px;
	height: 380px;
	border-bottom: 0!important;
	padding-bottom: 0;
	margin: 15px 0;
	margin-right: 30px;
	cursor: pointer;
	transition: all ease 600ms
}

.floor_5 .floor_5_main .content .news .bd .list li:hover {
	box-shadow: 1px 6px 10px #d0dbe0;
	transition: all ease 600ms
}

.floor_5 .floor_5_main .content .news .list li a {
	display: block;
	width: 380px;
	height: 380px
}

.floor_5 .floor_5_main .content .news .bd .list li img {
	margin: 0 auto;
	display: block;
	height: 285px;
	width: 380px
}

.floor_5 .floor_5_main .content .news .bd .list li .tit {
}

.floor_5 .floor_5_main .content .news .bd .list li .p1 {
	height: 90px;
	line-height: 90px;
	float: left;
	text-align: center;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	width: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_5 .floor_5_main .content .news .bd .list li .p2 {
	position: relative;
	color: #ccc;
	font-size: 43px;
	padding-top: 20px;
	width: 70px;
	float: right
}

.floor_5 .floor_5_main .content .news .bd .list li .p2 .s1 {
	margin-right: 14px;
	color: #666;
	font-size: 14px;
	float: right;
	position: absolute;
	top: 44px;
	left: 4px;
	width: 76px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_5 .floor_5_main .content .news .bd .list li .p2 .s2 {
	position: absolute;
	top: 16px;
	left: 6px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_5 .floor_5_main .content .news .bd .list li:hover .p2 {
	color: #1ea4fe
}

.floor_5 .floor_5_main .content .news .bd .list li:hover .p2 .s1 {
	color: #1ea4fe
}

.floor_5 .floor_5_main .content .news .bd .list li:hover .p1 {
	color: #0d97f4
}

.floor_5 .floor_5_main .content .news .hd {
	width: 100%;
	top: 0;
	position: relative;
	padding-bottom: 80px
}

.floor_5 .floor_5_main .content .news .hd .prev {
	position: absolute;
	left: 490px;
	top: 0;
	display: block;
	width: 72px;
	height: 32px;
	background-position: 0 0;
	cursor: pointer
}

.floor_5 .floor_5_main .content .news .hd .next {
	position: absolute;
	right: 490px;
	top: 0;
	*right: 0px;
	*left: 1180px;
	display: block;
	width: 72px;
	height: 32px;
	background-position: -80px 0;
	cursor: pointer
}

.floor_5 .floor_5_main .content .news .hd .prev:hover {
	opacity: .8;
	background-position: -160px 0
}

.floor_5 .floor_5_main .content .news .hd .next:hover {
	opacity: .8;
	background-position: -240px 0
}

.floor_5 .floor_5_main .content .news .hd .amore {
	position: absolute;
	left: 570px;
	top: 0;
	display: block;
	width: 61px;
	height: 32px;
	background-position: 0 -76px;
	cursor: pointer
}

.floor_5 .floor_5_main .content .news .hd .amore:hover {
	opacity: .8;
	background-position: -80px -76px
}

.floor_5 .floor_5_main .content .news .bd .list li a .More {
	margin-top: 32px;
	margin-left: 60px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0,10px,0);
	-moz-transform: translate3d(0,10px,0);
	-webkit-transform: translate3d(0,10px,0)
}

.floor_5 .floor_5_main .content .news .bd .list li:hover a .More {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

.floor_5 .floor_5_main .content .news .bd .list li a .More i {
	background-position: -30px -300px;
	width: 12px;
	height: 7px;
	margin-top: -17px;
	margin-left: 100px;
	float: left
}

.floor_5 .floor_5_main .content .news .bd ul li a .bg {
	width: 380px;
	height: 285px;
	background: url(../images/framebg2.png) no-repeat center center;
	opacity: 0
}

.floor_5 .floor_5_main .content .news .bd ul li:hover a .bg {
	display: block;
	margin-top: -355px;
	z-index: 999;
	position: relative;
	opacity: 1
}

.floor_5 .floor_5_main .content .news .bd ul li a .txtIco {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 380px;
	height: 360px;
	z-index: 1000
}

.floor_5 .floor_5_main .content .news .bd ul li a .txtIco s {
	width: 54px;
	height: 54px;
	background-position: 0 -270px;
	position: absolute;
	left: 184px;
	top: 106px;
	transition: all ease-in-out .2s;
	margin-left: -20px;
	opacity: 0
}

.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco s {
	opacity: 1
}

.floor_5 .floor_5_main .content .news .bd ul li a .txtIco .stit {
	padding-top: 220px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	transition: all ease-in-out .2s;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff
}

.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco .stit {
	padding-top: 160px;
	transition: all ease-in-out .2s;
	opacity: 1;
	filter: alpha(opacity=100);
	color: #fff
}

.floor_5 .floor_5_main .content .news .bd .list li p i {
	display: block;
	width: 19px;
	height: 19px;
	float: right;
	background-position: 0 -140px;
	position: absolute;
	top: 26px;
	right: 26px
}

.floor_5 .floor_5_main .content .news .bd .list li:hover p i {
	background-position: -40px -140px
}

.links_main {
	border-top: 1px solid #e5e5e5;
	line-height: 90px;
	height: 90px
}

.links_main span {
	color: #2fc16e;
	font-size: 36px;
	font-weight: 700;
	margin-right: 40px;
	display: block;
	float: left
}

.links_main a {
	padding: 0 30px
}

.bottom_main {
	background: #3a3c42;
	padding: 50px 0;
	width: 100%
}

.bottom_main .box1 {
	color: #fff;
	width: 510px;
	height: 170px;
	border-right: 1px solid #44464c;
	padding-right: 52px;
	padding-top: 30px
}

.bottom_main .box1 img {
	float: left;
	margin-right: 10px
}

.bottom_main .box1 h3 {
	font-size: 22px;
	font-weight: 100
}

.bottom_main .box1 p {
	margin-bottom: 40px
}

.bottom_main .box1 .line {
	height: 1px;
	background: #57595e;
	margin-bottom: 1px
}

.bottom_main .box1 .a {
	color: #616368;
	margin-top: 23px
}

.bottom_main .box1 .a a {
	color: #fff;
	padding: 0 2px
}

.bottom_main .box1 .a a:hover {
	color: #2fc16e
}

.bottom_main .box2 {
	color: #fff;
	width: 281px;
	height: 170px;
	border-right: 1px solid #44464c;
	padding-left: 50px;
	padding-top: 30px
}

.bottom_main .box2 h3 {
	font-size: 22px;
	padding-bottom: 22px
}

.bottom_main .box2 li {
	line-height: 30px
}

.bottom_main .box2 li i {
	width: 14px;
	height: 14px;
	background-position: -241px -57px;
	margin-right: 5px
}

.bottom_main .box2 li .i2 {
	background-position: -255px -57px
}

.bottom_main .box2 li .i3 {
	background-position: -270px -57px
}

.bottom_main .box3 {
	padding-top: 29px
}

.bottom_main .box3 li {
	float: left;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin-left: 20px
}

.bottom_main .box3 img {
	width: 120px;
	height: 120px;
	display: block
}

.bottom_copy {
	line-height: 50px;
	font-size: 12px;
	color: #ccc
}

.bottom_copy a {
	color: #ccc
}

.bottom_copy a:hover {
	color: #fff
}

.dialog-layout {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.local {
	height: 60px;
	line-height: 60px;
	overflow: hidden
}

.local ul {
	float: right;
	margin-right: 60px
}

.local ul li {
	padding: 0 25px;
	float: left
}

.local ul li a {
	position: relative;
	display: block;
	padding: 0 15px;
	overflow: hidden;
	color: #363636
}

.local ul li a i {
	width: 0;
	height: 3px;
	background: #3b3a45;
	position: absolute;
	left: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
	bottom: 0;
	transition: ease-in .2s
}

.local ul li a.hover,.local ul li a:hover {
	color: #363636
}

.local ul li a.hover i,.local ul li a:hover i {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 100%
}

.bg_main {
	padding-bottom: 50px;
	min-height: 640px
}

.sub_banner {
	height: 200px;
	width: 100%
}

.sub_nav {
	height: 35px;
	line-height: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
	padding-top: 20px
}

.sub_nav .fl {
	font-size: 30px
}

.sub_nav .fr li {
	float: left
}

.sub_nav .fr li a {
	padding: 0 20px;
	border: 1px solid #e6e6e6;
	display: block;
	margin-left: 10px;
	transition: ease-in-out .2s
}

.sub_nav .fr li a:hover,.sub_nav .fr li a.hover {
	background: #1ea4fe;
	color: #fff;
	border: 1px solid #1ea4fe
}

.case {
	margin-top: 40px
}

.case ul {
	width: 105%
}

.case li {
	width: 380px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.case li a span {
	color: #666;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.case li:hover a span {
	color: #1ea4fe
}

.case li:hover a p {
	color: #1ea4fe
}

.case li .img {
	overflow: hidden;
	height: 213px;
	display: block;
	border: 1px solid #efefef;
	width: 378px;
	border-bottom: none
}

.case li .img img {
	width: 380px;
	height: 213px;
	transition: .9s
}

.imgH li .img {
	height: 284px;
	border: 1px solid #efefef;
	width: 378px;
	border-bottom: none
}

.imgH li .img img {
	height: 284px
}

.case li:hover .img img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2)
}

.case li .p {
	border: 1px solid #efefef;
	display: block;
	width: 340px;
	padding: 0 19px;
	height: 108px;
	border-top: none
}

.case li .p p {
	border-bottom: 1px solid #d6d6d6;
	height: 58px;
	color: #666;
	line-height: 58px;
	margin-bottom: 10px;
	font-size: 18px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.case li .p i {
	width: 32px;
	height: 12px;
	background-position: -230px -110px
}

.case li .p .fl {
	font-size: 12px;
	font-family: arial
}

.case li:hover {
	box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.bg_main .news_ul {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 12px
}

.bg_main .news_ul li {
	padding: 37px 0;
	border-bottom: 1px solid #eaeaea;
	position: relative
}

.bg_main .news_ul li .box1 {
	width: 253px;
	height: 190px;
	overflow: hidden
}

.bg_main .news_ul li .box1 img {
	width: 253px;
	height: 190px;
	transition: ease-in-out .9s
}

.bg_main .news_ul li .box2 {
	padding-left: 42px;
	width: 759px;
	padding-top: 30px
}

.bg_main .news_ul li .box2 h1 {
	font-size: 20px;
	color: #333;
	height: 26px;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.bg_main .news_ul li .box2 p {
	color: #666;
	line-height: 24px;
	padding-top: 10px;
	height: 75px
}

.bg_main .news_ul li .box2 span {
	font-size: 12px;
	color: #999
}

.bg_main .news_ul li .right {
	padding-right: 15px;
	padding-top: 55px;
	text-align: center
}

.bg_main .news_ul li .right h3 {
	font-size: 36px;
	color: #999;
	font-weight: 100
}

.bg_main .news_ul li .right p {
	font-size: 24px;
	color: #bbb;
	padding-top: 10px
}

.bg_main .news_ul li a {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%
}

.bg_main .news_ul li a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.bg_main .news_ul li a:hover h1 {
	color: #1ea4fe
}

.bg_main .news_ul li b {
	display: block;
	width: 100px;
	height: 30px;
	border: #ccc solid 1px;
	text-align: center;
	line-height: 30px;
	font-weight: 400;
	position: absolute;
	right: 12px;
	top: 161px
}

.detail {
	padding-top: 50px
}

.detail .title {
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
	text-align: center
}

.detail .title h1 {
	font-size: 30px;
	line-height: 50px
}

.detail .title span {
	line-height: 18px;
	font-family: arial;
	color: #959595
}

.detail .title i {
	width: 23px;
	height: 16px;
	background-position: -73px 0;
	margin-right: 10px
}

.detail .title .i2 {
	background-position: -104px 0;
	margin-left: 30px
}

.detail .context {
	color: #666;
	line-height: 30px;
	text-align: justify;
	padding: 25px 0
}

.detail .context img {
	max-width: 1200px
}

.reLink {
	height: 38px;
	line-height: 38px;
	border: 1px solid #e6e6e6;
	padding: 0 15px;
	margin-bottom: 50px
}

.reLink .nextLink,.detail .reLink .prevLink {
	width: 50%
}

.reLink .nextLink {
	text-align: right
}

.reLink a {
	-webkit-transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-ms-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms
}

.reLink a:hover {
	color: #2fc16e
}

.pager {
	padding: 30px 0;
	text-align: center;
	*zoom: 1;
	*padding: 40px030px
}

.pager:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.pager p {
	height: 26px;
	line-height: 26px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	display: none
}

.pager ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden
}

.pager ul li {
	float: left;
	margin: 0 5px;
	padding: 0!important;
	height: auto!important;
	border: none!important
}

.pager ul a {
	line-height: 30px;
	padding: 0 10px;
	transition: all ease 300ms;
	color: #000;
	text-decoration: none;
	float: left;
	border: 1px solid #ddd
}

.pager ul a.current,.pager ul a:hover {
	color: #fff;
	border: 1px solid #2ab866;
	background: #2ab866
}

.contact .box3 h1 {
	font-size: 36px;
	padding-bottom: 15px;
	text-align: center
}

.contact .box3 p {
	font-size: 16px;
	color: #828282;
	line-height: 24px;
	padding-bottom: 46px;
	text-align: center
}

.contact .box3 b {
	color: #1ea4fe
}

.formData {
	padding-bottom: 20px
}

.formData .item {
	float: left;
	color: #999;
	font-weight: 400;
	width: 560px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #e5e5e5;
	margin-right: 76px;
	margin-bottom: 30px;
	position: relative
}

.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #ccc
}

.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size: 18px
}

.formData .item .txt {
	width: 355px;
	height: 50px;
	line-height: 50px;
	display: block;
	background: 0 0;
	padding-left: 70px;
	border: 0;
	color: #333
}

.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: red;
	z-index: 11
}

.formData .item.mr0 {
	margin-right: 0
}

.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0
}

.formData .liuyan {
	width: 1198px;
	height: 240px;
	border: 1px solid #e5e5e5;
	float: left
}

.formData .liuyan label {
	text-align: right;
	display: block
}

.formData .liuyan textarea {
	width: 1178px;
	height: 214px;
	line-height: 28px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: microsoft yahei;
	color: #333;
	border: 0;
	overflow: hidden;
	background: 0 0;
	resize: none;
	display: block;
	outline: none
}

.formData .bot {
	width: 100%
}

.formData .sub {
	width: 232px;
	line-height: 46px;
	border: 2px solid #1ea4fe;
	margin-right: 2px;
	text-align: center;
	background: #1ea4fe;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms
}

.formData .sub:hover {
	background: 0 0;
	color: #1ea4fe
}

.formData .yzm {
	width: 432px
}

.formData .yzm .txt {
	padding-left: 80px
}

.formData .yzm img {
	position: absolute;
	right: 3px;
	top: 3px;
	border: 0;
	display: block
}

.about .box1 {
	padding-top: 105px;
	padding-bottom: 100px;
	overflow: hidden
}

.box1_add {
	padding: 70px 0
}

.about .box1 .fl {
	padding-top: 32px
}

.about .box1 .fl h1 {
	font-size: 80px;
	text-transform: uppercase;
	font-family: arial;
	line-height: 80px
}

.about .box1 .fl p {
	font-size: 24px;
	padding-bottom: 88px
}

.about .box1 .fl i {
	width: 54px;
	height: 54px;
	background-position: 0 -99px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left
}

.about .box1 .fl i img {
	position: absolute;
	left: 20px;
	bottom: 56px;
	width: 0;
	height: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: ease-in-out .2s
}

.about .box1 .fl i:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
	left: 0;
	height: 80px;
	width: 80px
}

.about .box1 .fl .i2 {
	background-position: -58px -99px;
	margin-left: 20px
}

.about .box1 .fr {
	width: 611px
}

.about .box1 .fr h1 {
	font-size: 24px;
	font-weight: 100
}

.about .box1 .fr span {
	display: block;
	background: #b0b0b0;
	width: 20px;
	height: 2px;
	margin: 13px 0 24px
}

.about .box1 .fr h2 {
	font-size: 18px
}

.about .box1 .fr p {
	line-height: 30px;
	padding-top: 12px
}

.about .box1 .fr i {
	width: 54px;
	height: 54px;
	background-position: -59px -35px;
	margin-top: 35px;
	transition: ease-in-out .2s
}

.about .box1 .fr a:hover {
	cursor: pointer
}

.about .box1 .fr a:hover i {
	margin-left: 15px
}

.about .bg_20 {
	height: 20px;
	width: 100%;
	background: #eaeaea
}

.about .box2 {
	padding-bottom: 94px
}

.about .box2 .con {
	margin-top: 40px
}

.about .box2 .con .fl {
	width: 410px;
	height: 428px;
	overflow: hidden
}

.about .box2 .con .fl img {
	width: 410px;
	height: 428px
}

.about .box2 .con .fr .img {
	width: 380px;
	height: 214px;
	overflow: hidden;
	display: block
}

.about .box2 .con .fr .img img {
	width: 380px;
	height: 214px;
	transition: .9s
}

.about .box2 .con .fr .p {
	display: block;
	padding-left: 20px;
	width: 360px;
	height: 214px
}

.about .box2 .con .fr .p h1 {
	font-size: 24px;
	line-height: 60px;
	font-weight: 100
}

.about .box2 .con .fr .p i {
	width: 54px;
	height: 54px;
	background-position: -59px -35px;
	margin-top: 35px;
	transition: ease-in-out .2s
}

.about .box2 .con .fr li:hover {
	cursor: pointer
}

.about .box2 .con .fr li:hover h1,.about .box2 .con .fr li:hover p {
	color: #333
}

.about .box2 .con .fr li:hover i {
	margin-left: 15px
}

.about .box2 .con .fr li {
	float: left
}

.about .box2 .con .fr li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.about .box3 {
	background: url(../images/about_bg.jpg) center top no-repeat;
	width: 100%;
	height: 457px;
	padding-top: 93px
}

.about .box3 .w1200 {
	overflow: hidden
}

.about .box3 .fl {
	width: 500px
}

.about .box3 .fl h1 {
	font-size: 36px;
	color: #fff;
	font-weight: 100;
	padding-bottom: 25px
}

.about .box3 .fl span {
	display: block;
	width: 40px;
	height: 2px;
	background: #ffd200;
	margin-bottom: 25px
}

.about .box3 .fl p {
	color: #fff;
	line-height: 24px
}

.about .box3 .fl i {
	width: 54px;
	height: 54px;
	cursor: pointer;
	background-position: 0 -35px;
	margin-top: 35px;
	transition: ease-in-out .2s
}

.about .box3 .fl a:hover i {
	margin-left: 15px
}

.about .box3 .fr .picScroll-left {
	overflow: hidden;
	position: relative;
	margin-top: 68px;
	height: 225px;
	width: 620px
}

.about .box3 .fr .picScroll-left .hd {
	overflow: hidden
}

.about .box3 .fr .picScroll-left .hd .prev,.about .box3 .fr .picScroll-left .hd .next {
	display: block;
	left: 0;
	top: 50%;
	margin-top: -36px;
	width: 30px;
	height: 72px;
	position: absolute;
	z-index: 10;
	background-position: -133px -67px;
	cursor: pointer;
	display: none
}

.about .box3 .fr .picScroll-left .hd .next {
	left: auto;
	right: 0;
	background-position: -164px -67px
}

.about .box3 .fr .picScroll-left:hover .hd .prev,.about .box3 .fr .picScroll-left:hover .hd .next {
	display: block
}

.about .box3 .fr .picScroll-left .hd ul {
	float: right;
	overflow: hidden;
	margin-top: 10px;
	zoom: 1
}

.about .box3 .fr .picScroll-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url(../images/icocircle.gif) 0 -9px no-repeat
}

.about .box3 .fr .picScroll-left .hd ul li.on {
	background-position: 0 0
}

.about .box3 .fr .picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1
}

.about .box3 .fr .picScroll-left .bd ul li {
	margin-right: 20px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center
}

.about .box3 .fr .picScroll-left .bd ul li img {
	width: 300px;
	height: 225px
}

.bg_top {
	height: 50px;
	background: #eaeaea;
	width: 100%
}

.erro {
	color: red
}

.erro {
	text-align: center;
	min-height: 400px
}

.showPro {
	padding: 50px 50px 0
}

.showPro .reLink {
	margin-bottom: 0
}

.showPro .showContxt {
	padding: 30px 0 35px;
	font-size: 16px;
	line-height: 32px
}

.showPro .showContxt img {
	max-width: 100%;
	height: auto!important
}

.showPro .showimgCon {
	padding: 0 0 30px;
	font-size: 16px;
	line-height: 32px
}

.showPro .showimgCon .txtcon {
	width: 680px;
	height: 423px;
	float: right;
	position: relative
}

.showPro .showimgCon .txtcon .tit {
	position: relative;
	font-size: 20px;
	margin-bottom: 15px;
	color: #d73535;
	font-weight: 700;
	line-height: 24px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ddd;
	padding-right: 60px
}

.showPro .showimgCon .txtcon .tit .goBack {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	font-size: 14px;
	display: block;
	font-weight: 400;
	cursor: pointer
}

.showPro .showimgCon .txtcon .tit .goBack s {
	width: 20px;
	height: 20px;
	background-position: -440px -62px;
	margin-left: 6px
}

.showPro .showimgCon .txtcon .tit .goBack:hover {
	color: #047fcc
}

.showPro .showimgCon .txtcon .txt {
	line-height: 24px;
	font-size: 16px;
	color: #666
}

.showPro .showimgCon .txtcon .txt .item {
	margin-bottom: 7px;
	max-height: 144px;
	overflow: hidden
}

.showPro .showimgCon .txtcon .tel-btn {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 1px solid #ddd;
	padding-top: 40px
}

.showPro .showimgCon .txtcon .tel-btn .btn {
	width: 118px;
	float: right;
	height: 40px;
	line-height: 40px;
	margin-top: 5px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background: #2ab866
}

.showPro .showimgCon .txtcon .tel-btn .btn:hover {
	background: #12a751
}

.showPro .showimgCon .txtcon .tel-btn .tel {
	width: 280px;
	float: left
}

.showPro .showimgCon .txtcon .tel-btn .tel span,.showPro .showimgCon .txtcon .tel-btn .tel strong {
	display: block;
	color: #666
}

.showPro .showimgCon .txtcon .tel-btn .tel s {
	width: 42px;
	height: 42px;
	display: block;
	float: left;
	margin-right: 6px;
	background-position: -315px -30px
}

.showPro .showimgCon .txtcon .tel-btn .tel span {
	font-size: 16px;
	line-height: 20px
}

.showPro .showimgCon .txtcon .tel-btn .tel strong {
	font-size: 28px;
	line-height: 28px
}

.showPro .showimg {
	width: 442px;
	position: relative;
	float: left;
	overflow: hidden
}

.showPro .showimg .bigimg {
	width: 440px;
	height: 332px;
	display: block;
	position: relative;
	border: 1px solid #ddd
}

.showPro .showimg .bigimg .list {
	width: 5000%
}

.showPro .showimg .bigimg .list li {
	width: 440px;
	height: 332px;
	float: left
}

.showPro .showimg .bigimg .list img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all ease 300ms
}

.showPro .showimg .smallimg {
	width: 440px;
	height: 76px;
	position: relative;
	padding-top: 30px;
	z-index: 10;
	overflow: hidden
}

.showPro .showimg .list {
	width: 357px;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.showPro .showimg .listcon {
	width: 600%!important;
	position: relative
}

.showPro .showimg .prev,.showPro .showimg .next {
	width: 20px;
	height: 76px;
	z-index: 10;
	position: absolute;
	top: 30px;
	cursor: pointer;
	background: url(../images/show-btn-ico.png) no-repeat 0 center
}

.showPro .showimg .prev:hover,.showPro .showimg .next:hover {
	background-color: #f9f9f9
}

.showPro .showimg .prev {
	left: 0;
	background-position: 3px center
}

.showPro .showimg .next {
	right: 0;
	background-position: -84px center
}

.showPro .showimg li {
	width: 98px;
	height: 74px;
	margin-right: 28px;
	float: left;
	cursor: pointer;
	position: relative
}

.showPro .showimg li img {
	width: 100%;
	height: 100%;
	display: block
}

.showPro .showimg li.on {
	width: 94px;
	height: 70px;
	border: 3px solid #2ab866
}

.relateTit {
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 auto;
	width: 1200px
}

.relateTit h3 {
	font-size: 18px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative
}

.relateTit h3 .line {
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #2ab866
}

.floor_3_remm {
	padding-bottom: 60px
}

.floor_3_remm .body {
	overflow: hidden;
	*margin-bottom: 38px
}

.floor_3_remm .body ul {
	width: 112%
}

.floor_3_remm .body li {
	margin-bottom: 40px;
	width: 370px;
	float: left;
	margin-right: 45px;
	position: relative;
	border-radius: 5px;
	height: 278px;
	overflow: hidden
}

.floor_3_remm .body li a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.floor_3_remm .body li .img img {
	border-radius: 5px;
	width: 370px;
	height: 278px
}

.floor_3_remm .body li .txt {
	position: absolute;
	left: 0;
	top: 211px;
	height: 67px;
	background: #666;
	width: 301px;
	border-radius: 0 0 5px 5px;
	color: #fff;
	padding-left: 42px;
	padding-right: 42px;
	transition: ease-in-out .2s;
	text-align: center;
	line-height: 67px
}

.floor_3_remm .body li .txt h3 {
	font-size: 20px;
	font-weight: 100;
	line-height: 67px
}

.floor_3_remm .body li .txt span {
	margin: 0 auto;
	display: block;
	border: 1px solid #fff;
	text-align: center;
	width: 123px;
	height: 33px;
	line-height: 33px;
	border-radius: 5px;
	margin-top: 10px;
	display: none
}

.floor_3_remm .body li:hover {
	box-shadow: 2px 5px 2px rgba(0,0,0,.1)
}

.floor_3_remm .body li:hover .txt {
	background: url(../images/bg_6b.png) repeat;
	height: 100%;
	top: 0;
	border-radius: 5px
}

.floor_3_remm .body li:hover .txt h3 {
	padding-top: 78px
}

.floor_3_remm .body li:hover .txt span {
	margin-top: 0;
	display: block
}

.floor_3_remm .more2 {
	text-align: center
}

.floor_3_remm .more2 ul {
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.floor_3_remm .more2 a {
	width: 141px;
	height: 35px;
	display: block;
	color: #2fc16e;
	margin: 0 19px;
	border: 2px solid #2fc16e;
	line-height: 35px;
	border-radius: 4px;
	font-size: 20px
}

.floor_3_remm .more2 a:hover {
	box-shadow: 3px 3px 3px rgba(0,0,0,.1)
}

.floor_3_remm .more2 .ewmbtn {
	background: #2fc16e;
	color: #fff
}

.floor_3_remm .more2 li {
	float: left
}

.toolbar {
	width: 52px;
	position: fixed;
	right: 1%;
	top: 50%;
	margin-top: -115px;
	z-index: 999
}

.toolbar dd {
	width: 51px;
	height: 51px;
	margin-bottom: 1px;
	position: relative;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin-top: 4px;
	border: #ebebeb solid 1px;
	background-color: #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%
}

.toolbar dd i {
	width: 51px;
	height: 51px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%
}

.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 8px 0 0 8px;
	background: url(../images/rightfixicon.png) no-repeat 0 0
}

.toolbar dd.gottop {
	display: none
}

.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	font-weight: 700;
	font-family: arial;
	color: #fff;
	position: absolute;
	padding: 0 0 0 53px;
	top: -1px;
	right: -2px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden
}

.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -65px;
	background: #1ea4fe;
	display: none
}

.toolbar .pop-code {
	width: 160px
}

.toolbar .pop-code img {
	width: 120px;
	height: 120px;
	display: block;
	padding: 20px 20px 0
}

.toolbar .pop-code h3 {
	height: 52px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap
}

.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: 400
}

.toolbar .qq span {
	background-position: -35px -47px
}

.toolbar .qq a {
	width: 52px;
	height: 52px;
	cursor: pointer;
	display: block
}

.toolbar .qq:hover {
	background-color: #1ea4fe;
	border-radius: 100%
}

.toolbar .qq:hover span {
	background-position: 0 -47px
}

.toolbar .tel span {
	background-position: -35px 0
}

.toolbar .tel:hover {
	background: #1ea4fe
}

.toolbar .tel:hover span {
	background-position: 0 0
}

.toolbar .code span {
	background-position: -35px -95px
}

.toolbar .code:hover {
	background-color: #1ea4fe;
	border-radius: 100%
}

.toolbar .code:hover span {
	background-position: 0 -95px
}

.toolbar .top span {
	background-position: -35px -142px
}

.toolbar .top:hover {
	background-color: #1ea4fe;
	border-radius: 100%
}

.toolbar .top:hover span {
	background-position: 0 -142px
}

.toolbar dd:hover {
}

@font-face {
	font-family:impact;src:url(../font/impact.eot);src:url(../fonts/impact.eot) format('embedded-opentype'),url(../fonts/impact.woff) format('woff'),url(../fonts/impact.ttf) format('truetype'),url(../fonts/impact.svg#impact) format('svg')
}

.delay100 {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms
}

.delay200 {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms
}

.delay300 {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms
}

.delay400 {
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}

.delay500 {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms
}

.delay600 {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms
}

.delay700 {
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms
}

.delay800 {
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms
}

.delay900 {
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms
}

.delay1000 {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms
}

.delay1100 {
	-webkit-animation-delay: 1100ms;
	animation-delay: 1100ms
}

.delay1200 {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms
}

.delay1300 {
	-webkit-animation-delay: 1300ms;
	animation-delay: 1300ms
}

.delay1400 {
	-webkit-animation-delay: 1400ms;
	animation-delay: 1400ms
}

.delay1500 {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms
}

.delay1600 {
	-webkit-animation-delay: 1600ms;
	animation-delay: 1600ms
}

.delay1700 {
	-webkit-animation-delay: 1700ms;
	animation-delay: 1700ms
}

.delay1800 {
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms
}

.delay1900 {
	-webkit-animation-delay: 1900ms;
	animation-delay: 1900ms
}

.delay2000 {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms
}

.delay2100 {
	-webkit-animation-delay: 2100ms;
	animation-delay: 2100ms
}

.delay2200 {
	-webkit-animation-delay: 2200ms;
	animation-delay: 2200ms
}

.delay2300 {
	-webkit-animation-delay: 2300ms;
	animation-delay: 2300ms
}

.delay2500 {
	-webkit-animation-delay: 2500ms;
	animation-delay: 2500ms
}

.delay2700 {
	-webkit-animation-delay: 2700ms;
	animation-delay: 2700ms
}

.delay2900 {
	-webkit-animation-delay: 2900ms;
	animation-delay: 2900ms
}

.delay3000 {
	-webkit-animation-delay: 3000ms;
	animation-delay: 3000ms
}

.delay4000 {
	-webkit-animation-delay: 4000ms;
	animation-delay: 4000ms
}

.delay4500 {
	-webkit-animation-delay: 4500ms;
	animation-delay: 4500ms
}

.delay5000 {
	-webkit-animation-delay: 5000ms;
	animation-delay: 5000ms
}

.onactive .animated {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.active .animated.fast {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.onactive .flyInDown {
	-webkit-animation-name: flyInDown;
	animation-name: flyInDown
}

@-webkit-keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.onactive .flyInRight {
	-webkit-animation-name: flyInRight;
	animation-name: flyInRight
}

@keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.onactive .flyInUp {
	-webkit-animation-name: flyInUp;
	animation-name: flyInUp
}

@keyframes flyInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.onactive .flyInLeft {
	-webkit-animation-name: flyInLeft;
	animation-name: flyInLeft
}

@-webkit-keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
		-moz-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
		transform: translateX(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.onactive .opacityI {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes opacityI {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

@keyframes opacityI {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

.onactive .shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@keyframes shake {
	0% {
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		transform: translateY(-10px)
	}

	20%,40%,60%,80% {
		-transform: translateY(6px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes shake {
	0% {
		-webkit-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateY(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateY(6px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes shake {
	0% {
		-moz-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-moz-transform: translateY(-10px)
	}

	20%,40%,60%,80% {
		-moz-transform: translateY(6px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes shake {
	0% {
		-o-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-o-transform: translateY(-10px)
	}

	20%,40%,60%,80% {
		-o-transform: translateY(6px)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@-ms-keyframes shake {
	0% {
		-ms-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-ms-transform: translateY(-10px)
	}

	20%,40%,60%,80% {
		-ms-transform: translateY(6px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

.onactive .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@-webkit-keyframes scaleIn {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.02);
		transform: scale(1.02)
	}
}

@keyframes scaleIn {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02)
	}
}

.HS10,.HS15 {
	overflow: hidden;
	clear: both
}

.HS10 {
	height: 10px
}

.HS15 {
	height: 15px
}

.Hidden {
	display: none
}

.Clearer {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0
}

.FlLeft {
	float: left
}

.FlRight {
	float: right
}

.MainBg {
	width: 1200px;
	margin: 0 auto
}

.OriginalPicBorder {
	padding: 0
}

#OriginalPic {
	width: 1200px;
	overflow: hidden;
	position: relative;
	font-size: 12px
}

#OriginalPic img {
	display: block;
	min-width: 100px;
	margin: 0 auto
}

.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #fff;
	left: 0;
	cursor: url(../images/CurL.cur),auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent
}

.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #fff;
	right: 0;
	cursor: url(../images/CurR.cur),auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent
}

.SliderPicBorder {
	width: 100%;
	overflow: hidden
}

.ThumbPicBorder {
	width: 1200px;
	margin: 0 auto;
	background: #eee;
	overflow: hidden;
	position: relative
}

.ThumbPicBorder #btnPrev {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 20px
}

.ThumbPicBorder #btnNext {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px
}

.ThumbPicBorder .pic {
	width: 1025px;
	overflow: hidden;
	position: relative;
	margin: 20px auto
}

#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 10px;
	width: 145px;
	height: 108px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

#ThumbPic img.active {
	border: 3px solid #1ea4fe
}

#maximg img {
	max-width: 100%!important;
	height: auto!important
}




/*news*/
/*.news { overflow:hidden; width:1200px; margin:60px auto 11px auto;    background-color: #f8f8f8;}*/
.newsleft{ overflow:hidden; width:800px; float:left; height:420px;}
.newsleft .menu{ overflow:hidden; width:100%; height:52px; padding-bottom:6px; margin-bottom:24px;}
.newsleft .menu li{ float:left; width:400px; height:52px; text-align:center; line-height:52px; position:relative; background-color:#eeeeee; font-size:20px;}
.newsleft .menu li a{ display:block; text-decoration:none; color:#333;}
.newsleft .menu li img{ display:none; position:absolute; left:50%; margin-left:-6px; top:52px;}
.newsleft .menu li.cur{ background-color:#1ea4fe;}
.newsleft .menu li.cur img{ display:block}
.newsleft .menu li.cur a{ color:#fff;}
.newsleft .newsbox { overflow:hidden; width:780px; margin:0 auto; height:330px; position:relative}
.newsleft .newslist{ overflow:hidden; width:100%; height:100%;}
.newsleft .newstop{ overflow:hidden; width:100%; margin-bottom:20px;}
.newsleft .newstop img{ display:block; float:left; border:1px solid #adadad;}
.newsleft .newstop .wen{ overflow:hidden; float:right; width:445px;}
.newsleft .newstop h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0;}
.newsleft .newstop h3 a{ color:#333;font-weight:bold;}
.newsleft .newstop p{ font-size:14px; color:#333; line-height:25px; height:50px; overflow:hidden; margin-bottom:20px;}
.newsleft .newstop .more{ font-size:14px; color:#333;}
.newsleft .list{ overflow:hidden; width:100%;}
.newsleft .list li{ float:left; overflow:hidden; width:360px; margin-right:20px; padding-left:10px; background:url(../images/img.png) no-repeat 0 -483px; font-size:14px; color:#333; line-height:42px;}
.newsleft .list li a{ display:block; float:left; width:280px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333}
.newsleft .list li span{ float:right}
.newsright { overflow:hidden; width:365px; float:right; height:380px;}
.newsright h2{ font-weight:normal; text-align:center; height:52px; line-height:52px; margin-bottom:30px; font-size:20px; background-color:#eeeeee;}
.newsright h2 a{ color:#333}
.newsright .wenda{ overflow:hidden; width:340px; margin:0 auto; height:330px; position:relative}
.newsright .wenda ul{ overflow:hidden; width:100%; position:absolute}
.newsright .wenda li{ overflow:hidden; width:100%; height:130px;}
.newsright .wenda h3{ font-weight:normal; padding-left:30px; background:url(../images/img.png) no-repeat -224px -253px; line-height:22px; margin-bottom:15px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px;}
.newsright .wenda h3 a{ color:#333}
.newsright .wenda p{ padding-left:30px; background:url(../images/img.png) no-repeat -224px -299px; line-height:22px; font-size:14px; color:#b5191d; height:66px; overflow:hidden; text-align:justify}