section {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flow-root;
}

.banner {
	position: relative;
	/*width: 1400px;*/
	width: 100%;
	overflow: hidden;
	z-index: 9;
	margin: 0 auto;
}

.banner .slideBox {
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.banner .slideBox .hd {
	position: absolute;
	z-index: 12;
	bottom: 5%;
	height: 13px;
	overflow: hidden;
	left: 50%;
	margin-left: -57.5px;
}

.banner .slideBox .hd ul li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 5px;
}

.banner .slideBox .hd ul li.on {
	background-color: #464646;
}

.banner .slideBox .bd {
	overflow: hidden;
	width: 100%;
}

.banner .slideBox .bd ul li img {
	width: 100%;
	/*height: 420px;*/
	margin: 0;
}

.banner .slideBox .prev {
	position: absolute;
	width: 30px;
	height: 118px;
	top: 50%;
	padding-left: 30px;
	margin-top: -59px;
	color: #fff;
	line-height: 118px;
	text-align: center;
	font-size: 16px;
}

.banner .slideBox .next {
	position: absolute;
	width: 30px;
	height: 118px;
	top: 50%;
	right: 0;
	margin-top: -59px;
	color: #fff;
	line-height: 118px;
	text-align: center;
	font-size: 16px;
	padding-right: 20px;
}

.news-re {
	height: 40px;
	line-height: 40px;
	background-color: #eee;
	border-bottom: 1px solid #d1d0d0;
}

.news-height {
	height: 50px !IMPORTANT;
	line-height: 50px !IMPORTANT;
}

.news-re .redian {
	width: 1000px;
	margin: 0 auto;
}

.news-re .redian .times {
	color: #656666;
	padding-left: 45px;
}

.line2 .times{
    float:right;
}

.news-re .redian .lan {
	float: left;
	display: block;
	color: #656666;
}

.news-re .redian .lan:hover {
	color: #2681d8;
}

.news-re .news-1 img {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}

.news-re .news-1 span {
	color: #2681d8;
}

.home1, .home3, .home4, .home5 {
	width: 100%;
	margin: 0;
	padding:10px 0;
}

.home1-top h4, .home3-top h4, .home4-top h4 {
	font-size: 30px;
	color: #000;
	text-align: center;
}

.home1-top p, .home3-top p {
	font-size: 16px;
	color: #727272;
	text-align: center;
	padding-top: 15px;
}

.home1-list, .home3-list, .home4-list, .home5-list, .friendship-list {
	width: 100%;
	margin-top: 30px;
}

.home1-list ul li {
	float: left;
	width: 227px;
	margin-left: 30px;
}

.home1-list ul li:first-child {
	margin-left: 0;
}

.home1-img {
	width: 227px;
	height: 164px;
	line-height: 164px;
	text-align: center;
	background: url(../images/icon1.png)no-repeat;
	background-size: contain;
	font-size: 20px;
	color: #fff;
	cursor: default;
}

.home1-list ul li h5 {
	margin-top: 20px;
	text-align: center;
	font-size: 23px;
	color: #000;
}

.home1-list ul li p {
	padding-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 13px;
	color: #000;
	line-height: 20px;
}

.home2 {
	width: 100%;
	position: relative;
	background-color: #e8534f;
	background-size: 100% 100%;
	padding: 80px 0;
}

.home2-lt {
	float: left;
	width: 50%;
}

.home2-lt h4 {
	font-size: 34px;
	color: #fff;
}

.home2-lt p {
	font-size: 15px;
	color: #fff;
	padding-top: 20px;
	line-height: 25px;
}

.home2-rt {
	float: right;
	width: 50%;
	text-align: center;
}

.home3-top {
	position: relative;
}

.home3-top a {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
	color: #fb101a;
}

.home3-list ul li {
	float: left;
	width: 180px;
	margin-left: 25px;
	margin-bottom: 10px;
}

.home3-list ul li:nth-child(5n+1) {
	margin-left: 0;
}

.home3-img {
	width: 180px;
	height: 180px;
}

.home3-img img {
	width: 100%;
}

.home3-list ul li h4 {
	text-align: center;
	font-size: 16px;
	color: #333;
	margin: 8px 0 6px;
}

.home3-list ul li p {
	text-align: center;
	font-size: 14px;
	color: #666;
}

.home4-list ul li {
	float: left;
	width: 125px;
}

.home4-img {
	width: 90px;
	margin: 0 auto;
}

.home4-list ul li p {
	font-size: 13px;
	color: #000;
	padding-top: 30px;
	text-align: center;
	margin: 0 auto;
	width: 90px;
}

.home5 {
	background-color: #f5f5f5;
}

.home5-top h4, .friendship-top h4 {
	font-size: 30px;
	color: #fff;
	text-align: center;
}

.home5-top p, .friendship-top p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding-top: 15px;
}

.home5-icn {
	float: left;
	width: 100%;
	height: 300px;
}

.home5-icn .sieze {
	padding-top: 10px;
	color: #666666;
	width: 100%;
	line-height: 25px;
	height: 300px;
	overflow: hidden;
}

.home5-icn .sieze img {
	width: 200px;
	float: left;
	margin-right: 20px;
}

.home5-icn:first-child {
	margin-left: 0;
}

.home-left {
	width: 60%;
	float: left;
	background-color: #fff;
	padding: 10px;
}

.home-right {
	width: 35%!important;
	float: right;
	background-color: #fff;
	padding: 10px;
}

.icn-tp {
	width: 100%;
	position: relative;
	color: #fff;
	font-size: 16px;
	height: 33px;
	border-bottom: 3px solid #0c6188;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

.icn-tp h2 {
	font-size: 18px;
	color: #000;
	border-bottom: 3px solid #10a5ea;
	padding-right: 40px;
	height: 30px;
	width: 110px;
}

.icn-tp a {
	font-weight: 700;
	position: absolute;
	right: 15px;
	color: #000;
	font-size: 12px;
	top: 10px;
}

.honea .news-word1 {
	padding-top: 20px;
	text-align: center;
}

.icn-news {
	margin-top: 30px;
	margin-right: 10px;
	margin-left: 10px;
}

.icn-news h5 {
	width: 100%;
	border-bottom: 1px dashed #fff;
	height: 40px;
	line-height: 40px;
}

.icn-news h5 a {
	color: #0075c2;
	font-size: 13px;
	margin-right: 15px;
	margin-left: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90%;
}

.icn-news ul {
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
}

.icn-news ul li {
	background: url(../images/list.png)no-repeat left center;
	padding-left: 15px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	height: 30px;
}

.icn-news ul li a {
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.friendship {
	padding-top: 40px;
}

.friendship-list {
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.friendship-list a {
	color: #fff;
	margin-right: 10px;
	margin-left: 10px;
}

.advice {
	width: 45px;
	height: 130px;
	position: fixed;
	top: 50%;
	margin-top: 40px;
	z-index: 20;
	right: 0;
}

.advice-qq {
	width: 100px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-mz-border-radius: 10px;
	position: fixed;
	right: 0;
	top: 50%;
	display: black;
}

.online-qq {
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	text-align: center;
}

.close1 {
	position: absolute;
	right: 0;
	top: -12px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	color: #000;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-mz-border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

.service {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}
.service-qq
{
	padding-top: 10px;
}
.service-qq ul li {
	width: 100%;
	height: 22px;
	margin-bottom: 15px;
	text-align: center;
}

.service-qq img {
	width: 23px;
}

.service-tel ul li {
	text-align: center;
	margin-bottom: 5px;
}

.service-tel ul li h5 {
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}

.service-tel ul li p {
	font-size: 12px;
	color: #e66d15;
}

.advice-btn img {
	width: 100%;
}

#fade {
	width: 100%;
	height: 100%;
	filter: alpha(opacity:60);
	opacity: 0.6;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	background-color: #000;
	display: none;
}

#demand {
	background-color: #fff;
	width: 690px;
	padding: 20px 40px;
	position: fixed;
	top: 15%;
	z-index: 100;
	left: 50%;
	margin-left: -385px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-mz-border-radius: 15px;
	-ms-border-radius: 15px;
	display: none;
}

#demand .close {
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

.xq h4 {
	font-size: 26px;
	text-align: center;
	color: #666;
}

.xq-main {
	margin-top: 20px;
	width: 100%;
}

.xq-lt, .xq-rt {
	float: left;
	width: 50%;
}

.xq-lt ul {
	width: 80%;
	margin: 0 auto;
}

.xq-lt ul li {
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
}

.xq-lt ul li:last-child {
	margin-bottom: 0;
}

.xq-lt ul li input {
	width: 100%;
	height: 100%;
	background-color: #dbdde1;
	border: none;
	outline: none;
	padding: 0 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	color: #666;
	font-size: 12px;
}

.xq-lt ul li input.on, .detailed textarea.on {
	background-color: #fff;
	border: 1px solid #fb101a;
}

.package, .detailed {
	width: 80%;
	margin: 0 auto;
}

.package h5, .detailed h5 {
	font-size: 16px;
	text-align: center;
	color: #333;
	font-weight: bold;
}

.package ul {
	margin-top: 5px;
}

.package ul li {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #dbdde1;
	color: #666;
	font-size: 12px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
}

.package ul li:last-child {
	margin-bottom: 5px;
}

.package ul li p {
	padding-left: 15px;
}

.package ul li span {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -6px;
}

.package ul li.on {
	background-color: #fb101a;
	color: #fff
}

.detailed textarea {
	width: 100%;
	background-color: #dbdde1;
	border: none;
	outline: none;
	padding: 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	color: #666;
	font-size: 12px;
	margin-top: 5px;
	resize: none;
	height: 93px;
}

.xq-btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 20px 0;
	text-align: center;
}

.xq-btn button {
	color: #fff;
	background-color: #fb101a;
	font-size: 16px;
	width: 230px;
	height: 40px;
	border: none;
	outline: none;
	box-shadow: 0 0 8px rgba(0,0,0,.6);
}

.aboutus-menu {
	width: 100%;
	background-color: #fff;
	display: inline-block;
}

.aboutus-menu ul {
	/* width: 600px;    margin: 0 auto;*/
	float: right;
	height: 85px;
}

.aboutus-menu ul li {
	float: left;
	width: 120px;
	text-align: center;
	margin: 16px 0;
}

.aboutus-menu ul li .menu-img {
	width: 50px;
	height: 50px;
	margin: 0 auto;
}

.aboutus-menu ul li p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
}

.banner img {
	width: 100%;
}

.aboutus1 {
	width: 100%;
	padding: 20px 0 35px;
}

.aboutus2 {
	background-color: #efefef;
	width: 100%;
	padding: 40px 0 35px;
}

.aboutus1-lt {
	float: left;
}

.aboutus1-hd {
	width: 350px;
	padding-left: 28px
}

.aboutus1-hd img {
	width: 100%;
}

.aboutus1-bd {
	margin-top: 10px;
	width: 100%;
}

.aboutus1-bd p {
	font-size: 14px;
	color: #130e0b;
	line-height: 25px;
	text-indent: 32px;
	padding-top: 20px;
}

.aboutus-rt {
	float: left;
	width: 450px;
	text-align: center;
}

.aboutus-rt img {
	margin-top: 60px;
}

.aboutus2-bd {
	width: 100%;
	margin-top: 10px;
}

.aboutus2-bd h4 {
	font-size: 25px;
	padding-left: 32px;
	color: #130e0b;
	line-height: 30px;
	font-family: "黑体";
}

.aboutus2-bd p {
	padding-top: 5px;
	padding-bottom: 20px;
	text-indent: 32px;
	font-size: 16px;
	color: #130e0b;
	line-height: 25px;
	font-family: "黑体";
}

.team1 {
	width: 100%;
	background-color: #fff;
	padding: 35px 0;
}

.team1-list {
	margin-right: 15px;
	margin-left: 15px;
}

.team1-list ul li {
	float: left;
	width: 24%;
	margin-left: 1.333%;
	position: relative;
}

.team1-list ul li:first-child {
	margin-left: 0;
}

.team1-list ul li img {
	width: 100%;
}

.team2 {
	width: 100%;
	background-color: #f2ac3a;
	padding: 50px 0 100px;
}

.imgBox {
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.imgBox img {
	width: 100%;
}

.tema2-img {
	position: absolute;
	top: 0;
	left: 50px;
}

.team-txt {
	height: 45px;
	margin-top: 20px;
	line-height: 45px;
	width: 80%;
	text-align: center;
}

.team-txt span {
	background: url(../images/icon3.png)no-repeat;
	background-size: 100% 100%;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	font-size: 20px;
	color: #000;
}

.team-txt span strong {
	font-size: 30px;
}

.team3 {
	width: 100%;
	background-color: #d80d18;
	padding-bottom: 50px;
	position: relative;
}

.team3 .slider {
	position: relative;
	width: 100%;
	min-width: 500px;
	height: 333px;
	overflow: hidden;
	text-align: center;
	display: block;
}

.team3 .slider .bd {
	width: 500px;
	position: absolute;
	left: 50%;
	margin-left: -250px;
}

.team3 .slider .bd ul li {
	float: left;
	width: 500px;
	overflow: hidden;
	box-shadow: 0 11px 17px rgba(4,0,0,.5);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	cursor: pointer;
}

.team3 .slider .bd ul li img {
	width: 100%;
}

.team3 .slider .tempWrap {
	overflow: visible !important;
}

.team3 .slider .tempWrap ul {
	margin-left: -500px !important;
 /*强制位置*/
}

.team3 .slider .hd {
	width: 100%;
	height: 10px;
	text-align: center;
	position: absolute;
	bottom: 15px;
	z-index: 1;
	left: 0;
}

.team3 .slider .hd ul {
	position: absolute;
	left: 50%;
	margin-left: -30px;
}

.team3 .slider .hd ul li {
	width: 10px;
	height: 10px;
	background: url(../images/line.png)no-repeat;
	cursor: pointer;
	float: left;
	margin: 0 5px;
	display: inline-block;
	overflow: hidden;
	*display: inline;
	zoom: 1;
	text-indent: -999px;
	overflow: hidden;
}

.team3 .slider .hd ul li.on {
	background: url(../images/line2.png)no-repeat;
}

.team3 .slider .pnBtn {
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 335px;
	cursor: pointer;
}

.team3 .slider .prev {
	left: -50%;
	margin-left: -250px;
}

.team3 .slider .next {
	left: 50%;
	margin-left: 250px;
}

.team3 .slider .pnBtn .blackBg {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 333px;
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.team3 .slideBox {
	width: 100%;
	position: relative;
	margin: 0 auto;
	display: none;
}

.team3 .slideBox .hd {
	position: absolute;
	z-index: 1;
	bottom: 5%;
	height: 10px;
	overflow: hidden;
	left: 50%;
	margin-left: -30px;
}

.team3 .slideBox .hd ul li {
	width: 10px;
	height: 10px;
	background: url(../images/line.png)no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	float: left;
	margin: 0 5px;
}

.team3 .slideBox .hd ul li.on {
	background: url(../images/line2.png)no-repeat;
	background-size: 100% 100%;
}

.team3 .slideBox .bd {
	overflow: hidden;
	width: 100%;
}

.team3 .slideBox .bd ul li img {
	width: 100%;
}

.team3-txt {
	width: 100%;
	margin-top: 20px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}

.team3-txt strong {
	font-family: "华文彩云";
	font-size: 30px;
}

.team4 {
	width: 100%;
	background-color: #fff;
	padding: 40px 0;
	height: 563px;
}

.team4-lt {
	width: 647px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	height: 483px;
}

.team4-lt img {
	width: 100%;
}

.team4-rt {
	position: absolute;
	right: 0;
	top: 80px;
	width: 647px;
	z-index: 2;
	height: 467px;
}

.team4-rt img {
	width: 100%;
}

.employ {
	width: 100%;
	background: url(../images/background.jpg)repeat;
}

.employ1 {
	width: 100%;
	padding: 20px 0 40px;
}

.employ1 h4, .employ2-two h4 {
	font-size: 30px;
	width: 100%;
	text-align: center;
	color: #545454;
}

.employ1 h4 span, .employ2-two h4 span, .employ2-hd h4 span {
	background: url(../images/employ1.png)no-repeat;
	width: 226px;
	height: 60px;
	display: inline-block;
	line-height: 60px;
}

.emp1 {
	width: 100%;
	margin-top: 20px;
}

.emp1 p {
	font-size: 18px;
	color: #000;
	font-family: "华文行楷";
	text-align: center;
	line-height: 25px;
}

.employ1-list {
	width: 100%;
	margin-top: 30px;
}

.employ1-list ul {
	width: 900px;
	margin: 0 auto;
}

.employ1-list ul li {
	float: left;
	width: 300px;
	text-align: center;
}

.employ1-list ul li h5 {
	margin-top: 20px;
	font-size: 18px;
	color: #000;
	margin-bottom: 5px;
}

.employ1-list ul li p {
	font-size: 14px;
	color: #000;
	line-height: 25px;
}

.employ2 {
	width: 100%;
	padding: 0;
	margin: 0;
}

.employ2-hd {
	width: 100%;
	background: url(../images/emp2.png)no-repeat;
	background-size: 100% 100%;
	height: 204px;
}

.employ2-hd h4 {
	font-size: 30px;
	width: 100%;
	text-align: center;
	color: #545454;
	padding-top: 70px;
}

.employ2-bd {
	width: 100%;
	background-color: #82e8f1;
	padding: 0 0 80px;
}

.employ2-one {
	width: 100%;
	text-align: center;
}

.employ2-two {
	width: 100%;
	margin-top: 30px;
}

.employ2-main {
	width: 100%;
	margin-top: 30px;
}

.employ2-list {
	width: 320px;
	background-color: #fff;
	float: left;
	padding: 15px 25px 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-mz-border-radius: 10px;
	margin-left: 20px;
	position: relative;
}

.employ2-list:first-child {
	margin-left: 0;
}

.employ2-list h4 {
	font-size: 18px;
	color: #808080;
	height: 30px;
	line-height: 30px;
	text-align: left;
}

.employ2-list h4 strong {
	color: #ffc000;
	font-size: 28px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	font-family: "宋体";
}

.employ2-list ul {
	width: 100%;
	margin-top: 30px;
}

.employ2-list ul li {
	width: 100%;
	border-bottom: 1px dashed #808080;
	height: 30px;
	line-height: 35px;
	color: #808080;
	font-size: 16px;
	padding-bottom: 5px;
}

.employ2-list .weixin {
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -23px;
}

.employ2-three {
	width: 100%;
	margin-top: 20px;
}

.employ2-three img {
	width: 100%;
}

.employ3 {
	width: 100%;
	padding-bottom: 30px;
}

.employ3-main {
	width: 100%;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	height: 400px;
	margin-bottom: 20px;
}

.employ3-lt {
	float: left;
	width: 50%;
}

.employ3-img1 {
	float: left;
	width: 50%;
	height: 400px;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	position: relative;
}

.employ3-img1 img {
	width: 100%;
	height: 100%;
}

.employ3-img2 {
	float: left;
	width: 50%;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

.img2-down {
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	width: 100%;
	height: 200px;
	position: relative;
}

.img4-down {
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	width: 100%;
	height: 210px;
	position: relative;
}

.img2-up {
	width: 100%;
	height: 200px;
	position: relative;
}

.img4-up {
	width: 100%;
	height: 190px;
	position: relative;
}

.img2-down img, .img2-up img, .img4-down img, .img4-up img {
	width: 100%;
	height: 100%;
}

.employ3-rt {
	float: left;
	width: 50%;
}

.employ3-img3 {
	width: 35%;
	height: 400px;
	float: left;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

.employ3-img3 img {
	width: 100%;
	height: 100%;
}

.employ3-img4 {
	float: left;
	width: 65%;
}

.masking {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
}

.employ3 p {
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 30px;
}

.employ4 {
	width: 100%;
	background-color: #fff;
	padding: 10px 0 60px;
}

.employ4 h4 {
	font-size: 20px;
	color: #000;
	text-align: center;
}

.employ4 .slideTxtBox {
	width: 100%;
	margin-top: 30px;
}

.employ4 .slideTxtBox .hd {
	width: 800px;
	height: 50px;
	margin: 0 auto;
}

.employ4 .slideTxtBox .hd ul li {
	float: left;
	width: 180px;
	border: 1px solid #d3d3d3;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	color: #000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	margin-left: 20px;
	cursor: pointer;
}

.employ4 .slideTxtBox .hd ul li.on {
	background-color: #d80d18;
	color: #fff;
}

.employ4 .slideTxtBox .bd {
	width: 100%;
	margin-top: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
	border: 1px solid #d3d3d3;
	padding: 10px 20px 30px;
}

.employ4 .slideTxtBox .bd ul li.employ-li {
	width: 100%;
	border-bottom: 1px solid #d3d3d3;
	cursor: pointer;
}

.employ4 .slideTxtBox .bd ul li.employ-hd {
	width: 100%;
	border-bottom: 1px solid #d3d3d3;
}

.employ-list {
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.employ-list ul li {
	float: left;
	font-size: 15px;
	color: #000;
}

.employ-list ul li.post {
	width: 50%;
	position: relative;
}

.employ-list ul li.post p {
	float: left;
	width: 65%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.employ-list ul li.post .hot {
	position: absolute;
	right: 10px;
}

.employ-list ul li.post span {
	float: left;
	margin-left: 5px;
}

.employ-list ul li.category {
	width: 15%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.employ-list ul li.workplace {
	width: 15%;
	text-align: center;
}

.employ-list ul li.datetime {
	width: 20%;
	text-align: center;
}

.employ-content {
	background-color: #f6f6f6;
	padding: 20px 20px;
	position: relative;
	margin-bottom: 15px;
	display: none;
}

.employ-content em.icon {
	display: block;
	position: absolute;
	top: -18px;
	left: 10px;
	border-style: dashed dashed solid;
	border-color: transparent transparent #f6f6f6;
	border-width: 10px;
}

.job-duty h5, .job-duty p {
	font-size: 15px;
	color: #2e2e2e;
	line-height: 25px;
}

.job-deliver {
	margin-top: 20px;
	font-size: 15px;
	color: #2e2e2e;
	line-height: 25px;
}

.partner {
	width: 100%;
	background-color: #f0f1f1;
	padding: 40px 0;
}

.partner-list ul li {
	background-color: #fff;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
}

.partner-list ul li:nth-child(4n+1) {
}

.partner-img {
	width: 120px;
	margin: 0 auto;
	position: relative;
	height: 100px;
}

.partner-img > a >img {
	width: 100%;
	transition: .1s transform;
	transform: translateZ(0);
}

.partner-img:hover {
	z-index: 1;
}

.partner-txt {
	width: 100%;
	padding: 15px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

.partner-txt1 {
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-mz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.partner-txt1 span {
	float: left;
	margin-left: 5px;
}

.partner-txt1 span:first-child {
	margin-left: 0;
	width: 100%;
	text-align: center;
}

.partner-txt2 {
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #939292;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-mz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.partner-txt2 span {
	float: left;
	margin-left: 5px;
}

.partner-txt2 span:first-child {
	margin-left: 0;
}

.pages {
	width: 100%;
	height: 35px;
	margin: 30px auto;
	position: relative;
}

.pages ul {
	height: 35px;
	margin-top: 0;
	position: absolute;
	left: 25%;
}

.pages ul li.item {
	float: left;
	text-align: center;
	cursor: pointer;
	padding: 1px 10px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	margin-left: 5px;
}

.pages ul li.prev {
	margin-left: 0;
}

.pages ul li.item a {
	color: #000;
}

.pages ul li.on {
	background-color: #fb101a;
}

.pages ul li.on a {
	color: #fff;
}

.partner-detail {
	width: 100%;
	background-color: #fff;
	padding: 40px 0;
}

.partner-hd {
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.partner-hd h4 {
	font-size: 20px;
	color: #d80d18;
	float: left;
	width: 90%;
	text-align: center;
}

.partner-hd a {
	float: right;
	font-size: 14px;
	color: #000;
}

.partner-hd a strong {
	color: #0076c5;
	margin-left: 5px;
}

.partnerimg {
	width: 100%;
	margin-top: 30px;
}

.partnerimg img {
	width: 100%;
}

.partner-bd {
	width: 75%;
	margin: 30px auto;
}

.partnertxt1 {
	width: 100%;
	margin-top: 20px
}

.partnertxt1 h4 {
	font-size: 25px;
	color: #000;
	padding: 20px 0;
}

.partnertxt1 p, .partnertxt2 p {
	font-size: 15px;
	color: #000;
	text-indent: 30px;
	line-height: 25px;
}

.partnertxt2, .partnertxt3 {
	width: 100%;
}

.partnertxt2 h4, .partnertxt3 h4 {
	font-size: 15px;
	color: #000;
	padding: 20px 0;
	text-indent: 30px;
}

.partnertxt3 p {
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

.partner-share {
	margin: 20px auto;
}

.share {
	float: left;
	height: 29px;
}

.share span {
	float: left;
	margin: 5px 5px 5px 0;
}

.bdsharebuttonbox {
	float: left;
}

.plan {
	float: right;
}

.plan a {
	font-size: 20px;
	color: #fff;
	width: 265px;
	background-color: #d80d18;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-mz-border-radius: 10px;
	padding: 15px 0;
}

.plan a p {
	line-height: 25px;
}

.news1 {
	width: 100%;
	background-color: #fff;
	padding: 50px 0 0;
}

.headline {
	width: 100%;
	border-bottom: 3px solid #848484;
	padding-bottom: 20px;
}

.headline-lt {
	width: 50%;
}

.headline-lt h4 {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.headline-lt h4 a {
	font-size: 25px;
	color: #000;
}

.headline-lt h4 span.newstop {
	font-size: 13px;
	color: #fff;
	background-color: #d90d18;
	padding: 1px 10px;
	position: absolute;
	bottom: 1px;
}

.headline-lt p {
	font-size: 14px;
	color: #000;
	line-height: 20px;
	width: 84%;
}

.headline-lt p a {
	color: #d90d18;
}

.headline-list {
	width: 100%;
	margin-top: 20px;
}

.headline-list ul li {
	width: 100%;
	height: 25px;
	line-height: 25px;
	position: relative;
	font-size: 14px;
	color: #000;
}

.headline-list ul li a {
	color: #000;
}

.headline-list ul li span.news-time {
	position: absolute;
	right: 0;
}

.news2 {
	width: 100%;
	background-color: #fff;
	padding-bottom: 50px;
}

.new2-list {
	width: 100%;
}

.new2-list ul li {
	width: 100%;
	border-bottom: 1px dashed #cdcdcd;
	height: 30px;
	line-height: 30px;
}

.new2-list ul li .news2-img {
	float: left;
	width: 180px;
}

.new2-list ul li .news2-img  img {
	width: 150px;
}

.new2-list ul li .news2-txt {
	float: left;
	margin-left: 20px;
	width: 800px;
	position: relative;
}

.new2-list ul li .news2-txt h4 a {
	font-size: 21px;
	color: #000;
}

.new2-list ul li .news2-txt h4 span.news2-time {
	color: #69a1e6;
	font-size: 12px;
	margin-left: 20px;
}

.new2-list ul li .news2-txt .news-word {
	padding-top: 10px;
	color: #848484;
	font-size: 14px;
	line-height: 20px;
}

.new2-list .clear h4 {
	font-size: 14px;
	padding-bottom: 20px;
}

.new2-list .clear .news2-time {
	float: right;
	font-size: 12px;
	color: #69a1e6;
}

.news-page {
	width: 100%;
	height: 33px;
	line-height: 33px;
	position: relative;
}

.news-page ul {
	position: absolute;
	left: 20%;
}

.news-page ul li {
	float: left;
}

.news-page ul li.item {
	width: 25px;
	text-align: center;
}

.news-page ul li.prev, .news-page ul li.next {
	width: 50px;
}

.news-page ul li.item a {
	color: #32352e;
	font-size: 14px;
	font-family: "新宋体";
}

.news-page ul li.totalpages {
	margin-left: 15px;
	color: #32352e;
	font-size: 14px;
	font-family: "新宋体";
}

.news-page ul li.page-txt {
	float: left;
	width: 150px;
	height: 33px;
	margin-left: 2px;
}

.news-page ul li.page-txt input {
	width: 100%;
	height: 23px;
	border: 1px solid #a7a7a7;
	padding: 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

.news-page ul li.page-btn {
	float: left;
	margin-left: 5px;
}

.news-page ul li.page-btn a {
	border: 1px solid #a7a7a7;
	background-color: #f6f6f6;
	width: 25px;
	height: 23px;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	color: #000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

.news3 {
	width: 100%;
	background-color: #fff;
	padding: 40px 0;
}

.news3-tit {
	line-height: 20px;
	font-size: 14px;
	color: #000;
	margin: 0 auto;
}

.news3-tit a {
	color: #000;
}

.news3-tit a:hover {
	color: #d90d18;
}

.news3-hd {
	margin: 20px auto 0;
	text-align: center;
}

.news3-hd h4 {
	font-size: 20px;
	color: #000;
}

.news3-hd p {
	padding: 10px 0;
}

.news3-hd p span {
	color: #005c81;
	font-size: 12px;
}

.news3-hd p span.news3-class {
	margin-left: 5px;
}

.news3-hd p span.news3-class strong {
	color: #232323
}

.news3-img {
	width: 80%;
	margin: 0 auto;
}

.news3-img img {
	width: 100%;
}

.news3-txt {
	width: 80%;
	margin: 0 auto;
}

.news3-txt p {
	font-size: 14px;
	color: #1d1d1d;
	padding-top: 30px;
}

.news3-txt h5 {
	font-size: 15px;
	color: #181818;
	padding-top: 30px;
}

.news-share {
	margin: 20px auto;
}

.news3-page {
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	color: #131313;
}

.news3-page a {
	color: #131313
}

.news3-page a:hover {
	color: #005c81;
}

.news3-page .page-lt {
	float: left;
}

.news3-page .page-rt {
	float: right;
}

.border-left {
	width: 3px;
	height: 0;
	background: url(../images/height.jpg)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: -1px;
	bottom: 0;
}

.border-bottom {
	width: 0px;
	height: 3px;
	background: url(../images/width.jpg)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
}

.border-top {
	width: 0px;
	height: 3px;
	background: url(../images/width.jpg)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: -1px;
}

.border-right {
	width: 3px;
	height: 0;
	background: url(../images/height.jpg)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: -1px;
	top: 0;
}

.con-inner {
	width: 1000px;
	margin: 20px auto;
	overflow: hidden;
}

.con-left, .con-right {
	width: 500px;
}

.floatL {
	float: left;
}

.con-inner ul li.con-item1 {
	background-image: url(../images/product-second-list1.jpg);
}

.con-inner ul li.con-item3 {
	background-image: url(../images/product-second-list3.jpg);
}

.con-inner ul li.con-item5 {
	background-image: url(../images/product-second-list5.jpg);
}

.con-inner ul.con-left li {
	background-position: top right;
	background-repeat: no-repeat;
}

.con-inner ul li {
	padding-top: 241px;
	text-align: center;
}

.con-inner ul.con-left li .item-inner {
	border-right: 1px solid #e8e8e8;
}

.con-inner ul li .item-inner {
	padding-top: 50px;
	padding-bottom: 40px;
}

.con-inner ul li.con-item1 h2 {
	color: #00479d;
}

.con-inner ul li.con-item2 h2 {
	color: #2c92f0;
}

.con-inner ul li.con-item3 h2 {
	color: #90c31f;
}

.con-inner ul li.con-item4 h2 {
	color: #64c5f2;
}

.con-inner ul li.con-item5 h2 {
	color: #553fa3;
}

.con-inner ul li.con-item6 h2 {
	color: #104a89;
}

.con-inner ul li h2 {
	font-size: 46px;
	font-weight: normal;
	padding: 30px 0;
}

.con-inner ul li p {
	color: #aaa;
	line-height: 40px;
}

.con-inner ul li .dot {
	font-size: 24px;
	color: #c9c9c9;
	padding: 15px 0 30px;
}

.con-inner ul li .dot span {
	padding: 0 8px;
}

.con-inner ul li.con-item1 .btm_link {
	border-color: #00479d;
}

.con-inner ul li .btm_link {
	width: 206px;
	height: 46px;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	margin: 0 auto 10px;
}

.con-inner ul li.con-item1 .btm_link a {
	color: #00479d;
}

.con-inner ul li .btm_link a {
	width: 100%;
	height: 100%;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	text-decoration: none;
}

.con-inner ul li .btm_ask {
	width: 144px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	position: relative;
}

.con-inner ul li .btm_bg {
	width: 100%;
	height: 1px;
	font-size: 0;
	background-color: #999;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}

.con-inner ul li .btm_ask a {
	color: #666;
	font-size: 14px;
	display: inline-block;
	_display: inline;
	text-decoration: none;
	padding: 0 10px;
	background-color: #fff;
}

.con-left, .con-right {
	width: 500px;
}

.con-inner ul li.con-item2 {
	background-image: url(../images/product-second-list2.jpg);
}

.con-inner ul li.con-item4 {
	background-image: url(../images/product-second-list4.jpg);
}

.con-inner ul li.con-item6 {
	background-image: url(../images/product-second-list6.jpg);
}

.con-inner ul.con-right li {
	background-position: top left;
	background-repeat: no-repeat;
}

.weix .ser {
	padding-top: 48px;
	overflow: hidden;
}

.wrap {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.ppwz .pro .tit, .fwtg .cont .tit, .gxdz .sol .tit, .ppwz .design .tit, .hyxh .case .tit, .hyxh .cont .tit, .hyxh .fun .left, .gxdz .dis .tit, .gxdz .design .tit, .gwsc .cont .tit, .gwsc .cont .titl, .gwsc .ys .tit, .res .cont .tit, .weix .ser .tit, .weix .uses .tit, .website .up .tit, .website .case .tit, .website .str .tit, .website .pro .tit, .website .why .tit, .website .view .tit {
	-moz-animation: lp 0.8s ease-out both;
	-ms-animation: lp 0.8s ease-out both;
	-webkit-animation: lp 0.8s ease-out both;
	-o-animation: lp 0.8s ease-out both;
/* animation: lp 0.8s ease-out both; */
}

.weix .ser .tit {
	color: #000;
}

.weix .tit {
	font-size: 35px;
	text-align: center;
	line-height: 76px;
	font-weight: bold;
}

.weix .ser .box {
	padding-top: 36px;
}

.ppwz .cont .left, .ppwz .plan .list, .fwtg .cont .left, .mhjj .fun .tit, .gxdz .cont .list, .dsdp li, .hyxh .cont .txt, .gxdz .design .title, .zjzy table, .design .pro .tit, .gwsc .cont .left, .gwsc .web .tit, .res .cont .txt, .weix .ser .box .left, .weix .fun .tit, .website .up .tx, .website .str .fl, .website .why .txt, .website .view .fl {
	-moz-animation: le_2 0.8s ease-out both;
	-ms-animation: le_2 0.8s ease-out both;
	-webkit-animation: le_2 0.8s ease-out both;
	-o-animation: le_2 0.8s ease-out both;
	animation: le_2 0.8s ease-out both;
}

.fl {
	float: left;
}

.ppwz .cont .right, .ppwz .plan .tit, .fwtg .cont .right, .mhjj .fun table, .dsdp .right, .hyxh .cont .img, .design .pro .list, .gwsc .cont .right, .weix .ser .box .con, .weix .fun .list, .website .str .fr, .website .view .fr {
	-ms-animation: lr 0.8s ease-out both;
	-webkit-animation: lr 0.8s ease-out both;
	-o-animation: lr 0.8s ease-out both;
	-moz-animation: lr 0.8s ease-out both;
	animation: lr 0.8s ease-out both;
}

.weix .ser .con {
	width: 660px;
}

.fr {
	float: right;
}

.weix .ser .txt {
	padding-top: 7px;
}

.weix .ser p {
	font-size: 16px;
	color: #828282;
	line-height: 35px;
}

.weix .ser p span {
	color: #d80d18;
}

.weix .fun {
	padding-top: 46px;
	background: #fff;
	overflow: hidden;
}

.list_wx {
	overflow: hidden;
	position: relative;
}

.list_wx .ul li {
	float: left;
	margin: 10px 5px 0 0;
	width: 120px;
	height: 36px;
	text-align: center;
	padding-top: 84px;
	text-align: center;
	position: relative;
	background: url(../images/micro_icon.png) no-repeat left top;
	cursor: pointer;
	color: #91d637;
	padding-right: 0px;
}

.list_wx .ul .li2 {
	background-position: -120px top;
	color: #ef972c;
}

.list_wx .ul .li3 {
	background-position: -240px top;
	color: #4dd2d7;
}

.list_wx .ul .li4 {
	background-position: -360px top;
	color: #d7644d;
}

.list_wx .ul .li5 {
	background-position: -480px top;
	color: #da62c1;
}

.list_wx .ul .li6 {
	background-position: -600px top;
	color: #4d9cd7;
}

.list_wx .ul .li7 {
	background-position: -720px top;
	color: #4d9cd7;
}

.list_wx .ul .li8 {
	background-position: -840px top;
	color: #4d9cd7;
	margin-right: 0px;
}

.list_wx .ul .li9 {
	background-position: -960px top;
	color: #d95ec0;
}

.list_wx .ul .li10 {
	background-position: -1080px top;
	color: #4d9cd7;
}

.list_wx .ul .li11 {
	background-position: -1200px top;
	color: #bfcf3e;
}

.list_wx .ul .li12 {
	background-position: -1320px top;
	color: #4dd78e;
}

.list_wx .ul .li13 {
	background-position: -1440px top;
	color: #4d9cd7;
}

.list_wx .ul .li14 {
	background-position: -1560px top;
	color: #4d9cd7;
}

.list_wx .ul .li15 {
	background-position: -1680px top;
	color: #4d9cd7;
}

.list_wx .ul .li16 {
	background-position: -1800px top;
	color: #4d9cd7;
}

.list_wx .ul .li1:hover {
	background-position: left bottom;
	color: #fff;
}

.list_wx .ul .li2:hover {
	background-position: -120px bottom;
	color: #fff;
}

.list_wx .ul .li3:hover {
	background-position: -240px bottom;
	color: #fff;
}

.list_wx .ul .li4:hover {
	background-position: -360px bottom;
	color: #fff;
}

.list_wx .ul .li5:hover {
	background-position: -480px bottom;
	color: #fff;
}

.list_wx .ul .li6:hover {
	background-position: -600px bottom;
	color: #fff;
}

.list_wx .ul .li7:hover {
	background-position: -720px bottom;
	color: #fff;
}

.list_wx .ul .li8:hover {
	background-position: -840px bottom;
	color: #fff;
}

.list_wx .ul .li9:hover {
	background-position: -960px bottom;
	color: #fff;
}

.list_wx .ul .li10:hover {
	background-position: -1080px bottom;
	color: #fff;
}

.list_wx .ul .li11:hover {
	background-position: -1200px bottom;
	color: #fff;
}

.list_wx .ul .li12:hover {
	background-position: -1320px bottom;
	color: #fff;
}

.list_wx .ul .li13:hover {
	background-position: -1440px bottom;
	color: #fff;
}

.list_wx .ul .li14:hover {
	background-position: -1560px bottom;
	color: #fff;
}

.list_wx .ul .li15:hover {
	background-position: -1680px bottom;
	color: #fff;
}

.list_wx .ul .li16:hover {
	background-position: -1800px bottom;
	color: #fff;
}

.list_wx .list_txt {
	position: absolute;
	left: 40px;
	top: 270px;
}

.list_wx .list_txt li {
	display: none;
	font-size: 14px;
	color: #91d637;
}

.list_wx .list_txt .li2 {
	color: #ef972c;
}

.list_wx .list_txt .li3 {
	color: #4dd2d7;
}

.list_wx .list_txt .li4 {
	color: #d7644d;
}

.list_wx .list_txt .li5 {
	color: #da62c1;
}

.list_wx .list_txt .li6 {
	color: #4d9cd7;
}

.list_wx .list_txt .li7 {
	color: #4d9cd7;
}

.list_wx .list_txt .li8 {
	color: #4d9cd7;
}

.list_wx .list_txt .li9 {
	color: #d95ec0;
}

.list_wx .list_txt .li10 {
	color: #4d9cd7;
}

.list_wx .list_txt .li11 {
	color: #bfcf3e;
}

.list_wx .list_txt .li12 {
	color: #4dd78e;
}

.list_wx .list_txt .li13 {
	color: #4d9cd7;
}

.list_wx .list_txt .li14 {
	color: #4d9cd7;
}

.list_wx .list_txt .li15 {
	color: #4d9cd7;
}

.list_wx .list_txt .li16 {
	color: #4d9cd7;
}

.weix .uses {
	padding-top: 45px;
	padding-bottom: 75px;
	overflow: hidden;
}

.weix .uses .list {
	padding-top: 85px;
}

.weix .uses .active {
	margin-top: -15px;
}

.weix .uses .li_img {
	position: absolute;
	left: 60px;
	top: -55px;
}

.weix .uses .li_tit {
	font-size: 25px;
	text-align: center;
	color: #595858;
	line-height: 80px;
}

.weix .uses .li1 .bg {
	background: #ec568a;
}

.weix .uses .bg {
	width: 62px;
	height: 2px;
	margin: 0 auto;
}

.weix .uses .li_txt {
	font-size: 14px;
	color: #838383;
	line-height: 30px;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 30px;
}

.weix .uses {
	padding-top: 45px;
	overflow: hidden;
}

.weix .uses .list {
	padding-top: 85px;
}

.weix .uses li {
	float: left;
	width: 168px;
	padding: 0 30px;
	margin-right: 29px;
	background: #fff;
	padding-top: 54px;
	position: relative;
}

.weix .uses .last {
	margin-right: 0;
}

.weix .uses .li_txt {
	font-size: 14px;
	color: #838383;
	line-height: 30px;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 30px;
}

.weix .uses .bg {
	width: 62px;
	height: 2px;
	margin: 0 auto;
}

.weix .uses .li1 .bg {
	background: #ec568a;
}

.weix .uses .li2 .bg {
	background: #03a5e3;
}

.weix .uses .li3 .bg {
	background: #58cd63;
}

.weix .uses .li4 .bg {
	background: #f08026;
}

.weix .uses .li_tit {
	font-size: 25px;
	text-align: center;
	color: #595858;
	line-height: 80px;
}

.weix .uses .li_img {
	position: absolute;
	left: 60px;
	top: -55px;
}/*APP开发*/.sub_exploit .a1 {
	width: 100%;
	background: #3be2eb;
}

.sub_exploit .a1 .wrap {
	position: relative;
	height: 500px;
	background: url(../images/icon_14.png) no-repeat center;
}

.sub_exploit .a1 .tit {
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 9;
	font-size: 14px;
	color: #fff;
}

.sub_exploit .a1 .tit a {
	color: #fff;
}

.sub_exploit .a1 .bg>i>img {
	width: 100%;
}

.sub_exploit .a1 .bg .icon_1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1016px;
	margin: -750px 0 0 -826px;
	height: 800px;
	-webkit-animation: box 3s .4s ease-out forwards infinite alternate;
	animation: box 3s .4s ease-out forwards infinite alternate;
}

.sub_exploit .a1 .bg .icon_2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 652px;
	height: 211px;
	margin: -470px 0 0 132px;
}

.sub_exploit .a1 .bg .icon_3 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 205px;
	height: 205px;
	margin: -370px 0 0 594px;
	-webkit-animation: box_2 6s .3s ease-out forwards infinite alternate;
	animation: box_2 6s .3s ease-out forwards infinite alternate;
}

.sub_exploit .a1 .bg .icon_4 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 624px;
	height: 624px;
	margin: -300px 0 0 252px;
	-webkit-animation: box_2 5s .8s ease-out forwards infinite alternate;
	animation: box_2 5s .8s ease-out forwards infinite alternate;
}

.sub_exploit .a1 .bg .icon_5 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 155px;
	height: 280px;
	margin: -169px 0 0 671px;
	-webkit-animation: box_1 8s .4s ease-out forwards infinite alternate;
	animation: box_1 8s .4s ease-out forwards infinite alternate;
}

.sub_exploit .a1 .bg .icon_6 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 543px;
	height: 156px;
	margin: 162px 0 0 -1052px;
}

.sub_exploit .a1 .bg .icon_7 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 140px;
	height: 170px;
	margin: -47px 0 0 -628px;
	-webkit-animation: box_3 5s .8s ease-out forwards infinite alternate;
	animation: box_3 5s .8s ease-out forwards infinite alternate;
}

.sub_exploit .a1 .bg .icon_8 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 415px;
	height: 450px;
	margin: -101px 0 0 -578px;
	-webkit-animation: box_2 3s .4s ease-out forwards infinite alternate;
	animation: box_2 3s .4s ease-out forwards infinite alternate;
}

.sub_exploit .a1 .bg .icon_9 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 99px;
	height: 89px;
	margin: 186px 0 0 207px;
	-webkit-animation: starry 5s ease-in-out infinite alternate;
	animation: starry 5s ease-in-out infinite alternate;
}

.sub_exploit .a1 .mian {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 524px;
	height: 400px;
	margin: -190px 0 0 -255px;
}

.sub_exploit .a1 .mian h3 {
	background: url(../images/icon_11.png) no-repeat bottom center;
	font-size: 36px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 80px;
}

.sub_exploit .a1 .mian h3 {
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}

.sub_exploit .a1 .mian h4 {
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
}

.sub_exploit .a1 .mian h6 {
	opacity: 0;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub_exploit .a1 .mian p {
	opacity: 0;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}

.sub_exploit .a1 .mian h4 {
	width: 521px;
	height: 116px;
	margin-top: 10px;
}

.sub_exploit .a1 .mian p {
	font-size: 14px;
	color: #3f4752;
	text-align: center;
	line-height: 112px;
}

.sub_exploit .a1 .mian h6 {
	text-align: center;
}

.sub_exploit .a1 .mian h6 span {
	display: inline-block;
	width: 327px;
	height: 72px;
	background: url(../images/icon_13.png) no-repeat center;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 55px;
}

.sub_exploit .a1.css3 .mian h3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a1.css3 .mian h4 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a1.css3 .mian h6 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.sub_exploit .a1.css3 .mian p {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a2 {
	background: #eaeaea;
}

.sub_exploit .a2 .wrap {
	position: relative;
	height: 572px;
}

.sub_exploit .a2 .bg .icon_15 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 445px;
	height: 122px;
	margin: 81px 0 0 -130px;
}

.sub_exploit .a2 .bg .icon_16 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 398px;
	height: 142px;
	margin: 60px 0 0 425px;
}

.sub_exploit .a2 .bg .icon_17 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 49px;
	height: 47px;
	margin: -58px 0 0 76px;
	-webkit-animation: box_3 5s .8s ease-out forwards infinite alternate;
	animation: box_3 5s .8s ease-out forwards infinite alternate;
}

.sub_exploit .a2 .bg .icon_18 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 260px;
	height: 480px;
	margin: -210px 0 0 174px;
}

.sub_exploit .a2 .bg .icon_18 {
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
}

.sub_exploit .a2 .bg .icon_19 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 135px;
	height: 164px;
	margin: -90px 0 0 218px;
}

.sub_exploit .a2 .bg .icon_19 {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub_exploit .a2 .tit {
	padding-top: 38px;
	padding-left: 125px;
}

.sub_exploit .a2 .tit h3 {
	height: 72px;
	background: url(../images/icon_12.png) no-repeat bottom left;
	font-size: 36px;
	font-weight: bold;
	color: #60646a;
	line-height: 72px;
}

.sub_exploit .a2 .mian {
	margin-top: 60px;
	padding-left: 125px;
}

.sub_exploit .a2 .mian ul li {
	display: block;
	width: 500px;
	padding: 15px 0;
	box-sizing: border-box;
	background: url(../images/icon_20.png) no-repeat left center;
	padding-left: 45px;
	font-size: 14px;
	color: #60646a;
	line-height: 22px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.sub_exploit .a2 .mian ul li:hover a {
	color: #00aaff;
}

.sub_exploit .a2 .mian ul li {
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	-o-transform: translateX(-40px);
	transform: translateX(-40px);
}

.sub_exploit .a2.css3 .mian ul li {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sub_exploit .a2.css3 .mian ul li:nth-child(1) {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.sub_exploit .a2.css3 .mian ul li:nth-child(2) {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.sub_exploit .a2.css3 .mian ul li:nth-child(3) {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}

.sub_exploit .a2.css3 .mian ul li:nth-child(4) {
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s;
}

.sub_exploit .a2.css3 .mian ul li:nth-child(5) {
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

.sub_exploit .a2.css3 .mian ul li:nth-child(6) {
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.sub_exploit .a2.css3 .bg .icon_18 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-ms-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s;
}

.sub_exploit .a2.css3 .bg .icon_19 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 2.5s;
	-moz-transition-delay: 2.5s;
	-ms-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

.sub_exploit .a3 {
	height: 600px;
	background: #5a5a5a;
}

.sub_exploit .a3 .wrap {
	position: relative;
	height: 600px;
	padding-left: 520px;
	box-sizing: border-box;
}

.sub_exploit .a3 .bg .icon_23 {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	width: 1135px;
	height: 199px;
	margin: 101px 0 0 -684px;
}

.sub_exploit .a3 .bg .icon_24 {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	width: 280px;
	height: 520px;
	margin: -226px 0 0 -420px;
}

.sub_exploit .a3 .bg .icon_24 {
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
}

.sub_exploit .a3 .tit {
	padding-top: 38px;
	padding-left: 125px;
}

.sub_exploit .a3 .tit h3 {
	height: 72px;
	background: url(../images/icon_25.png) no-repeat bottom left;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	line-height: 72px;
}

.sub_exploit .a3 .mian {
	position: relative;
	z-index: 10;
	margin-top: 68px;
	padding-left: 125px;
}

.sub_exploit .a3 .mian ul li {
	display: block;
	padding: 15px 0 15px 45px;
	background: url(../images/icon_20.png) no-repeat left center;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.sub_exploit .a3 .mian ul li:hover a {
	color: #00aaff;
}

.sub_exploit .a3 .mian ul li {
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
}

.sub_exploit .a3.css3 .bg .icon_24 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sub_exploit .a3.css3 .mian ul li {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sub_exploit .a3.css3 .mian ul li:nth-child(1) {
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.sub_exploit .a3.css3 .mian ul li:nth-child(2) {
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-ms-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
}

.sub_exploit .a3.css3 .mian ul li:nth-child(3) {
	-webkit-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
}

.sub_exploit .a3.css3 .mian ul li:nth-child(4) {
	-webkit-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
}

.sub_exploit .a3.css3 .mian ul li:nth-child(5) {
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}

.sub_exploit .a3.css3 .mian ul li:nth-child(6) {
	-webkit-transition-delay: 2.2s;
	-moz-transition-delay: 2.2s;
	-ms-transition-delay: 2.2s;
	-o-transition-delay: 2.2s;
	transition-delay: 2.2s;
}

.sub_exploit .a3 {
	background: #5a5a5a;
}

.sub_exploit .a4 .wrap {
	position: relative;
	height: 825px;
}

.sub_exploit .a4 .bg .icon_26 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 280px;
	height: 280px;
	margin: -48px 0 0 646px;
	-webkit-animation: box 4s .4s ease-out forwards infinite alternate;
	animation: box 4s .4s ease-out forwards infinite alternate;
}

.sub_exploit .a4 .bg .icon_27 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 260px;
	height: 340px;
	margin: -204px 0 0 -954px;
	-webkit-animation: box 3s .4s ease-out forwards infinite alternate;
	animation: box 3s .4s ease-out forwards infinite alternate;
}

.sub_exploit .a4 .bg .icon_28 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 412px;
	height: 181px;
	margin: -106px 0 0 482px;
	-webkit-animation: starry 8s ease-in-out infinite alternate;
	animation: starry 8s ease-in-out infinite alternate;
}

.sub_exploit .a4 .bg .icon_29 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 385px;
	height: 117px;
	margin: 64px 0 0 -900px;
	-webkit-animation: starry 5s ease-in-out infinite alternate;
	animation: starry 5s ease-in-out infinite alternate;
}

.sub_exploit .a4 .tit {
	padding-top: 90px;
	padding-bottom: 60px;
}

.sub_exploit .a4 .tit h3 {
	height: 76px;
	background: url(../images/icon_12.png) no-repeat bottom center;
	font-size: 36px;
	font-weight: bold;
	color: #60646a;
	text-align: center;
	line-height: 76px;
}

.sub_exploit .a4 .tit p {
	font-size: 14px;
	color: #60646a;
	text-align: center;
	line-height: 74px;
}

.sub_exploit .a4 .mian {
	text-align: center;
}

.sub_exploit .a4 .mian ul {
	display: inline-block;
	width: 1000px;
}

.sub_exploit .a4 .mian ul li {
	float: left;
	width: 143px;
	height: 173px;
	margin: 0 28px 35px 28px;
	border-radius: 20px;
	background: #f5f5f5;
	-webkit-transition: all .4s;
	transition: all .4s;
}/*.sub_exploit .a4 .mian ul li{ opacity: 0;}*/.sub_exploit .a4 .mian ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sub_exploit .a4 .mian ul li a h4 {
	width: 100%;
	height: 64px;
	padding: 40px 0 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.sub_exploit .a4 .mian ul li a p {
 /*padding-left: 30px;*/
	font-size: 14px;
	color: #60646a;
	text-align: center;
}

.sub_exploit .a4 .mian ul li.ins_1 a h4 {
	background-image: url(../images/ins_1.png);
}

.sub_exploit .a4 .mian ul li.ins_2 a h4 {
	background-image: url(../images/ins_3.png);
}

.sub_exploit .a4 .mian ul li.ins_3 a h4 {
	background-image: url(../images/ins_5.png);
}

.sub_exploit .a4 .mian ul li.ins_4 a h4 {
	background-image: url(../images/ins_7.png);
}

.sub_exploit .a4 .mian ul li.ins_5 a h4 {
	background-image: url(../images/ins_9.png);
}

.sub_exploit .a4 .mian ul li.ins_6 a h4 {
	background-image: url(../images/ins_11.png);
}

.sub_exploit .a4 .mian ul li.ins_7 a h4 {
	background-image: url(../images/ins_13.png);
}

.sub_exploit .a4 .mian ul li.ins_8 a h4 {
	background-image: url(../images/ins_15.png);
}

.sub_exploit .a4 .mian ul li.ins_9 a h4 {
	background-image: url(../images/ins_17.png);
}

.sub_exploit .a4 .mian ul li.ins_10 a h4 {
	background-image: url(../images/ins_19.png);
}

.sub_exploit .a4 .mian ul li:hover a p {
	color: #fff;
}

.sub_exploit .a4 .mian ul li:hover.ins_1 a h4 {
	background-image: url(../images/ins_2.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_2 a h4 {
	background-image: url(../images/ins_4.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_3 a h4 {
	background-image: url(../images/ins_6.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_4 a h4 {
	background-image: url(../images/ins_8.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_5 a h4 {
	background-image: url(../images/ins_10.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_6 a h4 {
	background-image: url(../images/ins_12.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_7 a h4 {
	background-image: url(../images/ins_14.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_8 a h4 {
	background-image: url(../images/ins_16.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_9 a h4 {
	background-image: url(../images/ins_18.png);
}

.sub_exploit .a4 .mian ul li:hover.ins_10 a h4 {
	background-image: url(../images/ins_20.png);
}

.sub_exploit .a4 .mian ul li:hover {
	background: #3bb6eb;
	box-shadow: 0px 10px 40px 0px #93d7f4;
	transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
}/*.sub_exploit .a4.css3 .mian ul li:nth-child(1){-webkit-animation: appkf4 1s .2s forwards;-o-animation: appkf4 1s .2s forwards;animation: appkf4 1s .2s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(2){-webkit-animation: appkf4 1s .4s forwards;-o-animation: appkf4 1s .4s forwards;animation: appkf4 1s .4s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(3){-webkit-animation: appkf4 1s .6s forwards;-o-animation: appkf4 1s .6s forwards;animation: appkf4 1s .6s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(4){-webkit-animation: appkf4 1s .8s forwards;-o-animation: appkf4 1s .8s forwards;animation: appkf4 1s .8s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(5){-webkit-animation: appkf4 1s 1s forwards;-o-animation: appkf4 1s 1s forwards;animation: appkf4 1s 1s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(6){-webkit-animation: appkf4 1s 1.2s forwards;-o-animation: appkf4 1s 1.2s forwards;animation: appkf4 1s 1.2s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(5){-webkit-animation: appkf4 1s 1.4s forwards;-o-animation: appkf4 1s 1.4s forwards;animation: appkf4 1s 1.4s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(7){-webkit-animation: appkf4 1s 1.6s forwards;-o-animation: appkf4 1s 1.6s forwards;animation: appkf4 1s 1.6s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(8){-webkit-animation: appkf4 1s 1.8s forwards;-o-animation: appkf4 1s 1.8s forwards;animation: appkf4 1s 1.8s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(9){-webkit-animation: appkf4 1s 2s forwards;-o-animation: appkf4 1s 2s forwards;animation: appkf4 1s 2s forwards;}.sub_exploit .a4.css3 .mian ul li:nth-child(10){-webkit-animation: appkf4 1s 2.2s forwards;-o-animation: appkf4 1s 2.2s forwards;animation: appkf4 1s 2.2s forwards;}*/.sub_exploit .a5 {
	background: #f8f8f8;
}

.sub_exploit .a5 .tit {
	padding-top: 90px;
	padding-bottom: 60px;
}

.sub_exploit .a5 .tit h3 {
	height: 76px;
	background: url(../images/icon_12.png) no-repeat bottom center;
	font-size: 36px;
	font-weight: bold;
	color: #60646a;
	text-align: center;
	line-height: 76px;
}

.sub_exploit .a5 .mian {
	width: 100%;
	overflow: hidden;
	padding-bottom: 78px;
}

.sub_exploit .a5 .mian ul {
	margin-left: -15px;
}

.sub_exploit .a5 .mian ul li {
	position: relative;
	float: left;
	width: 389px;
	height: 278px;
	overflow: hidden;
	margin-left: 15px;
	margin-bottom: 20px;
}

.sub_exploit .a5 .mian ul li {
	opacity: 0;
	-webkit-transform: scaleY(150px);
	-moz-transform: translateY(150px);
	-ms-transform: translateY(150px);
	-o-transform: translateY(150px);
	transform: translateY(100px);
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}

.sub_exploit .a5 .mian ul li h4 {
	position: absolute;
	top: 0;
	width: 389px;
	height: 278px;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.sub_exploit .a5 .mian ul li a {
	position: absolute;
	bottom: -68px;
	z-index: 1;
	width: 100%;
	height: 68px;
	overflow: hidden;
	padding: 16px 26px;
	background: #fff;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.sub_exploit .a5 .mian ul li a:before {
	background: #a0dcf6;
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.sub_exploit .a5 .mian ul li a:after {
	background: #3bb6eb;
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.sub_exploit .a5 .mian ul li a:hover:before, .sub_exploit .a5 .mian ul li a:hover:after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.sub_exploit .a5 .mian ul li a:hover:after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

.sub_exploit .a5 .mian ul li a:hover span {
	color: #fff;
}

.sub_exploit .a5 .mian ul li a span {
	position: relative;
	z-index: 2;
	float: left;
	font-size: 14px;
	color: #60646a;
	line-height: 35px;
}

.sub_exploit .a5 .mian ul li a i {
	float: right;
	width: 35px;
	height: 35px;
	background: url(../images/icon_30.png) no-repeat center;
}

.sub_exploit .a5 .mian ul li:hover a {
	bottom: 0;
}

.sub_exploit .a5 .mian ul li:hover h4 {
	top: -20px;
}

.sub_exploit .a5.css3 .mian ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a5.css3 .mian ul li:nth-child(1) {
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

.sub_exploit .a5.css3 .mian ul li:nth-child(2) {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}

.sub_exploit .a5.css3 .mian ul li:nth-child(3) {
	-webkit-transition-delay: .9s;
	-moz-transition-delay: .9s;
	-ms-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s;
}

.sub_exploit .a5.css3 .mian ul li:nth-child(4) {
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.sub_exploit .a5.css3 .mian ul li:nth-child(5) {
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.sub_exploit .a5.css3 .mian ul li:nth-child(6) {
	-webkit-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
}

.sub_exploit .a6 {
	height: 824px;
	background: #f1faff;
	overflow: hidden;
}

.sub_exploit .a6 .wrap {
	position: relative;
	height: 824px;
}

.sub_exploit .a6 .bg .b1 {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1920px;
	height: 95px;
	border-top: 2px solid #b3d7ec;
	border-bottom: 2px solid #b3d7ec;
	background: #fff;
	margin-left: -960px;
}

.sub_exploit .a6 .bg .icon_31 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1207px;
	height: 391px;
	margin-left: -603px;
	margin-top: -75px;
	background: url(../images/icon_31.png) no-repeat bottom center;
}

.sub_exploit .a6 .bg .icon_32 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 196px;
	height: 119px;
	margin: -220px 0 0 580px;
	-webkit-animation: box_1 8s .4s ease-out forwards infinite alternate;
	animation: box_1 8s .4s ease-out forwards infinite alternate;
}

.sub_exploit .a6 .bg .icon_34 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 132px;
	height: 336px;
}

.sub_exploit .a6 .bg .icon_34.l1 {
	margin-left: -800px;
	margin-top: 75px;
}

.sub_exploit .a6 .bg .icon_34.r1 {
	margin-left: 600px;
	margin-top: 75px;
}

.sub_exploit .a6 .bg .icon_35 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 112px;
	height: 209px;
}

.sub_exploit .a6 .bg .icon_35.l2 {
	margin-left: -640px;
	margin-top: 105px;
}

.sub_exploit .a6 .bg .icon_35.r2 {
	margin-left: 760px;
	margin-top: 105px;
}

.sub_exploit .a6 .bg .icon_36 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 137px;
	height: 86px;
	margin: -284px 0 0 -560px;
	-webkit-animation: box_3 20s .4s ease-out forwards infinite alternate;
	animation: box_3 20s .4s ease-out forwards infinite alternate;
}

.sub_exploit .a6 .bg .icon_37 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 127px;
	height: 39px;
}

.sub_exploit .a6 .bg .icon_37.l3 {
	margin-left: -12px;
	margin-top: 18px;
}

.sub_exploit .a6 .bg .icon_37.r3 {
	margin-left: 444px;
	margin-top: 80px;
}

.sub_exploit .a6 .bg .icon_38 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 113px;
	height: 4px;
	margin: -50px 0 0 620px;
}

.sub_exploit .a6 .bg .icon_39 {
	position: absolute;
	left: 50%;
	top: -158px;
	width: 1920px;
	height: 158px;
	margin-left: -960px;
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.sub_exploit .a6 .bg .b1 .icon_40 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 116px;
	height: 10px;
	margin: -2px 0 0 280px;
}

.sub_exploit .a6 .bg .b1 .icon_41 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 134px;
	height: 10px;
	margin: -5px 0 0 -180px;
}

.sub_exploit .a6 .bg .b1 .xx {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	background: #bceee2;
}

.sub_exploit .a6 .bg .b1 .xx.x_1 {
	width: 115px;
	margin: -16px 0 0 -480px;
}

.sub_exploit .a6 .bg .b1 .xx.x_2 {
	width: 146px;
	margin: 10px 0 0 -380px;
}

.sub_exploit .a6 .bg .b1 .xx.x_3 {
	width: 35px;
	margin: -30px 0 0 -312px;
}

.sub_exploit .a6 .bg .b1 .xx.x_4 {
	width: 36px;
	margin: -12px 0 0 -230px;
}

.sub_exploit .a6 .bg .b1 .xx.x_5 {
	width: 148px;
	margin: 20px 0 0 -30px;
}

.sub_exploit .a6 .bg .b1 .xx.x_6 {
	width: 116px;
	margin: -10px 0 0 120px;
}

.sub_exploit .a6 .bg .b1 .xx.x_7 {
	width: 36px;
	margin: -30px 0 0 160px;
}

.sub_exploit .a6 .bg .b1 .xx.x_8 {
	width: 36px;
	margin: 0 0 0 420px;
}

.sub_exploit .a6 .bg .b0 ul li {
	position: absolute;
	z-index: 99;
}

.sub_exploit .a6 .bg .b0 ul li div.btn {
	width: 80px;
	text-align: center;
}

.sub_exploit .a6 .bg .b0 ul li div.btn>span {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	color: #60646a;
	line-height: 40px;
}

.sub_exploit .a6 .bg .b0 ul li div.btn>i {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 46px;
	overflow: hidden;
	border-radius: 50%;
	background: url(../images/icon_42.png) no-repeat center;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.sub_exploit .a6 .bg .b0 ul li div.btn>i:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 50%;
	background: #00AAFF;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sub_exploit .a6 .bg .b0 ul li div.btn>i img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.sub_exploit .a6 .bg .b0 ul li.c1 {
	left: 250px;
	top: 20px;
	z-index: 100;
}

.sub_exploit .a6 .bg .b0 ul li.c2 {
	left: 446px;
	top: -64px;
}

.sub_exploit .a6 .bg .b0 ul li.c3 {
	right: 416px;
	top: -24px;
}

.sub_exploit .a6 .bg .b0 ul li.c4 {
	right: 206px;
	top: 22px;
}

.sub_exploit .a6 .bg .b0 ul li .join_is {
	position: absolute;
	top: -96px;
	right: 50%;
	z-index: 99;
	width: 386px;
	margin-right: -193px;
	padding: 10px 30px;
	border: 2px solid #b6d8ec;
	border-radius: 50px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: -8px 8px 0px #fff;
	pointer-events: none;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .4s;
	transition: all .4s;
	transform-origin: center bottom;
	-webkit-transform-origin: center bottom;
}

.sub_exploit .a6 .bg .b0 ul li .join_is p {
	font-size: 14px;
	color: #60646a;
	line-height: 24px;
}

.sub_exploit .a6 .bg .b0 ul li em {
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.sub_exploit .a6 .bg .b0 ul li.c1 em {
	background: url(../images/icon_43.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.c2 em {
	background: url(../images/icon_44.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.c3 em {
	background: url(../images/icon_45.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.c4 em {
	background: url(../images/icon_46.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.c1.on em {
	background: url(../images/icon_96.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.c2.on em {
	background: url(../images/icon_97.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.c3.on em {
	background: url(../images/icon_98.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.c4.on em {
	background: url(../images/icon_99.png) no-repeat center;
}

.sub_exploit .a6 .bg .b0 ul li.on div.btn>i {
	box-shadow: 0 3px 10px #93D7F4;
}

.sub_exploit .a6 .bg .b0 ul li.on div.btn>i:after {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.sub_exploit .a6 .bg .b0 ul li.on .join_is {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.sub_exploit .a6 .tit {
	position: relative;
	z-index: 100;
	padding-top: 90px;
	padding-bottom: 60px;
}

.sub_exploit .a6 .tit h3 {
	height: 76px;
	background: url(../images/icon_12.png) no-repeat bottom center;
	font-size: 36px;
	font-weight: bold;
	color: #60646a;
	text-align: center;
	line-height: 76px;
}

.sub_exploit .a6.css3 .bg .icon_39 {
	top: 0;
	opacity: 1;
}/*.sub_exploit .a6.css3 .bg .icon_31{margin-top: -75px; opacity: 1;}*/.sub_exploit .a7 {
	height: 860px;
	background: #38DEEC url(../images/icon_51.png) no-repeat top center;
}

.sub_exploit .a7 .wrap {
	position: relative;
	height: 860px;
}

.sub_exploit .a7 .tit {
	position: relative;
	z-index: 100;
	padding-top: 30px;
	padding-bottom: 60px;
}

.sub_exploit .a7 .tit h3 {
	height: 76px;
	background: url(../images/icon_11.png) no-repeat bottom center;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 76px;
}

.sub_exploit .a7 .bg .icon_52 {
	position: absolute;
	left: 50%;
	bottom: -639px;
	width: 1920px;
	height: 639px;
	margin-left: -960px;
	-webkit-transition: all .2s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.sub_exploit .a7 .mian {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 84px;
	margin: -77px 0 0 -612px;
	background: url(../images/icon_53.png) no-repeat left center;
	-webkit-transition: width 4s;
	transition: width 4s;
}

.sub_exploit .a7 .mian ul li {
	position: absolute;
	cursor: pointer;
}

.sub_exploit .a7 .mian ul li.aa:before {
	position: absolute;
	bottom: -26px;
	left: 50%;
	content: ' ';
	width: 12px;
	height: 12px;
	margin-left: -6px;
	border: 4px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
}

.sub_exploit .a7 .mian ul li.aa .gd i {
	display: block;
	font-size: 36px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	-webkit-transition: all .4s;
	transition: all .4s;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a7 .mian ul li.aa .gd span {
	display: block;
	font-size: 15px;
	color: #ffffff;
	line-height: 25px;
}

.sub_exploit .a7 .mian ul li.aa .tc {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	width: 268px;
	height: 68px;
	margin: -70px 0 0 -140px;
	padding: 3px 5px;
	border-radius: 50px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 2px 5px 0 #555;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
	transform: -webkit-translateY(-20px);
	transform: translateY(-20px);
}

.sub_exploit .a7 .mian ul li.aa .tc:before {
	position: absolute;
	top: 100%;
	left: 50%;
	content: ' ';
	width: 17px;
	height: 5px;
	margin-left: -3px;
	background: url(../images/icon_54.png) no-repeat center;
}

.sub_exploit .a7 .mian ul li.aa .tc div.fl {
	width: 63px;
	height: 63px;
	overflow: hidden;
	border-radius: 50%;
	background: #f2f2f2;
}

.sub_exploit .a7 .mian ul li.aa .tc div.fl span {
	display: block;
	font-size: 35px;
	color: #2bb0ea;
	text-align: center;
	line-height: 63px;
}

.sub_exploit .a7 .mian ul li.aa .tc div.fr {
	width: 180px;
}

.sub_exploit .a7 .mian ul li.aa .tc div.fr p {
	padding-top: 15px;
	padding-right: 20px;
	font-size: 14px;
	color: #60646a;
	line-height: 18px;
}

.sub_exploit .a7 .mian ul li.aa .tc div.fr p.san {
	padding-top: 4px;
	padding-right: 12px;
}

.sub_exploit .a7 .mian ul li.aa.on .gd i {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.sub_exploit .a7.css3 .mian ul li.aa.on .tc {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a7 .mian ul li.b1 {
	top: -85px;
	left: 92px;
}

.sub_exploit .a7 .mian ul li.b2 {
	top: -90px;
	left: 397px;
}

.sub_exploit .a7 .mian ul li.b3 {
	top: -90px;
	left: 658px;
}

.sub_exploit .a7 .mian ul li.b4 {
	top: -94px;
	left: 940px;
}

.sub_exploit .a7 .mian ul li.bb:before {
	position: absolute;
	top: -26px;
	left: 50%;
	content: ' ';
	width: 12px;
	height: 12px;
	margin-left: -6px;
	border: 4px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
}

.sub_exploit .a7 .mian ul li.bb .gd i {
	display: block;
	font-size: 36px;
	color: #86bbda;
	text-align: center;
	line-height: 50px;
	-webkit-transition: all .4s;
	transition: all .4s;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a7 .mian ul li.bb .gd span {
	display: block;
	font-size: 15px;
	color: #60646a;
	line-height: 24px;
}

.sub_exploit .a7 .mian ul li.bb .tc {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	width: 268px;
	height: 68px;
	margin: 0 0 0 -140px;
	padding: 3px 5px;
	border-radius: 50px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 2px 5px 0 #555;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
	transform: -webkit-translateY(20px);
	transform: translateY(20px);
}

.sub_exploit .a7 .mian ul li.bb .tc:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	content: ' ';
	width: 17px;
	height: 5px;
	margin-left: -3px;
	background: url(../images/icon_91.png) no-repeat center;
}

.sub_exploit .a7 .mian ul li.bb .tc div.fl {
	width: 63px;
	height: 63px;
	overflow: hidden;
	border-radius: 50%;
	background: #f2f2f2;
}

.sub_exploit .a7 .mian ul li.bb .tc div.fl span {
	display: block;
	font-size: 35px;
	color: #2bb0ea;
	text-align: center;
	line-height: 63px;
}

.sub_exploit .a7 .mian ul li.bb .tc div.fr {
	width: 180px;
}

.sub_exploit .a7 .mian ul li.bb .tc div.fr p {
	padding-top: 15px;
	padding-right: 20px;
	font-size: 14px;
	color: #60646a;
	line-height: 18px;
}

.sub_exploit .a7 .mian ul li.bb .tc div.fr p.san {
	padding-top: 4px;
	padding-right: 12px;
}

.sub_exploit .a7 .mian ul li.bb.on .gd i {
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.sub_exploit .a7.css3 .mian ul li.bb.on .tc {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.sub_exploit .a7 .mian ul li.c1 {
	top: 63px;
	left: 254px;
}

.sub_exploit .a7 .mian ul li.c2 {
	top: 65px;
	left: 528px;
}

.sub_exploit .a7 .mian ul li.c3 {
	top: 60px;
	left: 792px;
}

.sub_exploit .a7 .mian ul li.c4 {
	top: 57px;
	left: 1108px;
}

.sub_exploit .a7 .mian ul li.aa .gd {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}

.sub_exploit .a7 .mian ul li.aa:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub_exploit .a7 .mian ul li.bb .gd {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
}

.sub_exploit .a7 .mian ul li.bb:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub_exploit .a7.css3 .bg .icon_52 {
	bottom: 0;
}

.sub_exploit .a7.css3 .mian {
	-webkit-animation: appkf7 3s ease 1s forwards;
	-o-animation: appkf7 3s ease 1s forwards;
	animation: appkf7 3s ease 1s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b1 .gd {
	-webkit-animation: appkf7_1 1s 1.5s forwards;
	-o-animation: appkf7_1 1s 1.5s forwards;
	animation: appkf7_1 1s 1.5s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b1:before {
	-webkit-animation: appkf7_2 1s 1.5s forwards;
	-o-animation: appkf7_2 1s 1.5s forwards;
	animation: appkf7_2 1s 1.5s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b2 .gd {
	-webkit-animation: appkf7_1 1s 2s forwards;
	-o-animation: appkf7_1 1s 2s forwards;
	animation: appkf7_1 1s 2s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b2:before {
	-webkit-animation: appkf7_2 1s 2s forwards;
	-o-animation: appkf7_2 1s 2s forwards;
	animation: appkf7_2 1s 2s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b3 .gd {
	-webkit-animation: appkf7_1 1s 2.5s forwards;
	-o-animation: appkf7_1 1s 2.5s forwards;
	animation: appkf7_1 1s 2.5s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b3:before {
	-webkit-animation: appkf7_2 1s 2.5s forwards;
	-o-animation: appkf7_2 1s 2.5s forwards;
	animation: appkf7_2 1s 2.5s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b4 .gd {
	-webkit-animation: appkf7_1 1s 3s forwards;
	-o-animation: appkf7_1 1s 3s forwards;
	animation: appkf7_1 1s 3s forwards;
}

.sub_exploit .a7.css3 .mian ul li.b4:before {
	-webkit-animation: appkf7_2 1s 3s forwards;
	-o-animation: appkf7_2 1s 3s forwards;
	animation: appkf7_2 1s 3s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c1 .gd {
	-webkit-animation: appkf7_1 1s 1.8s forwards;
	-o-animation: appkf7_1 1s 1.8s forwards;
	animation: appkf7_1 1s 1.8s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c1:before {
	-webkit-animation: appkf7_2 1s 1.8s forwards;
	-o-animation: appkf7_2 1s 1.8s forwards;
	animation: appkf7_2 1s 1.8s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c2 .gd {
	-webkit-animation: appkf7_1 1s 2.3s forwards;
	-o-animation: appkf7_1 1s 2.3s forwards;
	animation: appkf7_1 1s 2.3s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c2:before {
	-webkit-animation: appkf7_2 1s 2.3s forwards;
	-o-animation: appkf7_2 1s 2.3s forwards;
	animation: appkf7_2 1s 2.3s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c3 .gd {
	-webkit-animation: appkf7_1 1s 2.8s forwards;
	-o-animation: appkf7_1 1s 2.8s forwards;
	animation: appkf7_1 1s 2.8s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c3:before {
	-webkit-animation: appkf7_2 1s 2.8s forwards;
	-o-animation: appkf7_2 1s 2.8s forwards;
	animation: appkf7_2 1s 2.8s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c4 .gd {
	-webkit-animation: appkf7_1 1s 3.3s forwards;
	-o-animation: appkf7_1 1s 3.3s forwards;
	animation: appkf7_1 1s 3.3s forwards;
}

.sub_exploit .a7.css3 .mian ul li.c4:before {
	-webkit-animation: appkf7_2 1s 3.3s forwards;
	-o-animation: appkf7_2 1s 3.3s forwards;
	animation: appkf7_2 1s 3.3s forwards;
}

.seo .tit {
	font-size: 35px;
	line-height: 72px;
	font-weight: bold;
	text-align: center;
}

.seo .cont .tit {
	color: #000;
	padding-bottom: 20px;
}

.seo .cont {
	padding-top: 52px;
}

.seo .cont .list {
	padding-top: 8px;
	position: relative;
	height: 475px;
}

.seo .cont .li_tit {
	font-size: 18px;
	color: #f66c00;
	font-weight: bold;
	line-height: 35px;
	;
}

.seo .cont .li_txt {
	font-size: 14px;
	color: #5b5b5b;
	line-height: 24px;
	;
}

.seo .cont li {
	position: absolute;
}

.seo .cont .li1 {
	width: 370px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
}

.seo .cont .li2 {
	width: 330px;
	right: 0px;
	top: 0;
}

.seo .cont img {
	position: absolute;
	left: 300px;
	top: 8px;
}

.seo .cont .li3 {
	width: 280px;
	left: 0;
	top: 147px;
	text-align: left;
}

.seo .cont .li4 {
	width: 280px;
	right: 0;
	top: 147px;
}

.seo .cont .li5 {
	width: 370px;
	left: 0px;
	top: 326px;
	text-align: left;
}

.seo .cont .li6 {
	width: 370px;
	right: 0px;
	top: 326px;
}

.seo .cont li:hover .li_txt {
	color: #2c78da;
}

.seo .xm {
	padding-top: 30px;
	background: #fff;
}

.seo .xm .tit {
	color: #000;
}

.seo .xm .list {
	padding-top: 40px;
	padding-bottom: 58px;
}

.seo .xm .list li {
	float: left;
	width: 140px;
	text-align: center;
	margin-right: 75px;
}

.seo .xm .list .last {
	margin-right: 0;
}

.seo .xm .list p {
	font-size: 18px;
	color: #4b4b4b;
	line-height: 24px;
	padding-top: 36px;
	;
}

.seo .xm .list img {
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}

.seo .xm .list li:hover img {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.seo .wys {
	padding-top: 50px;
	padding-bottom: 66px;
}

.seo .wys .tit {
	color: #000;
}

.seo .wys .list {
	padding-top: 30px;
}

.seo .wys li {
	float: left;
	width: 499px;
	height: 136px;
	padding-top: 40px;
	border: 1px solid #dcdcdc;
	margin-left: -1px;
	margin-top: -1px;
}

.seo .wys .wrap {
	overflow: visible;
}

.seo .wys li .left {
	width: 95px;
	padding-left: 26px;
	padding-right: 22px;
	float: left;
}

.seo .wys li .right {
	width: 334px;
	float: left;
}

.seo .wys li .li_tit {
	font-size: 25px;
	color: #333;
	line-height: 32px;
	;
}

.seo .wys li .li_txt {
	font-size: 16px;
	color: #565656;
	line-height: 28px;
	padding-top: 12px;
	;
}

.seo .wys li:hover {
	background: #fff;
}

.seo .wys li:hover .li_txt {
	color: #ff7101;
}

.seo .hlc {
	background: #fff;
	padding-top: 40px;
}

.seo .hlc .tit {
	color: #000;
	padding-bottom: 24px;
}

.seo .hlc .list {
	height: 174px;
	position: relative;
}

.seo .hlc li .img2 {
	display: none;
	;
}

.seo .hlc li .li_con {
	position: absolute;
	left: 0;
	top: 0;
}

.seo .hlc li {
	position: absolute;
}

.seo .hlc .li1 {
	left: 0;
	top: 0;
	width: 250px;
}

.seo .hlc .li2 {
	left: 250px;
	top: 0;
	width: 250px;
}

.seo .hlc .li3 {
	left: 500px;
	top: 0;
	width: 250px;
}

.seo .hlc .li4 {
	right: 0;
	top: 0;
	width: 250px;
}

.seo .hlc {
	padding-bottom: 66px;
}

.seo .hlc .num {
	font-size: 53px;
	color: #fff;
	float: left;
	line-height: 50px;
	padding-top: 20px;
	;
}

.seo .hlc .li_tit {
	font-size: 30px;
	color: #fff;
	line-height: 62px;
	;	;
}

.seo .hlc .right {
	padding-left: 16px;
	padding-top: 20px;
}

.seo .hlc .li_txt {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	;
}

.seo .hlc .li1 .num {
	padding-left: 16px;
}

.seo .hlc .li1 .right {
	width: 150px;
}

.seo .hlc .li2 .num {
	padding-left: 42px;
	;
}

.seo .hlc .li2 .right {
	width: 120px;
}

.seo .hlc .li3 .num {
	padding-left: 40px;
}

.seo .hlc .li3 .right {
	width: 130px;
}

.seo .hlc .li4 .num {
	padding-left: 40px;
}

.seo .hlc .li4 .right {
	width: 120px;
}

.seo .hlc li:hover .img1 {
	display: none;
	;
}

.seo .hlc li:hover .img2 {
	display: block;
	;
}/*清浮动*/.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}/* banner */.bannerer {
/* width: 400px;	height: 350px; */
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	margin-right: auto;
}

.bannerer .banner-img li img {
	width: 190px;
	height: 180px;
}

.banner-btn {
	display: none;
}

.banner-btn a {
	display: block;
	line-height: 40px;
	position: absolute;
	top: 80px;
	width: 40px;
	height: 40px;
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30) color:rgb(255, 255, 255);
	overflow: hidden;
	z-index: 4;
}

.prevBtn {
	left: 5px;
}

.nextBtn {
	right: 5px;
}

.banner-img {
	font-size: 0;
	*word-spacing: -1px;
/* IE6、7 */
	letter-spacing: -3px;
	position: relative;
/* 	width: 305px; */
	height: 240px;
}

.banner-img li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
	font-size: 12px;
/* 	width: 190px; */
	padding: 0 0 0 15px;
}

.banner-img li p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	margin-top: 10px;
	background: #cacaca;
}

.banner-img li:first-child {
	padding: 0px;
}

.banner-img li:nth-child(3n+1) {
	padding: 0px;
}

.bannerer i {
	background: url(http://gtms01.alicdn.com/tps/i1/T1szNBFzlmXXX8QSDI-400-340.png) no-repeat;
	width: 15px;
	height: 23px;
	cursor: pointer;
	margin: 8px 0 0 12px;
	display: block;
}

.bannerer .nextBtn i {
	background-position: -200px -24px;
}

.bannerer .prevBtn i {
	background-position: -200px 0px;
}

.banner-circle {
	position: absolute;
	left: 50%;
	text-align: center;
	font-size: 0;
	border-radius: 10px;
	filter: alpha(opacity:30);
}

.banner-circle li {
	border-radius: 10px;
	margin: 2px;
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: middle;
	zoom: 1;
}

.banner-circle li a {
	display: block;
	padding-top: 9px;
	width: 9px;
	height: 0;
	border-radius: 50%;
	background: #989696;
	overflow: hidden;
}

.banner-circle .selected a {
	background: #000;
}

footer {
	   /* background-color: #002f23;
	background: url(/Public/pc/images/fobg.jpg) repeat-x 0px 0px;*/
}

.lanmu {
	width: 1000px;
	float: left;
}

.bottom-menu {
	width: 100%;
	    padding: 20px 0px 20px;
	    background-color: #1fbf98;
}

.bottom-menu ul {
	float: left;
	width: 142px;
}

.bottom-menu ul li {
	color: #ffffff;
	font-family: 微软雅黑;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
}

.bottom-menu ul li a {
	color: #b1bdba;
	font-family: 微软雅黑;
	font-size: 12px;
}

.bottom-menu .font-size a {
	font-size: 14px;
	color: #fff;
}

.bottom-menu .font-size {
	list-style-type: none;
	padding-bottom: 5px;
	    line-height: 40px;
		height:40px;
}

.bottom-menu .hed {
	float: right;
	margin-right: 40px;
	color: #000;
}

.container .suoyou {
	letter-spacing: 1px;
	color: #eaeaea;
	float: left;
}

.tuan {
	float: right;
	height: 100px;
	padding-top: 40px;
}

.tuan ul {
	width: 200px;
}

.matop span {
	margin-left: 30px;
	color: #000;
}

.bottom-menu .tuan li {
	float: left;
	padding-left: 20px;
	height: 100px;
}

.bottom-menu .tuan li p {
	color: #000;
	text-align: center;
}

.bottom-menu .tuan img {
	width: 80px;
}

.bottom-menu .tuan .phone {
	margin-left: 60px;
	font-size: 16px;
	border-bottom: 1px solid #666;
	padding-top: 5px;
}

.matop {
	padding-bottom: 10px;
}

.container .actice p {
	padding-bottom: 20px;
}

.container .actice span {
	color: #000;
}

.container .actice {
	padding-top: 50px;
}

.chanpin2 {
	width: 300px;
	padding-top: 20px;
}

.chanpin2 .hande {
	width: 300px;
	height: 300px;
	float: left;
}

.chanpin2 .hande img {
	float: left;
	display: block;
	width: 100px;
}

.chanpin2 .lander {
	width: 150px;
}

.chanpin2 .lander a:hover {
	color: #2681d8;
}

.honea {
	height: 400px;
	margin-top: 40px;
}

.honea ul {
	padding-top: 30px;
	height: 320px;
}

.honea ul li:first-child {
	margin-left: 0;
}

.honea ul li {
	width: 30%;
	height: 320px;
	float: left;
	background: #eee;
	margin-left: 50px;
}

.honea img {
	width: 300px;
	height: 170px;
}

.news-word2 {
	height: 70px;
	overflow: hidden;
	padding: 10px;
	color: #666666;
}

.news-word1 a {
	font-size: 16px;
	color: #000;
}

.news-word1 a:hover {
	font-weight: bold;
}

.input-ha {
	padding-bottom: 20px;
	margin-left: 5px;
	padding-top: 20px;
}

.input-ha .span4 {
	height: 30px;
	line-height: 30px;
	width: 130px;
}

.input-ha input {
	font-size: 14px;
	text-indent: 5px;
}

.input-ha button {
	line-height: 30px;
	font-size: 14px;
	padding: 0 10px;
}

ul.line {
	height: 40px;
	overflow: hidden;
}

ul.line li {
	height: 40px;
	text-indent: 5px;
	font-size: 12px;
	line-height: 40px;
	list-style: none;
	overflow: hidden;
}

ul.line li span {
	line-height:40px;
}

ul.line2 {
	height: 270px;
}

.redian .nes img {
	width: 32px;
	display: inline-block;
}

.redian .nes {
	float: left;
	color: #00a0e6;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}

.redian .line a {
	color: #656666;
	font-size: 14px;
}

.redian .line a:hover {
	color: #69a1e6;
}

.caidan {
	width: 100%;
	height: 33px;
	line-height: 33px;
	background-image: linear-gradient(0deg, #019fe8 0%,#3db8f1 100%);
	/*background: url(/Public/pc/images/menu_bg.jpg) repeat-x 0px 0px;*/
}

.caidan ul li:hover > ul {
	display: block;
}

.caidan ul {
	list-style: none;
	position: relative;
	width: 1000px;
    margin: 0 auto;
}

.caidan ul:after {
	content: "";
	clear: both;
	display: block;
}

.caidan ul li {
	float: left;
}/* .caidan ul li:hover {	background:url(/Public/pc/images/menu_bgA.jpg) repeat-x 0px 0px;} */.caidan ul li a:hover {
	color: #000;
}

.caidan ul li a {
	display: block;
	width: 140px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.caidan ul ul {
	display: none;
	background: url(/Public/pc/images/menu_bg.jpg) repeat-x 0px 0px;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 99;
	height: 33px;
	line-height: 33px;
}

.caidan ul ul li {
	float: none;
	position: relative;
	width: 138px;
	background: url(/Public/pc/images/menu_bg.jpg) repeat-x 0px 0px;
}

.caidan ul ul li a {
	color: #fff;
	cursor: pointer;
	font-size: 12px;
}

.caidan ul ul li a:hover {
	color: #000;
}

.caidan ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

#jMenu li ul li a.isParent {
	background: url("/Public/pc/images/arrow_right.png") no-repeat right center;
}

.news_img .title {
	background: url("/Public/pc/images/home-bar.png") no-repeat right bottom;
	background-size: 100%;
	height: 25px;
	color: #69a1e6;
	font-size: 180%;
}

.aboutus1 .title {
	background: url("/Public/pc/images/home-bar.png") no-repeat right bottom;
	background-size: 100%;
	height: 60px;
	color: #69a1e6;
	font-size: 180%;
}

.wc1200 {
	margin: 0 auto;
	width: 1200px;
	padding-top: 20px;
	background: #F7F7F7;
}

.fr {
	float: right;
}

.mt20 {
/*margin-top:20px;*/
}

.icon {
	background: url(/Public/pc/images/icon.png) no-repeat 0 0;
}

.warp-pic-list li {
	float: left;
	display: inline;
}

.warp-pic-list .img_wrap {
	display: block;
	font-size: 0;
	overflow: hidden;
}

.warp-pic-list .text-area {
	background-color: #f2f2f2;
	line-height: 24px;
}/*����水��*/.row .hd {
	background: url(../images/hd-line_01.jpg) no-repeat 0 50px;
	height: 55px;
}

.row .hd .title {
	font: 26px/40px "微软雅黑","Microsoft YaHei","微软雅黑","SimHei";
}/*���蕁窮Ⅹ*/.tab-T-3 {
	width: 66px;
}

.tab-T-3 li {
	width: 12px;
	height: 12px;
	font-size: 0;
	background-color: #dfdfdf;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	display: inline;
}

.tab-T-3 li.cur {
	background-color: #d81c1b;
}/**/.rowE .warp-pic-list {
	position: relative;
	width: 1180px;
	height: 180px;
	overflow: hidden;
	background: #F7F7F7;
}

.rowE .count li {
	margin-right: 20px;
	width: 220px;
	height: 180px;
}

.rowE .count .img_wrap {
	width: 220px;
	height: 135px;
}

.rowE .count .img_wrap img {
	width: 220px;
}

.rowE .btn {
	display: block;
	height: 55px;
	position: absolute;
	top: 60px;
	width: 35px;
	z-index: 200;
	cursor: pointer;
}

.rowE .prev {
	background-position: 0 -88px;
	left: 0;
}

.rowE .prev:hover {
	background-position: 0 -144px;
}

.rowE .next {
	background-position: 0 -200px;
	right: 0;
}

.rowE .next:hover {
	background-position: 0 -256px;
}

.qh_title {
	line-height: 28px;
	text-align: center;
	display: block;
	font-size: 16px;
}

.rollpic .prev,.rollpic .next {
	display: block;
	height: 38px;
	width: 38px;
	cursor: pointer;
	float: left;
	background: url(/Public/pc/images/unslider-arrow.png) no-repeat 0 0;
	margin-top: 70px
}

.rollpic .prev {
	background-position: 0 0;
	margin-right: 5px
}

.rollpic .prev:hover {
	background-position: 0 -38px
}

.rollpic .next {
	background-position: 0 -76px;
	margin-left: 5px
}

.rollpic .next:hover {
	background-position: 0 -114px
}

.rollpicshow {
	float: left;
	border: solid 1px #ddd;
	padding: 5px;
}

.rollpicshow li {
	padding: 10px
}

.rollpic {
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	display: inline-block;
}

.mid-left {
	width: 223px;
	float: left;
}

.mid-right {
	width: 730px;
	float: right;
}

.right_title {
	width: 730px;
	height: 35px;
	border-bottom: 1px solid #CFCFCF;
}

.right_title_left {
	width: 345px;
	padding-left: 15px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	background: url(/Public/pc/images/left_shu.jpg) no-repeat left;
	float: left;
	font-size: 16px;
	font-family: "微软雅黑";
}

.right_title_right {
	width: 370px;
	height: 35px;
	float: right;
	line-height: 35px;
	text-align: right;
}

.left_about_title {
	width: 213px;
	padding-left: 10px;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-family: 微软雅黑;
	background: url(/Public/pc/images/left_shu.jpg) left center no-repeat;
}

.left_about_title b {
	font-size: 14px;
	color: #CCCCCC
}

.left_about {
	width: 223px;
	padding: 10px 0px;
	border-bottom: 1px solid #CFCFCF;
	display: block;
	overflow: hidden;
}

.list {
	width: 223px;
	text-align: left;
	margin: 0 auto
}

.list li {
	float: left;
	line-height: 30px;
	width: 223px;
	margin-bottom: 2px;
	background: url(/Public/pc/images/list1.jpg) no-repeat left #FFFFFF;
	display: block;
	height: 30px;
	text-align: left;
}

.list22 li {
	background: url(/Public/pc/images/list3.jpg) no-repeat left #FFFFFF;
}

.list22 li a:hover {
	background: url(/Public/pc/images/list3.jpg) no-repeat left #FFFFFF !important;
}

.list li a {
	width: 188px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	display: block;
	text-align: left;
	padding-left: 30px;
}

.list li a:hover {
	width: 188px;
	color: #002f23;
	background: url(/Public/pc/images/list2.jpg) no-repeat left #FFFFFF;
	display: block;
	text-decoration: none;
	line-height: 30px;
}

.left_tu {
	width: 223px;
	padding: 10px 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CFCFCF;
}

.left_contact {
	width: 223px;
	border-top: 1px solid #FFFFFF;
	text-align: left;
	line-height: 22px;
	padding: 8px 0px;
}

.left_contact p {
	font-size: 12px;
	color: 666;
}

.right_neirong {
	width: 730px;
	border-top: 1px solid #FFFFFF;
	padding-top: 10px;
	line-height: 22px;
	font-size: 13px;
	text-align: left;
}

.nei_pro {
	width: 235px;
	height: 247px;
	background: url(/Public/pc/images/probj1.jpg) no-repeat center;
	margin-right: 7px;
	float: left;
	margin-top: 18px;
}

.nei_pro_pic img {
	width: 210px;
	height: 158px;
	margin: 7px 11px 0px 11px;
}

.nei_pro_zi {
	width: 224px;
	margin-left: 11px;
	margin-right: 11px;
	height: 50px;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
}

.nei_pro_more {
	width: 96px;
	padding-left: 110px;
	height: 25px;
	margin-left: 11px;
	margin-right: 11px;
}

.pages ul li.item {
	background-color: #ddd;
}

.pages ul li.on {
	background-color: #fb101a;
}



.product-portfolio {
    padding: 60px 0 0 0;
}
.product-portfolio .hf-centered-content {
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1599px) and (min-width: 1200px){
.centered-content, .hf-centered-content {
   /* padding: 0 80px;*/
}
}

.hf-centered-content {
    display: flex;
    position: relative;
  /*  width: 100%;
  padding: 0 65px;*/
    max-width: 1530px;
    margin: 0 auto;
    
}
.product-portfolio .header {
    width: 100%;
    text-align: center;
}
.product-portfolio .header .body-copy{font-size:12px;}
.product-portfolio .header h2 {
    width: 100%;
    text-align: center;
	font-size:28px;
	line-height:58px;
}
.product-portfolio .header .body-copy, .product-portfolio .header h2 {
    width: 100%;
    text-align: center;
}
.body-copy:lang(zh) {
    font-size: 14px;
}
@media (max-width: 1599px) and (min-width: 1200px)
{
.product-portfolio .content-wrapper {
    /*padding: 50px;*/
    height: 450px;
    max-width: 1250px;
}
}
.product-portfolio .content-wrapper {
   /* padding: 50px;*/
    height: 350px;
    max-width: 1000px;
}
.product-portfolio .content-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.product-portfolio .hotspot.not-expandable {
    cursor: pointer;
}
.product-portfolio .hotspot {
    min-width: 250px;
    /*min-height: 80px;*/
    padding: 20px;
    position: absolute;
    display: flex;
    color: #FFF;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-direction: column;
    bottom: 0;
    left: 0;
    transform: translate(-50%,50%);
    max-width: 350px;
    cursor: default;
    outline: 0;
}
.product-portfolio .hotspot:hover{background-color:#002f23}
.product-portfolio .hotspot.not-expandable .focusable-mask {
    min-width: 0;
    min-height: 0;
}
.product-portfolio .hotspot .focusable-mask {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 315px;
    min-height: 193px;
    outline: #2AD2C9 solid 2px;
    display: none;
    pointer-events: none;
    transform: translateX(-50%);
}
.product-portfolio .top-row {
    display: flex;
    align-items: center;
    max-width: 100%;
}
.product-portfolio .hotspot .icon-wrapper {
    margin-right: 19px;
    min-width: 31px;
    display: flex;
    align-items: center;
    fill: #01A982;
}
.product-portfolio .hotspot .icon-wrapper svg {
    height: 31px;
    min-width: 31px;
    width: auto;
}
svg:not(:root) {
    overflow: hidden;
}
.product-portfolio .hotspot-background {
    background-color: rgb(21, 167, 235);
    min-width: 250px;
    min-height: 80px;
    position: absolute;
    z-index: -1;
    transition-property: min-height,min-width,height,background-color;
    transition-duration: 250ms;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.product-portfolio .hotspot.explore-all {
    min-width: 332px;
    transform: translateX(-50%);
    left: 50%;
}
/*smart-image.bg-inscribe {
    background-size: contain;
}*/
smart-image[mode=cover] {
    height: 100%;
}
smart-image {
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}



.main01{
    max-width: 1000px;
    width: 100%;
    margin: 0px auto 0;
    overflow: hidden;
}
.bar {
    margin-bottom: 25px;
    overflow: hidden;
}
.slide-item {
    width: 33.33333333%;
    height: 414px;
    float: left;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.item-img {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    overflow: hidden;
}
.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.item-title {
    position: absolute;
    left: 0;
    bottom: 30%;
    color: rgb(255, 255, 255);
    font-size: 1.5em;
    font-weight: normal;
    transition: all 0.4s;
    width: 100%;
    text-align: center;
}
.content span {
    position: absolute;
    left: 48%;
    bottom: 10%;
    text-align: center;
    color: rgb(255, 255, 255);
    transform: rotate(90deg);
    font-size: 40px;
    font-family: 宋体;
    display: block;
}
.item-desc {
    position: absolute;
    bottom: -80px;
    transition: all 0.4s;
    color: #fff;
    text-align: center;
    padding: 0px 4%;
    line-height: 1.5;
}
.item-link {
    position: absolute;
    left: 38%;
    bottom: -100px;
    display: inline-block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    border: 1px solid #fff;
    color: rgb(255, 255, 255);
}
.slide-item:hover .item-title {
    transition: all 0.4s;
    bottom: 60%;
}
.slide-item:hover .item-desc {
    transition: all 0.4s;
    bottom: 30%;
}
.slide-item:hover .content span {
    transition: all 0.2s;
    opacity: 0;
}
.slide-item:hover .item-link {
    transition: all 0.4s;
    bottom: 20%;
}