@charset "utf-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, input, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
dl, ol, ul {
	list-style-type: none
}
address, b, caption, cite, code, dfn, em, i, th, var {
	font-style: normal;
	font-weight: 400
}
button, input, optgroup, option, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
button, input {
	overflow: visible;
	vertical-align: middle;
	outline: 0
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
a, area {
	outline: 0;
blr:expression(this.onFocus=this.blur())
}
a:active, a:focus, a:hover {
	outline: 0;
blr:expression(this.onFocus=this.blur())
}
sub, sup {
	vertical-align: baseline
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
textarea {
	resize: none
}
input[type=button], input[type=submit] {
	cursor: pointer
}
img {
	border: 0;
	vertical-align: middle
}
a img, img {
	-ms-interpolation-mode: bicubic
}
a {
	text-decoration: none;
	color: #666
}
a:hover {
	text-decoration: none
}
body, button, input, select, td, textarea, th {
	font-family: Arial, "微软雅黑";
	font-size: 12px;
	color: #000
}
button:focus {
	outline: none 0
}
.clearLink, .clearLink:hover {
	cursor: text;
	text-decoration: none
}
.layout {
	width: 1200px;
	margin: 0 auto;
	clear: both
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0
}
body {
	min-width: 1220px
}
.slick-slider {
	position: relative;
	outline: 0;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}
.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	outline: 0 none;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block;
	margin: auto
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick-dots button {
	display: none
}
.header {
	z-index: 1000;
	background: #fff;
	/*position: fixed;*/
	left: 0;
	right: 0;
	top: 0
}
.headerbox {
	background: #fff;
	position: relative;
	z-index: 1000;
	height: 106px
}
.header-msg, .logo {
	-webkit-transition: padding-top .25s;
	transition: padding-top .25s
}
.header.an .header-msg, .header.an .logo {
	padding-top: 10px;
	margin-top: 0
}
.header.an .logo img {
	margin-top: 13px
}
.header.an .nav li {
	line-height: 52px
}
.header.an {
	box-shadow: 0 0 5px 1px #ccc;
	border-bottom: 1px solid #eee
}
.nav li {
	-webkit-transition: line-height .25s;
	transition: line-height .25s
}
.layout {
	width: 1200px;
	margin: 0 auto
}
.logo {
	margin-top: 13px;
	float: left;
	padding-top: 20px
}
.header-right {
	width: 900px;
	float: right
}
.header-msg {
	float: right;
	padding-top: 20px;
	line-height: 20px
}
.ph {
	float: left;
	font-size: 14px;
	margin-right: 18px;
	border-right: 1px solid #f3f3f3;
	color: #00aaf6
}
.ph i {
	background: url(/images/png_ph1.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	margin-right: 11px;
	height: 17px
}
.ph em {
	margin-right: 25px
}
.search {
	float: left
}
.search i {
	display: inline-block;
	cursor: pointer;
	width: 14px;
	background: url(/images/png_search1.png) no-repeat;
	height: 14px
}
.nav {
	margin-right: -5px;
	float: right
}
.nav li {
	margin-left: 53px;
	float: left;
	line-height: 64px
}
.nav li>a {
	position: relative;
	font-size: 16px;
	display: block;
	padding: 0 5px;
	padding-bottom: 2px;
	color: #666
}
a {
	transition: color .2s, background .2s;
	-webkit-transition: color .2s, background .2s
}
.nav li:hover>a {
	color: #0095e2
}
.nav li .line {
	bottom: 0;
	left: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
	width: 0;
	height: 2px;
	background: #0095e2;
	position: absolute
}

.nav li:hover .line {
	width: 100%
}
.nav-sub {
	display: none;
	width: 100%;
	background: #fff;
	left: 0;
	position: absolute;
	top: 100%
}
.nav-sub-box {
	width: 140px;
	background-position: right bottom;
	height: 300px;
	background-repeat: no-repeat;
	padding: 0 20px;
	float: left
}
.nav-sub-box dl {
	padding-bottom: 6px
}
.nav-sub-box dd, .nav-sub-box dt {
	width: 100%;
	float: left
}
.nav-sub-box.i1 {
	margin-left: 40px;
	width: 190px
}
.nav-sub-box.i1 dd {
	width: 50%
}
.nav-sub-box dt {
	padding-top: 11px;
	margin-bottom: 14px;
	line-height: 60px;
	border-bottom: 1px solid #e9e9e9
}
.nav-sub-box dt a {
	color: #666;
	display: block;
	font-size: 18px;
	font-weight: 700
}
.nav-sub-box dd {
	line-height: 26px
}
.nav-sub-box dd a {
	color: #333;
	font-size: 12px
}
.nav-sub-box dd a:hover {
	border-bottom: 1px solid #fff
}
.nav-icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
	width: 26px;
	height: 12px
}
.nav-icon.hot {
	background-image: url(../images/png_hot1.png)
}
.nav-icon.new {
	background-image: url(../images/png_new1.png)
}
.nav-sub-box.b1 {
	background-color: #fcfcfc
}
.bannerplace a:hover, .j-name span a:hover, .nav-sub-box dd a:hover {
	color: #0095e2
}
.nav-sub-link a {
	border-radius: 2px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	margin-top: 8px;
	display: block
}
.nav-sub-link .c1 {
	background: #00c35c
}
.nav-sub-link .c2 {
	background: #00a2ff
}
.nav-sub-box.i1 {
	background-image: url(../images/n1_1.png)
}
.nav-sub-box.i2 {
	background-image: url(../images/n2_1.png)
}
.nav-sub-box.i3 {
	background-image: url(../images/n3_1.png)
}
.nav-sub-box.i4 {
	background-image: url(../images/n4_1.png)
}
.nav-sub-box.i5 {
	background-image: url(../images/n5_1.png)
}
.nav-sub-box.i6 {
	background-image: url(../images/n6_1.png)
}
.btnhover {
	transition: all .1s;
	-webkit-transition: all .1s
}
.btnhover:hover {
	-moz-box-shadow: 0 0 5px 1px #fff inset;
	-webkit-box-shadow: 0 0 5px 1px #fff inset;
	box-shadow: 0 0 5px 1px #fff inset
}
.nav-sub-box.i1:hover {
	background-image: url(../images/n1.png)
}
.nav-sub-box.i2:hover {
	background-image: url(../images/n2.png)
}
.nav-sub-box.i3:hover {
	background-image: url(../images/n3.png)
}
.nav-sub-box.i4:hover {
	background-image: url(../images/n4.png)
}
.nav-sub-box.i5:hover {
	background-image: url(../images/n5.png)
}
.nav-sub-box.i6:hover {
	background-image: url(../images/n6.png)
}
.nav-sub-box:hover .nav-sub-box dt {
	border-bottom: 1px solid #fff
}
.nav-sub-box:hover dd a, .nav-sub-box:hover dt a {
	transition: all 0s;
	-webkit-transition: all 0s
}
.nav-sub-box:hover dd a, .nav-sub-box:hover dt a {
	color: #fff
}
.footer {
	background: #16181a url(/images/gui.png) center 132px no-repeat
}
.footer-top {
	padding-top: 35px
}
.webmap {
	float: left;
	margin-right: 68px
}
.webmap dt {
	line-height: 53px
}
.webmap dt a {
	color: #0095e2;
	font-size: 16px
}
.webmap dd {
	line-height: 24px
}
.webmap dd a {
	color: #666;
	font-size: 14px
}
.webmap dd a:hover {
	color: #fff
}
.ewm {
	margin-right: 13px
}
.nomr {
	margin-right: 0!important;
	float: right
}
.footer-m {
	padding: 10px 0 50px 0
}
.ad li {
	padding-right: 1.3%;
	float: left;
	width: 24%
}
.ad li i {
	float: left;
	padding-top: 52px;
	font-size: 18px;
	margin-right: 23px;
	margin-bottom: 5px;
	color: #999;
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 22px
}
.ad li .i1 {
	background-image: url(../images/png_adbg2.png)
}
.ad li .i2 {
	background-image: url(../images/png_adbg1.png)
}
.ad li .i3 {
	background-image: url(../images/home_foshan.png)
}
.ad li .i4 {
	background-image: url(../images/home-shanghai.jpg);
	background-size: 28px
}
.ad li.last {
	padding-right: 0;
}
.ad li h5 {
	line-height: 37px;
	color: #7f7f7f;
	font-size: 30px
}
.ad li p {
	font-size: 14px;
	color: #666;
	line-height: 20px
}
.ad li h5.spe {
	padding-top: 10px
}
.footer-b {
	border-top: 1px solid #222528;
	padding: 10px 0;
	line-height: 37px
}
.copyright {
	color: #5f5f5f;
	font-size: 12px
}
.sb_s1 {
	margin-left: 10px;
	vertical-align: middle
}
.banner {
	height: 500px;
	overflow: hidden
}
.banner a {
	display: block;
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat
}
.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 20px
}
.banner .slick-dots li {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background: #00aaf6;
	opacity: .53;
	filter: "alpha(opacity=53)";
	filter: alpha(opacity=53);
	zoom: 1
}
.banner .slick-dots li.slick-active {
	opacity: 1;
	filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	zoom: 1
}
.webtit {
	padding-top: 40px;
	padding-bottom: 30px;
	text-align: center
}
.enfont {
	font-family: 华文细黑;
	letter-spacing: .06em;
	transform: scale(1, 1.1);
	text-transform: uppercase
}
.webtit em {
	display: block;
	line-height: 70px;
	position: relative;
	font-size: 42px;
	color: #3f3f3f
}
.webtit em i {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 26px;
	height: 2px;
	margin-left: -13px;
	background: #1ec0ff
}
.webtit span {
	line-height: 66px;
	font-size: 24px;
	color: #292828
}
.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0
}
.kwicks>* {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0
}
.kwicks.kwicks-processed>* {
	margin: 0;
	position: absolute
}
.kwicks-horizontal>* {
	float: left
}
.kwicks-horizontal>:first-child {
	margin-left: 0
}
.kwicks-vertical>:first-child {
	margin-top: 0
}
.kwicks {
	padding: 0 0 62px 0
}
.kwicks, .kwicks>li, .sermod, .sermod2 {
	height: 316px
}
.kwicks>li {
	float: left
}
.sermod {
	color: #fff;
	width: 200px;
	float: left;
	position: relative;
	z-index: 1;
	padding: 0 20px
}
.sermod2 {
	z-index: 0;
	width: 230px;
	float: left;
	position: relative
}
.sermod2 i {
	background: #000;
	left: 0;
	opacity: .5;
	filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	zoom: 1;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	position: absolute
}
.sermod2-wrap {
	position: relative;
	z-index: 1
}
.sermod2-wrap a {
	display: block;
	margin: 0 auto;
	width: 102px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	font-size: 14px;
	border-radius: 2px;
	border: 1px solid #898b8c
}
.b1 .sermod2-wrap a:hover {
	border: 1px solid #4f9cdb;
	background: #4f9cdb
}
.b2 .sermod2-wrap a:hover {
	border: 1px solid #7b99ee;
	background: #7b99ee
}
.b3 .sermod2-wrap a:hover {
	border: 1px solid #50d2b7;
	background: #50d2b7
}
.b4 .sermod2-wrap a:hover {
	border: 1px solid #fdad73;
	background: #fdad73
}
.sermod2 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
.sermod.b1 {
	background: #4f9cdb
}
.sermod.b2 {
	background: #7b99ee
}
.sermod.b3 {
	background: #50d2b7
}
.sermod.b4 {
	background: #fdad73
}
.sermodwrap {
	width: 470px
}
.sermod.b1 b {
	border-left: 12px solid #4f9cdb
}
.sermod.b2 b {
	border-left: 12px solid #7b99ee
}
.sermod.b3 b {
	border-left: 12px solid #50d2b7
}
.sermod.b4 b {
	border-left: 12px solid #fdad73
}
.sermod b {
	position: absolute;
	width: 0;
	right: -12px;
	height: 0;
	top: 50%;
	margin-top: -5px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}
.sermod i {
	display: block;
	padding-top: 20px;
	height: 80px;
	background-position: left 20px;
	background-repeat: no-repeat
}
.sermod.b1 i {
	background-image: url(../images/png_sermod1.png)
}
.sermod.b2 i {
	background-image: url(../images/png_sermod2.png)
}
.sermod.b3 i {
	background-image: url(../images/png_sermod3.png)
}
.sermod.b4 i {
	background-image: url(../images/png_sermod4.png)
}
.sermod h4 {
	line-height: 26px;
	font-size: 18px
}
.sermod h5 {
	line-height: 45px;
	font-size: 34px
}
.sermod p {
	padding-top: 15px;
	line-height: 21px;
	font-size: 14px
}
.protab .hd {
	height: 69px;
	line-height: 69px;
	position: relative;
	text-align: center;
	border-top: 1px solid #eaeaea
}
.protab .hd span {
	padding: 0 13px;
	font-size: 17px;
	color: #666;
	cursor: pointer;
	margin: 0 8px;
	transition: .25s all;
	-webkit-transition: .25s all;
	position: relative;
	display: inline-block;
	vertical-align: top
}
.protab .hd i {
	left: 0;
	top: -1px;
	height: 1px;
	background: #0095e2;
	width: 0;
	position: absolute
}
.protab .hd span.on {
	color: #0095e2
}
.protab .bd {
	background: #fff
}
.protab .bd ul {
	display: none
}
.protab .bd ul li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 24.99%
}
.protab .bd ul li i, .protab .bd ul li p {
	position: absolute;
	bottom: -50px;
	height: 50px;
	transition: .25s all;
	-webkit-transition: .25s all;
	line-height: 50px;
	padding: 0 19px;
	right: 0;
	left: 0
}
.protab .bd ul li:hover i, .protab .bd ul li:hover p {
	bottom: 0
}
.protab .bd ul li i {
	background: #000;
	opacity: .5;
	filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	zoom: 1
}
.protab .bd ul li p {
	font-size: 16px;
	color: #fff;
	z-index: 1
}
.pp {
	position: relative;
	width: 1202px;
	padding-bottom: 88px
}
.zp {
	width: 511px;
	z-index: 0;
	height: 270px;
	background: #fff url(/images/png_zp1.png) left top no-repeat;
	position: absolute;
	left: -45px;
	padding-right: 13px;
	top: 0
}
.pp table td {
	width: 20%;
	border: 1px solid #e8e8e8;
	height: 135px;
	overflow: hidden
}
.ppslide .slick-arrow {
	z-index: 10;
	position: absolute;
	border: 1px solid #dedede;
	color: #dedede;
	font-family: '宋体';
	font-size: 30px;
	width: 49px;
	height: 49px;
	text-align: center;
	line-height: 49px;
	cursor: pointer;
	background: 0 0;
	top: 0;
	left: 430px
}
.ppslide table {
	width: 99.9%;
	margin-left: 1px
}
.ppslide .slick-prev {
	left: 380px
}
.ppslide .slick-arrow:hover {
	color: #fff;
	background: #0095e2;
	border: 1px solid #0095e2
}
.webmod2 {
	background: #f7f7f7
}
.news {
	padding: 0 26px;
	overflow: hidden;
	height: 597px;
	background: #fff;
	padding-bottom: 9px
}
.news {
	float: left
}
.news-t {
	height: 71px;
	line-height: 71px
}
.news-t h5 {
	float: left;
	font-size: 18px;
	margin-right: 20px;
	cursor: pointer;
	color: #000
}
.news-t h5.slick-current {
	font-size: 20px;
	color: #0095e2
}
.newlist li {
	padding-bottom: 4px
}
.newlist a {
	display: block;
	font-size: 14px;
	height: 81px;
	padding: 9px
}
.newlist a:hover {
	background: #0095e2
}
.newlist a:hover h5, .newlist a:hover p {
	color: #fff
}
.newlist {
	width: 400px
}
.newlist h5 {
	line-height: 27px;
	max-height: 54px;
	overflow: hidden;
	color: #3f3f3f
}
.newlist p {
	line-height: 21px;
	margin-top: 6px;
	color: #666
}
.newlist .slick-arrow {
	width: 42px;
	top: -56px;
	background: 0 0;
	border: none;
	text-indent: -300%;
	overflow: hidden;
	cursor: pointer;
	height: 42px;
	position: absolute
}
.newlist .slick-prev {
	background-image: url(../images/png_jt1.png);
	right: 50px
}
.newlist .slick-prev:hover {
	background-image: url(../images/png_jt3.png)
}
.newlist .slick-next {
	background-image: url(../images/png_jt2.png);
	right: 0
}
.newlist .slick-next:hover {
	background-image: url(../images/png_jt4.png)
}
.newshd {
	float: left;
	width: 590px
}
.newslist2 {
	width: 670px
}
.newsmore {
	color: #999;
	font-size: 14px;
	float: right
}
.newsmore:hover {
	color: #0095e2
}
.newslist2 li.o {
	float: left
}
.newslist2 li.t {
	float: right
}
.newslist2 li {
	width: 48%;
	float: left;
	line-height: 52px;
	border-bottom: 1px solid #f2f2f2
}
.newslist2 li a {
	display: block
}
.newslist2 li h5 {
	padding-left: 16px;
	background: url(/images/png_jt5.png) left center no-repeat;
	font-size: 14px;
	color: #000;
	width: 220px;
	float: left
}
.newslist2 li b {
	color: #999;
	font-size: 14px;
	float: right
}
.newslist2 li a:hover h5 {
	color: #0095e2
}
.newslist2 li.frist {
	border: none;
	width: 100%
}
.newslist2 li.frist img {
	margin-right: 17px;
	float: left
}
.newslist2 li.frist h5 {
	line-height: 23px;
	background: 0 0;
	font-size: 16px;
	float: none;
	width: inherit
}
.newslist2 li.frist p {
	line-height: 28px;
	height: 84px;
	overflow: hidden;
	font-size: 14px;
	margin-top: 11px;
	color: #666
}
.newslist2 li.frist b {
	float: none;
	display: block;
	margin-top: 9px;
	line-height: 23px
}
.friendlinks {
	line-height: 47px;
	padding: 18px 0 18px 0
}
.friendlinks h5 {
	width: 76px;
	float: left
}
.friendlinkslide {
	width: 1122px;
	position: relative;
	line-height: 27px;
	height: 27px;
	overflow-y: hidden;
	margin-top: 11px;
	float: left
}
.friendlinkslide a {
	text-align: center;
	font-size: 13px;
	color: #999;
	float: left
}
.friendlinkslide span {
	margin: 0 10px;
	color: #999;
	float: left
}
.friendlinkslide .slick-prev {
	display: none!important
}
.friendlinkslide .slick-next {
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	top: 6px;
	position: absolute;
	overflow: hidden;
	text-indent: 300%;
	background: url(/images/png_jt6.png);
	right: 0
}
.friendlinkslide .slick-next:hover {
	background: url(/images/png_jt7.png)
}
.friendlinkslide a:hover {
	color: #0095e2
}
.hideshow {
/*	-webkit-transition: -webkit-transform .6s, opacity 1.8s;
	transition: transform .6s, opacity 1.8s;
	-webkit-transform: translate3d(0, 10%, 0) scale(.9);
	transform: translate3d(0, 10%, 0) scale(.9);*/
	opacity: 1;
}
.hideshow.on {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1
}
.myanlicontent {
	width: 1000px;
	margin: auto;
	font-size: 14px;
	line-height: 2;
	color: #666
}
.myanlicontent p, .myanlicontent span {
	font-size: 14px;
	line-height: 2;
	color: #666
}
.myanlicontent .bigimg {
	width: 100%;
	text-align: center;
	margin-bottom: 50px
}
.myanlicontent .myanlicontent2 img {
	width: 1000px
}
.newspicbo {
	height: 380px;
	width: 100%;
	text-align: center;
	overflow: hidden
}
.clumbo {
	background: #fff;
	border-bottom: 1px solid #eee
}
.clumbo ul {
	float: left
}
.clumbo ul li {
	width: auto;
	line-height: 80px;
	float: left;
	font-size: 17px;
	color: #1a1a1a;
	margin-right: 60px;
	border-bottom: 3px solid #fff
}
.clumbo ul li a {
	display: block;
	color: #1a1a1a
}
.clumbo ul li.on a {
	color: #0095e2
}
.clumbo ul li.on {
	border-color: #0095e2
}
.clumbo ul li a:hover {
	color: #0095e2
}
.clumbo ul li:hover {
	border-color: #0095e2
}
.clumbo .searchbo {
	overflow: hidden;
	font-size: 0;
	float: right;
	width: 246px;
	height: 41px;
	border: 1px solid #e9e9e9;
	margin-top: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.clumbo .searchbo input {
	display: inline-block;
	width: 190px;
	line-height: 41px;
	height: 41px;
	font-size: 14px;
	border: none;
	padding-left: 20px
}
.clumbo .searchbo .submit {
	display: inline-block;
	padding: 0;
	margin: 0;
	background: url(/images/searchBoi.jpg) no-repeat;
	width: 36px;
	height: 22px
}
.clumboBox {
	height: 70px;
	line-height: 70px;
	overflow: hidden
}
.clumboBox h5 {
	font-size: 14px;
	color: #979797;
	float: left
}
.clumboBox i {
	display: block;
	float: left;
	font-size: 12px;
	color: #979797;
	margin: 0 10px
}
.clumboBox h5 a {
	color: #979797
}
.clumboBox h5 a:hover {
	color: #0095e2
}
.clumboBox .sharebox {
	float: right;
	width: 240px
}
.clumboBox .sharebox .bdsharebuttonbox a {
	margin-top: 22px
}
.clumboBox h6 {
	font-size: 14px;
	color: #979797;
	float: left
}
.clumboBox .wechat {
	color: #00ba13;
	width: 25px;
	background: url(/images/ribo2.jpg);
	height: 25px;
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin-top: 21px
}
.clumboBox .sina {
	width: 25px;
	background: url(/images/ribo3.jpg);
	height: 25px;
	color: #ef4635;
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	margin-top: 21px
}
.newslistbo {
	background: url(/images/new-bgbo.jpg) repeat-y;
	padding-top: 32px
}
.newslistbo .newSbo li {
	width: 282px;
	height: 403px;
	float: left;
	background: #fff;
	overflow: hidden;
	margin-right: 24px;
	margin-bottom: 27px
}
.newslistbo .newSbo li:nth-child(4n) {
	margin-right: 0
}
.newslistbo .newSbo li a {
	display: block
}
.newslistbo .newSbo li .time {
	position: relative
}
.newslistbo .newSbo li .time h3 {
	background: #fff;
	font-size: 14px;
	color: #adadad;
	position: absolute;
	top: 88px;
	right: 27px;
	width: 80px;
	text-align: center
}
.newslistbo .newSbo li .time h1 {
	font-size: 90px;
	color: #424242;
	text-align: right;
	margin-right: 20px;
	padding: 36px 0 15px 0
}
.newslistbo .newSbo li .text {
	padding: 10px 20px 20px 20px
}
.newslistbo .newSbo li .logobo {
	height: 62px
}
.newslistbo .newSbo li .text h5 {
	font-size: 16px;
	color: #2b2b2b;
	margin-bottom: 10px;
	height: 44px;
	overflow: hidden
}
.newslistbo .newSbo li .text p {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	height: 66px;
	overflow: hidden
}
.newslistbo .newSbo li .text .txt {
	margin-top: 25px
}
.newslistbo .newSbo li .text b {
	display: block;
	font-size: 14px;
	color: #333;
	float: left
}
.newslistbo .newSbo li .text b i {
	font-size: 14px;
	color: #424242;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px
}
.newslistbo .newSbo li .text em {
	float: right;
	display: none;
	background: url(/images/ribo.jpg) no-repeat;
	width: 29px;
	height: 7px;
	margin-top: 6px
}
.newslistbo .newSbo li:hover .text b, .newslistbo .newSbo li:hover .text b i {
	color: #00a9eb
}
.newslistbo .newSbo li:hover .text em {
	display: block
}
.j-honor li, .newslistbo .newSbo li, .nieslit li {
	-webkit-transition: -webkit-box-shadow .25s, -webkit-transform .6s, opacity .8s;
	transition: box-shadow .25s, transform .6s, opacity .8s
}
.nieslit li:nth-child(3n) {
	margin-right: 0
}
.j-honor li:hover, .newslistbo .newSbo li:hover, .nieslit li:hover {
	box-shadow: 0 0 8px 1px #999
}
.pagebo {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin-bottom: 50px;
	margin-top: 20px
}
.pagebo a {
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #d8d8d8;
	padding: 8px 18px;
	background: #fff;
	color: #8e8e8e;
	font-size: 16px;
	margin-right: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.pagebo a i {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	margin-right: 5px
}
.pagebo a em {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	margin-left: 5px
}
.pagebo span {
	display: inline-block;
	font-size: 16px;
	color: #8e8e8e;
	vertical-align: middle
}
.pagebo input {
	width: 56px;
	height: 34px;
	display: inline-block;
	background: #fff;
	border: 1px solid #d8d8d8;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.pagebo .submit {
	width: 56px;
	height: 34px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #d8d8d8;
	background: #fff;
	color: #8e8e8e;
	font-size: 16px;
	margin-right: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 10px
}
.pagebo a.on, .pagebo a:hover {
	border-color: #0095e2;
	color: #fff;
	background: #0095e2
}
.nieslit {
	overflow: hidden
}
.nieslit li {
	width: 380px;
	height: 391px;
	float: left;
	background: #fff;
	margin-right: 30px;
	margin-bottom: 20px
}
.nieslit li .text {
	padding: 25px 30px 0 30px
}
.nieslit li .text .txt span {
	display: block;
	float: left;
	width: 82px;
	border-right: 1px solid #f9f9f9
}
.nieslit li .text .txt span h1 {
	font-size: 50px;
	color: #424242;
	text-align: center
}
.nieslit li .text .txt span h5 {
	text-align: center;
	font-size: 12px;
	color: #adadad
}
.nieslit li .text .txt .td {
	float: right;
	width: 210px;
	padding-left: 27px;
	height: 112px;
	overflow: hidden
}
.nieslit li .text .txt .td h3 {
	font-size: 16px;
	color: #2b2b2b;
	margin-bottom: 7px
}
.nieslit li .text .txt .td p {
	color: #666;
	line-height: 22px
}
.nieslit li .text .tx {
	height: 38px;
	line-height: 38px;
	border-top: 1px solid #f9f9f9;
	margin-top: 10px
}
.nieslit li .text .tx em {
	display: block;
	float: left
}
.nieslit li .text .tx i {
	float: right;
	background: url(/images/ribo.jpg) no-repeat;
	width: 29px;
	height: 7px;
	margin-top: 14px
}
.nieslit li a {
	display: block;
	width: 100%
}
.nieslit li:hover .text .txt .td h3 {
	color: #55c6f2
}
.nieslit li:hover .text .tx em {
	color: #55c6f2
}
.newsShow {
	margin-top: 50px;
	padding-bottom: 50px
}
.newsShow .title {
	margin-bottom: 70px
}
.newsShow .title h1 {
	font-size: 30px;
	text-align: center;
	color: #191919
}
.newsShow .title h5 {
	font-size: 16px;
	color: #7a7a7a;
	text-align: center;
	margin-top: 15px
}
.newsShow .articleContent {
	font-size: 16px;
	color: #7a7a7a;
	text-align: inherit;
	line-height: 26px;
	margin-bottom: 30px
}
.sharelink {
	margin-top: 20px;
	margin-bottom: 30px
}
.sharelink span {
	display: block;
	float: left;
	font-size: 13px;
	color: #666;
	margin-right: 10px
}
.sharelink .list {
	display: block;
	float: left;
	width: 1050px
}
.sharelink .list a {
	display: block;
	float: left;
	font-size: 13px;
	color: #999;
	margin-bottom: 10px
}
.sharelink .list i {
	float: left;
	display: block;
	width: 1px;
	height: 15px;
	background: #dfdfdf;
	margin: 3px 10px 0 10px
}
.sharelink em {
	float: right;
	display: block;
	cursor: pointer
}
.heatbo {
	padding: 30px 0;
	background: #f4f4f4
}
.heatbo .heatPic {
	width: 785px;
	position: relative;
	height: 430px
}
.heatbo .heatPic .prev {
	font-family: '宋体';
	width: 49px;
	height: 49px;
	background: #eceeed;
	text-align: center;
	line-height: 49px;
	font-size: 33px;
	color: #a8a8a8;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 999
}
.heatbo .heatPic .next {
	font-family: '宋体';
	width: 49px;
	height: 49px;
	background: #eceeed;
	text-align: center;
	line-height: 49px;
	font-size: 33px;
	color: #a8a8a8;
	position: absolute;
	bottom: 0;
	right: 49px;
	z-index: 999
}
.heatbo .heatPic .next:hover, .heatbo .heatPic .prev:hover {
	background: #08a1d8;
	color: #fff
}
.heatbo .heatPic li a {
	display: block;
	color: #fff;
	position: relative
}
.heatbo .heatPic li i {
	position: absolute;
	left: 0;
	top: 0;
	opacity: .5;
	right: 0;
	bottom: 0
}
.heatbo .heatPic li .s {
	background-color: #281770;
	bottom: 0;
	box-sizing: border-box;
	left: 0;
	opacity: .6;
	filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	zoom: 1;
	padding: 10px 102px 20px 30px;
	position: absolute;
	right: 37px;
	width: 100%;
	z-index: 2
}
.heatbo .heatPic li .s h5 {
	padding-bottom: 5px;
	line-height: 46px;
	font-size: 27px
}
.heatbo .heatPic li .s p {
	line-height: 24px;
	font-size: 14px
}
.newsx {
	background: #fff;
	padding: 5px 20px 0 20px;
	width: 375px;
	position: relative
}
.newsx h3 {
	display: block;
	font-size: 20px
}
.newsx h3 em.on {
	color: #0296e2
}
.newsx h3 em {
	color: #666;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 15px
}
.slideTxtBox {
	margin-top: 4px
}
.slideTxtBox .bd .slidbo ul li {
	overflow: hidden;
	margin-bottom: 12px;
	vertical-align: top
}
.slideTxtBox .bd .slidbo ul li .pic {
	width: 127px;
	height: 70px;
	overflow: hidden
}
.slideTxtBox .bd .slidbo ul li .text {
	margin-left: 11px;
	width: 236px
}
.slideTxtBox .bd .slidbo ul li .text h2 {
	font-size: 16px;
	height: 60px
}
.slideTxtBox .bd .slidbo ul li .text h2 a {
	color: #000
}
.slideTxtBox .bd .slidbo ul li .text h2 a:hover {
	color: #0296e2
}
.slideTxtBox .bd .slidbo ul li .text em {
	display: block;
	color: #ccc;
	font-size: 12px;
	line-height: 14px
}
.allnews {
	margin-bottom: 50px
}
.heatbo .newsx .viewAll {
	width: 415px;
	height: 50px;
	background: #fbfbfb;
	display: block;
	margin-left: -20px;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	color: silver
}
.heatbo .newsx .viewAll i {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-left: 10px
}
.listbox .viewAll.nodata {
	color: #fff;
	background: #ddd
}
.listbox .viewAll.nodata:hover {
	color: #fff;
	background: #ddd
}
.heatbo .newsx .viewAll:hover, .listbox .viewAll:hover {
	color: #fff;
	background: #0095e2
}
.slideTxtBox .hd {
	position: absolute;
	right: 35px;
	top: 13px
}
.slideTxtBox .hd ul li {
	width: 11px;
	height: 11px;
	background: url(/images/en01.jpg) no-repeat;
	float: left;
	margin-left: 10px;
	cursor: pointer
}
.slideTxtBox .hd ul li.on {
	background: url(/images/en02.jpg) no-repeat
}
.allnews {
	margin-top: 40px
}
.listbox {
	width: 842px
}
.listbox ul li {
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ddd
}
.listbox ul li .pic {
	width: 256px;
	margin-right: 18px
}
.listbox ul li .text {
	float: left;
	width: 564px
}
.listbox ul li .text h1 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 10px
}
.listbox ul li .text h1 a {
	color: #000
}
.listbox ul li .text h1 a:hover, .listright .txt .td2 .text h2:hover {
	color: #019dda
}
.listbox ul li .text p {
	font-size: 14px;
	color: #333;
	line-height: 25px;
	height: 58px
}
.listbox ul li .text .txt i {
	padding: 9px 14px;
	display: inline-block;
	color: #fff;
	font-size: 14px
}
.listbox ul li .text .txt i.color1 {
	background: #019dda
}
.listbox ul li .text .txt i.color2 {
	background: #fd9a01
}
.listbox ul li .text em {
	padding: 9px 14px;
	background: #eee;
	color: #333;
	font-size: 12px;
	position: absolute;
	bottom: 20px;
	right: 0
}
.listbox .viewAll {
	width: 100%;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border: 1px solid #d8d7d4;
	color: #d8d7d4;
	font-size: 16px;
	display: block
}
.listright {
	width: 300px
}
.listright .txt {
	margin-top: 30px
}
.listright .txt span {
	display: block;
	border-bottom: 1px solid #55b8ec;
	overflow: hidden;
	margin-bottom: 20px
}
.listright .txt span h4 {
	font-size: 18px;
	color: #333;
	width: 75px;
	border-bottom: 5px solid #0095e2;
	float: left;
	padding-bottom: 5px
}
.listright .txt span a {
	display: block;
	float: right;
	font-size: 14px;
	color: #0095e2
}
.listright .txt .td a {
	padding: 10px 18px;
	color: #333;
	font-size: 14px;
	display: inline-block;
	background-color: #f3f0eb;
	margin-bottom: 6px;
	margin-right: 4px
}
.listright .txt .td2 a {
	margin-bottom: 21px;
	overflow: hidden;
	display: block
}
.listright .txt .td2 .text {
	margin-left: 12px
}
.listright .txt .td2 .text h2 {
	font-weight: 700;
	font-size: 14px;
	color: #333;
	width: 190px;
	height: 40px;
	overflow: hidden
}
.listright .txt .td2 .text h5 {
	font-size: 14px;
	color: #9d9d9d;
	margin-top: 8px
}
.newspicbo .webtit {
	padding-top: 130px
}
.newspicbo .webtit em, .newspicbo .webtit span {
	color: #fff
}
.mynewspicbo {
	background: #000 url(/images/bobanner.jpg) center center no-repeat
}
.menulinks {
	line-height: 80px;
	position: relative;
	z-index: 1;
	font-size: 0;
	text-align: center;
	background: #00a9eb
}
.menulinks a {
	display: block;
	margin-right: 1px;
	font-size: 17px;
	color: #fff
}
.menulinks a.on, .menulinks a:hover {
	color: #2c93e8;
	background: #fff
}
.menulinks span {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 12px;
	opacity: .3
}
.menulinks div {
	position: relative
}
.lvmenuwrap {
	position: relative
}
.lvmenuwrap i {
	background: #999;
	height: 1px;
	left: 35px;
	position: absolute;
	top: 13px;
	width: 1135px;
	z-index: 0
}
.lvmenuwrap b {
	background: #2c93e8;
	height: 1px;
	left: 35px;
	position: absolute;
	top: 13px;
	width: 1135px;
	z-index: 1
}
.lvmenubox {
	height: 68px;
	padding-top: 19px;
	background: #f3f3f3
}
.lvmenubox ul {
	position: relative;
	z-index: 2
}
.lvmenubox li {
	width: 62px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
	cursor: pointer;
	padding-top: 27px;
	background: url(/images/png_lc2.png) center 11px no-repeat;
	float: right;
	text-align: center;
	margin-right: 64px
}
.lvmenubox li.on {
	background: url(/images/png_lc3.png) center 0 no-repeat
}
.lvmenubox li.first {
	margin-right: 0
}
.lvmenubox li.last {
	margin-left: -3px
}
.lc-wrap {
	height: 2449px;
	background: url(/images/png_lc1.png) 223px 0 no-repeat
}
.lc-logo {
	position: relative
}
.lc-logo a {
	position: absolute
}
.lc-logo .l1 {
	left: 77px;
	top: 40px
}
.lc-logo .l2 {
	left: 37px;
	top: 164px
}
.lc-logo .l3 {
	left: 69px;
	top: 311px
}
.lc-logo .l4 {
	left: 137px;
	top: 502px
}
.lc-logo .l5 {
	left: 189px;
	top: 670px
}
.lc-logo .l6 {
	left: 195px;
	top: 854px
}
.lc-logo .l7 {
	left: 110px;
	top: 1056px
}
.lc-logo .l8 {
	left: 55px;
	top: 1246px
}
.lc-logo .l9 {
	left: 46px;
	top: 1445px
}
.lc-logo .l10 {
	left: 67px;
	top: 1624px
}
.lc-logo .l11 {
	left: 112px;
	top: 1787px
}
.lc-logo .l12 {
	left: 150px;
	top: 1959px
}
.lc-logo .l13 {
	left: 174px;
	top: 2118px
}
.lc-logo .l14 {
	left: 138px;
	top: 2275px
}
.lc-cnt {
	position: relative
}
.lc-cnt-wrap {
	position: absolute
}
.lc-cnt-wrap {
	width: 710px
}
.lc-cnt-wrap .lc-cnt-img {
	float: left;
	margin-bottom: 10px;
	padding: 3px;
	box-shadow: 0 0 3px 1px #f1f1f1;
	margin-right: 29px
}
.lc-cnt-wrap h5 {
	font-weight: 700;
	font-size: 50px;
	padding-bottom: 5px;
	line-height: 48px
}
.lc-cnt-wrap h5.color1 {
	color: #2c93e8
}
.lc-cnt-wrap h5.color2 {
	color: #00c2a4
}
.lc-cnt-wrap h5.color3 {
	color: #ffa800
}
.lc-cnt-wrap h5.color4 {
	color: #ff5a00
}
.lc-cnt-wrap h5.color5 {
	color: red
}
.lc-cnt-wrap h5.color10, .lc-cnt-wrap h5.color6, .lc-cnt-wrap h5.color7, .lc-cnt-wrap h5.color8, .lc-cnt-wrap h5.color9 {
	color: #2c93e8
}
.lvmenu {
	height: 61px
}
.lc-cnt-wrap p {
	line-height: 26px;
	font-size: 14px;
	color: #666
}
.lc-cnt-wrap.l1 {
	left: 372px;
	top: 108px
}
.lc-cnt-wrap.l2 {
	left: 395px;
	top: 339px
}
.lc-cnt-wrap.l3 {
	left: 482px;
	top: 572px
}
.lc-cnt-wrap.l4 {
	left: 490px;
	top: 807px
}
.lc-cnt-wrap.l5 {
	left: 461px;
	top: 1039px
}
.lc-cnt-wrap.l6 {
	left: 352px;
	top: 1272px
}
.lc-cnt-wrap.l7 {
	left: 383px;
	top: 1511px
}
.lc-cnt-wrap.l8 {
	left: 463px;
	top: 1746px
}
.lc-cnt-wrap.l9 {
	left: 523px;
	top: 1981px
}
.lc-cnt-wrap.l10 {
	left: 475px;
	top: 2214px
}
.lvmenubox.fixed {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	right: 0
}
.j-contact {
	padding-top: 60px;
	padding-bottom: 40px
}
.j-contact li {
	padding-bottom: 122px;
	background: url(/images/j5.png) center bottom no-repeat
}
.j-left {
	float: left
}
.j-right {
	float: right
}
.j-contact .j-left {
	width: 592px
}
.j-contact .j-tit {
	font-size: 24px;
	color: #999;
	border-bottom: 1px #e3e3e3 solid;
	padding-left: 77px;
	position: relative;
	line-height: 44px;
	padding-bottom: 12px
}
.j-contact .j-tit em {
	display: block;
	font-size: 22px;
	color: #2c93e8;
	line-height: 38px
}
.j-contact .j-tit b {
	display: block;
	width: 44px;
	height: 103px;
	background: url(/images/j1.jpg) no-repeat;
	position: absolute;
	left: 0;
	bottom: 15px
}
.j-contact .j-tit b.i2 {
	background-image: url(../images/j2.jpg);
	width: 58px
}
.j-contact .j-tit b.i3 {
	background-image: url(../images/contact_fs.png);
	width: 55px
}
.j-contact .j-tit b.i4 {
	background-image: url(../images/conter-shanghai.jpg);
	width: 73px;
	background-size: 60px auto
}
.j-contact .j-conp {
	padding-top: 13px
}
.j-contact .j-p {
	font-size: 14px;
	color: #999;
	line-height: 34px
}
.j-contact .j-p b {
	width: 21px;
	height: 21px;
	display: inline-block;
	background: url(/images/j2.png) 0 0 no-repeat;
	vertical-align: middle
}
.j-contact .j-p b.b2 {
	background-position: 0 -21px
}
.j-contact .j-p b.b3 {
	background-position: 0 -42px
}
.j-contact .j-p b.b4 {
	background-position: 0 -63px
}
.j-contact .j-p b.b5 {
	background-position: 0 -84px
}
.j-contact .j-p b.b6 {
	background-position: 0 -105px
}
.j-contact .j-p span {
	width: 100px;
	padding-right: 2px;
	display: inline-block;
	margin-right: 25px;
	text-align: center;
	font-size: 14px;
	color: #333;
	background: url(/images/j3.jpg) right center no-repeat
}
.j-contact .j-right {
	width: 520px;
	height: 300px;
	border: 1px #dedede solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 8px
}
.j-contact .last {
	padding-bottom: 0;
	background: 0 0
}
.j-culture .j-left {
	width: 500px;
	margin-top: 42px
}
.j-culture p {
	font-size: 16px;
	color: #666;
	line-height: 24px;
	padding-bottom: 30px
}
.j-culture p em {
	display: block;
	font-size: 22px;
	color: #2c93e8;
	line-height: 50px
}
.j-culture .j-right {
	width: 667px
}
.j-values {
	background: #f7f7f7;
	padding-bottom: 90px
}
.j-values .p1 {
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	padding-bottom: 80px
}
.j-sixbox {
	position: relative;
	height: 358px;
	background: url(/images/j9.png) no-repeat
}
.j-box {
	width: 184px;
	height: 184px;
	overflow: hidden;
	background: url(/images/j10.png) no-repeat;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	line-height: 28px;
	position: absolute
}
.j-box h3 {
	font-size: 20px;
	color: #FFF;
	font-weight: 700;
	line-height: 34px;
	padding-top: 56px
}
.j-box1 {
	left: 20px;
	bottom: 0
}
.j-box2 {
	left: 215px;
	top: 0;
	background-position: 0 -184px
}
.j-box3 {
	left: 409px;
	bottom: 0;
	background-position: 0 -368px
}
.j-box4 {
	left: 607px;
	top: 0;
	background-position: 0 -552px
}
.j-box5 {
	left: 798px;
	bottom: 0;
	background-position: 0 -736px
}
.j-box6 {
	right: 22px;
	top: 0;
	background-position: 0 -920px
}
.j-job .j-tit {
	height: 400px;
	background: #000 url(/images/j11.jpg) center center no-repeat;
	text-align: center;
	color: #FFF;
	font-size: 72px;
	line-height: 261px
}
.j-job .j-con {
	height: 431px;
	background: url(/images/j12.png) center center no-repeat;
	position: relative
}
.j-change {
	width: 1200px;
	height: 385px;
	background: url(/images/j13.png) center center no-repeat;
	position: absolute;
	top: -139px;
	left: 50%;
	margin-left: -600px;
	padding-top: 35px
}
.j-sbox {
	width: 220px;
	height: 274px;
	padding-top: 26px;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	margin: 15px auto;
	box-shadow: 0 0 15px rgba(212,212,212,.35);
	-moz-box-shadow: 0 0 15px rgba(212,212,212,.35);
	-webkit-box-shadow: 0 0 15px rgba(212,212,212,.35)
}
.j-sbox b {
	display: block;
	width: 100px;
	height: 80px;
	margin: 0 auto;
	margin-top: -10px;
	background-repeat: no-repeat
}
.j-sbox .p1 {
	font-size: 20px;
	color: #2d93e8;
	line-height: 40px;
	padding-top: 10px
}
.j-sbox .p2 a {
	display: block;
	line-height: 26px;
	font-size: 14px;
	color: #333
}
.j-slick {
	padding-bottom: 55px
}
.j-slick .slick-arrow {
	width: 50px;
	height: 55px;
	position: absolute;
	left: 491px;
	bottom: 0;
	background: url(/images/j19.png) center center no-repeat;
	font-size: 0;
	border: none;
	cursor: pointer
}
.j-slick .slick-next {
	left: 661px;
	background-image: url(../images/j20.png)
}
.j-strategy {
	background: #f5f5f5
}
.j-strategy .p1 {
	font-size: 14px;
	color: #464646;
	text-align: center;
	padding: 0 53px;
	line-height: 26px;
	padding-top: 20px;
	padding-bottom: 40px
}
.j-picbox {
	padding-bottom: 112px
}
.j-benefits {
	padding-bottom: 124px
}
.j-honor {
	padding-bottom: 60px
}
.j-honor li {
	float: left;
	background: #FFF;
	padding: 40px 10px 0;
	width: 264px;
	border: 1px #e5e5e5 solid;
	height: 382px;
	overflow: hidden;
	margin: 18px 18px 0 0
}
.j-honor .j-pic {
	width: 194px;
	margin: 0 auto
}
.j-honor p {
	font-size: 13px;
	color: #333;
	text-align: center;
	line-height: 25px;
	padding-top: 43px
}
.j-honor .j-nomar {
	margin-right: 0
}
.j-honor li:nth-child(4n) {
	margin-right: 0
}
.j-introduce {
	background: #f7f7f7
}
.j-introduce .j-topp {
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 26px;
	padding: 0 100px 45px
}
.j-cutchange {
	padding-bottom: 84px;
	position: relative
}
.j-cutchange .bd li {
	background: #FFF
}
.j-cutchange .bd .j-pic {
	float: left;
	width: 600px;
	height: 370px;
	overflow: hidden
}
.j-cutchange .j-word {
	float: left;
	width: 495px;
	height: 370px;
	margin-left: 45px;
	overflow: hidden
}
.j-cutchange .j-word .p1 {
	font-size: 32px;
	text-transform: uppercase;
	color: #ededed;
	line-height: 54px;
	padding-top: 24px
}
.j-cutchange .j-word .p2 {
	font-size: 38px;
	color: #333;
	line-height: 58px;
	font-weight: 700;
	padding-bottom: 11px;
	background: url(/images/j26.jpg) left bottom no-repeat
}
.j-cutchange .j-word .p3 {
	font-size: 16px;
	color: #333;
	line-height: 26px;
	padding-top: 20px;
	max-height: 156px;
	overflow: hidden
}
.j-cutchange .hd {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 84px;
	z-index: 2
}
.j-cutchange .hd ul {
	display: inline-block;
	zoom: 1;
	margin-top: -46px
}
.j-cutchange .hd li {
	float: left;
	width: 165px;
	height: 130px;
	background: url(/images/j27.png) repeat;
	font-size: 16px;
	color: #FFF;
	cursor: pointer;
	line-height: 46px
}
.j-cutchange .hd i {
	display: block;
	margin: 18px auto 0;
	width: 55px;
	height: 64px;
	background: url(/images/j31.png) no-repeat
}
.j-cutchange .hd li.on {
	background: #FFF;
	color: #2c93e8
}
.j-cutchange .hd li.on i {
	background-image: url(../images/j32.png)
}
.j-cutchange .hd i.i1 {
	background-position: 0 0
}
.j-cutchange .hd i.i2 {
	background-position: 0 -64px
}
.j-cutchange .hd i.i3 {
	background-position: 0 -128px
}
.j-cutchange .hd i.i4 {
	background-position: 0 -192px
}
.j-cutchange .hd i.i5 {
	background-position: 0 -256px
}
.j-life {
	padding-bottom: 10px;
	background: #f7f7f7
}
.j-jobxx {
	padding-bottom: 80px
}
.j-jobxx .j-left {
	width: 897px
}
.j-name {
	font-size: 40px;
	color: #000;
	line-height: 93px
}
.j-name span {
	float: right;
	font-size: 14px;
	line-height: 68px;
	display: inline-block;
	vertical-align: top
}
.j-name span a {
	display: inline-block;
	color: #a4a4a4;
	margin: 0 10px
}
.j-name span a.last {
	color: #3e3e3e
}
.j-jobxx table {
	width: 100%;
	border-top: 1px #e4e4e4 solid;
	border-left: 1px #e4e4e4 solid
}
.j-jobxx table td {
	line-height: 41px;
	border-right: 1px #e4e4e4 solid;
	border-bottom: 1px #e4e4e4 solid;
	font-size: 14px
}
.j-jobxx table p {
	text-align: right;
	padding: 0 10px;
	color: #666
}
.j-jobxx table span {
	text-align: left;
	padding: 0 10px;
	display: block;
	color: #0f0f0f
}
.j-jobxx .j-left .p1 {
	font-size: 14px;
	color: #666;
	line-height: 28px;
	padding-top: 25px
}
.j-jobxx .j-left .p1 em {
	display: block;
	line-height: 26px;
	font-size: 16px;
	color: #0b98de
}
.j-tou-box {
	margin-top: 50px
}
.j-tou {
	width: 205px;
	height: 43px;
	float: left;
	margin-right: 40px;
	background: url(/images/j35.jpg) no-repeat
}
.j-tou-box p {
	float: left;
	line-height: 43px;
	font-size: 14px;
	color: #999
}
.j-jobxx .j-right {
	width: 228px;
	border: 1px #e5e5e5 solid;
	padding: 0 15px
}
.j-jobxx .j-right .p1 {
	font-size: 16px;
	color: #3b3b3b;
	line-height: 47px;
	border-bottom: 1px #e5e5e5 solid
}
.j-jobxx .j-right ul {
	padding-top: 10px;
	padding-bottom: 50px
}
.j-jobxx .j-right li {
	padding-left: 13px;
	line-height: 32px;
	font-size: 14px
}
.j-jobxx .j-right li a {
	display: block;
	color: #666;
	padding-left: 14px;
	background: url(/images/j36.jpg) left center no-repeat
}
.bannertit {
	text-align: center;
	color: #fff;
	padding-top: 120px
}
.bannertit h5 {
	font-family: 华文细黑;
	line-height: 48px;
	font-weight: 700;
	font-size: 35px;
	text-transform: uppercase
}
.bannertit p {
	line-height: 42px;
	border: 3px solid #fff;
	display: inline-block;
	font-size: 24px;
	padding: 0 20px;
	margin-top: 10px
}
.nm {
	position: relative
}
.bannerplace {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 88px
}
.bannerplace a {
	color: #fff;
	font-size: 16px
}
.bannerplace span {
	margin: 0 8px
}
.sub_about .about_mian .a1 {
	min-height: 760px
}
.sub_about .about_mian .a1 .fl {
	position: relative;
	width: 47%;
	height: 760px
}
.sub_about .about_mian .a1 .fl .icon_81 {
	position: absolute;
	bottom: 46px;
	left: -100px;
	width: 233px;
	height: 233px
}
.sub_about .about_mian .a1 .fl .icon_82 {
	position: absolute;
	top: -36px;
	right: 66px;
	width: 150px;
	height: 198px;
	z-index: -1
}
.sub_about .about_mian .a1 .fl>span {
	position: absolute;
	top: 86px;
	left: 20px;
	width: 397px;
	height: 528px
}
.sub_about .about_mian .a1 .fl .b2 {
	position: absolute;
	right: 60px;
	bottom: 50px;
	width: 227px;
	height: 296px;
	padding: 20px;
	background: #21ade8 url(/images/icon_83.png) repeat center;
	box-sizing: border-box;
	line-height: 1
}
.sub_about .about_mian .a1 .fl .b2 h4 {
	font-size: 25px;
	letter-spacing: -.1em;
	color: #fff;
	text-transform: uppercase
}
.sub_about .about_mian .a1 .fl .b2 h5 {
	border-bottom: 1px solid #fff;
	font-size: 66px;
	letter-spacing: -.1em;
	color: #fff;
	text-transform: uppercase;
	line-height: 118px
}
.sub_about .about_mian .a1 .fl .b2 h6 {
	padding-top: 16px;
	font-size: 30px;
	font-weight: 700;
	color: #fff
}
.sub_about .about_mian .a1 .fl .b2 p {
	padding-top: 10px;
	font-size: 18px;
	color: #fff
}
.sub_about .about_mian .a1 .fr {
	position: relative;
	width: 50%;
	padding-top: 86px;
	padding-bottom: 80px
}
.sub_about .about_mian .a1 .fr>h3 {
	padding-bottom: 8px;
	font-family: 华文细黑;
	font-size: 100px;
	color: #eeebe9;
	text-transform: uppercase;
	line-height: 90px
}
.sub_about .about_mian .a1 .fr>h5 {
	padding-bottom: 15px;
	border-bottom: 2px solid #0AF;
	font-size: 30px;
	color: #333;
	line-height: 40px
}
.sub_about .about_mian .a1 .fr>h5 span {
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 20px
}
.sub_about .about_mian .a1 .fr>h6 {
	margin-top: 20px;
	text-align: right
}
.sub_about .about_mian .a1 .fr>h6 a {
	display: inline-block;
	width: 137px;
	height: 45px;
	border: 2px solid #10a3e5;
	text-align: center;
	line-height: 45px;
	cursor: pointer
}
.sub_about .about_mian .a1 .fr>h6 a i {
	display: inline-block;
	width: 54px;
	height: 24px;
	background: url(/images/icon_84.png) no-repeat left top;
	vertical-align: middle
}
.sub_about .about_mian .a1 .fr>h6 a span {
	font-size: 18px;
	color: #21ade8
}
.sub_about .about_mian .a1 .fr div.big {
	width: 100%;
	height: 720px;
	overflow: hidden;
	padding-top: 20px;
	-webkit-transition: all .5s;
	transition: all .5s
}
.sub_about .about_mian .a1 .fr div.big.hh {
	height: 230px
}
.sub_about .about_mian .a1 .fr div.big.hh span {
	font-size: 16px;
	line-height: 2;
	color: #666
}
.sub_about .about_mian .a1 .fr div.big p {
	padding-bottom: 15px;
	font-size: 16px;
	color: #333;
	line-height: 26px
}
.sub_about .about_mian .a2 {
	height: 845px;
	background: url(/images/icon_85.png) no-repeat top center
}
.sub_about .about_mian .a2 .Exp {
	padding-top: 115px
}
.sub_about .about_mian .a2 .Exp span {
	display: block;
	width: 707px;
	height: 148px
}
.sub_about .about_mian .a2 .mian {
	text-align: center
}
.sub_about .about_mian .a2 .mian ul {
	padding-left: 30px;
	display: inline-block;
	overflow: hidden;
	padding-top: 330px;
	padding-bottom: 50px
}
.sub_about .about_mian .a2 .mian ul li {
	position: relative;
	float: left;
	width: 0;
	height: 1px
}
.sub_about .about_mian .a2 .mian ul li:before {
	display: block;
	position: absolute;
	content: "";
	left: 10px;
	right: 11px;
	border-top: 1px solid #70a4cd
}
.sub_about .about_mian .a2 .mian ul li:after {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: -70px
}
.sub_about .about_mian .a2 .mian ul li:last-child:before {
	border: none
}
.sub_about .about_mian .a2 .mian ul li h6 {
	position: absolute;
	top: 0;
	left: -30px;
	width: 60px;
	padding-top: 18px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px
}
.sub_about .about_mian .a2 .mian ul li h6:before {
	display: block;
	position: absolute;
	content: "";
	left: 19px;
	top: -10px;
	width: 21px;
	height: 21px;
	border: 1px solid #70a4cd;
	border-radius: 50%;
	-webkit-transition: all .5s;
	transition: all .5s
}
.sub_about .about_mian .a2 .mian ul li h6:after {
	display: block;
	position: absolute;
	content: "";
	left: 25px;
	top: -4px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #70a4cd;
	-webkit-transition: all .5s;
	transition: all .5s
}
.sub_about .about_mian .a2 .mian ul li span:before {
	display: block;
	position: absolute;
	left: 0;
	bottom: 10px;
	content: "";
	width: 1px;
	height: 118px;
	background: #70a4cd
}
.sub_about .about_mian .a2 .mian ul li span:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 128px;
	content: "";
	width: 7px;
	height: 1px;
	background: #70a4cd
}
.sub_about .about_mian .a2 .mian ul li p {
	position: absolute;
	left: 20px;
	bottom: 68px;
	min-width: 300px;
	font-size: 16px;
	color: #fff;
	text-align: left;
	line-height: 26px
}
.sub_about .about_mian .a2 .mian ul li p font {
	display: block;
	font-size: 30px;
	font-weight: 200;
	color: #fff;
	line-height: 42px
}
.sub_about .about_mian .a2 .mian ul li.br p font {
	text-align: right
}
.sub_about .about_mian .a2 .mian ul li.b1 {
	width: 268px
}
.sub_about .about_mian .a2 .mian ul li.b2 {
	width: 142px
}
.sub_about .about_mian .a2 .mian ul li:last-child.b2 {
	width: 20px
}
.sub_about .about_mian .a2 .mian ul li span:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: -webkit-transform 150ms cubic-bezier(.25, .74, .22, .99);
	transition: transform 150ms cubic-bezier(.25, .74, .22, .99)
}
.sub_about .about_mian .a2 .mian ul li span:after {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition: -webkit-transform 150ms cubic-bezier(.25, .74, .22, .99);
	transition: transform 150ms cubic-bezier(.25, .74, .22, .99);
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms
}
.sub_about .about_mian .a2 .mian ul li p {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: opacity 125ms cubic-bezier(.25, .74, .22, .99), -webkit-transform 425ms cubic-bezier(.25, .74, .22, .99);
	transition: opacity 125ms cubic-bezier(.25, .74, .22, .99), transform 425ms cubic-bezier(.25, .74, .22, .99)
}
.sub_about .about_mian .a2 .mian ul li.on h6:before, .sub_about .about_mian .a2 .mian ul li:hover h6:before {
	border: 1px solid #fff
}
.sub_about .about_mian .a2 .mian ul li.on h6:after, .sub_about .about_mian .a2 .mian ul li:hover h6:after {
	background: #fff
}
.sub_about .about_mian .a2 .mian ul li.on span:before, .sub_about .about_mian .a2 .mian ul li:hover span:before {
	background: #fff;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}
.sub_about .about_mian .a2 .mian ul li.on span:after, .sub_about .about_mian .a2 .mian ul li:hover span:after {
	background: #fff;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-delay: 150ms;
	transition-delay: 150ms
}
.sub_about .about_mian .a2 .mian ul li.on p, .sub_about .about_mian .a2 .mian ul li:hover p {
	opacity: 1;
	z-index: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-delay: .112s;
	transition-delay: .112s
}
.sub_about .about_mian .a2 .mian ul li.br p {
	left: -320px;
	text-align: left
}
.sub_about .about_mian .a2 .mian ul li.br span:after {
	left: auto;
	right: 100%;
	margin-right: -1px;
	-webkit-transform-origin: right;
	transform-origin: right
}
.sub_about .about_mian .a2 .mian ul li.on.br p, .sub_about .about_mian .a2 .mian ul li:hover.br p {
	-webkit-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px)
}
.sub_about .about_mian .a2 .mian ul li.on.br p.y2014, .sub_about .about_mian .a2 .mian ul li:hover.br p.y2014 {
	-webkit-transform: translateX(-148px);
	-ms-transform: translateX(-148p);
	transform: translateX(-148px)
}
.sub_about .about_mian .a2 .mian ul li.on.br p.y2015, .sub_about .about_mian .a2 .mian ul li:hover.br p.y2015 {
	-webkit-transform: translateX(-148px);
	-ms-transform: translateX(-148p);
	transform: translateX(-148px)
}
.sub_about .about_mian .a2 .mian ul li.on.br p.y2016, .sub_about .about_mian .a2 .mian ul li:hover.br p.y2016 {
	-webkit-transform: translateX(-35px);
	-ms-transform: translateX(-35px);
	transform: translateX(-35px)
}
.sub_about .about_mian .a2 .mian ul li.br p.y2016 {
	left: -488px
}
.sub_about .about_mian .a2 .mian ul li.br p.y2017 {
	left: -336px
}
.sub_about .about_mian .a3 {
	margin-top: -110px;
	padding-bottom: 50px
}
.sub_about .about_mian .a3 div.fl {
	position: relative;
	width: 450px;
	height: 605px;
	overflow: hidden;
	background: url(/images/pic_4.jpg) no-repeat top center
}
.sub_about .about_mian .a3 div.fl .videoMask video {
	width: 100%;
	height: 100%
}
.sub_about .about_mian .a3 div.fl .userInfo {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/icon_88.png) repeat;
	width: 100%;
	height: 100%
}
.sub_about .about_mian .a3 div.fl .userInfo p {
	width: 100%;
	height: 100%;
	background: url(/images/icon_87.png) no-repeat center
}
.sub_about .about_mian .a3 div.fr {
	width: 742px;
	height: 605px
}
.sub_about .about_mian .a3 div.fr .b1 {
	width: 100%;
	height: 372px;
	background: url(/images/pic_5.jpg) no-repeat center
}
.sub_about .about_mian .a3 div.fr .b1 .cc {
	width: 251px;
	height: 100%;
	padding: 0 28px;
	background: url(/images/icon_90.png) repeat;
	box-sizing: border-box;
	margin-left: 0
}
.sub_about .about_mian .a3 div.fr .b1 .cc i {
	display: block;
	width: 33px;
	height: 32px;
	padding: 40px 0;
	background: url(/images/icon_89.png) no-repeat center
}
.sub_about .about_mian .a3 div.fr .b1 .cc h3 {
	font-size: 52px;
	letter-spacing: -.05em;
	color: #2c93e8;
	margin-left: -2px
}
.sub_about .about_mian .a3 div.fr .b1 .cc h4 {
	font-size: 26px;
	font-weight: 700;
	color: #2c93e8
}
.sub_about .about_mian .a3 div.fr .b1 .cc h5 {
	margin-top: 70px;
	font-size: 14px;
	color: #2c93e8
}
.sub_about .about_mian .a3 div.fr .b2 {
	margin-top: 10px
}
.sub_about .about_mian .a3 div.fr .b2 .c1 {
	float: left;
	width: 370px;
	height: 223px;
	overflow: hidden;
	background: url(/images/pic_6.jpg) no-repeat center
}
.sub_about .about_mian .a3 div.fr .b2 .c2 {
	float: right;
	width: 360px;
	height: 223px;
	overflow: hidden;
	background: url(/images/pic_7.jpg) no-repeat center
}
.sub_about .about_mian .a3 div.fr .b2 .cc {
	width: 100%;
	height: 100%;
	padding: 40px 62px;
	background: url(/images/icon_88.png) repeat;
	box-sizing: border-box
}
.sub_about .about_mian .a3 div.fr .b2 .cc h4 {
	font-size: 26px;
	color: #fff;
	line-height: 42px
}
.sub_about .about_mian .a3 div.fr .b2 .cc h4 span {
	display: block;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	line-height: 16px
}
.sub_about .about_mian .a3 div.fr .b2 .cc p {
	margin-top: 65px
}
.sub_about .about_mian .a3 div.fr .b2 .cc a {
	display: block;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	line-height: 16px;
	-webkit-transition: all .5s;
	transition: all .5s
}
.sub_about .about_mian .a3 div.fr .b2 .cc p a:hover {
	color: #21ADE8
}
.wrap {
	width: 1200px;
	margin: 0 auto
}
.w_fl {
	float: left
}
.w_center {
	width: 1200px;
	margin: auto
}
.w_center {
	position: relative;
	z-index: 1
}
.w_bgbg {
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	height: 796px
}
.w_solutions {
	position: relative;
	padding-bottom: 26px
}
.w_title {
	padding-top: 80px;
	text-align: center;
	color: #0095e2
}
.w_title h1 {
	font-size: 55px;
	text-transform: uppercase;
	font-family: 华文细黑;
	margin-bottom: 15px
}
.w_title h1 span {
	font-weight: lighter;
	font-size:40px;
}
.w_title h1 strong {
	font-size:38px;
}
.w_title h2 {
	font-size: 30px
}
.w_title h2:after {
	content: '';
	display: block;
	width: 65px;
	height: 3px;
	font-family: 华文细黑;
	margin: auto;
	background: #0095e2;
	margin-top: 44px
}
.w_title h2 span {
	font-weight: 400;
	font-size:32px;
}
.w_title h3 {
	font-size: 26px;
	font-weight: lighter;
	font-family: 华文细黑;
	text-transform: uppercase;
	margin-bottom: 8px
}
.w_solutions .w_title {
	color: #fff
}
.w_solutions .w_title h1 {
	font-size: 68px
}
.w_solutions .w_title h2 {
	font-size: 32px
}
.w_solutions .w_title h2:after {
	margin-top: 56px
}
.w_solutions .w_icon_wrap {
	text-align: justify;
	margin-top: 60px;
	margin-bottom: 74px
}
.w_solutions .w_icon_wrap li a {
	color: #fff
}
.w_solutions .w_icon_wrap li:last-child {
	margin-right: 0
}
.w_solutions .w_icon_wrap li {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 17px;
	float: left;
	margin-right: 49px
}
.w_solutions .w_icon_wrap li .w_pic {
	position: relative;
	width: 107px;
	height: 107px;
	margin-bottom: 17px
}
.w_solutions .w_icon_wrap li .w_pic img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.w_solutions .w_icon_wrap li .w_pic .w_pic_hover {
	display: none
}
.w_function .w_icon_wrap li, .w_solutions .w_icon_wrap li {
	transition: all .25s
}
.w_function .w_icon_wrap li:hover, .w_solutions .w_icon_wrap li:hover {
	transform: translate3d(0, -30px, 0)
}
.w_solutions .w_icon_wrap li:hover img {
	display: none
}
.w_solutions .w_icon_wrap li:hover .w_pic_hover {
	display: inline-block
}
.w_solutions .w_icon_wrap li:hover {
	color: #ffa64f
}
.w_solutions .w_con_wrap {
	position: relative
}
.w_solutions .w_con_wrap img {
	border: 1px solid #ebebeb
}
.w_solutions .w_con {
	position: absolute;
	right: 0;
	top: 80px;
	background: #0095e2;
	color: #fff;
	width: 445px;
	padding: 0 37px;
	height: 300px;
	padding-top: 52px
}
.w_solutions .w_con h1 {
	font-size: 32px;
	margin-bottom: 15px
}
.w_solutions .w_con h2 {
	font-size: 27px;
	font-weight: 400;
	margin-bottom: 29px;
	text-transform: uppercase
}
.w_solutions .w_con p {
	font-size: 14px;
	line-height: 25px;
	text-align: justify
}
.w_solutions .w_con a {
	display: block;
	width: 142px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	background: #878787;
	font-size: 14px;
	color: #fff;
	position: absolute;
	bottom: -21px;
	left: 0;
	right: 0;
	margin: auto
}
.w_function {
	text-align: center
}
.w_function .w_icon_wrap {
	padding: 60px 0
}
.w_function .w_icon_wrap li {
	width: 122px;
	padding: 0 70px;
	display: inline-block
}
.w_function .w_icon_wrap li img {
	width: 100%
}
.w_function .w_web_wrap {
	position: relative;
	text-align: left;
	color: #fff
}
.w_function .w_web_wrap.w_web_cloth {
	background: #273139
}
.w_function .w_web_wrap h1 {
	position: absolute;
	font-size: 40px;
	line-height: 65px;
	top: 0;
	left: 22px;
	margin-bottom: 14px;
	color:#fefefe;
}
.w_function .w_web_wrap p {
	font-size: 16px;
	letter-spacing: -.05em;
	position: absolute;
	line-height: 24px;
	top: 69px;
	left: 22px;
	text-transform: uppercase;
	font-weight: lighter
}
.w_function .w_web_wrap p span {
	font-weight: 700
}
.w_function .w_con {
	background: #000 url(../images/w_bg3.jpg) no-repeat top center;
	overflow: hidden
}
.w_function .w_con .w_grid {
	float: right
}
.w_function .w_web_wrap h1, .w_function .w_web_wrap p {
	z-index: 1
}
.w_pics {
	width: 285px;
	overflow: hidden;
	height: 211px;
	z-index: 0;
	position: relative;
	background: #273139;
	border-radius: 20px
}
.w_web_wrap.spe .w_pics {
	height: 165px
}
.w_web_wrap.spe2 .w_pics {
	height: 112px
}
.w_pics img {
	position: absolute;
	z-index: 0;
	height: 50%;
	bottom: 0;
	right: 0
}
.w_web_wrap.on .w_pics {
	background: #ffae4e
}
.w_function .w_web_wrap.spe2 h1 {
	line-height: 32px;
	padding-top: 20px;
	margin-bottom: 0;
	font-size: 22px
}
.w_function .w_web_wrap.spe2 p {
	top: 58px;
	line-height: 20px;
	font-size: 12px
}
.w_function .w_web_wrap.spe3 {
	float: left;
	margin-right: 17px;
	width: 138px
}
.w_function .w_web_wrap.spe3 .w_pics {
	height: 168px;
	width: 138px
}
.w_function .w_web_wrap.spe3 .w_pics img {
	width: 70%;
	height: auto
}
.w_function .w_web_wrap.spe3 h1 {
	top: 30px;
	line-height: 22px;
	font-size: 18px
}
.w_function .w_web_wrap.spe3 p {
	font-size: 12px;
	top: 82px;
	line-height: 18px
}
.w_advantage {
	overflow: hidden;
	padding-bottom: 82px
}
.w_advantage:after {
	content: '';
	clear: both
}
.w_advantage .w_title {
	color: #fff
}
.w_advantage .w_icon_wrap {
	margin-top: 60px
}
.w_advantage .w_icon_wrap li {
	float: left;
	width: 258px;
	padding: 52px 21px;
	transition: all .25s;
	-webkit-transition: all .25s;
	background: #fff;
	height: 316px
}
.w_advantage .w_icon_wrap li h1 {
	font-weight: 700;
	font-size: 18px;
	margin-top: 48px
}
.w_advantage .w_icon_wrap li h1:after {
	content: '';
	width: 45px;
	height: 3px;
	background: #0095e2;
	display: block;
	margin-top: 21px
}
.w_advantage .w_icon_wrap li h1 span {
	color: #0095e2
}
.w_advantage .w_icon_wrap li p {
	padding-top: 20px;
	font-size: 14px;
	color: #858585;
	line-height: 24px
}
.w_advantage .w_icon_wrap li:hover h1:after {
	background: #fff
}
.w_advantage .w_icon_wrap li:hover {
	position: relative;
	z-index: 1;
	background: #0095e2;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.w_advantage .w_icon_wrap li:hover h1 {
	color: #fff
}
.w_advantage .w_icon_wrap li:hover p {
	color: #fff
}
.w_advantage .w_icon_wrap li:hover h1 span {
	color: #fff
}
.w_website_solutions .w_pic_wrap {
	overflow: hidden
}
.w_website_solutions .w_pic_wrap li {
	float: left;
	margin-right: 40px;
	position: relative;
	background-color: #fff
}
.w_website_solutions .w_pic_wrap li:last-child {
	margin-right: 0
}
.w_website_solutions .w_pic_wrap li a {
	transform: scale(.5);
	-webkit-transform: scale(.5);
	opacity: 0;
	filter: Alpha(opacity=0);
	transition: all .25s;
	-webkit-transition: all .25s;
	width: 335px;
	height: 290px;
	background: #000;
	left: 19px;
	top: 19px;
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 34px
}
.w_website_solutions .w_pic_wrap li a i {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/images/we.png) no-repeat top center;
	margin-top: 100px
}
.w_pic_wrap {
	padding-bottom: 139px;
	padding-top: 44px
}
.w_solutions .w_con a:hover {
	background: #0095E2
}
.w_website_solutions .w_pic_wrap li:hover a {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: .8;
	filter: Alpha(opacity=80)
}
.w_website_solutions .w_pic_wrap li img {
	width: 373px;
	height: 328px
}
.ball {
	background: url(/images/bg1.jpg) no-repeat center;
	max-width: 1920px;
	margin: 0 auto;
	height: 580px
}
.ball .ball-inner {
	position: relative;
	width: 788px;
	margin: 0 auto;
	height: 100%;
	box-sizing: border-box;
	padding-top: 63px;
	line-height: 1
}
.ball .ball-inner .bb {
	position: absolute;
	-webkit-animation: bounceIn .4s ease-in-out infinite alternate;
	-o-animation: bounceIn .4s ease-in-out infinite alternate;
	animation: bounceIn .4s ease-in-out infinite alternate
}
.ball .ball-inner .bb1 {
	top: 506px;
	left: -338px;
	width: 43px;
	height: 43px;
	background: url(/images/BB1.png) no-repeat center;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}
.ball .ball-inner .bb2 {
	top: 510px;
	left: -86px;
	width: 14px;
	height: 14px;
	background: url(/images/BB2.png) no-repeat center;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}
.ball .ball-inner .bb3 {
	top: 183px;
	left: -40px;
	width: 15px;
	height: 15px;
	background: url(/images/BB3.png) no-repeat center;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}
.ball .ball-inner .bb4 {
	top: 25px;
	left: 450px;
	width: 18px;
	height: 18px;
	background: url(/images/BB4.png) no-repeat center;
	-webkit-animation-delay: 1.9s;
	-moz-animation-delay: 1.9s;
	-o-animation-delay: 1.9s;
	animation-delay: 1.9s
}
.ball .ball-inner .bb5 {
	top: 366px;
	left: 764px;
	width: 21px;
	height: 21px;
	background: url(/images/BB5.png) no-repeat center;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s
}
.ball .ball-inner .bb6 {
	top: 94px;
	left: 900px;
	width: 15px;
	height: 15px;
	background: url(/images/BB6.png) no-repeat center;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}
.ball .ball-inner .more-wrap {
	position: absolute;
	width: 224px;
	height: 48px;
	bottom: 40px;
	left: 50%;
	margin: 0 0 0 -112px;
	border-radius: 4px;
	background-color: #1a97df;
	overflow: hidden
}
.ball .ball-inner .more-wrap:hover .more {
	top: 48px
}
.ball .ball-inner .more-wrap:hover .more2 {
	top: 0
}
.ball .ball-inner .more {
	position: absolute;
	top: 0;
	left: 0;
	width: 224px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #1a97df url(/images/MORE.png) no-repeat 160px center;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.ball .ball-inner .more2 {
	position: absolute;
	top: -48px;
	left: 0x;
	width: 224px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #1a97df url(/images/MORE.png) no-repeat 160px center;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.ball .ball-inner .num .p1 {
	float: left;
	width: 170px;
	height: 86px;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s
}
.ball .ball-inner .num .p1 span {
	color: #1a97df;
	font-size: 82px
}
.ball .ball-inner .num .p1 b {
	font-size: 54px;
	color: #1a97df;
	vertical-align: 8px;
	margin-left: 4px
}
.ball .ball-inner .num .p1 em {
	font-size: 16px;
	color: #1a97df
}
.ball .ball-inner .num .p2 {
	float: left;
	width: 227px;
	height: 86px;
	margin-left: 130px;
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s
}
.ball .ball-inner .num .p2 span {
	color: #1a97df;
	font-size: 82px
}
.ball .ball-inner .num .p2 b {
	font-size: 40px;
	color: #1a97df;
	vertical-align: 33px
}
.ball .ball-inner .num .p2 em {
	font-size: 16px;
	color: #1a97df
}
.ball .ball-inner .num .p3 {
	float: right;
	width: 227px;
	height: 86px;
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s
}
.ball .ball-inner .num .p3 span {
	color: #1a97df;
	font-size: 82px
}
.ball .ball-inner .num .p3 b {
	font-size: 40px;
	color: #1a97df;
	vertical-align: 33px
}
.ball .ball-inner .num .p3 em {
	font-size: 16px;
	color: #1a97df
}
.ball .ball-inner .d1 {
	position: absolute;
	cursor: pointer
}
.ball .ball-inner .d1 dt {
	float: left;
	margin-top: 3px;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #0095e2;
	border-radius: 16px;
	cursor: pointer;
	margin-right: 6px
}
.ball .ball-inner .d1 dt .light {
	position: absolute;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity=0);
	top: -116px;
	left: -334px;
	width: 345px;
	height: 123px;
	background: url(/images/ball.png) no-repeat
}
.ball .ball-inner .on dt {
	z-index: 1
}
.ball .ball-inner .d1.spe dt .light {
	background: url(/images/ball2.png) no-repeat;
	left: 7px;
	transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%
}
.ball .ball-inner .d1 dt .light .light-inner {
	width: 324px;
	height: 86px;
	background-color: #fff;
	border-radius: 44px
}
.ball .ball-inner .d1 dt .light .light-inner .lt {
	float: left;
	height: 78px;
	width: 78px;
	border: 4px solid #33d59c;
	border-radius: 44px;
	background: url(/images/ft.jpg) no-repeat center
}
.ball .ball-inner .d1 dt .light .light-inner .lt1 {
background-image:url(/Images/微信APP客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt2 {
background-image:url(/Images/移动应用.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt3 {
background-image:url(/Images/响应式客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt4 {
background-image:url(/Images/品牌客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt5 {
background-image:url(/Images/H5活动客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt6 {
background-image:url(/Images/电商平台客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt7 {
background-image:url(/Images/企业客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt8 {
background-image:url(/Images/营销活动客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .rg {
	float: left;
	width: 210px;
	padding-top: 10px;
	margin-left: 10px
}
.ball .ball-inner .d1 dt .light .light-inner .rg .p1 {
	font-size: 15px;
	color: #8b8b8b;
	margin-bottom: 8px;
	line-height: 1.4
}
.ball .ball-inner .d1 dt .light .light-inner .rg .p2 {
	font-size: 14px;
	color: #000
}
.ball .ball-inner .d1 dt span {
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	background-color: #0095e2;
	border-radius: 8px;
	-webkit-animation: fd 2s forwards infinite;
	-o-animation: fd 2s forwards infinite;
	animation: fd 2s forwards infinite
}
.ball .ball-inner .d1 dd {
	float: left
}
.ball .ball-inner .d1 dd span {
	font-size: 20px;
	color: #000
}
.ball .ball-inner .d1 dd b {
	font-size: 12px;
	color: #000
}
.ball .ball-inner .on dt .light {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.ball .ball-inner .on span {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}
.ball .ball-inner .on dt {
	border-color: #33d59d
}
.ball .ball-inner .on dt span {
	background-color: #33d59d
}
.ball .ball-inner .on dd b, .ball .ball-inner .on dd span {
	color: #33d59d
}
.ball .ball-inner .big dt {
	width: 20px;
	height: 20px;
	border-radius: 20px
}
.ball .ball-inner .big dt span {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	margin: -7px 0 0 -7px;
	animation-delay: 1s
}
.ball .ball-inner .big dd span {
	font-size: 26px
}
.ball .ball-inner .big dd b {
	font-size: 14px
}
.allist {
	padding: 32px 0 0 0
}
.allist-img {
	position: relative;
	overflow: hidden
}
.allist-img p {
	transition: all .25s;
	position: absolute;
	bottom: -53px;
	left: 0;
	width: 100%;
	line-height: 53px;
	background: #000;
	opacity: .5;
	color: #fff;
	text-indent: 15px;
	font-size: 16px
}
.allist li:hover .allist-img p {
	bottom: 0
}
.allist li {
	float: left;
	width: 375px;
	height: 368px;
	position: relative;
	padding-bottom: 2px;
	margin-right: 37px;
	margin-bottom: 31px
}
.allist-wrap {
	padding: 13px
}
.allist-cnt {
	float: left;
	width: 263px
}
.allist-cnt h5 {
	line-height: 30px;
	font-size: 19px;
	color: #1a1a1a;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.allist-cnt p {
	line-height: 22px;
	font-size: 14px;
	color: #666;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.allist-wrap2 {
	float: right;
	width: 95px;
	margin-right: -13px
}
.allist-num {
	float: right;
	padding-left: 20px;
	background: url(/images/al.png) no-repeat left center;
	line-height: 24px;
	color: #999
}
.allist-btn {
	float: right;
	width: 100%;
	padding-top: 8px
}
.allist-btn a {
	margin-left: 2px;
	float: right;
	width: 21px;
	height: 18px;
	background-position: center;
	background-repeat: no-repeat
}
.allist-btn a.s4 {
	background-image: url(../images/al2.png)
}
.allist-btn a.s3 {
	background-image: url(../images/al3.png)
}
.allist-btn a.s2 {
	background-image: url(../images/al4.png)
}
.allist-btn a.s1 {
	background-image: url(../images/al5.png)
}
.allist-btn a.hasewm .ewms {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	transition: all .25s;
	transform: scale(0);
	opacity: 0;
	filter: Alpha(opacity=0);
	display: none\9
}
.allist-btn a.hasewm:hover .ewms {
	transform: scale(1);
	opacity: 1;
	filter: Alpha(opacity=100);
	display: block\9
}
.allist-btn a.hasewm .ewms i {
	display: inline-block;
	font-weight: 700;
	font-size: 18px;
	line-height: 40px;
	margin: 0 15px;
	margin-top: -30px;
	vertical-align: top;
	color: #0095e2
}
.allist-btn a.hasewm .ewms canvas {
	border: 8px solid #fff
}
.allist-line {
	position: absolute;
	height: 2px;
	background: #3082d6;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .25s;
	width: 0
}
.allist li:hover .allist-line {
	width: 100%
}
.somelinks {
	padding-top: 30px
}
.smmenu {
	float: left;
	width: 929px
}
.smmenu a {
	float: left;
	width: 105px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border: 1px solid #d8d8d8;
	border-radius: 1px;
	margin-right: 9px;
	margin-bottom: 10px
}
.smmenu a:hover {
	color: #fff;
	background: #0095e2
}
.smmenu a.on {
	color: #fff;
	background: #0095e2
}
.somelinks .bgbg {
	background: #676767;
	border-radius: 5px;
	float: right;
	width: 269px;
	height: 125px
}
.somelinks .bgbg .searchbo {
	background: #fff;
	margin-right: 10px;
	margin-top: 40px
}
.Qi_list1 {
	border-bottom: 1px solid #eaeaea
}
.Qi_list1 ul {
	box-sizing: border-box;
	padding-bottom: 8px
}
.Qi_list1 ul.menu_l {
	border-right: 2px solid #eaeaea;
	padding-right: 15px;
	width: 700px
}
.Qi_list1 ul.menu_r {
	padding-left: 15px
}
.Qi_list1 ul li {
	float: left;
	width: 97px;
	transition: all .25s
}
.Qi_list1 ul li:hover {
	transform: translate3d(0, -10px, 0)
}
.Qi_list1 ul li a {
	display: block
}
.Qi_list1 ul li span {
	display: block;
	padding: 6px 0;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 1
}
.Qi_list1 ul li span i {
	display: inline-block;
	margin-top: -10px;
	width: 80px;
	height: 80px
}
.Qi_list1 ul li._a1 span i {
	background-image: url(../images/albc1.png)
}
.Qi_list1 ul {
	float: left
}
.Qi_list1 ul li._a2 span i {
	background-image: url(../images/albc2.png)
}
.Qi_list1 ul li._a3 span i {
	background-image: url(../images/albc3.png)
}
.Qi_list1 ul li._a4 span i {
	background-image: url(../images/albc4.png)
}
.Qi_list1 ul li._a5 span i {
	background-image: url(../images/albc5.png)
}
.Qi_list1 ul li._a6 span i {
	background-image: url(../images/albc6.png)
}
.Qi_list1 ul li._a7 span i {
	background-image: url(../images/albc7.png)
}
.Qi_list1 ul li._a8 span i {
	background-image: url(../images/albc15.png)
}
.Qi_list1 ul li._a9 span i {
	background-image: url(../images/albc16.png)
}
.Qi_list1 ul li._a10 span i {
	background-image: url(../images/albc17.png)
}
.Qi_list1 ul li._a11 span i {
	background-image: url(../images/albc18.png)
}
.Qi_list1 ul li._a12 span i {
	background-image: url(../images/albc19.png)
}
.Qi_list1 ul li._a1:hover span i, .Qi_list1 ul li.on._a1 span i {
	background-image: url(../images/albc8.png)
}
.Qi_list1 ul li._a2:hover span i, .Qi_list1 ul li.on._a2 span i {
	background-image: url(../images/albc9.png)
}
.Qi_list1 ul li._a3:hover span i, .Qi_list1 ul li.on._a3 span i {
	background-image: url(../images/albc10.png)
}
.Qi_list1 ul li._a4:hover span i, .Qi_list1 ul li.on._a4 span i {
	background-image: url(../images/albc11.png)
}
.Qi_list1 ul li._a5:hover span i, .Qi_list1 ul li.on._a5 span i {
	background-image: url(../images/albc12.png)
}
.Qi_list1 ul li._a6:hover span i, .Qi_list1 ul li.on._a6 span i {
	background-image: url(../images/albc13.png)
}
.Qi_list1 ul li._a7:hover span i, .Qi_list1 ul li.on._a7 span i {
	background-image: url(../images/albc14.png)
}
.Qi_list1 ul li._a8:hover span i, .Qi_list1 ul li.on._a8 span i {
	background-image: url(../images/albc20.png)
}
.Qi_list1 ul li._a9:hover span i, .Qi_list1 ul li.on._a9 span i {
	background-image: url(../images/albc21.png)
}
.Qi_list1 ul li._a10:hover span i, .Qi_list1 ul li.on._a10 span i {
	background-image: url(../images/albc22.png)
}
.Qi_list1 ul li._a11:hover span i, .Qi_list1 ul li.on._a11 span i {
	background-image: url(../images/albc23.png)
}
.Qi_list1 ul li._a12:hover span i, .Qi_list1 ul li.on._a12 span i {
	background-image: url(../images/albc24.png)
}
.Qi_list1 ul li a:hover span, .Qi_list1 ul li.on a span {
	color: #0095e2
}
.Q_case_1 {
	width: 100%;
	height: 422px;
	background: url(/images/Qi_2.jpg) repeat center left
}
.cap_1 {
	padding-top: 50px;
	padding-bottom: 57px;
	position: relative
}
.cap_1 .cap_tit {
	margin-bottom: 50px
}
.cap_1 .cap_tit .c_img {
	width: 161px;
	height: 90px;
	margin-right: 30px
}
.cap_1 .cap_tit .c_img img {
	width: 161px;
	height: 90px
}
.cap_1 .cap_tit .c_tit {
	width: 870px
}
.cap_1 .cap_tit .c_tit h4 {
	position: relative;
	padding-bottom: 15px;
	font-size: 40px;
	color: #3f3f3f;
	line-height: 1
}
.cap_1 .cap_tit .c_tit h4:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 44px;
	height: 3px;
	content: '';
	background: #00a6ea
}
.cap_1 .cap_tit .c_tit h6 {
	margin-top: 15px;
	line-height: 20px
}
.cap_1 .cap_tit .c_tit h6 span {
	float: left;
	margin-right: 30px;
	font-size: 16px;
	color: #000
}
.cap_1 .cap_tit .c_tit h6 font {
	float: left;
	margin-right: 15px;
	font-size: 14px;
	color: #666
}
.cap_1 .cap_mian .m_1 {
	float: left;
	width: 550px;
	line-height: 28px
}
.cap_1 .cap_mian .m_1 p {
	font-size: 14px;
	color: #999
}
.hj {
	font-size: 14px;
	color: #333;
	padding-bottom: 20px
}
.hj a {
	font-size: 14px;
	color: #333
}
.hj a.chucuo {
	display: inline-block;
	width: 16px;
	height: 22px;
	margin-left: 15px;
	background: url(/images/Q10.png) no-repeat center;
	vertical-align: top
}
.cap_1 .cap_mian .m_2 {
	float: left;
	margin-left: 120px
}
.cap_1 .cap_mian .m_2 .m_ewm {
	float: left;
	text-align: center
}
.cap_1 .cap_mian .m_2 .m_ewm span {
	display: block
}
.cap_1 .cap_mian .m_2 .m_ewm span img {
	width: 100%
}
.cap_1 .cap_mian .m_2 .m_ewm font {
	display: block;
	font-size: 12px;
	color: #666;
	line-height: 24px
}
.cap_1 .cap_mian .m_2 .m_but {
	float: left;
	margin-left: 30px
}
.cap_1 .cap_mian .m_2 .m_but a {
	display: block;
	width: 164px;
	height: 48px;
	border: 2px solid #404040;
	font-size: 18px;
	color: #404040;
	line-height: 48px;
	text-align: center
}
.cap_1 .cap_mian .m_2 .m_but a i {
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-left: 12px;
	background: url(/images/Q11.png) no-repeat top center;
	vertical-align: middle
}
.cap_2 {
	position: relative;
	width: 100%;
	height: 60px;
	overflow: hidden
}
.cap_2>a {
	position: absolute;
	top: 0;
	width: 60px;
	height: 60px;
	background: no-repeat center
}
.cap_2 .m_pr {
	left: 0;
	background-image: url(../images/Q8.png)
}
.cap_2 .m_nx {
	right: 0;
	background-image: url(../images/Q9.png)
}
.cap_2 .m_aa {
	left: 50%;
	margin-left: -30px;
	background-image: url(../images/Q7.png)
}
.bt {
	background: #000;
	position: relative
}
.bt img {
	width: 100%
}
.bt-tit {
	position: absolute;
	width: 1200px;
	margin-left: -600px;
	left: 50%;
	top: 35%;
	text-align: center;
	color: #fff
}
.bt-tit h5 {
	font-family: 华文细黑;
	line-height: 130px;
	font-size: 97px
}
.bt-tit p {
	line-height: 49px;
	font-size: 28px
}
.alxq {
	text-align: left;
	padding: 70px 0 70px 0
}
.alxq img {
	margin: auto
}
.thispo {
	position: absolute;
	right: 0;
	padding-top: 1px;
	top: 0
}
.thispo a {
	display: block;
	width: 106px;
	border: 1px solid #f1f1f1;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -1px;
	height: 89px
}
.thispo a.on, .thispo a:hover {
	background-color: #00a6ea
}
.thispo a.t1 {
	background-image: url(../images/bd1.png)
}
.thispo a.t2 {
	background-image: url(../images/bd2.png)
}
.thispo a.t3 {
	background-image: url(../images/bd3.png)
}
.thispo a.t4 {
	background-image: url(../images/bd4.png)
}
.thispo a.t1.on, .thispo a.t1:hover {
	background-image: url(../images/bd5.png)
}
.thispo a.t2.on, .thispo a.t2:hover {
	background-image: url(../images/bd6.png)
}
.thispo a.t3.on, .thispo a.t3:hover {
	background-image: url(../images/bd7.png)
}
.thispo a.t4.on, .thispo a.t4:hover {
	background-image: url(../images/bd8.png)
}
.ihbanner {
	text-align: center;
	height: 475px
}
.ihbannertit {
	color: #fff
}
.ihbannertit h5 {
	line-height: 55px;
	font-size: 38px;
	padding-top: 49px;
	color:#fefefe;
}
.ihbannertit p {
	font-size: 27px;
	line-height: 41px;
	color:#fefefe;
}
.ihbannertit.spe1 h5 {
	color: #ef4359
}
.ihbannertit.spe1 p {
	color: #fff
}
.ihbannerlinks.spe1 a:hover {
	background: #f2445b;
	border: 1px solid #f2445b
}
.ihbannerlinks.spe2 a:hover {
	background: #e85a4f;
	border: 1px solid #e85a4f
}
.ihbannerlinks.spe3 a:hover {
	background: #956ae6;
	border: 1px solid #956ae6
}
.ihbannerlinks {
	padding: 17px 0 40px 0
}
.ihbannerlinks a {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	width: 150px;
	margin: 0 7px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 4px
}
.ihbannerlinks a:hover {
	background: #ffb033;
	border: 1px solid #ffb033
}
.ihbannerimgs img {
	vertical-align: top
}
.ihbannerimg1 {
	margin-top: 2px
}
.ihbannerimg2 {
	margin: 0 13px;
	margin-top: 15px
}
.zcmod1links a {
	display: inline-block;
	width: 224px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin: 0 7px;
	vertical-align: top
}
.zcmod1links {
	text-align: center;
	padding: 73px 0
}
.zcmod1links i {
	display: block;
	-webkit-transition: all .55s;
	transition: all .55s;
	width: 148px;
	height: 148px;
	margin: 0 auto;
	margin-bottom: 25px;
	background-position: center;
	border-radius: 50%;
	background-repeat: no-repeat
}
.j-box {
	-webkit-transition: all .55s;
	transition: all .55s
}
.wyllist li, .zcmod5list li, .zllist-img {
	-webkit-transition: all .35s;
	transition: all .35s
}
.wyllist li:hover, .zllist-img:hover {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}
.zcmod5list li:hover {
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0)
}
.zcmod1links .z1 i {
	background-image: url(../images/linksbg1.png);
	border: 3px solid #2bedaf
}
.zcmod1links .z2 i {
	background-image: url(../images/linksbg2.png);
	border: 3px solid #f7ba45
}
.zcmod1links .z3 i {
	background-image: url(../images/linksbg3.png);
	border: 3px solid #b260f1
}
.zcmod1links .z4 i {
	background-image: url(../images/linksbg4.png);
	border: 3px solid #2095f8
}
.zcmod1links .z5 i {
	background-image: url(../images/linksbg5.png);
	border: 3px solid #e95b8a
}
.j-box:hover, .zcmod1links a:hover i {
	-webkit-transform: translate3d(0, -10px, 0) rotate(360deg);
	transform: translate3d(0, -10px, 0) rotate(360deg)
}
.zcmodtit {
	text-align: center;
	padding-top: 64px
}
.zcmodtit h5 {
	line-height: 64px;
	font-size: 41px
}
.zcmodtit p {
	line-height: 35px;
	font-size: 16px
}
.zcmodtit.col1 h5 {
	color: #434e5a
}
.zcmodtit.col1 p {
	color: #909ca9
}
.zcmodtit.col2 h5 {
	color: #fff
}
.zcmodtit.col2 p {
	color: #fff
}
.zcmodtit strong {
	font-weight: 700;
	color:#fefefe;
	font-size:38px;
}
.byy {
	height: 646px;
	margin-top: 20px;
	position: relative;
	background: url(/images/yybg1.png) center no-repeat
}
.byy i {
	width: 240px;
	height: 240px;
	left: 50%;
	position: absolute
}
.byy i.y1 {
	background-image: url(../images/yy1.png);
	top: 35px;
	margin-left: -510px
}
.byy i.y2 {
	background-image: url(../images/yy2.png);
	top: 35px;
	margin-left: -246px
}
.byy i.y3 {
	background-image: url(../images/yy3.png);
	top: 35px;
	margin-left: 24px
}
.byy i.y4 {
	background-image: url(../images/yy4.png);
	top: 35px;
	margin-left: 290px
}
.byy i.y5 {
	background-image: url(../images/yy5.png);
	top: 385px;
	margin-left: -371px
}
.byy i.y6 {
	background-image: url(../images/yy6.png);
	top: 385px;
	margin-left: 155px
}
.msglist {
	padding: 60px 0 110px 0
}
.msglist li {
	float: left;
	width: 367px;
	height: 118px;
	padding: 10px;
	margin-right: 19px;
	margin-bottom: 15px;
	position: relative
}
.msglist li b {
	background: #000;
	border-radius: 8px;
	position: absolute;
	-webkit-transition: all .25s;
	transition: all .25s;
	width: 100%;
	opacity: .15;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0
}
.msglist li i {
	margin-top: 22px;
	width: 85px;
	-webkit-transition: all .25s;
	transition: all .25s;
	position: relative;
	z-index: 1;
	height: 85px;
	float: left
}
.msglist li.m1 i {
	background-image: url(../images/z3_01.png)
}
.msglist li.m2 i {
	background-image: url(../images/z3_02.png)
}
.msglist li.m3 i {
	background-image: url(../images/z3_03.png)
}
.msglist li.m4 i {
	background-image: url(../images/z3_04.png)
}
.msglist li.m5 i {
	background-image: url(../images/z3_05.png)
}
.msglist li.m6 i {
	background-image: url(../images/z3_06.png)
}
.msglist-cnt {
	float: right;
	color: #fff;
	width: 255px;
	position: relative;
	z-index: 1
}
.msglist-cnt h5 {
	line-height: 45px;
	font-size: 18px;
	font-weight: 700
}
.msglist-cnt p {
	line-height: 22px;
	font-size: 13px
}
.msglist li:hover b {
	opacity: 1;
	background: #fff
}
.msglist li:hover i {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}
.msglist li:hover h5 {
	color: #434e5a
}
.msglist li:hover p {
	color: #8c989e
}
.yzs {
	padding: 94px 0
}
.yzs-cnt {
	width: 391px;
	height: 409px;
	background-image: url(../images/mod04_02.png)
}
.yzs-wrap {
	color: #fff;
	padding: 52px 34px 0 34px
}
.yzs-wrap h3 {
	line-height: 54px;
	font-size: 41px;
	font-weight: 700;
	color:#fefefe;
}
.yzs-wrap h4 {
	line-height: 42px;
	font-size: 30px
}
.yzs-wrap h5 {
	padding: 14px 0;
	border-bottom: 1px solid #fff;
	line-height: 24px;
	font-size: 16px;
	color:#fefefe;
}
.yzs-wrap p {
	padding-top: 18px;
	line-height: 24px;
	font-size: 13px;
	color:#fefefe;
}
.yzs-wrap p em {
	color: #f6ff00
}
.zcmod5list {
	padding: 97px 0
}
.zcmod5list li {
	border-radius: 8px;
	background: #fff;
	height: 180px;
	margin-bottom: 10px;
	width: 353px;
	padding: 47px;
	box-sizing:content-box;
}
.zcmod5list-top i {
	width: 64px;
	float: left;
	height: 64px;
	background-image: url(../images/mod5_b1.png)
}
.zcmod5list-wrap {
	width: 279px;
	float: right
}
.zcmod5list-wrap h4 {
	padding-top: 6px;
	line-height: 33px;
	font-size: 24px;
	color: #666;
	font-weight: 700
}
.zcmod5list-wrap h5 {
	line-height: 18px;
	font-size: 17px;
	color: #999
}
.zcmod5list p {
	line-height: 27px;
	font-size: 16px;
	padding-top: 29px;
	color: #666
}
.zcmod5box {
	position: relative
}
.zcmod5b {
	position: absolute;
	width: 280px;
	top: 97px;
	color: #fff;
	text-align: center;
	left: 460px;
	height: 558px;
	border-radius: 8px;
	background: #956ae6;
}
.zcmod5b h5,.zcmod5b h2,.zcmod5b h3,.zcmod5b h4,.zcmod5b p { color:#fefefe;}
.zcmod5b h5 {
	padding-top: 26px;
	line-height: 86px;
	font-size: 17px
}
.zcmod5b h2 {
	font-size: 49px;
	line-height: 52px
}
.zcmod5b h3 {
	font-weight: 700;
	font-size: 49px;
	line-height: 52px
}
.zcmod5b h4 {
	font-size: 20px;
	line-height: 45px
}
.zcmod5b p {
	font-size: 17px;
	font-weight: 700;
	padding-top: 12px;
	height: 78px;
	line-height: 29px
}
.commit {
	width: 100%;
	overflow: hidden
}
.commit {
	height: 415px;
	background: #000 url(/images/bg4.jpg) no-repeat center
}
.commit .fix_1 {
	padding: 60px 0 42px 0
}
.commit .fix_1 h4 {
	float: left
}
.commit .fix_1 h4 font {
	display: block;
	font-size: 30px;
	color: #fff;
	line-height: 42px
}
.commit .fix_1 h4 span {
	display: block;
	font-size: 14px;
	color: #a6c5e7;
	line-height: 30px
}
.commit .fix_1 input {
	float: right;
	width: 260px;
	height: 50px;
	margin: 11px 25px 11px 0;
	border: none;
	border-radius: 3px;
	background: #0af;
	font-size: 16px;
	color: #fff
}
.zzz {
	float: right;
	width: 220px;
	height: 45px;
	border: none;
	border-radius: 3px;
	background: #0af;
	font-size: 16px;
	color: #fff
}
.commit .fix_2 p {
	width: 560px;
	height: 45px;
	margin-bottom: 10px;
	border-radius: 3px;
	background: #5ca6db
}
.commit .fix_2 p input {
	width: 100%;
	height: 45px;
	padding-left: 35px;
	border: none;
	background: no-repeat 10px center;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	line-height: 45px
}
.commit .fix_2 p input::-webkit-input-placeholder {
color:#fff
}
.commit .fix_2 .insf_1 input {
	background-image: url(../images/insf_1.png)
}
.commit .fix_2 .insf_2 input {
	background-image: url(../images/insf_2.png)
}
.commit .fix_2 .insf_3 .insf_3-1 input {
	background-image: url(../images/insf_3.png)
}
.commit .fix_2 .insf_3 .insf_3-2 input {
	background-image: url(../images/insf_4.png)
}
.commit .fix_2 .insf_3-1 {
	width: 234px
}
.commit .fix_2 .insf_3-2 {
	width: 314px;
	margin-left: 12px
}
.commit .fix_2 .insf_4 {
	width: 580px;
	height: 100px;
	border-radius: 3px
}
.commit .fix_2 .insf_4 textarea {
	width: 100%;
	height: 100px;
	padding: 12px 40px;
	border: none;
	background: transparent url(/images/insf_5.png) no-repeat 10px 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	line-height: 20px
}
.commit .fix_2 .insf_4 textarea::-webkit-input-placeholder {
color:#fff
}
.commit .fix_2 .insf_5 {
	float: left;
	width: 240px
}
.commit .fix_2 .insf_5 input {
	background-image: url(../images/insf_6.png)
}
.commit .fix_2>span {
	float: left;
	width: 97px;
	height: 45px;
	margin-left: 10px;
	border-radius: 3px;
	background: #fff
}
.spe.commit .fix_2 p {
	background: #525b66
}
.bb1 {
	height: 703px
}
.bb1-wrap {
	background: url(/images/aa1.png);
	width: 566px;
	position: relative;
	top: 82px;
	left: -15px;
	height: 534px
}
.bb1-cnt {
	padding: 69px 62px 0 62px
}
.bb1-cnt h3 {
	line-height: 52px;
	font-weight: 700;
	font-size: 41px;
	color: #2c3e50;
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8
}
.bb1-cnt h4 {
	font-size: 41px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8;
	line-height: 52px;
	color: #2c3e50;
}
.bb1-cnt h5 {
	padding: 24px 0;
	font-size: 16px;
	line-height: 30px;
	color: #000
}
.bb1-cnt p {
	font-size: 14px;
	line-height: 24px;
	color: #777
}
.bb1-cnt p em {
	color: #0095e2
}
.zllist {
	padding: 48px 0 66px 0
}
.zllist li {
	float: left;
	color: #fff;
	width: 336px;
	margin-right: 96px
}
.zllist.spe li {
	width: 286px;
	margin-right: 18px
}
.zllist li h5 {
	font-size: 18px;
	font-weight: 700;
	line-height: 38px
}
.zllist li p {
	height: 146px;
	font-size: 14px;
	line-height: 24px
}
.zllist.spe li p {
	height: 126px
}
.zllist.spe li p em {
	color: #FDCF4E
}
.zllist-img {
	margin-left: -31px;
	width: 398px;
	overflow: hidden;
	margin-top: -18px;
	height: 298px;
	background-image: url(../images/zlbg1.png)
}
.spe.zllist .zllist-img {
	margin-left: -31px;
	width: 348px;
	height: 281px;
	overflow: hidden;
	margin-top: -18px;
	background-image: url(../images/wc1.png)
}
.spe.zllist .zllist-img-wrap {
	width: 286px;
	height: 160px;
	overflow: hidden;
	left: 31px;
	position: relative;
	top: 75px;
	border-radius: 0 0 5px 5px
}
.zllist-img-wrap {
	width: 336px;
	height: 209px;
	overflow: hidden;
	left: 31px;
	position: relative;
	top: 57px;
	border-radius: 0 0 5px 5px
}
.wyllist {
	padding: 72px 0 105px 0
}
.wyllist-bg {
	background: url(/images/wyl1.png) 14px 212px no-repeat;
	height: 268px;
	padding-top: 20px;
	padding-left: 57px;
	padding-right: 59px
}
.wyllist {
	width: 1220px;
	margin-left: -20px
}
.wyllist li {
	float: left;
	width: 410px;
	margin-left: -4px;
	height: 302px;
	background-image: url(../images/wyl2.png)
}
.wyllist li.spe {
	width: 824px;
	margin-left: -10px;
	height: 302px
}
.wylist-top {
	padding-top: 38px
}
.wylist-top i {
	border-radius: 50%;
	background: #f2523c;
	width: 64px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	color: #fff;
	font-size: 30px;
	float: left
}
.wylist-wrap {
	float: right;
	width: 213px
}
.wylist-wrap h4 {
	line-height: 33px;
	padding-top: 7px;
	font-size: 24px;
	color: #666;
	font-weight: 700
}
.wylist-wrap h5 {
	line-height: 21px;
	font-size: 16px;
	color: #666
}
.wylist-cnt {
	padding-top: 17px
}
.wylist-cnt span {
	text-align: center;
	margin: 5px 0;
	color: #666;
	font-size: 16px;
	width: 97px;
	line-height: 17px;
	border-right: 1px solid #e8e8e8;
	float: left
}
.wylspe {
	padding-top: 65px;
	text-align: center
}
.wylspe i {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 65px;
	background-image: url(../images/zes.png)
}
.wylspe h5 {
	padding-top: 12px;
	line-height: 40px;
	font-size: 24px;
	color: #666;
	font-weight: 700
}
.wylspe p {
	line-height: 29px;
	font-size: 16px;
	color: #999
}
.gbbox {
	padding: 95px 0
}
.gbcnt {
	padding-top: 23px;
	float: left
}
.gbcnt h5 {
	color: #000;
	margin-left: -10px;
	font-weight: 700;
	font-size: 48px;
	line-height: 135px;
	text-indent: 10px;
	background: url(/images/bgbgline.png) bottom left no-repeat
}
.gbcnt p {
	padding-top: 13px;
	line-height: 48px;
	font-size: 30px;
	color: #616971
}
.gblist {
	float: right;
	width: 670px
}
.gblist li {
	float: left;
	margin-bottom: 5px;
	width: 327px;
	margin-left: 5px;
	height: 113px;
	border-radius: 8px;
	background: #fff
}
.gblist li i {
	float: left;
	width: 85px;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 17px;
	margin-top: 17px;
	height: 85px
}
.gblist li.g1 i {
	background-image: url(../images/gbbg1.png)
}
.gblist li.g2 i {
	background-image: url(../images/gbbg2.png)
}
.gblist li.g3 i {
	background-image: url(../images/gbbg3.png)
}
.gblist li.g4 i {
	background-image: url(../images/gbbg4.png)
}
.gblist li.g5 i {
	background-image: url(../images/gbbg5.png)
}
.gblist li.g6 i {
	background-image: url(../images/gbbg6.png)
}
.gblist-cnt {
	margin-right: 17px;
	margin-top: 17px;
	float: right;
	width: 203px
}
.gblist-cnt h5 {
	line-height: 26px;
	font-size: 18px;
	color: #434e5a;
	font-weight: 700
}
.gblist-cnt p {
	line-height: 16px;
	font-size: 13px;
	padding-top: 7px;
	color: #8c989e
}
.wylspe2 {
	padding-top: 52px;
	text-align: center
}
.wylspe2 i {
	display: block;
	margin: 0 auto;
	width: 91px;
	height: 91px
}
.wylspe2.bl1 i {
	background-image: url(../images/smo2.png)
}
.wylspe2.bl2 i {
	background-image: url(../images/smo3.png)
}
.wylspe2.bl3 i {
	background-image: url(../images/smo4.png)
}
.wylspe2.bl4 i {
	background-image: url(../images/smo5.png)
}
.wylspe2 h5 {
	padding-top: 12px;
	line-height: 40px;
	font-size: 24px;
	color: #666;
	font-weight: 700
}
.wylspe2 p {
	line-height: 29px;
	font-size: 16px;
	color: #999
}
.gx {
	height: 957px
}
.gxlist li {
	width: 562px
}
.gxlist {
	padding-top: 31px
}
.gxlist-cnt h5 {
	line-height: 38px;
	font-size: 18px;
	color: #fff;
	font-weight: 700
}
.gxlist-cnt {
	padding: 0 17px;
	height: 210px
}
.gxlist-cnt p {
	line-height: 31px;
	font-size: 14px;
	color: #fff;
	font-weight: 700
}
.gxlist-cnt p em {
	color: #f6ff00
}
.gx-img {
	width: 562px;
	height: 366px;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	margin-left: -2px
}
.bzd {
	text-align: left;
	padding: 8px 0
}
.bj-banner {
	height: 625px
}
.bj-banner-wrap {
	color: #636b73;
	padding: 114px 0 0 40px
}
.bj-banner-wrap h4 {
	line-height: 51px;
	font-size: 35px
}
.bj-banner-wrap h3 {
	line-height: 75px;
	font-weight: 700;
	font-size: 51px
}
.bj-banner-wrap h5 {
	line-height: 31px;
	font-size: 23px;
	padding: 11px 0 23px 0;
	position: relative
}
.bj-banner-wrap h5:after {
	content: '';
	height: 3px;
	width: 44px;
	position: absolute;
	background: #f7b044;
	bottom: 0;
	left: 0
}
.bj-banner-wrap p {
	line-height: 23px;
	font-size: 14px;
	padding: 21px 0 41px 0;
	position: relative
}
.bj-banner-wrap a {
	border-radius: 52px;
	width: 214px;
	height: 52px;
	display: block;
	font-size: 14px;
	color: #636b73;
	border: 2px solid #636b73;
	line-height: 52px;
	text-align: center
}
.bj-banner-wrap a em {
	display: inline-block;
	padding-right: 32px;
	font-weight: 700;
	position: relative;
	left: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
	background: url(/images/bj_png1.png) right center no-repeat
}
.bj-banner-wrap a:hover em {
	left: 10px
}
.bjslide-tit {
	text-align: center;
	padding: 45px 0 42px 0;
	color: #fff
}
.bjslide-tit h5 {
	line-height: 64px;
	font-size: 36px;
	font-weight: 700
}
.bjslide-tit p {
	line-height: 24px;
	font-size: 14px
}
.bjslide {
	padding-bottom: 93px
}
.bjTxtBox .hd {
	text-align: center;
	overflow: hidden
}
.bjTxtBox .hd ul {
	display: inline-block;
	border-radius: 3px;
	overflow: hidden
}
.bjTxtBox .hd ul li {
	float: left;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border: 3px solid #0b3352;
	line-height: 38px;
	width: 193px;
	cursor: pointer
}
.bjTxtBox .hd ul li.on {
	background: #0b3352
}
.bjlc {
	margin: 0 auto;
	margin-top: 68px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 2px 2px 3px 1px #eceef1;
	width: 1121px
}
.bjlc-t {
	background: url(/images/bj_png2.png);
	height: 137px
}
.bjlc-table td {
	text-align: center;
	border: 1px solid #e8e8e8
}
.bjlc-table td img {
	margin-top: 32px
}
.bjlc-table td h5 {
	line-height: 19px;
	font-size: 14px;
	color: #636b73
}
.bjlc-table td h4 {
	margin-top: 16px;
	line-height: 29px;
	font-size: 24px;
	color: #636b73
}
.bjlc-table td p {
	height: 120px;
	line-height: 24px;
	font-size: 0;
	padding: 0 17px 0 46px;
	padding-top: 22px;
	text-align: left;
	color: #636b73
}
.bjlc-table td p em {
	font-size: 14px;
	margin-right: 13px;
	min-width: 100px;
	display: inline-block
}
.bjcho {
	color: #3b99f0;
	font-size: 14px;
	line-height: 60px
}
.bjlvnext {
	padding: 21px
}
.bjlvnext a {
	display: block;
	width: 190px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	-webkit-transition: all .25s;
	transition: all .25s;
	color: #fff;
	font-size: 14px;
	margin: 0 auto;
	background: #3b99f0;
	border-radius: 5px
}
.bjlvnext a:hover {
	box-shadow: 1px 1px 3px 1px #3b99f0
}
.bjslide2 {
	height: 519px;
	background: #f4f9fd
}
.bjslide2 .bjslide-tit {
	padding-top: 60px;
	color: #636b73
}
.zd {
	padding-top: 27px
}
.zd-img {
	float: left
}
.zd-cnt {
	float: left;
	padding: 0 30px;
	height: 278px;
	background: #3b99f0;
	width: 345px
}
.zd-cnt h4 {
	line-height: 39px;
	font-size: 36px;
	font-weight: 700;
	padding-top: 32px;
	color: #fff
}
.zd-cnt h5 {
	line-height: 23px;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 22px;
	border-bottom: 1px dashed #fff;
	color: #fff
}
.zd-cnt-wrap {
	padding-top: 15px
}
.zd-cnt-wrap p {
	float: left;
	width: 164px;
	line-height: 22px;
	padding-top: 5px;
	font-size: 14px;
	color: #ffde00
}
.zd-cnt-wrap a em {
	display: inline-block;
	padding-right: 50px;
	-webkit-transition: all .25s;
	transition: all .25s;
	left: 0;
	position: relative;
	background: url(/images/bj_png7.png) right center no-repeat
}
.zd-cnt-wrap a:hover em {
	left: 10px
}
.zd-cnt-wrap a {
	width: 160px;
	float: right;
	color: #fff;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50px;
	border: 2px solid #fff
}
.bjform {
	height: 655px
}
.payway {
	text-align: center
}
.payway table {
	margin: 0 auto;
	margin-bottom: 30px;
	width: 80%
}
.payway table td, .payway table th {
	text-align: center;
	padding: 10px;
	border: 1px solid #ccc
}
.payway {
	padding: 50px 0 30px 0
}
.payway table th {
	font-weight: 700;
	color: #666;
	font-size: 16px
}
.payway table td {
	font-size: 14px;
	text-align: left;
	padding-left: 100px;
	line-height: 30px
}
.clumbo.spe {
	float: left;
	-webkit-transition: all .35s;
	transition: all .35s;
	overflow: hidden;
	border: none;
	position: relative;
	margin-top: -8px
}
.clumbo.spe .searchbo {
	width: 150px;
	height: 31px
}
.clumbo.spe .searchbo input {
	height: 31px;
	padding-left: 10px;
	width: 108px;
	line-height: 31px
}
.clumbo.spe .searchbo .submit {
	padding-left: 0;
	width: 26px;
	height: 22px
}
.clumbo.spe .searchbo {
	margin-top: 0
}
.clumbo.spe form {
	width: 150px
}
.thismsg {
	text-align: center
}
.thismsg h5 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 70px;
	color: #0095e2
}
.thismsg p {
	font-size: 14px;
	line-height: 24px;
	color: #878787
}
.thismsg p em {
	color: #0095e2
}
.this {
	position: relative
}
.thismsg {
	position: absolute;
	left: 50%
}
.thismsg1 {
	top: 122px;
	margin-left: -430px
}
.thismsg2 {
	top: 122px;
	margin-left: 177px
}
.thismsg3 {
	margin-left: -268px;
	top: 383px
}
.thismsg4 {
	margin-left: 23px;
	top: 383px
}
.m_ewm {
	display: none
}
.cjlbox {
	position: relative
}
.cjl h5 {
	line-height: 34px;
	font-size: 18px;
	color: #444;
	padding-bottom: 3px
}
.cjl p {
	line-height: 24px;
	font-size: 14px;
	color: #a0a0a0
}
.cjl {
	width: 320px;
	position: absolute
}
.cjl1 {
	left: 62px;
	top: 48px
}
.cjl2 {
	right: 62px;
	top: 48px
}
.cjl3 {
	left: 62px;
	top: 237px
}
.cjl4 {
	right: 62px;
	top: 237px
}
.cjl5 {
	left: 62px;
	top: 432px
}
.cjl6 {
	right: 62px;
	top: 432px
}
.cjltit {
	color: #b5b5b5;
	font-size: 33px;
	left: 566px;
	line-height: 47px;
	position: absolute;
	top: 285px
}
.cjlm {
	line-height: 31px;
	position: absolute;
	color: #fff;
	font-size: 18px
}
.cjlm1 {
	left: 489px;
	top: 96px
}
.cjlm2 {
	left: 642px;
	top: 96px
}
.cjlm3 {
	left: 415px;
	top: 229px
}
.cjlm4 {
	left: 709px;
	top: 245px
}
.cjlm5 {
	left: 482px;
	top: 362px
}
.cjlm6 {
	left: 630px;
	top: 374px
}
.cjlm {
	transition: all .25s;
	-webkit-transition: all .25s
}
.cjlm:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0)
}
.ipa0 {
	animation-name: ip0;
	-webkit-animation-name: ip0
}
.ipa1 {
	animation-name: ip1;
	-webkit-animation-name: ip1
}
.ipa2 {
	animation-name: ip2;
	-webkit-animation-name: ip2
}
.ipa3 {
	animation-name: ip3;
	-webkit-animation-name: ip3
}
.ipa6 {
	animation-name: ip6;
	-webkit-animation-name: ip6
}
.ipa7 {
	animation-name: ip7;
	-webkit-animation-name: ip7
}
.n0.numm0 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: .5s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.n1.numm0 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.n2.numm0 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1.5s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.n3.numm0 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.numm1 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.numm2 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.numm3 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.numm6 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
.numm7 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}
@keyframes ip0 {
100% {
background-position:center 2800px
}
}
@-webkit-keyframes ip0 {
100% {
background-position:0 2800px
}
}
@keyframes ip1 {
100% {
background-position:center 2730px
}
}
@-webkit-keyframes ip1 {
100% {
background-position:center 2730px
}
}
@keyframes ip2 {
100% {
background-position:center 2660px
}
}
@-webkit-keyframes ip2 {
100% {
background-position:center 2660px
}
}
@keyframes ip3 {
100% {
background-position:center 2590px
}
}
@-webkit-keyframes ip3 {
100% {
background-position:center 2590px
}
}
@keyframes ip6 {
100% {
background-position:center 2380px
}
}
@-webkit-keyframes ip6 {
100% {
background-position:center 2380px
}
}
@keyframes ip7 {
100% {
background-position:center 2310px
}
}
@-webkit-keyframes ip7 {
100% {
background-position:center 2310px
}
}
.nz0 {
	background-position: center 2800px
}
.nz1 {
	background-position: center 2730px
}
.nz2 {
	background-position: center 2660px
}
.nz3 {
	background-position: center 2590px
}
.nz6 {
	background-position: center 2380px
}
.nz7 {
	background-position: center 2310px
}
.numm {
	background-image: url(../images/num.png);
	width: 35px;
	height: 70px;
	margin-top: -6px;
	margin-left: -5px;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top
}
.m_ewm {
	margin-left: 100px
}
.m_ewmh {
	margin-top: -40px;
	width: 119px;
	margin-left: 60px
}
.phbtn {
	float: left;
	width: 21px;
	height: 18px;
	background-image: url(../images/al3.png);
	font-size: 12px;
	color: #999;
	margin-left: 10px
}
.kefu {
	position: absolute;
	right: 3px!important;
	left: auto!important;
	top: 300px;
	z-index: 10000
}
.kefu .kfdiv {
	width: 63px;
	height: 63px;
	margin-bottom: 1px;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	margin-right: 0;
	background: url(/images/kefu.png) no-repeat
}
.kefu .c1 {
	background-position: 0 0
}
.kefu .c2 {
	background-position: 0 0;
	position: relative;
	display: block
}
.kfQQ {
	width: 138px;
	margin-left: -77px;
	position: relative;
	margin-bottom: 1px;
	display: none
}
.kfQQ .icon_qq {
	width: 63px;
	height: 63px;
	margin-bottom: 1px;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	margin-right: 0;
	background: url(/images/kefu.png) no-repeat -63px -64px;
	position: absolute;
	left: -63px
}
.kfQQ dt {
	height: 63px;
	background: url(/images/keT.png) no-repeat
}
.kfQQ dd {
	border: 1px #dcdcdc solid;
	border-bottom: 3px #0896de solid;
	width: 138px;
	background: #FFF
}
.kfQQ dd span {
	padding-left: 14px;
	padding-bottom: 13px;
	font-size: 12px;
	text-align: left;
	display: block;
	color: #5c5c5c
}
.kfQQ dd span img {
	margin-right: 10px;
	width: 23px;
	height: 23px;
	vertical-align: middle
}
.kfQQ dd span a {
	color: #777;
	display: block;
	padding-top: 8px
}
.kfQQ dd span a:hover {
	color: #777
}
.kefu .c3 {
	background-position: 0 -64px
}
.kefu .c1:hover {
	background-position: -63px 0
}
.serverC {
	background-color: #f9f9f9;
	overflow: hidden;
	padding-top: 78px;
	padding-bottom: 50px
}
.serverC .wrap ul {
	width: 1236px
}
.serverC .wrap ul li {
	position: relative;
	float: left;
	width: 376px;
	margin-right: 36px;
	height: 560px;
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 40px;
	line-height: 1;
	padding-top: 16px
}
.serverC .wrap ul li .p1 {
	padding-left: 24px;
	font-size: 24px;
	color: #000;
	font-weight: 700;
	margin-bottom: 6px
}
.serverC .wrap ul li .p1 span {
	color: #0095e2
}
.serverC .wrap ul li .p2 {
	padding-left: 24px;
	text-transform: uppercase;
	font-size: 8px;
	color: #c3c3c3;
	padding-bottom: 16px
}
.serverC .wrap ul li .d1 {
	border-top: 1px solid #ebebeb;
	padding-top: 20px
}
.serverC .wrap ul li .d1 img {
	width: 330px;
	display: block;
	height: auto;
	margin: 0 auto 20px;
	margin-bottom: 10px
}
.serverC .wrap ul li .d1 .p3 {
	margin: 0 auto 10px;
	width: 330px;
	color: #666;
	font-size: 14px;
	line-height: 26px
}
.serverC .wrap ul li .d1>dl {
	padding-left: 24px
}
.serverC .wrap ul li .d1>dl dt {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px
}
.serverC .wrap ul li .d1>dl dt a {
	border: 1px solid #b4b4b4;
	width: 104px;
	line-height: 30px;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #000;
	-webkit-transition: all .6s;
	transition: all .6s;
	border-radius: 4px;
	box-sizing: border-box
}
.serverC .wrap ul li .d1>dl dt a:hover {
	color: #fff;
	background-color: #0095e2
}
.serverC .wrap ul li .d1 .more {
	position: absolute;
	bottom: 0;
	width: 72px;
	height: 32px;
	line-height: 32px;
	background-color: #7f7f7f;
	color: #fff;
	left: 50%;
	margin-left: -36px;
	text-align: center;
	-webkit-transition: all .6s;
	transition: all .6s
}
.serverC .wrap ul li .d1 .more:hover {
	background-color: #0095e2
}
.serverC .wrap ul li:hover {
	box-shadow: 0 0 14px 0 #ccc
}
#web-ietip {
	width: 526px;
	height: 90px;
	padding: 83px 0 0 84px;
	overflow: hidden;
	background: url(../css/ietip/browser.png) no-repeat center center;
	margin: 200px auto 0
}
#web-ietip a {
	display: block;
	width: 65px;
	height: 80px;
	float: left
}
.sm1 li {
	height: 215px;
	width: 284px
}
.sm2 li {
	height: 215px;
	width: 412px
}
.sm3 li {
	height: 215px;
	width: 307px
}
.sm4 li {
	height: 215px;
	width: 294px
}
.sm li {
	float: left
}
.sm li em {
	width: 103px;
	height: 34px;
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	float: left
}
.sm li em.bg1 {
	background-image: url(../images/dn1.png)
}
.sm li em.bg2 {
	background-image: url(../images/dn2.png)
}
.sm li em.bg3 {
	background-image: url(../images/dn3.png)
}
.sm li img {
	margin: 0 10px;
	float: left
}
.sm li i {
	color: #fff;
	text-align: left;
	font-size: 14px;
	float: left
}
.w_grid {
	width: 865px
}
.newlistbox.show {
	left: 26px
}
.newlistbox {
	position: absolute;
	top: 70px;
	left: -1000px
}
.lazysss {
	height: 70px;
	width: 127px;
	margin-right: 12px;
	float: left;
	line-height: 70px;
	text-align: center
}
.protab-img {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: center
}
.menusilde {
	padding: 0 50px
}
.menusilde .slick-track {
	margin: 0 auto
}
.menusilde {
	position: relative
}
.menulb .slick-arrow, .menusilde .slick-arrow {
	cursor: pointer;
	color: #fff;
	font-size: 45px;
	font-family: '宋体';
	position: absolute;
	height: 85px;
	line-height: 85px;
	opacity: 1;
	font-weight: 700;
	top: 0;
	width: 30px;
	text-align: center
}
.menulb .slick-arrow {
	color: #666
}
.menulb .slick-arrow:hover, .menusilde .slick-arrow:hover {
	font-size: 50px
}
.menulb .slick-prev, .menusilde .slick-prev {
	left: 0
}
.menulb .slick-next, .menusilde .slick-next {
	right: 0
}
.menulb {
	padding: 0 50px;
	width: 897px
}
.menulb li {
	text-align: center;
	margin-right: 0!important
}
.mynewspicbo {
	background: #000 url(/images/bobanner.jpg) center center no-repeat
}
.m_wrap3 {
	width: 1005px;
	margin: 0 auto
}
.m_wrap3 .line1 {
	background: url(../images/hunuo_31.jpg) no-repeat;
	height: 2px;
	font-size: 0
}
.m_wrap3 .line2 {
	background: url(../images/hunuo_33.jpg) no-repeat;
	height: 5px;
	font-size: 0
}
.m_wrap3 .bg {
	background: url(../images/hunuo_32.jpg) repeat-y
}
.m_wrap3 .m_search {
	background: url(../images/hunuo_20.jpg) left center no-repeat;
	padding-left: 70px;
	padding-top: 15px;
	width: 595px;
	margin: 0 auto
}
.m_wrap3 .m_search .text {
	background: url(../images/hunuo_21.jpg) no-repeat;
	width: 473px;
	height: 39px;
	line-height: 39px;
	border: 0;
	float: left
}
.m_wrap3 .m_search .submit {
	background: url(../images/hunuo_22.jpg) no-repeat;
	width: 115px;
	height: 39px;
	border: 0;
	float: left
}
.m_wrap3 .boxes1 {
	text-align: center;
	width: 655px;
	border-bottom: #e1e1e1 1px solid;
	padding-top: 15px;
	margin: 0 auto;
	clear: both
}
.m_wrap3 .boxes1 a {
	display: inline-block;
	line-height: 40px;
	padding: 0 5px
}
.m_wrap3 .boxes1 a:hover {
	text-decoration: underline
}
.m_wrap3 .boxes2 {
	width: 655px;
	margin: 0 auto;
	padding: 15px 0
}
.m_wrap3 .boxes2 li {
	float: left;
	width: 118px
}
.m_wrap3 .boxes2 li.last {
	width: 65px
}
.m_wrap3 .table {
	width: 900px;
	margin: 0 auto
}
.m_wrap3 .table td {
	height: 45px;
	text-align: center;
	font-size: 14px;
	color: #333
}
.m_wrap3 .table td.top {
	background: #efefef;
	border: #e1e1e1 1px solid;
	font-size: 14px;
	color: #0b98de;
	text-indent: 15px;
	text-align: left
}
.m_wrap3 .table td.bg1 {
	background: #fafafa
}
.m_wrap3 .table td.b1 {
	border-bottom: #e1e1e1 1px solid;
	border-left: #e1e1e1 1px solid
}
.m_wrap3 .table td.b2 {
	border-top: #e1e1e1 1px solid
}
.m_wrap3 .table td.b3 {
	border-right: #e1e1e1 1px solid
}
.m_wrap3 .checkbox {
	margin: 3px 3px 3px 4px
}
.cu_main p, .m_con1 .p1, .m_con2 p {
	font-size: 14px;
	color: #666
}
.about_1 {
	width: 1000px;
	height: auto;
	padding-bottom: 130px;
	margin: 0 auto;
	margin-top: 10px
}
.about_1 dd, .server_1 dd {
	padding-top: 30px;
	display: block;
	color: #666;
	line-height: 24px;
	font-size: 13px
}
.about_1 dt, .contrct2 dt, .newsTop h2, .server_1 .title, .server_1 dt, .service_1 .title, .service_list dt, .similarCase dt, .wangzhan dt {
	border-bottom: 1px #ececec solid;
	height: 71px;
	background: url(../images/line3.jpg) no-repeat left 0;
	padding-left: 9px
}
.service_1 .content, .w1000 {
	width: 1000px;
	height: auto;
	margin: 0 auto
}
.cu_main p, .m_con1 .p1, .m_con2 p {
	font-size: 14px;
	color: #666
}
.m_wrap, .m_wrap1, .m_wrap2 {
	margin: 0 auto
}
.m_con2 {
	margin: 0 auto;
	padding: 25px 0
}
.taglink, .taglink:hover, .taglink:link {
	color: #21a1e2
}
.cooperationLogo dd li img, .serviceClient dd li img, input, select, textarea {
	vertical-align: middle
}
.blank2 {
	height: 83px;
	overflow: hidden
}
.m_con1 {
	padding-left: 60px;
	background: url(../images/hunuo_15.jpg) left center no-repeat;
	line-height: 30px;
	width: 940px;
	margin: 25px auto
}
.m_con1 .p2 {
	color: #ff8700;
	background: url(../images/hunuo_16.jpg) left center no-repeat;
	padding-left: 25px
}
.m_table {
	width: 1000px;
	border-bottom: #d2d2d2 1px solid;
	border-left: #d2d2d2 1px solid;
	margin: 0 auto
}
.m_table td {
	height: 45px;
	border-top: #d2d2d2 1px solid;
	border-right: #d2d2d2 1px solid;
	text-align: center;
	font-size: 13px
}
.m_table td a.buy {
	background: url(../images/hunuo_18.jpg) 40px center no-repeat;
	padding-left: 20px;
	font-size: 13px;
	color: #0b98de
}
.m_table td.bg1 {
	background: #0b98de
}
.m_table td.bg1 b {
	font-size: 16px;
	color: #FFF;
	font-weight: 700
}
.m_table td.bg2 {
	background: #e5f4fb
}
.m_table td.bg2 b {
	font-size: 12px;
	color: #6d7e86;
	font-weight: 700
}
.m_table td a {
	display: block
}
.m_con {
	line-height: 25px;
	background: url(../images/hunuo_1.jpg) left top no-repeat
}
.m_con .p1 {
	color: #0b98de;
	font-size: 14px
}
.m_con2 {
	margin: 0 auto;
	padding: 25px 0
}
.m_wrap dt {
	text-align: center;
	padding: 25px 0
}
.m_wrap dd {
	padding-bottom: 40px
}
.m_wrap dd ul {
	background: url(../images/hunuo_8.jpg) left top no-repeat;
	height: 720px
}
.m_wrap dd ul li .boxes {
	width: 460px;
	padding-top: 82px
}
.m_wrap dd ul li .boxes .img {
	width: 190px
}
.m_wrap dd ul li .boxes .con {
	width: 215px
}
.m_wrap dd ul li .boxes .con .p1 {
	padding-bottom: 5px
}
.m_wrap dd ul li .boxes .con .p1 span {
	font-size: 18px;
	color: #0b98de
}
.m_wrap dd ul li .boxes .con .p1 b {
	font-size: 24px;
	color: #dbdbdb;
	font-weight: 700
}
.m_wrap dd ul li .boxes .con .p2 {
	color: #666;
	line-height: 20px
}
.right {
	float: right
}
.left {
	float: left
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0
}
.m_wrap1 dt {
	font-size: 20px;
	color: #0b98de;
	border-bottom: #e5e5e5 1px solid;
	padding: 15px 0
}
.m_wrap1 dd {
	padding-bottom: 0
}
.m_wrap1 dd ul {
	padding-top: 25px
}
.m_wrap1 dd ul li.last {
	text-align: center;
	padding-top: 70px
}
.m_wrap1 dd ul li .boxes {
	width: 450px;
	border-bottom: #b1b1b1 1px dashed;
	padding-bottom: 25px
}
.m_wrap1 dd ul li .boxes .p1 {
	font-size: 16px;
	color: #0b98de;
	padding: 10px 0
}
.m_wrap1 dd ul li .boxes .p1 i {
	color: #FFF;
	background: url(../images/hunuo_9.jpg) no-repeat;
	width: 17px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	display: inline-block;
	margin-right: 5px
}
.m_wrap1 dd ul li .boxes .p2 {
	color: #666;
	font-size: 13px;
	line-height: 20px
}
.m_wrap2 dt {
	font-size: 24px;
	color: #333;
	background: url(../images/hunuo_11.jpg) left center no-repeat;
	padding-left: 20px;
	margin: 35px 0
}
.m_wrap2 dd .list {
	position: relative;
	border: #dbdbdb 1px solid;
	width: 318px;
	height: 286px;
	float: left;
	margin-right: 20px
}
.m_wrap2 dd .list:hover {
	border: #0b98de 1px solid
}
.m_wrap2 dd .list h1 {
	font-size: 14px;
	color: #0b98de;
	text-indent: 15px;
	padding: 15px 0
}
.m_wrap2 dd .list .img {
	padding-left: 20px
}
.m_wrap2 dd .list ul {
	line-height: 20px;
	padding: 15px 0 13px 13px
}
.m_wrap2 dd .list ul li {
	float: left;
	width: 145px
}
.m_wrap2 dd .list ul li p {
	color: #454545
}
.m_wrap2 dd .list .last {
	height: 55px;
	line-height: 55px;
	background: #f2f2f2
}
.m_wrap2 dd .list .last span {
	font-size: 14px;
	color: #333;
	padding: 0 10px
}
.m_wrap2 dd .list .last span i {
	font-size: 12px;
	color: #666
}
.m_wrap2 dd .list .btn {
	position: absolute;
	top: 20px;
	right: 20px
}
.m_wrap2 dd .list .btn a {
	display: block
}
.m_wrap3 {
	width: 1005px;
	margin: 0 auto
}
.m_wrap3 .line1 {
	background: url(../images/hunuo_31.jpg) no-repeat;
	height: 2px;
	font-size: 0
}
.m_wrap3 .line2 {
	background: url(../images/hunuo_33.jpg) no-repeat;
	height: 5px;
	font-size: 0
}
.m_wrap3 .bg {
	background: url(../images/hunuo_32.jpg) repeat-y
}
.m_wrap3 .m_search {
	background: url(../images/hunuo_20.jpg) left center no-repeat;
	padding-left: 70px;
	padding-top: 15px;
	width: 595px;
	margin: 0 auto
}
.m_wrap3 .m_search .text {
	background: url(../images/hunuo_21.jpg) no-repeat;
	width: 473px;
	height: 39px;
	line-height: 39px;
	border: 0;
	float: left
}
.m_wrap3 .m_search .submit {
	background: url(../images/hunuo_22.jpg) no-repeat;
	width: 115px;
	height: 39px;
	border: 0;
	float: left
}
.m_wrap3 .boxes1 {
	text-align: center;
	width: 655px;
	border-bottom: #e1e1e1 1px solid;
	padding-top: 15px;
	margin: 0 auto
}
.m_wrap3 .boxes1 a {
	display: inline-block;
	line-height: 40px;
	padding: 0 5px
}
.m_wrap3 .boxes2 {
	width: 655px;
	margin: 0 auto;
	padding: 15px 0
}
.m_wrap3 .boxes2 li {
	float: left;
	width: 118px
}
.m_wrap3 .boxes2 li.last {
	width: 65px
}
.m_wrap3 .table {
	width: 900px;
	margin: 0 auto
}
.m_wrap3 .table td {
	height: 45px;
	text-align: center;
	font-size: 14px;
	color: #333
}
.m_wrap3 .table td.top {
	background: #efefef;
	border: #e1e1e1 1px solid;
	font-size: 14px;
	color: #0b98de;
	text-indent: 15px;
	text-align: left
}
.m_wrap3 .table td.bg1 {
	background: #fafafa
}
.m_wrap3 .table td.b1 {
	border-bottom: #e1e1e1 1px solid;
	border-left: #e1e1e1 1px solid
}
.m_wrap3 .table td.b2 {
	border-top: #e1e1e1 1px solid
}
.m_wrap3 .table td.b3 {
	border-right: #e1e1e1 1px solid
}
.m_wrap4 {
	width: 275px;
	margin: 0 auto;
	padding: 20px 0
}
.m_wrap4 .img {
	float: left;
	width: 143px
}
.m_wrap4 .con {
	float: right;
	width: 105px
}
.m_wrap4 .con p {
	font-size: 13px
}
.m_wrap4 .con .p1 {
	color: #666;
	line-height: 25px
}
.m_wrap4 .con .p2 {
	color: #191919;
	line-height: 20px;
	padding-top: 30px
}
.m_wrap4 .con .p3 {
	color: #0b98de;
	line-height: 20px
}
.m_wrap5 {
	color: #FFF;
	text-align: center;
	background: url(../images/zonghe_034.jpg) top center repeat-x
}
.m_wrap5 .p1 {
	font-size: 45px;
	padding-top: 60px
}
.m_wrap5 .p2 {
	font-size: 18px;
	padding-top: 10px
}
.m_wrap5 .box1 {
	padding-top: 60px
}
.m_wrap5 .box1 li {
	display: inline-block;
	margin: 0 30px
}
.m_wrap5 .box1 li p {
	font-size: 24px;
	padding-top: 15px
}
.m_wrap5 .box1 li.plus {
	vertical-align: 55px
}
.m_wrap5 .img {
	padding-top: 40px
}
.paging {
	display: block;
	text-align: center
}
.paging li {
	border: 1px #cecece solid;
	border-radius: 5px;
	color: #a5a5a5;
	margin-right: 5px;
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
	zoom: 1
}
.paging .on, .paging li:hover {
	background-color: #0096DB;
	color: #FFF;
	border: 1px #0096DB solid
}
.paging .hd, .paging .hd:hover {
	background: 0 0;
	border: 0;
	margin: 0;
	padding: 0;
	border-radius: 0
}
.FullScene .m_bg {
	background: url(../images/151021_21.jpg) top center no-repeat
}
.FullScene .m_bg1 {
	background: #f9f9f9;
	border-top: #f0f0f0 1px solid
}
.FullScene .m_bg2 {
	background: #000
}
.FullScene .m_bg3 {
	background: url(../images/151021_20.jpg) top center no-repeat
}
.FullScene .m_wrap6 dt .txt {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	padding-top: 70px
}
.FullScene .m_wrap6 dt span {
	display: block;
	text-align: center
}
.FullScene .m_wrap6 dt span.en {
	padding-top: 80px
}
.FullScene .m_wrap6 dt span.cn {
	font-size: 25px;
	color: #000;
	padding-top: 15px
}
.FullScene .m_wrap6 dd .box1 {
	padding: 118px 0
}
.FullScene .m_wrap6 dd .box1 li {
	width: 146px;
	height: 262px;
	float: left;
	padding: 0 20px;
	margin-right: 17px
}
.FullScene .m_wrap6 dd .box1 li.c1 {
	background: #f37020
}
.FullScene .m_wrap6 dd .box1 li.c2 {
	background: #e57977
}
.FullScene .m_wrap6 dd .box1 li.c3 {
	background: #fec12a
}
.FullScene .m_wrap6 dd .box1 li.c4 {
	background: #7fb881
}
.FullScene .m_wrap6 dd .box1 li.c5 {
	background: #c289ce
}
.FullScene .m_wrap6 dd .box1 li span {
	width: 65px;
	height: 65px;
	display: block;
	margin: 25px auto
}
.FullScene .m_wrap6 dd .box1 li span.ico1 {
	background: url(../images/151021_2.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box1 li span.ico2 {
	background: url(../images/151021_3.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box1 li span.ico3 {
	background: url(../images/151021_4.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box1 li span.ico4 {
	background: url(../images/151021_5.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box1 li span.ico5 {
	background: url(../images/151021_6.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box1 li .p1 {
	font-size: 17px;
	color: #FFF;
	text-align: center;
	padding-bottom: 10px
}
.FullScene .m_wrap6 dd .box1 li .p2 {
	font-size: 13px;
	color: #FFF;
	line-height: 23px
}
.FullScene .m_wrap6 dd .box1 li.last {
	margin-right: 0
}
.FullScene .m_wrap6 dd .box2 {
	padding-top: 65px
}
.FullScene .m_wrap6 dd .box2 li {
	float: left;
	width: 310px;
	margin: 15px 15px 0 0;
	height: 192px;
	overflow: hidden
}
.FullScene .m_wrap6 dd .box2 li img {
	float: left
}
.FullScene .m_wrap6 dd .box2 li p {
	font-size: 14px;
	color: #FFF;
	background: #3cade5;
	padding: 15px 20px;
	float: left;
	width: 270px
}
.FullScene .m_wrap6 dd .box2 li p i {
	background: url(../images/151021_8.jpg) no-repeat;
	width: 25px;
	height: 15px;
	display: block;
	float: right;
	margin-top: 3px
}
.FullScene .m_wrap6 dd .box2 li .move {
	position: relative;
	top: 0
}
.FullScene .m_wrap6 dd .box3 {
	padding: 90px 0
}
.FullScene .m_wrap6 dd .box3 li {
	width: 221px;
	height: 221px;
	float: left;
	margin-right: 38px
}
.FullScene .m_wrap6 dd .box3 li.c1 {
	background: url(../images/151021_16.jpg) no-repeat
}
.FullScene .m_wrap6 dd .box3 li.c2 {
	background: url(../images/151021_17.jpg) no-repeat
}
.FullScene .m_wrap6 dd .box3 li.c3 {
	background: url(../images/151021_18.jpg) no-repeat
}
.FullScene .m_wrap6 dd .box3 li.c4 {
	background: url(../images/151021_19.jpg) no-repeat
}
.FullScene .m_wrap6 dd .box3 li span {
	width: 65px;
	height: 65px;
	display: block;
	margin: 50px auto 15px
}
.FullScene .m_wrap6 dd .box3 li span.ico1 {
	background: url(../images/151021_12.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box3 li span.ico2 {
	background: url(../images/151021_13.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box3 li span.ico3 {
	background: url(../images/151021_14.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box3 li span.ico4 {
	background: url(../images/151021_15.jpg) center no-repeat
}
.FullScene .m_wrap6 dd .box3 li p {
	text-align: center;
	color: #FFF;
	font-size: 16px;
	line-height: 25px
}
.FullScene .m_wrap6 dd .box3 li.last {
	margin-right: 0
}
.FullScene .m_bodybg {
	background: url(../images/151021_31.png);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	display: none
}
.FullScene .m_popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none
}
.FullScene .m_dw {
	border: #40b1e9 5px solid;
	position: relative;
	background: #FFF
}
.FullScene .m_dw .close {
	background: url(../images/151021_33.jpg) no-repeat;
	width: 27px;
	height: 27px;
	position: absolute;
	top: -5px;
	right: -32px;
	cursor: pointer
}
.panorama_box {
	width: 100%;
	position: relative
}
.panorama_box .image_box {
	margin: auto;
	overflow: hidden;
	position: relative
}
.panorama_box .image_box img {
	position: relative
}
.panorama_box .toolbar {
	height: 38px;
	text-align: center;
	padding-bottom: 70px;
	padding-top: 10px;
	margin: 0 auto;
	width: 290px
}
.panorama_box .toolbar span {
	height: 38px;
	width: 38px;
	margin: 0 5px;
	cursor: pointer;
	display: block;
	float: right
}
.panorama_box .zoomin {
	background: url(../images/151021_24.png) no-repeat
}
.panorama_box .zoomout {
	background: url(../images/151021_28.png) no-repeat
}
.panorama_box .turnleft {
	background: url(../images/151021_27.png) no-repeat
}
.panorama_box .turnright {
	background: url(../images/151021_25.png) no-repeat
}
.panorama_box .start {
	background: url(../images/151021_26.png) no-repeat
}
.panorama_box .pause {
	background: url(../images/151021_30.png) no-repeat
}
.panorama_box .reset {
	background: url(../images/151021_29.png) no-repeat
}
.panorama_box .lamplight0 {
	background: url(../images/desktop-lens-01.png) no-repeat;
	width: 100%;
	height: 505px;
	position: absolute;
	top: -150px;
	left: 0;
	z-index: 99
}
.panorama_box .lamplight1 {
	background: url(../images/desktop-lens-02.png) no-repeat;
	width: 100%;
	height: 505px;
	position: absolute;
	top: -150px;
	left: 0;
	z-index: 99
}
.panorama_box .lamplight2 {
	background: url(../images/desktop-lens-03.png) no-repeat;
	width: 100%;
	height: 505px;
	position: absolute;
	top: -150px;
	left: 0;
	z-index: 99
}
.panorama_box .lamplight3 {
	background: url(../images/desktop-lens-04.png) no-repeat;
	width: 100%;
	height: 505px;
	position: absolute;
	top: -150px;
	left: 0;
	z-index: 99
}
.lazysss2 {
	width: 222px;
	background-repeat: no-repeat;
	height: 122px;
	margin-bottom: 22px;
	background-image: url(../images/loading.gif);
	background-position: center;
	float: left;
	margin-right: 17px
}
.yzm {
	margin-left: 10px
}
.ppslide .slick-arrow.slick-disabled, .ppslide .slick-arrow.slick-disabled:hover {
	cursor: inherit;
	color: #fff;
	background: #dedede;
	border: 1px solid #dedede
}
.newlist .slick-disabled {
	opacity: .5
}
.newlist .slick-next.slick-disabled:hover {
	background-image: url(../images/png_jt2.png)
}
.newlist .slick-prev.slick-disabled:hover {
	background-image: url(../images/png_jt1.png)
}
.ppslide img {
	-webkit-transition: .25s all;
	transition: .25s all
}
.ppslide img:hover {
	-webkit-transform: scale(.9);
	transform: scale(.9)
}
.apply h1 {
	font-size: 26px;
	font-weight: 700;
	color: #0b98de;
	padding: 20px 0
}
.apply .articleTool {
	color: #666;
	font-size: 14px;
	margin: 10px 0 0 10px
}
.apply .applyTb td {
	font-size: 16px;
	line-height: 38px;
	padding: 5px 0
}
.apply .applyTb .nedd {
	color: #b20202;
	width: 10px;
	padding: 0 5px
}
.apply .applyTb td label {
	margin: 0 15px 0 4px
}
.apply .applyTb td.ContactType input {
	vertical-align: text-top
}
.apply INPUT[type=text] {
	border: 1px solid #d3d3d3;
	color: #666;
	font-size: 14px;
	width: 400px;
	height: 38px;
	line-height: 38px;
	padding: 2px
}
.apply .txt {
	border: 1px solid #d3d3d3
}
.apply #ContactType {
	border: 1px solid #d3d3d3;
	font-size: 14px;
	width: 150px;
	height: 25px;
	line-height: 25px
}
.apply .articlePreNext {
	color: #acacac;
	line-height: 25px;
	text-align: right
}
.articleContent {
	width: 1000px;
	height: auto;
	padding-bottom: 130px;
	display: block;
	color: #666;
	line-height: 24px;
	font-size: 13px;
	margin: 0 auto
}
.bjlc {
	border: 1px solid #efefef
}
.bjlc-t span {
	line-height: 38px;
	font-size: 16px;
	color: #666;
	float: left;
	width: 33.33%;
	text-align: center;
	padding-top: 76px;
	background: url(../images/cho2.png) center 25px no-repeat
}
.bjlc-t span.on {
	background: url(../images/cho1.png) center 25px no-repeat;
	color: #3cbab5
}
.yesgo {
	padding-top: 295px;
	display: block;
	text-align: center;
	color: #3b99f0;
	font-size: 16px;
	line-height: 75px;
	border: 1px solid #efefef;
	padding-bottom: 10px;
	background: url(../images/yesgo.png) center top no-repeat
}
.bjlvnextbtn:hover {
	box-shadow: 1px 1px 3px 1px #3b99f0
}
.bjlvnextbtn {
	background: #3b99f0;
	border-radius: 5px;
	color: #fff;
	display: block;
	border: none;
	font-size: 14px;
	height: 44px;
	margin: 0 auto;
	text-align: center;
	transition: all .25s ease 0s;
	width: 190px
}
.thisfrom {
	border-bottom: 1px solid #efefef;
	padding: 80px 0 40px 49px
}
.thisfrom li {
	margin-bottom: 40px;
	line-height: 40px;
	width: 476px;
	border-radius: 5px;
	float: left;
	margin-right: 54px;
	border: 1px solid #efefef
}
.thisfrom li.spe {
	width: 768px
}
.thislabel {
	float: left;
	width: 118px;
	text-indent: 45px;
	font-size: 14px;
	background-image: url(../images/cho3.png);
	background-repeat: no-repeat;
	color: #333
}
.thislabel.b1 {
	background-position: 0 0
}
.thislabel.b2 {
	background-position: 0 -44px
}
.thislabel.b3 {
	background-position: 0 -88px
}
.thislabel.b4 {
	background-position: 0 -132px
}
.thislabel.b5 {
	background-position: 0 -176px
}
.thislabel.b6 {
	background-position: 0 -222px
}
.thistxt {
	width: 358px;
	border-radius: 3%;
	float: left;
	border: none;
	position: absolute;
	height: 40px;
	line-height: 40px;
	font-size: 14px
}
.thisselect {
	float: left;
	border-right: 1px solid #eee;
	position: relative;
	height: 40px;
	width: 215px;
	text-align: right
}
.thisselect:last-child {
	border-right: none
}
.select-select {
	position: absolute;
	left: 0;
	text-align: right;
	top: 0;
	opacity: 0;
	height: 100%;
	width: 100%
}
.select-val {
	font-size: 14px;
	color: #333;
	display: block
}
.select-val:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #eee
}
.bjlvnext {
	text-align: center
}
.bjlvnext a, .bjlvnextbtn {
	vertical-align: top;
	margin: 0 10px;
	display: inline-block!important
}
._citys {
	background: #fff;
	width: 450px;
	display: inline-block;
	border: 2px solid #eee;
	padding: 5px;
	position: relative
}
._citys span {
	color: #56b4f8;
	height: 15px;
	width: 15px;
	line-height: 15px;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	right: 10px;
	top: 10px;
	border: 1px solid #56b4f8;
	cursor: pointer
}
._citys0 {
	width: 100%;
	height: 34px;
	display: inline-block;
	border-bottom: 2px solid #56b4f8;
	padding: 0;
	margin: 0
}
._citys0 li {
	display: inline-block;
	line-height: 34px;
	font-size: 15px;
	color: #888;
	width: 80px;
	text-align: center;
	cursor: pointer
}
.citySel {
	background-color: #56b4f8;
	color: #fff!important
}
._citys1 {
	width: 100%;
	display: inline-block;
	padding: 10px 0
}
._citys1 a {
	width: 83px;
	height: 35px;
	display: inline-block;
	background-color: #f5f5f5;
	color: #666;
	margin-left: 6px;
	margin-top: 3px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	overflow: hidden
}
._citys1 a:hover {
	color: #fff;
	background-color: #56b4f8
}
.AreaS {
	background-color: #56b4f8!important;
	color: #fff!important
}
.bjlc-t {
	position: relative
}
.bjlc {
	overflow: inherit!important
}
.bjlc-t span:last-child:after {
	content: '';
	position: absolute;
	right: -2px;
	top: 0;
	width: 108px;
	height: 108px;
	background-image: url(../images/msgtit1.png)
}
.bjlc-t.on2 span:last-child:after {
	background-image: url(../images/msgtit2.png)
}
.bjlc-t.on3 span:last-child:after {
	background-image: url(../images/msgtit3.png)
}
.bc_seo_1 {
	background: url(../images/seo/c_bc_banner1.jpg) center no-repeat;
	color: #fff;
	height: 470px
}
.bc_seo_1_h {
	padding-top: 92px;
	line-height: 123px;
	font-size: 44px;
	font-weight: 700
}
.bc_seo_1_p {
	font-size: 26px;
	line-height: 66px
}
.bc_seo_1_e1 {
	font-weight: 700;
	margin-left: 60px
}
.bc_seo_1_e2 {
	font-weight: 700;
	margin-left: 100px
}
.bc_seo_3 {
	background: url(../images/seo/c_bc_banner2.jpg) center no-repeat;
	color: #fff;
	height: 1124px
}
.bc_seo_3_h {
	line-height: 170px;
	font-size: 37px;
	font-weight: 700;
	text-align: center
}
.bc_seo_3_p {
	width: 445px;
	line-height: 30px;
	font-size: 18px;
	height: 239px;
	margin-top: 52px;
	padding-left: 649px
}
.bc_seo_3_p em {
	font-weight: 700;
	color: #fcff00
}
.bc_seo_3_h2 {
	line-height: 143px;
	font-size: 30px;
	text-align: center
}
.bc_seo_3_list li {
	margin-right: 26px;
	height: 100px;
	font-size: 14px;
	line-height: 21px;
	width: 178px;
	box-sizing: border-box;
	padding: 6px 10px 0 12px;
	float: left
}
.bc_seo_3_list li.spe {
	margin-top: 250px
}
.bc_seo_2_h {
	text-align: center;
	font-weight: 700;
	font-size: 37px;
	color: #333;
	line-height: 158px;
	position: relative;
	padding-bottom: 5px
}
.bc_seo_2_h:after {
	content: '';
	height: 2px;
	width: 50px;
	position: absolute;
	background: #3bb6eb;
	left: 50%;
	margin-left: -25px;
	top: 120px
}
.bc_seo_2_list li {
	margin-right: 32px;
	height: 201px;
	width: 276px;
	box-sizing: border-box;
	position: relative;
	padding: 0 24px;
	margin-bottom: 30px;
	border: 1px solid #ededed;
	border-radius: 8px;
	float: left
}
.bc_seo_2_list {
	padding-bottom: 40px
}
.bc_seo_2_list li h5 {
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	padding-top: 26px;
	top: 0;
	line-height: 40px;
	font-size: 16px;
	color: #666
}
.bc_seo_2_list li p {
	position: relative;
	z-index: 1;
	line-height: 24px;
	font-size: 14px;
	color: #999
}
.bc_seo_2_list li img {
	-webkit-transform: scale(.9);
	transform: scale(.9);
	opacity: .3;
	right: 26px;
	-webkit-transition: all .5s;
	transition: all .5s;
	bottom: 18px;
	position: absolute
}
.bc_seo_2_list li:hover {
	box-shadow: 0 0 4px 2px #ededed
}
.bc_seo_2_list li:hover h5 {
	top: 99px
}
.bc_seo_2_list li:hover p {
	display: none
}
.bc_seo_2_list li:hover img {
	bottom: 85px;
	-webkit-transform: scale(1) translateX(50%);
	transform: scale(1) translateX(50%);
	opacity: 1;
	right: 50%
}
.bc_seo_2_list li.bc1:hover h5 {
	color: #ffd800
}
.bc_seo_2_list li.bc2:hover h5 {
	color: #fd225b
}
.bc_seo_2_list li.bc3:hover h5 {
	color: #007eff
}
.bc_seo_2_list li.bc4:hover h5 {
	color: #00d482
}
.bc_seo_2_list li.bc5:hover h5 {
	color: #aa00d4
}
.bc_seo_2_list li.bc6:hover h5 {
	color: #f60
}
.bc_seo_2_list li.bc7:hover h5 {
	color: #00b9e1
}
.bc_seo_2_list li.bc8:hover h5 {
	color: #6900f8
}
.bc_seo_4 {
	text-align: center;
	padding: 54px 0 64px 0
}
.bc_seo_4_h {
	line-height: 85px;
	font-size: 37px;
	color: #0095e2;
	font-weight: 700
}
.bc_seo_4_p {
	line-height: 30px;
	font-size: 18px;
	color: #666
}
.bc_seo_5_w1 {
	background: #f9f9f9
}
.bc_seo_5_h {
	padding-top: 18px;
	text-align: center;
	font-size: 30px;
	color: #333;
	line-height: 70px;
	position: relative
}
.bc_seo_5_h:after {
	content: '';
	height: 2px;
	width: 50px;
	position: absolute;
	background: #3bb6eb;
	left: 50%;
	margin-left: -25px;
	top: 80px
}
.bc_seo_5_m {
	padding: 50px 0
}
.bc_seo_5_m1 {
	float: left;
	width: 540px
}
.bc_seo_5_m2 {
	width: 540px;
	float: right;
	text-align: right
}
.bc_seo_5_num {
	display: block;
	line-height: 108px;
	font-size: 130px;
	color: #eee
}
.bc_seo_5_tit {
	line-height: 48px;
	font-size: 24px;
	padding-bottom: 5px;
	color: #0095e2
}
.bc_seo_5_cnt {
	line-height: 30px;
	font-size: 16px;
	color: #666
}
.bc_seo_5_cnt em {
	color: #f60
}
.bc_seo_5_sj {
	color: #f60;
	font-size: 16px;
	line-height: 52px
}
.bc_seo_5_sj em {
	font-size: 24px
}
.bc_seo_6_h {
	text-align: center;
	font-weight: 700;
	font-size: 37px;
	color: #333;
	border-bottom: 1px solid #eee;
	line-height: 111px;
	position: relative
}
.bc_seo_6_h:after {
	content: '';
	height: 2px;
	width: 50px;
	position: absolute;
	background: #3bb6eb;
	left: 50%;
	margin-left: -25px;
	top: 110px
}
.bc_seo_6_w1 {
	float: left
}
.bc_seo_6_b {
	padding: 60px 0
}
.bc_seo_6_w2 {
	float: right;
	width: 680px
}
.bc_seo_6_tit {
	line-height: 36px;
	font-size: 24px;
	color: #0095e2
}
.bc_seo_6_cnt {
	line-height: 44px;
	font-size: 20px;
	color: #333;
	font-weight: 700
}
.bc_seo_6_cnt em {
	color: #f60;
	font-weight: 700;
	font-size: 30px
}
.bc_seo_6_list {
	margin-right: -50px;
	padding-top: 143px;
	background: url(/images/seo/c_bc_mod9.png) left top no-repeat;
	margin-top: 30px
}
.bc_seo_6_list li {
	float: left;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #666;
	width: 150px;
	margin-right: 117px
}
/*select*/
.sod_select {
	background: #fff url(../images/xicon1.png) 162px center no-repeat;
	margin: 0 10px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	position: relative;
	line-height: 1;
	width: 180px;
	padding: 17px 10px;
	color: #555;
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	outline: 0;
	outline-offset: -2px;
	cursor: default;
}
.sod_select.open {
	color: #999;
}
.sod_select.disabled {
	border-color: #828282;
	color: #b2b2b2;
	cursor: not-allowed;
}
.sod_select .sod_label {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 35px;
}
.sod_select .sod_list {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	height: auto;
	width: 200px;
	background: #ffffff;
	border-top: none;
	color: #444444;
	font-weight: 300;
	z-index: 1;
}
.sod_select.open .sod_list {
	display: block;
}
.sod_select.disabled.open .sod_list {
	display: none;
}
.sod_select.above .sod_list {
	top: auto;
	bottom: 100%;
	border: none;
}
.sod_select .sod_list ul {
	overflow-y: auto;
	padding: 0;
	margin: 0;
}
.sod_select .sod_list li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	padding: 10px 10px;
	list-style-type: none;
}
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled {
	background: inherit;
	color: #939393;
	font-size: 10px;
	font-style: italic;
}
.sod_select .sod_list .groupchild {
	padding-left: 20px;
}
.sod_select .sod_list .disabled {
	background: inherit;
	color: #cccccc;
}
.sod_select .sod_list .active {
	background: #f7f7f7;
	color: #333333;
}
.sod_select .sod_list .selected {
	padding-right: 25px;
}
.sod_select .sod_list .selected:before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	color: #808080;
	height: 9px;
	width: 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
} /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_list .selected {
	font-weight: 300;
}
.sod_select.no_highlight .sod_list .selected:before {
	display: none;
}
.sod_select select {
	display: none !important;
}
.sod_select.touch select {
	-webkit-appearance: menulist-button;
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 1;
}
/*base*/
.header {
	-webkit-transform: translateZ(0);
}
.xi_tover {
	display: block;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.slick-dots {
	position: absolute;
	width: 100%;
	bottom: 25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
}
.slick-dots li {
	border-radius: 7px;
	cursor: pointer;
	width: 13px;
	overflow: hidden;
	height: 13px;
	background: #212121;
	display: inline-block;
	zoom: 1;
*display: inline;
	margin: 0 6.5px;
}
.slick-dots li button {
	background: none;
	border: none;
	outline: none;
	font-size: 0;
}
.slick-dots li.slick-active {
	overflow: hidden;
	background: #e50012;
	border: none;
}
 @-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
60% {
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}
@keyframes bounceInLeft {
 0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
opacity:0;
transform:translate3d(-100px, 0, 0)
}
 90% {
transform:translate3d(5px, 0, 0)
}
to {
	transform: none
}
}
.bounceInLeft {
	animation-name: bounceInLeft
}
/*header0817*/
.nav-sub {
	background: #fff url(../images/xhxt.png) top center repeat-x;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
}
.nav-sub .xhicon {
	font-size: 0;
	padding: 24px 0;
	text-align: center;
	line-height: 1;
}
.nav-sub .xhicon .img {
	height: 45px;
	line-height: 45px;
	font-size: 0;
	margin: 10px auto 15px;
}
.nav-sub .xhicon .img img {
	max-height: 100%;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.nav-sub .xhicon dd {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	width: 109px;
}
.nav-sub .xhicon dd p {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.nav-sub .xhicon dd:hover p {
	color: #0095e2;
}
.nav-sub .xhicon dd:hover img {
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.nav-sub .xhicon.length8 dd {
	width: 125px;
}
.nav-sub .xhicon.length7 dd {
	width: 145px;
}
/*.slick-arrow{ z-index: 1; background-color: rgba(0,0,0,0); outline: none;border: none;width: 50px; height: 60px; top: 50%; margin-top: -30px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute;}*/
.nav-sub .xhicon .slick-prev {
	left: -20px;
	width: 11px;
	height: 23px;
	margin-top: -11.5px;
	background: url(../images/xicon59.png) center no-repeat;
}
.nav-sub .xhicon .slick-next {
	right: -20px;
	width: 11px;
	height: 23px;
	margin-top: -11.5px;
	background: url(../images/xicon60.png) center no-repeat;
}
.header.an .nav-sub .xhicon {
	padding: 18px 0;
}
.header.an .nav-sub .xhicon .img {
	margin-bottom: 10px;
}
/*域名注册*/
.xi_f6f6f6 {
	background: #f6f6f6;
}
.xi_domain {
	padding: 30px 0;
}
.xi_doform {
	font-size: 0;
	background: #3b99f0;
	padding: 26px 60px 30px;
}
.xi_doh2 {
	margin-bottom: 23px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.xi_doinput {
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	width: 660px;
	height: 50px;
	line-height: 50px;
	_line-height: 50px;
*line-height: 50px;
	border: none;
}
.xi_dosub {
	font-size: 18px;
	color: #394855;
	background: #ffee00;
	width: 200px;
	height: 50px;
	border: none;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.xi_dosub:hover {
	color: #0f70a0;
	-moz-box-shadow: 0 0 5px 1px #0b98de inset;
	-webkit-box-shadow: 0 0 5px 1px #0b98de inset;
	box-shadow: 0 0 5px 1px #0b98de inset;
}
.xi_dolink {
	font-size: 0;
	text-align: center;
	padding: 15px;
	line-height: 20px;
	border-bottom: 1px solid #eee;
}
.xi_dolink a {
	padding: 0 18px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	color: #555;
	font-size: 14px;
}
.xi_dolink a:hover {
	color: #3b99f0;
}
.xi_doprice {
	padding: 60px 0 80px;
}
.xi_doadvan {
	padding: 60px 0 120px;
}
.xi_doetit {
	text-align: center;
	font-weight: 100;
	margin-bottom: 8px;
	font-size: 48px;
	color: #ccc;
	line-height: 70px;
	transform: none;
}
.xi_doctit {
	text-align: center;
	font-family: '黑体';
	font-size: 40px;
	color: #3b99f0;
}
.xi_doplist {
	margin-top: 55px;
	text-align: center;
}
.xi_doplist li {
	padding-top: 42px;
	width: 20%;
	height: 280px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-left: none;
	float: left;
	transition: background-color .25s;
	-webkit-transition: background-color .25s;
	transition: transform .25s;
	-webkit-transition: transform .25s;
}
.xi_doplist li:first-child {
	border-left: 1px solid #eee;
}
.xi_doptop {
	font-weight: bold;
	font-size: 44px;
	text-transform: uppercase;
	font-family: '微软雅黑';
}
.xi_dopline {
	width: 20px;
	height: 2px;
	margin: 25px auto 52px;
	background: #eee;
}
.xi_dopmid {
	line-height: 25px;
	font-size: 16px;
	color: #999;
	margin-bottom: 4px;
}
.xi_dopbot {
	color: #e6000a;
	font-size: 18px;
}
.xi_dopbot em {
	font-size: 24px;
}
.xi_doplist li:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1);
	border: none;
	position: relative;
	z-index: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.xi_doplist li:hover * {
	color: #fff!important;
}
.xi_doadv li {
	height: 320px;
	padding-top: 35px;
}
.xi_doadv_h2 {
	padding: 0 22px;
	font-size: 20px;
	color: #555;
	margin-bottom: 27px;
}
.xi_doadv_icon {
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 0;
	border-radius: 50%;
	margin: 0 auto 32px;
	display: block;
}
.xi_doadv_icon img {
	max-width: 80%;
	max-height: 80%;
}
.xi_doadv_p {
	height: 72px;
	padding: 0 22px;
	font-size: 12px;
	color: #999;
	line-height: 24px;
}
.xi_doadv li:hover .xi_doadv_icon {
	background: #fff;
}
.xi_doadv li:hover .xi_doadv_icon img {
	animation: swing 1s 0s linear normal;
	-webkit-animation: swing 1s 0s linear normal;
}
.xi_li1 .xi_doptop {
	color: #ff9000;
}
.xi_li1:hover, .xi_li1 .xi_doadv_icon {
	background: #ff9000;
}
.xi_li2 .xi_doptop {
	color: #3b99f0;
}
.xi_li2:hover, .xi_li2 .xi_doadv_icon {
	background: #3b99f0;
}
.xi_li3 .xi_doptop {
	color: #57be5b;
}
.xi_li3:hover, .xi_li3 .xi_doadv_icon {
	background: #57be5b;
}
.xi_li4 .xi_doptop {
	color: #ff6868;
}
.xi_li4:hover, .xi_li4 .xi_doadv_icon {
	background: #ff6868;
}
.xi_li5 .xi_doptop {
	color: #25b49b;
}
.xi_li5:hover, .xi_li5 .xi_doadv_icon {
	background: #25b49b;
}
.xi_donplist {
	background: #f6f6f6 url(../images/xbg1.jpg) top center no-repeat;
	padding: 60px 0;
}
.xi_donplist .xi_doetit, .xi_donplist .xi_doctit, .xi_host_sup .xi_doetit, .xi_host_sup .xi_doctit, .xi_ema_fun .xi_doetit, .xi_ema_fun .xi_doctit, .xi_ema_pri .xi_doetit, .xi_ema_pri .xi_doctit {
	color: #fff;
}
.xi_donpbox {
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05);
	margin-top: 55px;
	background: #fff;
}
.xi_donp_top li {
	cursor: pointer;
	width: 50%;
	text-align: center;
	height: 80px;
	line-height: 80px;
	float: left;
	background: #eee;
	color: #555;
	font-size: 18px;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_donp_top li.on {
	background: #fff;
	color: #3b99f0;
}
.xi_donp_top li:hover {
	color: #3b99f0;
}
.xi_donp_bot {
	padding: 50px;
}
.xi_donp_wrap table {
	width: 100%;
}
.xi_donp_wrap th {
	border: 1px solid #eee;
	width: 33.3%;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	background: #f6f6f6;
	height: 50px;
	padding: 0 30px;
	line-height: 50px;
	text-align: left;
}
.xi_donp_wrap td {
	border: 1px solid #eee;
	font-size: 14px;
	color: #555;
	padding: 12.5px 30px;
	height: 25px;
	line-height: 25px;
}
.xi_donp_wrap tr span {
	color: #007cef;
}
.xi_donp_wrap .xi_price {
	border-right: none;
	color: #e6000a;
}
.xi_donp_wrap .xi_price.gray {
	color: #555;
}
.xi_donp_wrap .xi_price em {
	font-size: 18px;
}
.xi_donp_wrap .xi_new {
	color: #e6000a;
}
.xi_donp_wrap .xi_new i {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	width: 26px;
	height: 13px;
	margin-left: 12px;
	background: url(../images/xicon2.png) center no-repeat;
}
.xi_donp_wrap .xi_hot {
	color: #239c28;
}
.xi_donp_wrap .xi_hot i {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	width: 26px;
	height: 13px;
	margin-left: 12px;
	background: url(../images/xicon3.png) center no-repeat;
}
.xi_donp_wrap tr th:first-child, .xi_donp_wrap tr td:first-child {
	border-left: none;
}
.xi_donp_bot .xi_donp_wrap {
	display: none;
	opacity: .6;
}
.xi_donp_bot .xi_donp_wrap:first-child {
	display: block;
	opacity: 1;
}
.xi_doser {
	padding: 60px 0 115px;
	background: #f6f6f6 url(../images/xbg2.png) top center no-repeat;
}
.xi_doser .layout, .xi_host_sup .layout {
	overflow: hidden;
}
.xi_doser ul {
	margin-top: 60px;
	width: 1240px;
}
.xi_doser li {
	text-align: center;
	background: #fff;
	float: left;
	width: 580px;
	height: 200px;
	line-height: 200px;
	margin-bottom: 40px;
	margin-right: 40px;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_doser li:nth-child(2n) {
	margin-right: 0;
}
.xi_doser li a {
	display: block;
}
.xi_doser li .xi_dostext {
	text-align: left;
	width: 315px;
}
.xi_doser li h2 {
	font-size: 20px;
	color: #555;
	margin-bottom: 20px;
}
.xi_doser li .xi_text_p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	max-height: 72px;
	overflow: hidden;
}
.xi_dosicon, .xi_dostext {
	line-height: 1;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.xi_doser li .xi_dosicon {
	margin-right: 40px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 0;
	background: #fff;
	border-radius: 50%;
}
.xi_doser li:hover * {
	color: #fff;
}
.xi_doser li:hover .xi_dosicon img {
	-webkit-animation: bounceInLeft .8s;
	animation: bounceInLeft .8s;
}
.xi_dovs1:hover {
	background: #3b99f0;
}
.xi_dovs1 .xi_dosicon {
	border: 1px solid #3b99f0;
}
.xi_dovs2:hover {
	background: #57be5b;
}
.xi_dovs2 .xi_dosicon {
	border: 1px solid #57be5b;
}
.xi_dovs3:hover {
	background: #25b49b;
}
.xi_dovs3 .xi_dosicon {
	border: 1px solid #25b49b;
}
.xi_dovs4:hover {
	background: #ff9000;
}
.xi_dovs4 .xi_dosicon {
	border: 1px solid #ff9000;
}
/*电话介绍*/
.xi_tel_info {
	background: url(../images/xbg3.jpg) top center no-repeat;
	background-size: cover;
	padding: 60px 0;
}
.xi_tel_info .xi_tibox {
	padding: 50px;
	background: url(../images/sbgw9.png);
}
.xi_ti_h2 {
	text-align: center;
	font-size: 40px;
	color: #333;
	margin-bottom: 45px;
}
.xi_ti_h2 span {
	position: relative;
	padding: 0 60px;
}
.xi_ti_h2 span:before {
	content: '';
	position: absolute;
	top: 50%;
	height: 1px;
	left: -380px;
	width: 380px;
	background: #f6f6f6;
}
.xi_ti_h2 span:after {
	content: '';
	position: absolute;
	top: 50%;
	height: 1px;
	right: -380px;
	width: 380px;
	background: #f6f6f6;
}
.xi_ti_icon {
	text-align: center;
}
.xi_ti_icon li {
	height: 55px;
	line-height: 55px;
	border-left: 1px solid #eee;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	padding: 0 65px;
}
.xi_ti_icon li:first-child {
	border-left: none;
}
.xi_ti_icon li img {
	max-height: 100%;
	max-width: 120px;
	vertical-align: bottom;
}
.xi_ti_text {
	margin: 30px auto 35px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 40px;
}
.xi_ti_des {
	text-align: center;
}
.xi_ti_des li {
	display: inline-block;
*display: inline;
*zoom: 1;
	margin: 0 22px;
}
.xi_ti_des img {
	width: 50px;
	height: 50px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.xi_ti_des .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	font-size: 12px;
	color: #555;
	padding: 0 15px;
	width: 120px;
}
.xi_ti_des li:hover img {
	animation: bounce 1s 0s linear normal;
	-webkit-animation: bounce 1s 0s linear normal;
}
.xi_tel_inq {
	padding: 40px 0 60px;
	text-align: center;
}
.xi_tiq_list {
	margin-top: 45px;
}
.xi_tiq_list li {
	overflow: hidden;
	padding-top: 36px;
	height: 480px;
	float: left;
	width: 25%;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-left: none;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_tiq_list li:first-child {
	border-left: 1px solid #eee;
}
.xi_tiq_list dd .xi_box {
	font-size: 16px;
	color: #555;
	height: 38px;
	line-height: 38px;
	width: 100px;
	margin: 0 24px;
	box-sizing: border-box;
	float: left;
}
.xi_tiq_list dd a {
	display: none;
}
.xi_tiq_list .xi_h2 {
	padding: 0 10px;
	font-size: 24px;
	color: #333;
}
.xi_tiq_list .xi_num {
	color: #fff;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	font-size: 72px;
	margin: 28px auto 30px;
}
.xi_tiq_list .xi_box a {
	background: #fff;
	min-width: 100px;
	border-radius: 3px;
}
.xi_tiq4 .xi_num {
	font-size: 30px;
	font-weight: bold;
}
.xi_tiq1:hover, .xi_tiq1 .xi_num {
	background: #ff9000;
}
.xi_tiq2:hover, .xi_tiq2 .xi_num {
	background: #3b99f0;
}
.xi_tiq3:hover, .xi_tiq3 .xi_num {
	background: #57be5b;
}
.xi_tiq4:hover, .xi_tiq4 .xi_num {
	background: #ff6868;
}
.xi_tiq_list li:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.xi_tiq_list li:hover * {
	color: #fff;
}
.xi_tiq_list li:hover .xi_num {
	background: #fff;
}
.xi_tiq_list li .xi_box:hover span {
	display: none;
}
.xi_tiq_list li .xi_box:hover a {
	display: inline-block;
*display: inline;
*zoom: 1;
}
.xi_tiq1:hover .xi_num, .xi_tiq1 .xi_box a {
	color: #ff9000;
}
.xi_tiq2:hover .xi_num, .xi_tiq2 .xi_box a {
	color: #3b99f0;
}
.xi_tiq3:hover .xi_num, .xi_tiq3 .xi_box a {
	color: #57be5b;
}
.xi_tiq4:hover .xi_num, .xi_tiq4 .xi_box a {
	color: #ff6868;
}
.xi_tiq_form {
	font-size: 0;
	padding: 58px 0 0;
}
.xi_tiq_form p {
	font-size: 18px;
	color: #333;
	margin-bottom: 16px;
}
.xi_tiq_form input {
	font-size: 14px;
	padding: 0 20px;
	height: 48px;
	line-height: 48px;
	_line-height: 48px;
*line-height: 48px;
	border: 1px solid #ddd;
}
.xi_tiq_form .xi_binp {
	width: 258px;
	margin: 0 10px;
}
.xi_tiq_form .xi_code_box {
	margin: 0 10px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
}
.xi_tiq_form .xi_code_box input {
	width: 58px;
}
.xi_tiq_form .xi_code_img {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	border: 1px solid #ddd;
	border-left: none;
	width: 99px;
	height: 48px;
	line-height: 48px;
	background: #ededed;
	text-align: center;
	font-size: 0;
}
.xi_tiq_form .xi_code_img img {
	max-width: 100%;
	max-height: 100%;
	cursor: pointer;
}
.xi_tiq_form .xi_sub {
	cursor: pointer;
	margin: 0 10px;
	width: 100px;
	height: 50px;
	background: #3b99f0;
	color: #fff;
	border: none;
	text-align: center;
	font-size: 16px;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_tiq_form .xi_sub:hover {
	-moz-box-shadow: 0 0 5px 1px #ededed inset;
	-webkit-box-shadow: 0 0 5px 1px #ededed inset;
	box-shadow: 0 0 5px 1px #ededed inset;
}
.xi_tel_pac {
	overflow: hidden;
	padding: 50px 0 65px;
	background: #f0f0f0 url(../images/xbg4.jpg) top center no-repeat;
	background-size: cover;
}
.xi_tel_pac ul.clearfix {
	margin-top: 50px;
	width: 1230px;
}
.xi_tel_pac .xi_li {
	float: left;
	margin-right: 30px;
	position: relative;
	padding: 55px 20px;
	text-align: center;
	width: 277px;
	height: 520px;
	box-sizing: border-box;
	border-top: 2px solid #ddd;
	background: #fff;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_tel_pac .xi_li:last-child {
	margin-right: 0;
}
.xi_tel_pac .xi_li:before {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 0;
	height: 2px;
	background: #3b99f0;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_tel_pac .xi_li .xi_tit {
	width: 21px;
	height: 42px;
	display: block;
	position: absolute;
	left: 30px;
	top: -2px;
}
.xi_tel_pac .xi_li.hot .xi_tit {
	background: url(../images/xicon33.png) center no-repeat;
}
.xi_tel_pac .xi_li.new .xi_tit {
	background: url(../images/xicon34.png) center no-repeat;
}
.xi_tel_pac .xi_li.year .xi_tit {
	background: url(../images/xicon35.png) center no-repeat;
}
.xi_tel_pac .xi_li h2 {
	margin-bottom: 30px;
	font-size: 24px;
	color: #333;
	font-weight: 100;
}
.xi_tel_pac .xi_bpri {
	margin-bottom: 20px;
	color: #e6000a;
}
.xi_tel_pac .xi_bpri em {
	vertical-align: middle;
	font-size: 60px;
}
.xi_tel_pac .xi_bpri font {
	margin-left: 10px;
	font-size: 14px;
	width: 15px;
	word-break: break-all;
	word-wrap: break-word;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	line-height: 15px;
}
.xi_tel_pac .xi_spri {
	color: #e6000a;
	font-size: 40px;
	vertical-align: middle;
}
.xi_tel_pac .xi_spri font {
	margin-left: 10px;
	font-size: 18px;
	color: #e6000a;
}
.xi_tel_pac .slick-dots {
	bottom: 70px;
}
.xi_tel_pac .slick-dots li {
	background: #eee;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	border-radius: 50%;
	display: inline-block;
*display: inline;
*zoom: 1;
}
.xi_tel_pac .slick-dots li.slick-active {
	background: #3b99f0;
}
.xi_tel_pac .xi_text {
	height: 180px;
	color: #555;
	line-height: 36px;
	font-size: 14px;
}
.xi_tel_pac .xi_text em {
	color: #3b99f0;
}
.xi_tel_pac .xi_stext {
	margin-bottom: 13px;
	height: 36px;
}
.xi_pack_buy {
	border: none;
	margin-top: 52px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #3b99f0;
	color: #fff;
	font-size: 18px;
	display: block;
	border-radius: 3px;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_pack_buy:hover {
	-moz-box-shadow: 0 0 5px 1px #ededed inset;
	-webkit-box-shadow: 0 0 5px 1px #ededed inset;
	box-shadow: 0 0 5px 1px #ededed inset;
}
.xi_tel_pac .xi_li:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.xi_tel_pac .xi_li:hover:before {
	width: 100%;
}
.xi_tel_fun {
	padding: 40px 0 20px;
}
.xi_tel_fun ul {
	margin-top: 85px;
}
.xi_tel_fun li {
	margin-bottom: 44px;
	float: left;
	width: 25%;
	text-align: center;
}
.xi_tel_fun li img {
	border-radius: 8px;
	overflow: hidden;
	width: 120px;
	height: 120px;
	margin-bottom: 30px;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_tel_fun li h2 {
	padding: 0 20px;
	box-sizing: border-box;
	color: #555;
	font-size: 18px;
	height: 72px;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_tel_fun li:hover h2 {
	color: #3b99f0;
}
.xi_tel_fun li:hover img {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.xi_tel_adv {
	padding: 60px 0 65px;
	background: #f6f6f6;
}
.xi_tel_adv li .xi_text_p {
	font-size: 18px;
	color: #555;
	line-height: 36px;
	height: 72px;
}
.xi_tel_adv li:hover * {
	color: #fff;
}
.xi_tel_adv li:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.xi_tela1:hover {
	background: #ff9a16;
}
.xi_tela1 .xi_dosicon {
	border: 1px solid #ff9a16;
}
.xi_tela2:hover {
	background: #3b99f0;
}
.xi_tela2 .xi_dosicon {
	border: 1px solid #3b99f0;
}
.xi_tela3:hover {
	background: #57be5b;
}
.xi_tela3 .xi_dosicon {
	border: 1px solid #57be5b;
}
.xi_tela4:hover {
	background: #ff6868;
}
.xi_tela4 .xi_dosicon {
	border: 1px solid #ff6868;
}
/*虚拟主机*/
.xi_host_pac {
	padding: 40px 0;
}
.xi_host_pac ul.clearfix {
	margin-top: 0;
}
.xi_host_pac .xi_li {
	width: 380px;
	padding: 40px 30px 30px;
	height: 600px;
}
.xi_host_pac .xi_li h2 {
	font-size: 36px;
	margin-bottom: 34px;
}
.xi_host_pac .xi_li h2 em {
	font-weight: 100;
	color: #3b99f0;
}
.xi_host_pac .box {
	height: 50px;
	border-left: 1px solid #eee;
	width: 33.3%;
	float: left;
	box-sizing: border-box;
}
.xi_host_pac .box1 {
	text-align: left;
	border-left: none;
}
.xi_host_pac .box3 {
	text-align: right;
}
.xi_host_pac .box .xi_btop {
	font-size: 24px;
	color: #333;
	line-height: 26px;
}
.xi_host_pac .box .xi_bbot {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.xi_host_pac .xi_bpri {
	margin: 53px 0 45px;
}
.xi_host_pac .xi_bpri em {
	font-size: 72px;
}
.xi_host_pac .xi_bpri font {
	font-size: 18px;
	line-height: 18px;
}
.xi_host_pac .xi_text {
	height: 120px;
	font-size: 12px;
	color: #777;
	text-align: left;
	line-height: 30px;
}
.xi_host_pac .xi_pack_buy {
	height: 60px;
	line-height: 60px;
	margin-top: 36px;
}
.xi_host_sup {
	padding: 40px 0 30px;
	background: url(../images/xbg6.jpg) top center no-repeat;
}
.xi_host_sup ul.clearfix {
	text-align: center;
	width: 1230px;
	margin-top: 65px;
}
.xi_host_sup li {
	margin-bottom: 30px;
	padding: 40px 45px;
	float: left;
	background: #fff;
	margin-right: 30px;
	width: 380px;
	height: 280px;
	box-sizing: border-box;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_host_sup .img {
	margin-bottom: 27px;
	height: 60px;
	line-height: 60px;
	font-size: 0;
}
.xi_host_sup .img img {
	max-height: 100%;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_host_sup .xi_hsuph2 {
	margin-bottom: 20px;
	font-size: 20px;
	color: #333;
}
.xi_host_sup .xi_hsuptxt {
	height: 72px;
	color: #999;
	font-size: 12px;
	line-height: 24px;
}
.xi_host_sup li:hover * {
	color: #fff;
}
.xi_host_sup li:hover .img img {
	animation: bounce 1s 0s linear normal;
	-webkit-animation: bounce 1s 0s ease-out normal;
}
.xi_host_sup .xi_hsup3, .xi_host_sup .xi_hsup6 {
	margin-right: 0;
}
.xi_host_sup .xi_hsup1:hover {
	background: #ff9000;
}
.xi_host_sup .xi_hsup2:hover {
	background: #3b99f0;
}
.xi_host_sup .xi_hsup3:hover {
	background: #57be5b;
}
.xi_host_sup .xi_hsup4:hover {
	background: #ff6868;
}
.xi_host_sup .xi_hsup5:hover {
	background: #25b49b;
}
.xi_host_sup .xi_hsup6:hover {
	background: #827af6;
}
.xi_host_adv {
	padding: 60px 0 75px;
}
.xi_host_adv {
	background: #fff url(../images/xbg5.png) top center no-repeat;
}
.xi_host_adv li {
	border: 1px solid #eee;
	border-radius: 10px;
	box-sizing: border-box;
}
.xi_host_adv li .xi_dosicon {
	border-radius: 20px;
}
.xi_host_adv li:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	border: #fff;
}
/*企业邮箱*/
.xi_ema_pac .xi_li h2 {
	margin-bottom: 5px;
}
.xi_ema_pac .xi_li h3 {
	font-size: 16px;
	color: #999;
}
.xi_ema_pac .xi_bpri {
	margin: 44px 0 42px;
}
.xi_ema_pac .box {
	width: 50%;
	text-align: center;
	height: 60px;
}
.xi_ema_pac .box .xi_btop {
	font-size: 30px;
	line-height: 36px;
}
.xi_ema_pac .box .xi_btop img {
	vertical-align: initial;
}
.xi_ema_pac .box .xi_bbot {
	font-size: 16px;
}
.xi_ema_pac .xi_pack_buy {
	margin-top: 50px;
}
.xi_count {
	font-size: 0;
}
.xi_count input[type="button"] {
	border: 1px solid #ddd;
	border-radius: 2px;
	width: 40px;
	height: 40px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_count input.xi_minus {
	background: url(../images/xicon47.png) center no-repeat;
}
.xi_count input.xi_minus:hover {
	background: url(../images/xicon47on.png) center no-repeat;
}
.xi_count input.xi_add {
	background: url(../images/xicon48.png) center no-repeat;
}
.xi_count input.xi_add:hover {
	background: url(../images/xicon48on.png) center no-repeat;
}
.xi_count input.xi_num {
	width: 140px;
	font-size: 36px;
	color: #333;
	height: 39px;
	line-height: 39px;
	_line-height: 39px;
*line-height: 39px;
	border: none;
	border-bottom: 1px solid #ddd;
	text-align: center;
	margin: 0 30px;
}
.xi_ema_pac .xi_tips {
	margin: 12px 0 40px;
	color: #3b99f0;
	font-size: 16px;
}
.xi_count input[type="button"]:hover {
	border-color: #3b99f0;
}
.xi_ema_fun {
	padding: 40px 0 60px;
	background: #f6f6f6 url(../images/xbg7.jpg) top center no-repeat;
}
.xi_ema_table {
	background: #fff;
	margin-top: 55px;
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.xi_ema_fea {
	padding: 40px 0 80px;
	background: #fff url(../images/xbg8.png) top center no-repeat;
}
.xi_ema_fea li {
	overflow: hidden;
	background: #fff;
	float: left;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	text-align: center;
	padding: 60px;
	width: 400px;
	height: 280px;
	box-sizing: border-box;
}
.xi_efimg {
	position: relative;
	top: 0;
	margin-bottom: 66px;
	height: 80px;
	line-height: 80px;
	font-size: 0;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_efimg img {
	max-height: 100%;
}
.xi_efh2 {
	margin-top: 0;
	font-size: 20px;
	color: #555;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_dftxt {
	margin-top: 30px;
	height: 0;
	overflow: hidden;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	text-align: left;
	transition: all .25s;
	-webkit-transition: all .25s;
}
.xi_eflist {
	margin-top: 70px;
}
.xi_ema_fea li.xi_efl1, .xi_ema_fea li.xi_efl4 {
	border-left: none;
}
.xi_ema_fea li.xi_efl1, .xi_ema_fea li.xi_efl2, .xi_ema_fea li.xi_efl3 {
	border-top: none;
}
.xi_ema_fea li:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,.05), 1px 0 1px rgba(0,0,0,.04);
	z-index: 1;
	position: relative;
}
.xi_ema_fea li:hover .xi_efimg {
	top: -100%;
	height: 0;
}
.xi_ema_fea li:hover .xi_efh2 {
	margin-top: -46px;
}
.xi_ema_fea li:hover .xi_dftxt {
	height: 72px;
}
.xi_ema_pri {
	padding: 40px 0 70px;
	background: #25bcb3 url(../images/xbg9.jpg) top center no-repeat;
}
.xi_ema_pri .xi_donp_top li.rec:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 75px;
	background: url(../images/xicon55.png) center no-repeat;
	display: block;
}
.xi_ema_pri .xi_donp_top li {
	position: relative;
	width: 33.3%;
	font-size: 24px;
}
.xi_ema_pri .xi_donp_top li span {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	margin-left: 20px;
}
.xi_ema_pri .xi_donp_bot {
	padding-top: 30px;
}
.xi_ema_type {
	margin-bottom: 30px;
	font-size: 0;
	text-align: center;
}
.xi_ema_type dd {
	cursor: pointer;
	min-width: 100px;
	padding: 0 10px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 18px;
	margin: 0 15px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 16px;
	color: #555;
}
.xi_ema_type dd.on {
	background: #3b99f0;
	border-color: #3b99f0;
	color: #fff!important;
}
.xi_ema_type dd:hover {
	color: #3b99f0;
	border-color: #3b99f0;
}
.xi_ema_pri .xi_donp_wrap th {
	width: 20%;
}
.xi_ema_detail table {
	display: none;
	opacity: .6;
}
.xi_ema_detail table:first-child {
	display: table;
	opacity: 1;
}
