@charset "utf-8";
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {
	color: #F00 !important;
}
/*清除浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
*zoom:1;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*其它*/
.hidden {
	display: none;
}

.index {
	position: relative;
	z-index: 3;
}
.index .title {
	text-align: center;
	width: 100%;
/*	background: url(../images/title_line.png) no-repeat center bottom;*/
	padding-bottom: 30px;
}
.index .title h3 {
	font-size: 36px;
	font-weight: normal;
	display: block;
	line-height: 80px;
	color: #000;
	text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    width: 150px;
    border-bottom: 3px #170779 solid;
}

.index .title h4 {
	color: #999;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'PingFangSC-Light', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
	font-weight: normal;
	line-height: 60px;
    display: block;
}
.index .floor_1_main {
	background: #f5f5f5;
}
.index .floor_1 {
	padding-top: 74px;
	padding-bottom: 74px;
	position: relative;
}
.index .part1 {
	position: absolute;
	left: 0;
	top: -100px;
	width: 1200px;
	height: 250px;
	overflow: hidden;
}
.index .part1 .item {
	width: 400px;
	float: left;
	height: 250px;
	background: #1048a0;
}
.index .part1 .item a {
	display: block;
	position: relative;
	padding: 40px;
	color: #fff;
}
.index .part1 .item h3 {
	font-size: 18px;
	line-height: 24px;
}
.index .part1 .item h4 {
	color: #fff;
	display: block;
	border-bottom: 1px solid #fff;
	padding-bottom: 16px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.index .part1 .item .shuzi {
	line-height: 20px;
	color: #fff;
	float: left;
	width: 122px;
}
.index .part1 .item .shuzi b {
	text-transform: uppercase;
	font-size: 86px;
	font-weight: bold;
	display: inline-block;
	line-height: 86px;
}
.index .part1 .item span {
	width: 60px;
	height: 54px;
	display: block;
	margin-top: 32px;
}
.index .part1 .it1 span {
	background-position: 0 -30px;
}
.index .part1 .it2 span {
	background-position: -76px -30px;
	width: 46px;
}
.index .part1 .it3 span {
	background-position: -140px -30px;
	width: 52px;
}
.index .part1 .item .txt {
	width: 180px;
}
.index .part1 .item.hover {
	background: #ff5454;
}
.index .part2 {
	/*padding-top: 150px;*/
}
.index .part2 .hd {
	padding: 30px 0;
}
.index .part2 .hd ul {
	margin: 0 auto;
	text-align: center;
}
.index .part2 .hd li {
	margin-right: 30px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
+display:inline;
+float: left;
	white-space: nowrap;
	word-break: break-all;
}
.index .part2 .hd li a {
	display: block;
	border: 1px solid #ccc;
	padding: 0 12px;
}
.index .part2 .hd li.on a {
	border: 1px solid #1048a0;
	background: #1048a0;
	color: #fff;
}
.index .part2 .bd {
	overflow: hidden;
}
.index .part2 .bd ul {
	padding-top: 64px;
	width: 108%;
}
.index .part2 .bd li {
	width: 380px;
	height: 430px;
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #fff;
	transition: all 0.3s ease-out 0s;
}
.index .part2 .bd li a {
	display: block;
}
.index .part2 .bd li img {
	width: 380px;
	height: 285px;
	display: block;
}
.index .part2 .bd li h3 {
	font-size: 18px;
	text-align: center;
}
.index .part2 .bd li p {
	color: #999;
	padding: 0 46px;
	line-height: 24px;
}
.index .part2 .bd li:hover {
	transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.index .floor_1_main, .index .floor_2_main, .index .floor_3_main, .index .floor_4_main {
	width: 100%;
}
.index .floor_2_main {
	background: #fff;
	overflow: hidden;
}
.index .more {
	width: 150px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #aba8a8;
	display: block;
	margin: 40px auto 0;
	background: #fff;
	text-transform: uppercase;
	transition: all 0.3s ease-out 0s;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.index .more span {
	display: inline-block;
	width: 40px;
	height: 38px;
	line-height: 38px;
	background: url(../images/icon.png) no-repeat 12px -92px #1048a0;
}
.index .more:hover {
	background: #1048a0;
	color: #fff;
	text-indent: 10px;
}
.index .more:hover span {
	color: #fff;
}
.index .floor_2 {
	padding: 60px 0;
	position: relative;
	height: 720px;
}
.index .floor_2 .hdtit {
	padding: 30px 0;
}
.index .floor_2 .hdtit ul {
	margin: 0 auto;
	text-align: center;
+width:280px;
}
.index .floor_2 .hdtit li {
	margin-right: 30px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
+display: inline;
+float: left;
}
.index .floor_2 .hdtit li a {
	display: block;
	border: 1px solid #ccc;
	padding: 0 12px;
}
.index .floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a {
	border: 1px solid #1048a0;
	background: #1048a0;
	color: #fff;
}
.index .floor_2 .vistbox {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 660px;
}
.index .floor_2 .slideBox {
	position: relative;
	overflow: hidden;
	height: 502px;
}
.index .floor_2 .txtbox {
	padding-top: 25px;
	position: relative;
	z-index: 3;
}
.index .floor_2 .btn {
	width: 160px;
	position: absolute;
	right: 0;
	bottom: 150px;
	z-index: 99;
	background: #fff;
	height: 350px;
}
.index .floor_2 .btn img {
	display: block;
	width: 110px;
	height: 230px;
	margin-left: 50px;
	margin-bottom: 90px;
}
.index .floor_2 .btn span {
	display: inline-block;
	width: 66px;
	height: 30px;
	margin-left: 14px;
	cursor: pointer;
}
.index .floor_2 .btn .sPrev {
	background-position: -204px 0;
}
.index .floor_2 .btn .sNext {
	background-position: -284px 0;
}
.index .floor_2 .btn .cur.sPrev {
	background-position: -204px -40px;
}
.index .floor_2 .btn .cur.sNext {
	background-position: -284px -40px;
}
.transs {
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slidebanner {
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.slidebanner .game163 {
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.slidebanner .bigImg {
	overflow: hidden;
	position: relative;
	width: 992px;
	height: 500px;
}
.slidebanner .bigImg a {
	display: block;
}
.slidebanner .bigImg li {
	position: relative;
}
.slidebanner .bigImg li .img {
	padding-left: 290px;
	width: 700px;
	height: 100%;
}
.game163 .bigImg li img {
	width: 700px;
	height: 350px;
}
.slidebanner .bigImg .txt {
	position: absolute;
	top: 65px;
	left: 0;
	width: 380px;
	height: 438px;
	background: url(../images/redbg.png) repeat left top;
}
.slidebanner .bigImg .txt a {
	padding: 30px;
	color: #fff;
}
.slidebanner .bigImg .txt h5 {
	font-size: 30px;
	display: block;
}
.slidebanner .bigImg .txt s {
	display: block;
	width: 68px;
	height: 1px;
	background: #fff;
	margin: 34px 0;
}
.slidebanner .bigImg .txt p {
	line-height: 24px;
	padding: 12px 0 0;
	height: 222px;
	overflow: hidden;
}
.slidebanner .bigImg .txt span {
	display: block;
	margin-top: 10px;
}
.slidebanner .smallScroll {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 800px;
	height: 126px;
	background: #fff;
	z-index: 10;
}
.slidebanner .smallImg {
	width: 800px;
	position: relative;
	overflow: hidden;
	height: 126px;
}
.slidebanner .smallImg ul li {
	float: left;
	width: 250px;
	height: 126px;
	display: block;
	margin-right: 23px;
	cursor: pointer;
	position: relative;
}
.slidebanner .smallImg ul li img {
	height: 124px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	width: 248px;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.slidebanner .smallImg ul li.on img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border: 1px solid #da0000;
}
.index .floor_3_main {
	background: url(../images/bg1.jpg) no-repeat center #efefef;
}
.index .floor_3 {
	padding: 0;
	overflow: hidden;
}
.index .part3 {
	width: 1200px;
	height: 368px;
	background: #0185d0;
	position: relative;
}
.index .part3 .img {
	width: 550px;
	height: 374px;
	overflow: hidden;
	position: relative;
	top: -30px;
	margin-left: 25px;
}
.index .part3 .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.index .part3 .img:hover img {
	transform: scale(1.05, 1.05);
}
.index .part3 .txt {
	padding-right: 90px;
	width: 480px;
	padding-top: 70px;
}
.index .part3 .txt a {
	display: block;
	color: #fff;
}
.index .part3 .txt h3 {
	font-size: 24px;
}
.index .part3 .txt h4 {
	font-size: 16px;
	display: block;
	text-transform: uppercase;
}
.index .part3 .txt p {
	padding-top: 45px;
	color:#ffffff;
	padding-bottom: 20px;
}
.index .part3 .txt span {
	width: 68px;
	height: 36px;
	border: 1px solid #1048a0;
	display: block;
	line-height: 36px;
	text-align: center;
}
.index .part3 .txt span em {
	width: 22px;
	margin: 14px auto 0;
	height: 8px;
	background-position: -60px -100px;
	display: block;
	vertical-align: middle;
}
.index .part3 .txt a:hover span {
	border: 1px solid #fff;
}
.index .part3 .txt a:hover span em {
	background-position: -60px -120px;
}
.index .part4 {
	padding: 80px 0 0;
}
.index .part4 .steps {
	overflow: hidden;
}
.index .steps .bd {
	position: relative;
	padding: 60px 0;
}
.index .steps .bd li {
	float: left;
	width: 180px;
	height: 135px;
	margin-right: 24px;
}
.index .steps .bd li a {
	display: block;
	overflow: hidden;
}
.index .steps .bd li img {
	width: 180px;
	height: 135px;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.index .steps .bd li a:hover img {
	transform: scale(1.08, 1.08);
}
.index .steps .hd {
	position: relative;
}
.index .steps .hd ul {
	text-align: center;
}
.index .steps .hd li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 14px;
	cursor: pointer;
	background: #999;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	font-size: 0;
}
.index .steps .hd li.on {
	background: #1048a0;
}
.index .floor_4 {
	padding: 60px 0;
}
.index .floor_4 .textlist .list {
	width: 100%;
}
.index .floor_4 .textlist {
	position: relative;
	overflow: hidden;
	padding-top: 10px;
}
.index .textlist li {
	float: left;
	width: 295px;
	height: 145px;
    border: 1px #fff solid;
    background: url("../../uploads/allimg/hezuo1.png");
    border-radius: 10px;
}

.index .textlist li:hover {
	float: left;
	width: 295px;
	height: 145px;
    border: 1px #ccc solid;
/*    transform: translate3d(0px, -3px, 0px);*/
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("../../uploads/allimg/hezuo2.png");
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
/*1111111111111*/
.index .textlist ul.h1 {
	float: left;
	height: 150px;
    overflow: visible;
}
.index .textlist ul.h1 li.w1 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png");
    border-radius: 10px;
}

.index .textlist ul.h1 li.w1:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png");
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h1 li.w2 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -280px 0;
    border-radius: 10px;
}

.index .textlist ul.h1 li.w2:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -280px 0;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h1 li.w3 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -580px 0;
    border-radius: 10px;
}

.index .textlist ul.h1 li.w3:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -580px 0;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h1 li.w4 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -930px 0;
    border-radius: 10px;
}

.index .textlist ul.h1 li.w4:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -930px 0;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h1 li.w5 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -1220px 0;
    border-radius: 10px;
}

.index .textlist ul.h1 li.w5:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -1220px 0;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
/*22222222222222222222*/
.index .textlist ul.h2 {
	float: left;
	height: 150px;
    overflow: visible;
}
.index .textlist ul.h2 li.w1 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat 0 -150px;
    border-radius: 10px;
}

.index .textlist ul.h2 li.w1:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat 0 -150px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h2 li.w2 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -280px -150px;
    border-radius: 10px;
}

.index .textlist ul.h2 li.w2:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -280px -150px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h2 li.w3 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -580px -150px;
    border-radius: 10px;
}

.index .textlist ul.h2 li.w3:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -580px -150px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h2 li.w4 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -930px -150px;
    border-radius: 10px;
}

.index .textlist ul.h2 li.w4:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -930px -150px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h2 li.w5 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -1220px -150px;
    border-radius: 10px;
}

.index .textlist ul.h2 li.w5:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -1220px -150px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
/*333333333333333333333*/
.index .textlist ul.h3 {
	float: left;
	height: 150px;
    overflow: visible;
}
.index .textlist ul.h3 li.w1 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat 0 -300px;
    border-radius: 10px;
}

.index .textlist ul.h3 li.w1:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat 0 -300px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h3 li.w2 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -280px -300px;
    border-radius: 10px;
}

.index .textlist ul.h3 li.w2:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -280px -300px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h3 li.w3 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -580px -300px;
    border-radius: 10px;
}

.index .textlist ul.h3 li.w3:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -580px -300px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h3 li.w4 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -930px -300px;
    border-radius: 10px;
}

.index .textlist ul.h3 li.w4:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -930px -300px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h3 li.w5 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -1220px -300px;
    border-radius: 10px;
}

.index .textlist ul.h3 li.w5:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -1220px -300px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
/*444444444444444444444*/
.index .textlist ul.h4 {
	float: left;
	height: 150px;
    overflow: visible;
}
.index .textlist ul.h4 li.w1 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat 0 -450px;
    border-radius: 10px;
}

.index .textlist ul.h4 li.w1:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat 0 -450px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h4 li.w2 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -280px -450px;
    border-radius: 10px;
}

.index .textlist ul.h4 li.w2:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -280px -450px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h4 li.w3 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -580px -450px;
    border-radius: 10px;
}

.index .textlist ul.h4 li.w3:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -580px -450px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h4 li.w4 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -930px -450px;
    border-radius: 10px;
}

.index .textlist ul.h4 li.w4:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -930px -450px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.index .textlist ul.h4 li.w5 {
	float: left;
	width: 295px;
    border: 1px #fff solid;
    background: url("/uploads/allimg/hezuo1.png") no-repeat -1220px -450px;
    border-radius: 10px;
}

.index .textlist ul.h4 li.w5:hover {
	float: left;
	width: 295px;
    border: 1px #ccc solid;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
    background: url("/uploads/allimg/hezuo2.png") no-repeat -1220px -450px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}

/*00000000000000000000000*/

/*↓组图样式↓*/
.HS10, .HS15 {
	overflow: hidden;
	clear: both;
}
.HS10 {
	height: 10px;
}
.HS15 {
	height: 15px;
}
.Hidden {
	display: none;
}
.Clearer {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
.FlLeft {
	float: left;
}
.FlRight {
	float: right;
}
/*幻灯片区域背景*/
.MainBg {
	width: 920px;
	margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
	padding: 0;
}
#OriginalPic {
	width: 920px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}
#OriginalPic img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
/*鼠标手势*/
.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	left: 0;
	cursor: url(../images/CurL.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}
.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	right: 0;
	cursor: url(../images/CurR.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 920px;
	margin: 0 auto;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
}
.ThumbPicBorder #btnPrev {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 20px;
}
.ThumbPicBorder #btnNext {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}
.ThumbPicBorder .pic {
	width: 755px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
}
#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 5px;
	width: 135px;
	height: 108px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 3px solid #1048a0;
}
/*↑组图样式↑*/

/*        <!--业务板块开始-->*/

.card {
  -webkit-perspective: 150rem;
          perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
 height: 520px;/* 52rem*/
}
.card__side {
    height: 420px;/* 52rem*/
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: absolute;
    top: 0;
    left: 2px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px;
    overflow: hidden;
/*
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
*/
}

.card__side--front {
/*  background-color: #fff; */
}

.card__side--front-1 {
  background: #efefef;
  padding-top: 100px;
}

.card__side--front-2 {
  background: #efefef;
  padding-top: 100px;
    clear: both;
}

.card__side--front-3 {
  background: #efefef;
  padding-top: 100px;
}

.card__side--front-4 {
  background: #efefef;
  padding-top: 100px;
}

.card__side--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
    height: 520px;
}

.card__side--back-1 {
  background: #004088;
}

.card__side--back-2 {
  background: #004088;
}

.card__side--back-3 {
  background: #004088;
}

.card__side--back-4 {
  background: #004088;
}

.card:hover .card__side--front-1,
.card:hover .card__side--front-2,
.card:hover .card__side--front-3,
.card:hover .card__side--front-4 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card__title i {
    margin-bottom: 70px;

}

.card__title--1 .fas {
  font-size: 50px;/*5rem*/
}

.card__title--2 .fas {
  font-size: 50px;/*5rem*/
}

.card__title--3 .fas {
  font-size: 50px;/*5rem*/
}

.card__title--4 .fas {
  font-size: 50px;/*5rem*/
}

.card__heading {
  font-size: 30px;/*3rem*/
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  color: #004088;
  width: 75%;
}

.card__heading-span {
 padding: 10px 15px;/* 1rem 1.5rem*/
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.card__details {
 padding: 20px;/* 2rem 2rem*/
}

.card__details ul {
  list-style: none;
  width: 80%;
  margin: 0 auto;
}

.card__details ul li {
  text-align: center;
  font-size: 16px;
    font-stretch: narrower;
  
  color: #aaaaaa;
  padding: 10px;
    height: 60px;
  white-space:nowrap;
}

.card__details ul li:not(:last-child) {
  border-bottom: 3px solid #004088;
}

.card__cta {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
}

.card__price-box {
  text-align: center;
  color: #fff;
    padding-top: 50px;
  margin-bottom: 20px;
}

.card__price-only {
  font-size: 16px;/*1.8rem*/
  text-transform: uppercase;
}

.card__price-value {
  font-size: 14px;/*1.4rem*/
  font-weight: 100;
    padding: 12px;/*1.2rem*/
}

.row {
  max-width: 1580px;
/*  max-width: 114rem;*/
  margin: 0 auto;
}

.row:not(:last-child) {
  margin-bottom: 80px;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.row [class^="col-"] {
  float: left;
}

.row [class^="col-"]:not(:last-child) {
  margin-right: 120px;
/*    margin-right: 12rem;*/
}

.row .col-1-of-4 {
width: 300px;
/*  width: calc((100% - 2 * 6rem) / 4);*/
}

.btny:link, .btn:visited {
/*  text-transform: uppercase;*/
  text-decoration: none;
    padding-top: 15px;
  display: inline-block;
  border-radius: 10px;/*0.5rem*/
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  font-size: 16px;/*1.6rem*/
  line-height: 16px;
  border: none;
  cursor: pointer;
  width: 120px;
  height: 30px;
  margin-bottom: 50px;
}

.btny:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btny:hover::after {
  -webkit-transform: scaleX(1.4) scaleY(1.6);
          transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}

.btny:active, .btny:focus {
  outline: none;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn--white {
    display: block;
  background-color: #fff;
  color: #777;
}

.btn--white::after {
  background-color: #fff;
}

.btn--green {
  background: -webkit-gradient(linear, left top, right top, from(#fc466b), to(#3f5efb));
  background: linear-gradient(to right, #fc466b, #3f5efb);
  color: #fff;
}

.btn--green::after {
  background-color: #55c57a;
}
/*        <!--业务板块结束-->*/

.ipatent_main {
	width: 100%;
    height: 840px;
/*
	background: url(../images/patent.jpg) no-repeat center bottom;
	

	overflow: hidden;*/
}
.ipatent_main .floor {
/*	overflow: hidden;*/
    padding-top: 190px;
}
.ipatent_main .title {
	color: #fff;
}
.ipatent_main .title h3 {
	background: url(../images/title1.png) no-repeat center;
}
.ipatent {
	padding-top: 40px;
}
.ipatent .item {
	width: 400px;
	height: 350px;
	background: url(../images/pat_bk.png) no-repeat left top;
	float: left;
/*	margin-left: 37px;*/
}
.ipatent .item:first-child {
	margin-left: 0;
}
.ipatent .item a {
	display: block;
	padding: 30px;
}
.ipatent .item .img {
    width: 400px;
    height: 210px;
    text-align: center;
    padding-left: 115px;
/*	width: 64px;
	height: 60px;*/
	
/*position: relative;
	margin-right: 40px;
	margin-left: 22px;
	margin-top: 10px;
*/
}
.ipatent .item .img img {
/*	position: absolute;
	left: 0;
	top: 0;
	width: 100%;*/
	display: block;
}
.ipatent .item .txt {
	width: 400px;
    color: #fff;
	padding-left: 20px;
}
.ipatent .item .txt h3 {
	font-size: 80px;
    height: 80px;
    text-align: center;
	font-weight: bold;
    height: 80px;
}
.ipatent .item .txt p {
	font-family: arial;
	color: #cccccc;
	padding-top: 0;
    font-size: 25px;
    text-align: center;
}