@charset "utf-8";
@font-face{
 
　　font-family:'Regular';

　　src:url('Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf');


}
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"Regular";-webkit-text-size-adjust:none;color:#000; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
/*input{-webkit-appearance: none;}*/
ul,li{list-style-type:none;}
a{color:#fff;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.c{clear: both;}
/*clearfix*/
.clear{clear:both;}
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both;}
.hide{display: none;}

@font-face {
  font-family: 'iconfont';  /* project id 819597 */
  src: url('//at.alicdn.com/t/font_819597_wiglrrt61p.eot');
  src: url('//at.alicdn.com/t/font_819597_wiglrrt61p.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_819597_wiglrrt61p.woff') format('woff'),
  url('//at.alicdn.com/t/font_819597_wiglrrt61p.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_819597_wiglrrt61p.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
.header{
	display: block;
	position: fixed;
	width: 100%;
	height: 80px;
	top:0;
	left:0;
	z-index: 99999;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.header.hide{
	top: -81px;
	border-bottom: none;
}

.header.black{
	background-color: #333;
	background-color: rgba(0,0,0,0.8);
	border-bottom: none;
}

.container{
	display: block;
	width: 85%;
	min-width: 1200px;
	margin: 0 auto;
}

.container1{
	display: block;
	width: 1200px;
	margin: 0 auto;
}


.header .logo{
	display: block;
	float: left;
	width: 183px;
	height: 44px;
	padding: 10px 0;
}

.header .logo a{
	display: block;
	width: 214px;
	height: 62px;
	background: url(../images/logo.png) no-repeat center;
}

.header .hot-line{
	position: relative;
	display: block;
	float: right;
	height: 80px;
	margin-left: 10px;
}

.header .hot-line .tell-icon-s{
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	margin-top: 26px;
	cursor: pointer;
	background:url(../images/icon.png) no-repeat 0px 0px;
	margin-right:10px;
}

.header .hot-line span{
	display: block;
	float: left;
	
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 16px;
	/*white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;*/
}
/*
.header .hot-line:hover span{
	width: 106px;
	margin-left: 9px;
}*/

.header .nav{
	display: block;
	float: right;
}

.header .nav li{
	display: block;
	float: left;
	width: 104px;
	line-height: 80px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.header .nav li.w72{
	width: 72px;
}

.header .nav li.w120{
	width: 120px;
}

.header .nav li a{
	display: block;
	color: #fff;
	font-size: 16px;
}

.header .nav li a .line{
	display: block;
	float: left;
	width: 0;
	height: 1px;
	background-color: #fff;
	margin-top: 39px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.header .nav li:hover a .line{
	width: 8px;
	margin-right: 5px;
}

.header .nav li.active a .line{
	width: 15px;
	height: 2px;
	margin:38px 5px 0 0;
}
.gizle {
  top: -80px;
  background-color: rgba(13,94,165,0.8);
}
.sabit {
  top:0;
	z-index: 9999;
}

.banner{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: calc(100vh);
	background-color: #000;
}

.banner ul li{
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100vh);
	top:0;
	left:-9999px;
	z-index: 0;
}

.banner ul li.on{
	left:0;
}

.banner ul li a{
	display: block;
	width: 100%;
	height: calc(100vh);
	background: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.banner ul li a{
	display: block;
	width: 100%;
	height: calc(100vh);
}

.banner .btn{
	display: none;
	position: absolute;
	z-index: 5;
	width: 36px;
	height: 64px;
	top:50%;
	margin-top: -32px;
	text-align: center;
	line-height: 67px;
	color: #fff;
	font-family: "Regular";
	font-size: 30px;
	background-color: #000 !important;
	background-color: rgba(0,0,0,0.4) !important;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
}

.banner:hover .btn{
	display: block;
}

.banner .btn.prev{
	left:0;
}

.banner .btn.next{
	right:0;
}

.banner .btn:hover{
	background-color: rgba(0,0,0,0.6) !important;
}


.banner ol{
	display: block;
	position: absolute;
	width: 215px;
	bottom:205px;
	text-align: center;
	z-index: 5;
	font-size: 0;
	left:50%;
	margin-left:-107px;
	vertical-align: middle;
}

.banner ol li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	padding: 3px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 0px 10px;
	cursor: pointer;
	vertical-align: middle;
	/*transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-moz-transition: 0.5s linear;*/
}

.banner ol li span{
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	/*transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;*/
}

.banner ol li.active{
	padding: 2px;
}

.banner ol li.active span{
	width: 12px;
	height: 12px;
	background-color: #0166ce;
}

.banner .action{
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	bottom:31px;
	z-index: 3;
	display: none;
}

.banner .action .scroll-btn{
	position: absolute;
	display: block;
	width: 22px;
	height: 30px;
	top:0;
	left:50%;
	margin-left: -11px;
	background: url(../images/scroll-btn.png) no-repeat center;
	z-index: 4;
	animation: myFade 2s linear infinite;
}

.banner .action .line-l{
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #a7a8a7;
	top:50%;
	margin-top: -1px;
	right:50%;
	margin-right: 31px;
}

.banner .action .line-r{
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #a7a8a7;
	top:50%;
	margin-top: -1px;
	left:50%;
	margin-left: 31px;
}


@-webkit-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}


}

@-moz-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}


}

@-o-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}
}


@keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}

}

.sor{background: url(../images/cn1.png);width: 100%;height: 190px;position: absolute;bottom: 0;left: 0;z-index: 990;}
.sor .sorl{float: left;width: 10%;padding-left:2%;}
.sor .sorl img{margin-top: 18%;}
.sor .sor2{float: right;width:82%;height: 190px;}
.sor2f{position: relative;padding-top:35px;}
.sor2f-l{width: 77%;float: left;height: 70px;line-height: 70px;padding:0 1.5%;font-size: 16px;border: 0;}
.sor2f-r{width: 20%;border: none;background: #00a0e9;height: 70px;color: #fff;position: absolute;right: 0;font-size: 24px;cursor: pointer;}
.plll1{position: absolute;top:61px;right: 335px;color: #000;font-size: 18px;}
.plll2{position: absolute;top:65px;right: 287px;}
.sor2s{height: 33px;line-height: 33px;margin-top: 24px;}
.sor2sl{width: 825px;float: left;}
.sor2sl a{width: 105px;float: left;text-align: center;color: #fff;font-size: 16px;background: url(../images/cn5.png)no-repeat right center;}
.sor2sl a:nth-last-child(1){background: none;}
.sor2sl a span{margin-left: 5px;color: #ffff00;}
.sor2sr{width: 396px;float: right;background: url(../images/cn6.png)no-repeat left center;padding-left:70px;}
.sor2sr a{width: 120px;text-align: center;height: 33px;line-height: 33px;float: left;background: #569ddd;color: #fff;margin-left: 12px;}

.mihhh{border-bottom: 1px solid #ddd;}
.index1 .con {
	width:100%;
	height:277px
}
.index1 .con .left {
	width:20%;
	height:224px;
	float:left;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:28px;
	border-right:1px dashed #e9e9e9;
	padding-top:4px
}
.index1 .con .left .logo {
	display:block;
	width:36px;
	height:36px;
	overflow:hidden;
	margin-bottom:18px
}
.index1 .con .left .logo1 {
	display:none;
	width:36px;
	height:36px;
	overflow:hidden;
	margin-bottom:18px
}
.index1 .con .left .name {
	height:32;
	line-height:32px;
	font-size:20px;
	color:#373d41;
	overflow:hidden;
	margin-bottom:15px
}
.index1 .con .left .info {
	height:38px;
	line-height:19px;
	width:145px;
	font-size:14px;
	color:#73777a;
	overflow:hidden;
	margin-bottom:24px
}
.index1 .con .left .learn {
	text-decoration:none;
	height:28px;
		width: 150px;
	line-height:28px;
	font-size:16px;
	color:#777f84;
	overflow:hidden
}

.index1 .con .left .learn img{vertical-align: middle;}

.index1 .con .left .learn .icon2 {

	display:inline-block;
	width:18px;
	height:18px;
	overflow:hidden;
	position:relative;
	margin-left:7px
}
.index1 .con .left .learn .icon1 {
	display:none;
	width:18px;
	height:18px;
	overflow:hidden;
	position:relative;
	margin-left:7px
}
.index1 .con .left:hover .logo {
	display:none
}
.index1 .con .left:hover .logo1 {
	display:block
}
.index1 .con .left:hover .learn {
	color:#00c1de
}
.index1 .con .left:hover .learn .icon2 {
	display:none
}
.index1 .con .left:hover .learn .icon1 {
	display:inline-block
}
.index1 .con .middle {
	width:43%;
	height:269px;
	float:left;
	padding:6px 0 0 0
}
.index1 .con .middle .list {
	width:100%;
}
.index1 .con .middle .list .list-li {
	width:48%;
	height:80px;
	float:left;
	margin-bottom:10px
}
.index1 .con .middle .list .list-li .more {
	width:94%;
	height:71px;
	display:block;
	padding:9px 0 0 13px;
	position:relative;
	overflow:hidden;
	text-decoration:none
}
.index1 .con .middle .list .list-li .more .yu {
	font-size:18px;
	color:#373d41;
	height:37px;
	line-height:37px;
	overflow:hidden
}
.index1 .con .middle .list .list-li .more .yu img {
	display:inline-block;
	height:18px;
	vertical-align:middle;
	position:relative;
	top:-1px;
	margin-left:5px
}
.index1 .con .middle .list .list-li .more .exp {
	font-size:16px;
	color:#aab0b4;
	height:20px;
	line-height:20px;
	overflow:hidden
}
.index1 .con .middle .list .list-li .more .exp span {
	color:#ff8a00
}
.index1 .con .middle .list .list-li .more .jian {
	position:absolute;
	width:6px;
	height:9px;
	overflow:hidden;
	display:none;
	right:8px;
	top:37px;
}
.index1 .con .middle .list .list-li:hover {
	background:#fff;
	box-shadow:0 0 6px 0 rgba(0,0,0,.2);
	transition:all .3s
}
.index1 .con .middle .list .list-li:hover .more .jian {
	display:block
}
.index1 .con .right {
	width:36.9%;
	height:277px;
	float:left;
	background:#f3f4f5
}
.index1 .con .right .con1 {
	width:100%;
}
.index1 .con .right .con1 .con1-li {
	width:49.5%;
	height:137px;
	float:left;
	position:relative;
	border:1px solid #ddd
}
.index1 .con .right .con1 .con1-li .golink {
	display:block;
	width:218px;
	height:88px;
	padding:25px 0 0 20px;
	text-decoration:none
}
.index1 .con .right .con1 .con1-li .golink .rbt {
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#373d41;
	overflow:hidden;
	margin-bottom:6px
}
.index1 .con .right .con1 .con1-li .golink .rexp {
	width:185px;
	height:50px;
	line-height:23px;
	font-size:16px;
	color:#777f84;
	overflow:hidden
}
.index1 .con .right .con1 .con1-li .golink .gobtn {
	display:none;
	width:20px;
	height:20px;
	overflow:hidden;
	position:absolute;
	top:60px;
	right:15px;
	background:url(../images/cn7.png) no-repeat 50%;
	background-size:20px 20px
}
.index1 .con .right .con1 .con1-li .golink .gobtn1 {
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	position:absolute;
	top:60px;
	right:15px;
	background:url(../images/cn8.png) no-repeat 50%;
	background-size:20px 20px
}
.index1 .con .right .con1 .li1 {
	left:-1px
}
.index1 .con .right .con1 .li2 {
	top:-1px;
}
.index1 .con .right .con1 .li2:hover {
	border-bottom:1px solid #ddd
}
.index1 .con .right .con1 .li3 {
	top:-1px;
	left:-1px;
}
.index1 .con .right .con1 .li3:hover {
	border-bottom:1px solid #ddd
}
.index1 .con .right .con1 .con1-li:hover {
	position:relative;
	z-index:2;
	background-color:hsla(0,0%,100%,.8);
	border:1px solid #ddd;
	box-shadow:0 0 6px 0 rgba(0,0,0,.2);
	transition:all .3s
}
.index1 .con .right .con1 .con1-li:hover .golink .gobtn {
	display:block
}
.index1 .con .right .con1 .con1-li:hover .golink .gobtn1 {
	display:none
}
@media (max-width:1200px) {
	.wb-zc-tymod-net-domname .module-wrap {
		width:100%;
		font-family:"Regular";
		min-width:990px
	}
	.index1 {
		width:100%;
		height:228px;
		border-bottom:1px solid #c8d0d4;
		background:#fbfbfb
	}
	.index1 .con {
		width:990px;
		margin:0 auto;
		height:228px
	}
	.index1 .con .left {
		width:154px;
		height:182px;
		float:left;
		overflow:hidden;
		margin-top:13px;
		margin-bottom:28px;
		border-right:1px dashed #e9e9e9;
		padding-top:4px
	}
	.index1 .con .left .logo {
		display:block;
		width:36px;
		height:36px;
		overflow:hidden;
		margin-bottom:7px
	}
	.index1 .con .left .logo1 {
		display:none;
		width:36px;
		height:36px;
		overflow:hidden;
		margin-bottom:7px
	}
	.index1 .con .left .name {
		height:24px;
		line-height:24px;
		font-size:18px;
		color:#373d41;
		overflow:hidden;
		margin-bottom:8px
	}
	.index1 .con .left .info {
		height:38px;
		line-height:19px;
		width:145px;
		font-size:14px;
		color:#73777a;
		overflow:hidden;
		margin-bottom:24px
	}
	.index1 .con .left .learn {
		text-decoration:none;
		height:28px;
		line-height:28px;
		font-size:16px;
		color:#777f84;
		overflow:hidden
	}
	.index1 .con .left .learn .icon2 {
		display:inline-block;
		width:18px;
		height:18px;
		overflow:hidden;
		position:relative;
		top:4px;
		margin-left:7px
	}
	.index1 .con .left .learn .icon1 {
		display:none;
		width:18px;
		height:18px;
		overflow:hidden;
		position:relative;
		top:4px;
		margin-left:7px
	}
	.index1 .con .left:hover .logo {
		display:none
	}
	.index1 .con .left:hover .logo1 {
		display:block
	}
	.index1 .con .left:hover .learn {
		color:#00c1de
	}
	.index1 .con .left:hover .learn .icon2 {
		display:none
	}
	.index1 .con .left:hover .learn .icon1 {
		display:inline-block
	}
	.index1 .con .middle {
		width:420px;
		height:221px;
		float:left;
		padding:6px 0 0 20px
	}
	.index1 .con .middle .list {
		width:400px
	}
	.index1 .con .middle .list .list-li {
		width:200px;
		height:60px;
		float:left;
		margin-bottom:10px
	}
	.index1 .con .middle .list .list-li .more {
		width:187px;
		height:51px;
		display:block;
		padding:9px 0 0 13px;
		position:relative;
		overflow:hidden;
		text-decoration:none
	}
	.index1 .con .middle .list .list-li .more .yu {
		font-size:14px;
		color:#373d41;
		height:22px;
		line-height:22px;
		overflow:hidden
	}
	.index1 .con .middle .list .list-li .more .exp {
		font-size:12px;
		color:#aab0b4;
		height:20px;
		line-height:20px;
		overflow:hidden
	}
	.index1 .con .middle .list .list-li .more .exp span {
		color:#ff8a00
	}
	.index1 .con .middle .list .list-li .more .jian {
		position:absolute;
		width:6px;
		height:9px;
		overflow:hidden;
		display:none;
		right:8px;
		top:25px
	}
	.index1 .con .middle .list .list-li:hover {
		background:#fff;
		box-shadow:0 0 6px 0 rgba(0,0,0,.2);
		transition:all .3s
	}
	.index1 .con .middle .list .list-li:hover .more .jian {
		display:block
	}
	.index1 .con .right {
		width:395px;
		height:228px;
		float:left;
		background:#f3f4f5
	}
	.index1 .con .right .con1 {
		width:396px
	}
	.index1 .con .right .con1 .con1-li {
		width:196px;
		height:113px;
		float:left;
		position:relative;
		border:1px solid #ddd
	}
	.index1 .con .right .con1 .con1-li .golink {
		display:block;
		width:177px;
		height:88px;
		padding:25px 0 0 20px;
		text-decoration:none
	}
	.index1 .con .right .con1 .con1-li .golink .rbt {
		height:22px;
		line-height:22px;
		font-size:16px;
		color:#373d41;
		overflow:hidden;
		margin-bottom:6px
	}
	.index1 .con .right .con1 .con1-li .golink .rexp {
		width:145px;
		height:38px;
		line-height:19px;
		font-size:14px;
		color:#777f84;
		overflow:hidden
	}
	.index1 .con .right .con1 .con1-li .golink .gobtn {
		display:none;
		width:20px;
		height:20px;
		overflow:hidden;
		position:absolute;
		top:45px;
		right:8px;
		background:url(../images/cn7.png) no-repeat 50%;
		background-size:20px 20px
	}
	.index1 .con .right .con1 .con1-li .golink .gobtn1 {
		display:block;
		width:20px;
		height:20px;
		overflow:hidden;
		position:absolute;
		top:45px;
		right:8px;
		background:url(../images/cn8.png) no-repeat 50%;
		background-size:20px 20px
	}
	.index1 .con .right .con1 .li1 {
		left:-1px
	}
	.index1 .con .right .con1 .li2 {
		top:-1px;
		border-bottom:0 solid #ddd
	}
	.index1 .con .right .con1 .li2:hover {
		border-bottom:1px solid #ddd
	}
	.index1 .con .right .con1 .li3 {
		top:-1px;
		left:-1px;
		border-bottom:0 solid #ddd
	}
	.index1 .con .right .con1 .li3:hover {
		border-bottom:1px solid #ddd
	}
	.index1 .con .right .con1 .con1-li:hover {
		position:relative;
		z-index:2;
		background-color:hsla(0,0%,100%,.8);
		border:1px solid #ddd;
		box-shadow:0 0 6px 0 rgba(0,0,0,.2);
		transition:all .3s
	}
	.index1 .con .right .con1 .con1-li:hover .golink .gobtn {
		display:block
	}
	.index1 .con .right .con1 .con1-li:hover .golink .gobtn1 {
		display:none
	}
}


.oioio{background: url(../images/cn12.jpg)no-repeat top center;height: 857px;}

.index2t{text-align: center;padding: 90px 0 35px;}

.index2c{text-align: center;line-height: 45px;font-size: 18px;}

.index2v{text-align: center;padding: 3% 0;}

.wr1 li{width: 33.33%;float: left;}

.wr1 li .spec9{font-size: 60px;}

.wr1 li .lo1{margin-left: 50px;}

.wr1 li .lo4{margin-right: 25px;}

.wr1 li .spec10{color: #929292;font-size: 20px;}

.wr1 li:nth-child(2){text-align: center;}

.wr1 li:nth-child(3){text-align: right;}

.morees{width: 210px;text-align: center;height: 45px;border: 1px solid #7f7f7f;border-radius: 8px;display: block;line-height: 45px;color: #7f7f7f;margin: 60px auto 0;}

.section-header h3{
	display: block;
	font-size: 28px;
	color: #333;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	padding: 90px 0 20px;
}

.poop{height: 43px;line-height: 43px;margin-bottom: 30px;float: right;color: #c6c6c6;}

.poop .aop{color: #c6c6c6;margin:0 15px ;font-size: 16px;}
.poop .aopimg{margin-left: 30px}


.bussiness-body{
	display: block;
	overflow: hidden;
}

.bussiness-body .item{
	position: relative;
	display: block;
	float: left;
	width: 16.666%;
	opacity: 0;
	filter:alpha(opacity=0);
	overflow: hidden;
}

.bussiness-body .item1{
	left:200px;
	-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
}

.bussiness-body .item2{
	left:300px;
	-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;;
}

.bussiness-body .item3{
	left:400px;
	-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
}

.bussiness-body .item4{
	left:500px;
	-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
}

.bussiness-body .item5{
	left:600px;
	-webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;
	transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;
}

.bussiness-body .item.on{
	width: 32.33%;
}

.bussiness .bussiness-body.show .item{
	left:0;
	opacity: 1;
	filter:alpha(opacity=100);
}

.bussiness-body .item .service{
	display: block;
	height: 358px;
	border: 1px solid #e8e8e8;
	border-width: 1px 0px 1px 1px;
	text-align: center;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.bussiness-body .item.on .service{
	width: 50%;
}

.bussiness-body .item5 .service{
	border-width: 1px 1px 1px 1px;
}

.bussiness-body .item.on .service{
	background-color: #0166ce;
	border-color: #0166ce;
}

.bussiness-body .item .service .content{
	display: block;
	height: 240px;
	padding-top: 46px;
	line-height: 1;
}

.bussiness-body .item .service .content h4{
	display: block;
	font-size: 18px;
	font-weight: bold;
}

.bussiness-body .item .service .content h4 a{
	color: #333;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.bussiness-body .item.on .service .content h4 a{
	color: #fff;
}

.bussiness-body .item .service .content p{
	display: block;
	margin-top: 11px;
	color: #4b4b4b;
	white-space: nowrap;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.bussiness-body .item.on .service .content p{
	color: #fff;
}

.bussiness-body .item .service .content .icon{
	display: inline-block;
	margin-top: 56px;
}

.bussiness-icon1{
	background:url(../images/icon.png) no-repeat 0px -822px;height:72px;padding-left:88px;
}

.bussiness-body .item.on .service .content .bussiness-icon1{
	background:url(../images/icon.png) no-repeat 0px -894px;
}

.bussiness-icon2{
	background:url(../images/icon.png) no-repeat 0px -750px;height:72px;padding-left:42px;
}

.bussiness-body .item.on .service .content .bussiness-icon2{
	background:url(../images/icon.png) no-repeat 0px -678px;
}

.bussiness-icon3{
	background:url(../images/icon.png) no-repeat 0px -1254px;height:72px;padding-left:54px;
}

.bussiness-body .item.on .service .content .bussiness-icon3{
	background:url(../images/icon.png) no-repeat 0px -1326px;
}

.bussiness-icon4{
	background:url(../images/icon.png) no-repeat 0px -966px;height:72px;padding-left:75px;
}

.bussiness-body .item.on .service .content .bussiness-icon4{
	background:url(../images/icon.png) no-repeat 0px -1182px;
}

.bussiness-icon5{
	background:url(../images/icon.png) no-repeat 0px -1038px;height:72px;padding-left:74px;
}

.bussiness-body .item.on .service .content .bussiness-icon5{
	background:url(../images/icon.png) no-repeat 0px -1110px;
}

.bussiness-body .item .service .info{
	display: block;
	padding: 16px 20px 0 20px;
	border-top: 1px dashed #cdcdcd;
	font-size: 12px;
	line-height: 20px;
	color: #6c6c6c;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.bussiness-body .item.on .service .info{
	color: #fff;
	border-top: 1px dashed #4e94dd;
}

.bussiness-body .item .price{
	position: absolute;
	display: block;
	width: 100%;
	height: 360px;
	left:100%;
	top:0;
}

.bussiness-body .item.on .price{
	width: 50%;
	left:50%;
}

.bussiness-body .item .price ul{
	display: block;
	position: relative;
	z-index: 5;
}

.bussiness-body .item .price ul li{
	display: block;
	height: 71px;
	line-height: 71px;
	*height: 69px;
	*line-height: 69px;
	border-bottom: 1px solid #565758;
	white-space: nowrap;
}

.bussiness-body .item .price ul li a{
	display: block;
	padding: 0 20px 0 10px;
	color: #999;
	background: url(../images/enter-icon.png) no-repeat right 10px center;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.bussiness-body .item .price ul li a:hover{
	color: #fff;
	background: url(../images/enter-icon-on.png) no-repeat right 10px center;
}

.bussiness-body .item .price ul li a .num{
	padding-left: 10px;
}

.bussiness-body .item .price .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-color: #000;
	opacity: 0.8;
	filter:alpha(opacity=80);
	z-index: 2;
}

.inner {
	width:1200px;
	margin:0 auto;
	margin-bottom:20px
}
.inner .logo {
	margin:0 auto;
	padding-top:27px;
	display:block;
	width:180px;
	height:106px
}
.inner .title {
	text-align: center;
	padding:130px 0 40px;  
}

.inner .title .golink {
	display:inline-block;
	padding:0 18px;
	height:54px;
	line-height:54px;
	text-decoration:none;
	background-color:#fff;
	position:relative;
	z-index:2;
	overflow:hidden
}
.inner .title .golink .txt {
	font-size:32px;
	color:#373d41;
	line-height:54px
}
.inner .title .golink:hover .txt {
	color:#00c1de;
	transition:all .3s
}
.inner .title .line {
	display:block;
	width:100%;
	height:1px;
	background-color:#efefef;
	position:absolute;
	top:72px;
	left:0;
	z-index:1
}
.inner .des {
	text-align:center;
	margin-bottom:24px
}
.inner .des li {
	display:inline-block;
	padding:0 34px;
	font-size:16px;
	font-weight: bold;
	color:#73777a;
	line-height:48px
}
.inner .des li span {
	margin-right:6px;
	font-size:12px
}
.inner .main .good {
	float:left;
	width:288px;
	height:403px;
	border:1px solid #eaeaea;
	margin-right:12px;
	transition:all .3s;
	background-color:#fff
}
.inner .main .good .hd {
	height:114px;
	background-color:#f6f7f9;
	margin-bottom:18px
}
.inner .main .good .hd .more {
	display:block;
	height:79px;
	padding-top:36px;
	position:relative;
	text-align:center;
	text-decoration:none
}
.inner .main .good .hd .more .mask {
	width:160px;
	height:20px;
	font-size:12px;
	color:#fff;
	line-height:20px;
	text-align:center;
	background-color:#ff8a00;
	position:absolute;
	left:50%;
	top:-1px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.inner .main .good .hd .more .h2 {
	font-size:18px;
	color:#373d41;
	line-height:24px
}
.inner .main .good .hd .more .t1 {
	font-size:14px;
	color:#73777a;
	line-height:24px;
	margin-bottom:5px
}
.inner .main .good .info {
	padding:0 18px;
	overflow:hidden
}
.inner .main .good .info .info-tit {
	height:24px;
	line-height:24px;
	font-size:18px;
	color:#373d41;
	overflow:hidden
}
.inner .main .good .info .info-tit .tip {
	margin-left:3px;
	display:inline-block;
	width:27px;
	height:16px;
	vertical-align:middle;
	overflow:hidden
}
.inner .main .good .info .info-exp {
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#777f84;
	overflow:hidden;
	padding-bottom:13px;
	border-bottom:1px dashed #e4e4e4;
	margin-bottom:15px
}
.inner .main .good .col {
	width:253px;
	height:110px;
	overflow:hidden;
	margin:0 auto;
	border-bottom:1px dashed #eaeaea;
	margin-bottom:16px
}
.inner .main .good .col .col-li {
	float:left;
	width:126px;
	height:40px;
	overflow:hidden;
	margin-bottom:15px
}
.inner .main .good .col .col-li .ltxt {
	float:left;
	width:38px;
	height:38px;
	border:1px dashed #e1e0e1;
	border-radius:8px;
	display:table;
	margin-right:8px
}
.inner .main .good .col .col-li .ltxt .tt {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	line-height:19px;
	font-size:14px;
	color:#000
}
.inner .main .good .col .col-li .rtxt {
	float:left;
	width:78px;
	height:40px;
	overflow:hidden;
	font-size:14px;
	color:#73777a;
	line-height:40px
}
.inner .main .good .price {
	padding-left:20px;
	font-size:14px;
	color:#373d41;
	line-height:28px;
	margin-bottom:8px
}
.inner .main .good .price em {
	font-style:normal;
	color:#ff6c00;
	font-size:18px
}
.inner .main .good .price span {
	margin-left:8px;
	display:inline-block;
	padding:0 6px;
	height:18px;
	line-height:18px;
	font-size:12px;
	color:#ff8a00;
	overflow:hidden;
	border:1px solid #ff8a00;
	vertical-align:middle;
	position:relative;
	top:-2px
}
.inner .main .good .button {
	padding-left:20px;
	display:none
}
.inner .main .good .button a {
	text-decoration:none;
	display:block;
	width:96px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#00c1de
}
.inner .main .sp {
	width:590px
}
.inner .main .sp .list {
	width:294px;
	height:259px;
	border-right:1px solid #e1e1e1;
	float:left
}
.inner .main .sp .list .info {
	padding:0 20px;
	overflow:hidden
}
.inner .main .sp .list .info .info-tit {
	height:24px;
	line-height:24px;
	font-size:18px;
	color:#373d41;
	overflow:hidden
}
.inner .main .sp .list .info .info-tit .tip {
	margin-left:3px;
	display:inline-block;
	width:27px;
	height:16px;
	vertical-align:middle;
	overflow:hidden
}
.inner .main .sp .list .info .info-exp {
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#777f84;
	overflow:hidden;
	padding-bottom:13px;
	border-bottom:1px dashed #e4e4e4;
	margin-bottom:15px
}
.inner .main .sp .list .col {
	width:255px;
	height:110px;
	overflow:hidden;
	margin:0 auto;
	border-bottom:1px dashed #eaeaea;
	margin-bottom:16px
}
.inner .main .sp .list .col .col-li {
	float:left;
	width:127px;
	height:40px;
	overflow:hidden;
	margin-bottom:15px
}
.inner .main .sp .list .col .col-li .ltxt {
	float:left;
	width:38px;
	height:38px;
	border:1px dashed #e1e0e1;
	border-radius:8px;
	display:table;
	margin-right:8px
}
.inner .main .sp .list .col .col-li .ltxt .tt {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	line-height:19px;
	font-size:14px;
	color:#000
}
.inner .main .sp .list .col .col-li .rtxt {
	float:left;
	width:78px;
	height:40px;
	overflow:hidden;
	font-size:14px;
	color:#73777a;
	line-height:40px
}
.inner .main .sp .list .price {
	padding-left:23px;
	font-size:14px;
	color:#373d41;
	line-height:28px;
	margin-bottom:8px
}
.inner .main .sp .list .price em {
	font-style:normal;
	color:#ff6c00;
	font-size:18px
}
.inner .main .sp .list .price span {
	margin-left:8px;
	display:inline-block;
	padding:0 6px;
	height:18px;
	line-height:18px;
	font-size:12px;
	color:#ff8a00;
	overflow:hidden;
	border:1px solid #ff8a00;
	vertical-align:middle;
	position:relative;
	top:-2px
}
.inner .main .sp .list .button {
	padding-left:23px;
	display:none
}
.inner .main .sp .list .button a {
	text-decoration:none;
	display:block;
	width:96px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#00c1de
}
.inner .main .sp .list1 {
	width:294px;
	border-right:0
}
.inner .main .sp .list1 .col {
	width:254px
}
.inner .main .sp .list1 .col .col-li {
	width:127px
}
.inner .main .good:hover {
	height:411px;
	margin-top:-8px;
	border:1px solid #00c1de;
	box-shadow:0 0 10px 5px rgba(0,193,222,.2)
}
.inner .main .good:hover .hd {
	background-color:#00c1de
}
.inner .main .good:hover .hd .h2,.inner .main .good:hover .hd .more,.inner .main .good:hover .hd .t1 {
	color:#fff
}
.inner .main .good:hover .button {
	display:block
}
.inner .main .good:hover .button a:hover {
	background:#33cde5;
	transition:all .3s
}
.inner .main .sp:hover .list .button {
	display:block
}
.inner .main .sp:hover .list .button a:hover {
	background:#33cde5;
	transition:all .3s
}
.inner .main .lastg {
	margin-right:0
}









.case-body{
	display: block;
	width: 100%;
	overflow: hidden;
}

.case-body ul{
	display: block;
	margin: 0 -8px;
}

.case-body li{
	display: block;
	width: 25%;
	*width: 24.739999%;
	float: left;
	margin-bottom: 16px;
	-webkit-transform: scale(0.4);
	-o-transform: scale(0.4);
	transform: scale(0.4);
	opacity: 0;
	filter: alpha(opacity=0);
}

.case-body .item1{
	-webkit-transition: 0.3s 0.5s linear;
	-o-transition: 0.3s 0.5s linear;
	transition: 0.3s 0.5s linear;
}

.case-body .item2{
	-webkit-transition: 0.45s 0.5s linear;
	-o-transition: 0.45s 0.5s linear;
	transition: 0.45s 0.5s linear;
}

.case-body .item3{
	-webkit-transition: 0.6s 0.5s linear;
	-o-transition: 0.6s 0.5s linear;
	transition: 0.6s 0.5s linear;
}

.case-body .item4{
	-webkit-transition: 0.75s 0.5s linear;
	-o-transition: 0.75s 0.5s linear;
	transition: 0.75s 0.5s linear;
}

.case-body .item5{
	-webkit-transition: 0.9s 0.5s linear;
	-o-transition: 0.9s 0.5s linear;
	transition: 0.9s 0.5s linear;
}

.case-body .item6{
	-webkit-transition: 1.05s 0.5s linear;
	-o-transition: 1.05s 0.5s linear;
	transition: 1.05s 0.5s linear;
}

.case-body .item7{
	-webkit-transition: 1.3s 0.5s linear;
	-o-transition: 1.3s 0.5s linear;
	transition: 1.3s 0.5s linear;
}

.case-body .item8{
	-webkit-transition: 1.45s 0.5s linear;
	-o-transition: 1.45s 0.5s linear;
	transition: 1.45s 0.5s linear;
}

.case .case-body.show li{
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
	display: block;
}

.case-body li .content{
	display: block;
	padding: 0 8px;
}

.case-body li .content .pic{
	display: block;
	overflow: hidden;
	position: relative;
}

.case-body li .content .pic img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	transform-origin:50% 50%;
}

.case-body li .content:hover .pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.case-body li .content .pic .icon{
	position: absolute;
	display: block;
	width: 51px;
	height: 60px;
	top:50%;
	margin-top: -25px;
	left:50%;
	margin-left: -30px;
	background: url(../images/hexagon-icon.png) no-repeat center;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.case-body li .content:hover .pic .icon{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter:alpha(opacity= 100);
}

.case-body li .content .info{ /*overflow:hidden;*/
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 0 20px 0 10px;
	background-color: #f1f1f1;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.case-body li .content:hover .info{
	background-color: #0166ce;
}

.case-body li .content .info h4{
	display: block;
	float: left;
}

.case-body li .content .info h4 a{
	color: #333;
	font-size: 16px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.case-body li .content:hover .info h4 a{
	color: #fff;
}

.case-body li .content .info .enter{
	position: relative;
	display: block;
	float: right;
}

.case-body li .content .info .enter a{
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	border: 1px solid transparent;
	border-radius: 50%;
	margin-top: 14px;
	margin-left: 10px;
	-webkit-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
}

.case-body li .content .info .enter a:hover{
	border: 1px solid #fff;
}

.case-body li .content .info .enter .computer-icon{
	background:url(../images/icon.png) no-repeat -1px -301px;
}

.case-body li .content:hover .info .enter .computer-icon{
	background:url(../images/icon.png) no-repeat -1px -367px;
}

.case-body li .content .info .enter .mobel-phone-icon{
	background:url(../images/icon.png) no-repeat -1px -268px;
}

.case-body li .content:hover .info .enter .mobel-phone-icon{
	background:url(../images/icon.png) no-repeat -1px -334px;
}

.case-body li .content .info .enter .case-ewm{
	display: none;
	position: absolute;
	padding: 6px;
	border: 1px solid #e0e0e0;
	bottom:47px;
	right:-20px;
	background-color: #fff;
	z-index: 10;
}

.case-body li .content .info .enter .case-ewm img{
	display: block;
	width: 140px;
	height: 140px;
}

.case-body li .content .info .enter .case-ewm p{
	display: block;
	padding: 10px;
	line-height: 1;
	text-align: center;
	color: #383838;
	white-space: nowrap;
}

.case-body li .content .info .enter .case-ewm .arrow{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #fff;
	bottom:-16px;
	right:27px;
}

.newsa{padding: 106px 0 80px;}
.newsl{float: left;width: 32%;}
.newsl .ymd{height: 35px;line-height: 35px;color: #1175ce;margin-top: 25px;font-weight: bold;}
.newsl .title{height: 35px;line-height: 35px;font-size: 16px;color: #000;font-weight: bold;}
.newsl .title a{color: #000;}
.newsl span{color: #737171;line-height: 25px;}
.newsc{float: left;width: 30%;margin-left: 4%;}
.newsc-l{margin-bottom: 25px;}
.newsc-l .ymd{height: 35px;line-height: 35px;color: #1175ce;font-weight: bold;}
.newsc-l .title{height: 35px;line-height: 35px;font-size: 16px;color: #000;font-weight: bold;}
.newsc-l .title a{color: #000;}
.newsc-l .title a:hover{ color:#1175ce;}
.newsc-l span{color: #737171;line-height: 25px;}
.newsr{float: right;width: 30%;}
.newsr span{display: block;margin-top: 40px;color: #737171;font-size: 16px;line-height: 30px;}
.newsr .moees{display: block;margin-top: 45px;}


.contact{
	position: relative;
	display: block;
	width: 100%;
}

.contact .map{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.contact.show .map{
	opacity: 1;
}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.contact .contact-way{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 10%;
	margin-left: 
	z-index: 10;
	height: 262px;
}

.contact .contact-way ul{
	display: block;
	margin: 0 -2%;
	*margin: 0;
}

.contact .contact-way ul li{
	position: relative;
	display: block;
	float: left;
	width: 21%;
	height: 138px;
	margin: 0 2%;
	text-align: center;
	background-color: #080808;
	background-color: rgba(0,0,0,0.6);
	opacity: 1;
	z-index: 990;
}

.contact .contact-way ul .item1{
	-webkit-transition: top 0.3s 0.5s linear,background 0.3s linear;
	-o-transition: top 0.3s 0.5s linear,background 0.3s linear;
	transition: top 0.3s 0.5s linear,background 0.3s linear;
}

.contact .contact-way ul .item2{
	-webkit-transition: top 0.5s 0.5s linear,background 0.3s linear;
	-o-transition: top 0.5s 0.5s linear,background 0.3s linear;
	transition: top 0.5s 0.5s linear,background 0.3s linear;
}

.contact .contact-way ul .item3{
	-webkit-transition: top 0.7s 0.5s linear,background 0.3s linear;
	-o-transition: top 0.7s 0.5s linear,background 0.3s linear;
	transition: top 0.7s 0.5s linear,background 0.3s linear;
}

.contact .contact-way ul .item4{
	-webkit-transition: top 0.9s 0.5s linear,background 0.3s linear;
	-o-transition: top 0.9s 0.5s linear,background 0.3s linear;
	transition: top 0.9s 0.5s linear,background 0.3s linear;
}

.contact.show .contact-way ul li{
	top:0;
	opacity: 1;
	filter:alpha(opacity=100);
}

.contact .contact-way ul li:hover{
	background-color: #0166ce;
	background-color: rgba(1,102,206,0.6);
}

.contact .contact-way ul li .item-box{
	display: block;
	padding: 0 24px;
}

.contact .contact-way ul li .icon{
	display: inline-block;
	margin-top: 20px;
}

.contact .contact-way ul li p{
	display: block;
	color: #fff;
	line-height: 22px;
	margin-top: 6px;
}


.footer{
	display: block;
	width: 100%;
	background-color: #1e1e1e;
	padding-top: 18px;
}

.footer .friend-link{
	display: block;
}

.footer .friend-link h3{
	display: block;
	font-size: 24px;
	color: #0166ce;
	line-height: 1;
}

.footer .friend-link ul{
	display: block;
	margin-top: 10px;
	overflow: hidden;
}

.footer .friend-link ul li{
	display: block;
	float: left;
	color: #5e5e5e;
	height: 30px;
	line-height: 30px;
}

.footer .friend-link ul li a{
	color: #7d7d7d;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.footer .friend-link ul li a:hover{
	color: #fff;
}

.footer .friend-link ul li span{
	padding: 0 11px;
}

.footer .interactive{
	display: block;
	margin-top: 24px;
}

.footer .interactive h4{
	display: block;
	font-size: 16px;
	color: #d3d3d3;
}

.footer .interactive-body{
	display: block;
	margin-top: 16px;
	padding-bottom: 12px;
}

.footer .interactive-body-l{
	display: block;
	float: left;
}

.footer .interactive-body-l li{
	position: relative;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border: 1px solid #474747;
	margin-right: 8px;
	border-radius: 50%;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.footer .interactive-body-l li:hover{
	border: 1px solid #fff;
}

.footer .interactive-body-l li a{
	display: block;
	width: 30px;
	height: 30px;
}

.footer .interactive-body-l li .qq-icon{
	background:url(../images/icon.png) no-repeat 0px -118px;
}

.footer .interactive-body-l li:hover .qq-icon{
	background:url(../images/icon.png) no-repeat 0px -88px;
}

.footer .interactive-body-l li .xlwb-icon{
	background:url(../images/icon.png) no-repeat 0px -148px;
}

.footer .interactive-body-l li:hover .xlwb-icon{
	background:url(../images/icon.png) no-repeat 0px -178px;
}

.footer .interactive-body-l li .txwb-icon{
	background:url(../images/icon.png) no-repeat 0px -28px;
}

.footer .interactive-body-l li:hover .txwb-icon{
	background:url(../images/icon.png) no-repeat 0px -58px;
}

.footer .interactive-body-l li .wx-icon{
	background:url(../images/icon.png) no-repeat 0px -208px;
}

.footer .interactive-body-l li:hover .wx-icon{
	background:url(../images/icon.png) no-repeat 0px -238px;
}

.footer .interactive-body-l li .ewm{
	display: none;
	position: absolute;
	width: 120px;
	height: 120px;
	border: 1px solid #eee;
	bottom:45px;
	right:-45px;
	z-index: 10;
}

.footer .interactive-body-l li .ewm .arrow{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #eee;
	bottom:-16px;
	left:50%;
	margin-left: -8px;
}

.footer .interactive-body-r{
	position: relative;
	display: block;
	float: right;
	padding-top: 15px;
}

.footer .interactive-body-r button{
	display: block;
	float: left;
	width: 138px;
	height: 38px;
	margin-left: 11px;
	line-height: 38px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.footer .interactive-body-r button:hover{
	opacity: 0.8;
}


.footer .interactive-body-r .go-top{
	background-color: #f2914a;
}

.footer .interactive-body-r .wx-btn1{
	background-color: #04c38e;
}

.footer .interactive-body-r .wx-btn2{
	background-color: #cc9900;
}

.footer .interactive-body-r .wx-btn3{
	background-color: #9a32cd;
}

.footer .interactive-body-r .wx-btn4{
	background-color: #3367cd;
}

.footer .interactive-body-r .wx-btn5{
	background-color: #3398cc;
}

.footer .interactive-body-r .wx-btn6{
	background-color: #3399fe;
}

.footer .interactive-body-r button i{
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}

.footer .interactive-body-r .ewm1{
	display: none;
	position: absolute;
	bottom:48px;
	left:10px;
	z-index: 10;
}

.footer .interactive-body-r .ewm2{
	display: none;
	position: absolute;
	bottom:48px;
	left:159px;
	z-index: 10;
}

.footer .interactive-body-r .ewm3{
	display: none;
	position: absolute;
	bottom:48px;
	left:308px;
	z-index: 10;
}

.footer .interactive-body-r .ewm4{
	display: none;
	position: absolute;
	bottom:48px;
	left:457px;
	z-index: 10;
}

.footer .interactive-body-r .ewm5{
	display: none;
	position: absolute;
	bottom:48px;
	left:606px;
	z-index: 10;
}

.footer .interactive-body-r .ewm6{
	display: none;
	position: absolute;
	bottom:48px;
	left:755px;
	z-index: 10;
}

.footer .web-info{
	display: block;
	width: 100%;
	padding: 23px 0 20px 0;
	background-color: #0a0a0a;
	text-align: center;
	color: #fff;
}

.footer .web-info .prove{
	display: block;
	margin-top: 22px;
}

.footer  .web-info .prove li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin: 0 15px;
}

.footer  .web-info .prove li img{
	display: block;
	width: 118px;
	height: 41px;
}

.nheader{background: url(../images/cn23.jpg)no-repeat center top;height: 685px;position: relative;}
.nbner{position: relative;}
.nbner .nheader-c{position: absolute;top: 0;left: 10%;z-index: 9999}
.mySwiper1{width: 100%;height: 685px;}
.mySwiper1 .swiper-pagination-horizontal{bottom: 20px!important;}
.mySwiper1 .swiper-pagination-bullet{background: #fff;}
.mySwiper1 .swiper-pagination-bullet-active{background: #3f8ace}

.nheader-c{display: block;width: 85%;min-width: 1200px;margin: 0 auto;}

.nheader-c .logo{display: block;
float: left;
width: 183px;
height: 44px;
padding: 18px 0;}

.nheader-c .nav{
	display: block;
	float: right;
}

.nheader-c .nav li{
	display: block;
	float: left;
	width: 104px;
	line-height: 80px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.nheader-c .nav li.w72{
	width: 72px;
}

.nheader-c .nav li.w120{
	width: 120px;
}

.nheader-c .nav li a{
	display: block;
	color: #fff;
	font-size: 16px;
}

.nheader-c .nav li a .line{
	display: block;
	float: left;
	width: 0;
	height: 1px;
	background-color: #fff;
	margin-top: 39px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.nheader-c .nav li:hover a .line{
	width: 8px;
	margin-right: 5px;
}

.nheader-c .nav li.active a .line{
	width: 15px;
	height: 2px;
	margin:38px 5px 0 0;
}

.nheader-c .hot-line{
	position: relative;
	display: block;
	float: right;
	height: 80px;
	margin-left: 10px;
}

.nheader-c .hot-line .tell-icon-s{
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	margin-top: 26px;
	cursor: pointer;
	background:url(../images/icon.png) no-repeat 0px 0px;
	margin-right:10px;
}

.nheader-c .hot-line span{
	display: block;
	float: left;
	
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 16px;
	/*white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;*/
}

.mess{width: 495px;height: 495px;position: absolute;bottom:6%;right: 25%;margin-right: -247px;background: url(../images/cn23.png);color: #fff;}
.p1m{text-align: center;height: 60px;line-height: 60px;font-size:24px;font-weight: bold;}
.kiuy{padding:0 35px;box-sizing: border-box;}
.input1{width: 202px;height: 35px;line-height: 35px;padding: 0 10px;box-sizing: border-box;}
.input2{height: 35px;line-height:35px;padding:0 10px;width: 424px;margin-top: 20px;box-sizing: border-box;}
.p2m{padding-left:35px;height: 50px;line-height: 50px;font-size: 16px;}
.ssoii{padding: 0 35px;}
.ssoii a{color: #666;width: 100px;height: 70px;text-align: center;background: #ffffff;float:left;margin-right:8px;margin-bottom:8px;line-height: 70px;}
.ssoii .on{background: #00b6eb;color: #fff;}
.ssoii a:hover{background: #00b6eb;color: #fff;}
.ssoii .shsh{line-height: 20px;}
.ssoii .shsh span{margin-top: 14px;display: block;}
.ssoii a:nth-child(4n){margin-right:0px;}
.ssoii a:nth-child(5){margin-bottom:0;}
.ssoii a:nth-child(6){margin-bottom:0;}
.ssoii a:nth-child(7){margin-bottom:0;}
.ssoii a:nth-child(8){margin-bottom:0;}
.p3m{padding:0 35px;height: 50px;line-height: 50px;}
.p3m input{margin:5px;}
.input3{height: 42px;line-height: 20px;background: #00b6eb;border: none;width: 100%;font-size: 24px;color: #fff;cursor: pointer;}
.classname{text-align: center;height: 60px;line-height: 60px;border-bottom: 1px solid #d3d3d3;}
.classname a{font-size: 20px;padding:14px 20px;border-bottom: 2px solid #fff;color: #666;}
.classname .on{border-bottom: 3px solid #3f8ace}

.jhiuy{height: 90px;line-height: 90px;padding-left: 25px;background: url(../images/cn24.png)no-repeat left center;background-size:18px;color: #666;}
.jhiuy a{color: #666;}
.coiu{padding:30px 0 80px; }
.aboutdi{background: #f7f7f7;padding: 80px 0;}
.aboutil{float: left;height: ;background: #2a54b7;width: 600px;height: 330px;position: relative;}
.aboutil-c{width: 400px;height:250px;position: absolute;top:40px;left: 50px;}
.aboutil-c p{height: 60px;line-height: 60px;font-size: 28px;color: #fff;}
.aboutil-c span{font-size: 16px;display: block;color: #fff;line-height: 30px;}
.aboutil-c a{display: block;margin-top: 35px;}
.aboutir{float: right;width: 50%;height: 330px;}
.aboutir img{width: 100%;height: 330px;}
.liui{background: #0166ce;width: 250px;float: right;height: 240px;text-align: right;}
.liui p{padding-right: 20px;font-size: 20px;font-weight: bold;color: #fff;height: 35px;line-height: 35px;}
.liui p:nth-child(1){margin-top: 40px;}

.Box {position: relative;margin-top: 22px;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 17px;height: 30px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;top: 140px;right: 45px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;top: 140px;right: 20px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;width: 940px;float: left;height: 240px;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 302px;height: 240px;margin-left: 15px;overflow: hidden;position: relative;}
.Box .Box_con .conbox ul li a{display: block;width: 100%;position: absolute;height: 35px;line-height: 35px;background: rgba(74,126,163,0.6);bottom: 0;left:0;color: #fff;text-align: center;font-size: 16px;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 302px;height: 240px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.liuu{text-align: center;padding: 40px 0 60px;}
.hua{margin-bottom:60px;;}
.hua .hua-l{width: 285px;float: left;margin-right: 20px;background: #f6f6f6;height: 200px;}
.hua .hua-l:nth-child(4){margin-right: 0px;}
.hua .hua-l p:nth-child(1){padding:30px 0;text-align: center;}
.hua .hua-l p:nth-child(2){text-align: center;height: 40px;font-size: 24px;color: #666;}
.hua .hua-l p:nth-child(3){padding: 0 30px;color: #C6C6C6;text-align: center;line-height: 20px;margin-top: 3px;}
.hua .hua-l p img{height: 30px;}

.weixin{background: #f6f6f6;padding: 25px 15px 60px;}
.weixin p{height: 60px;line-height: 58px;background: url(../images/cn26.jpg)no-repeat left bottom;font-size: 24px;font-weight: bold;color: #3f8ace;}
.weixin p span{color: #f00;font-size: 14px;float: right;}
.weimaimg{margin-top: -42px;padding-bottom: 50px;border-bottom:1px solid #afadae;}
.weimaimg img{width: 156.5px;margin-left: 10px;}

.messa-c{text-align: center;padding:60px 0 50px;}
.messa-c img{width: 800px;}

.mssjsjh{width: 900px;margin:0 auto;padding-bottom: 120px;}
.mssjsjh input{background: #f7f7f7;border: none;}
.mssjsjh .kiout1{width:270px;float: left;margin-right: 45px;height: 55px;line-height: 55px;padding:0 15px;font-size: 14px;}
.mssjsjh .kiout1:nth-child(3){margin-right: 0;}
.mssjsjh .kiout2{width: 100%;padding:0 15px;font-size: 14px;height: 55px;line-height: 55px;margin-top:25px;}
.mssjsjh textarea{width: 100%;margin-top: 25px;border: none;background: #f7f7f7;padding: 15px;height: 300px;line-height: 25px;}
.mssjsjh .submitr{width: 100%;margin-top: 25px;height: 55px;line-height: 55px;background: #3f8ace;color: #fff;font-size: 18px;cursor: pointer;}

/*news*/
.index_news {
	overflow: hidden;
	width:850px;
}

.index_news h3 {
	text-align: center;
	margin: 0;
	font-family: 'Regular';
	font-size: 26px;
	color: #161616;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: 74px;
}

.index_news ul {
	overflow: hidden;
}

.index_news ul li { width:400px; float:left; margin:0 25px 40px 0;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.index_news ul li i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	/*margin: 0 15px;*/
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transition: all 0.3s;
}

.index_news ul li .imgBox{
	position: relative;
	overflow: hidden;
}
.index_news ul li .imgBox>img{ width:100%; height:245px;}
/*.index_news ul li .imgBox {
	position: relative;
}*/

.index_news ul li i img {
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	display: block;
	width: 50px;
	margin: 0 auto;
	margin-top: -25px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.index_news ul li i:hover img{
		top:50%;
		opacity: 1;
}

.index_news ul li:hover i {
	/*top: 0;*/
	opacity: 1;
}

.index_news ul li:hover p {
	color: #0b66c3;
}

.index_news ul li img {
	width: 100%;
	display: block;
}

.index_news ul li:hover img {}

.index_news ul li small {
	font-size: 14px;
	color: #999;
	font-family: 'Regular';
	letter-spacing: 2px;
	display: block;
	margin-top: 25px;
	margin-bottom: 10px;
}

.index_news ul li p {
	font-size: 16px;
	color: #333;
	transition: all 0.2s;
	height: 48px;
}

.index_news .blackMore span{
	border: none;
	background-color: #e21e41;
	opacity: 0;
}

.index_news .blackMore:hover span{
	border: none;
	background-color: #e21e41;
	opacity: 1;
}

.index_news .blackMore:hover i{
	color: #fff;
}


.nuozhufeng_left_b {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
}
.nuozhufeng_info_bt {
	font-size: 20px;
	color: #161616;
	font-weight: bold;
}
.nuozhufeng_info_nr {
	font-size: 15px;
	line-height: 30px;
	color: #666666;

}
.nuozhufeng_info_nr  li{
list-style:disc !important;
	margin-left:20px;
}
.nuozhufeng_info_nr p{ padding:8px 0; margin:0;}
.nuozhufeng_info_nr br{ padding:8px 0; margin:0;}
.nuozhufeng_info_tp{ width:850px; overflow:hidden;}
.nuozhufeng_info_tp img{ max-width:100%;}
.nuozhufeng_info_next {
	font-size: 15px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #0b66c3;
	padding-bottom: 12px;
	display: inline;
}
.nuozhufeng_info_foot_bg {
	background-image: url(../images/rec.png);
	background-repeat: repeat-x;
	background-position: center;
}
.nuozhufeng_info_next_b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
a.nuozhufeng_info_wen {
	font-size:25px;
	font-weight:bold;
	text-decoration: none;
	color: #333333;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
}
a.nuozhufeng_info_wen:hover {
	font-size: 25px;
	font-weight:bold;
	color:#0b66c3;
	transition: 1s;
}
a.nuozhufeng_info_more_bt {
	font-size:14px;
	text-decoration: none;
	color: #333333;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}
a.nuozhufeng_info_more_bt:hover {
	font-size: 14px;
	color:#0b66c3;
	transition: 1s;
}
a.nuozhufeng_back {
	font-size:15px;
	text-decoration: none;
	color: #333333;
	display: block;
	background-image: url(../images/back_a.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	height: 39px;
	width: 159px;
	line-height: 39px;
}
a.nuozhufeng_back:hover {
	font-size: 15px;
	color:#fff;
	transition: 1s;
	background-image: url(../images/back_b.png);
}
a.nuozhufeng_anniu {
	font-size:15px;
	text-decoration: none;
	color: #333333;
	display: block;
	background-image: url(../images/anniu_a.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	height: 39px;
	width: 123px;
	line-height: 39px;
}
a.nuozhufeng_anniu:hover {
	font-size: 15px;
	color:#fff;
	transition: 1s;
	background-image: url(../images/anniu_b.png);
}
.case_bbbb {
	padding: 15px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.case_xb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	padding-top: 30px;
	padding-right: px;
	padding-bottom: 30px;
	padding-left: px;
}
.case_center {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
}
a.back {
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	line-height:29px;
	display:block;
	text-align:center;
	height: 29px;
	width: 96px;
	background-color: #3aa1d1;
	border: 1px solid #1587bc;
}
a.back:hover {
	line-height:29px;
	text-align:center;
	text-decoration: none;
	display: block;
	color: #666;
	height: 29px;
	width: 96px;
	border: 1px solid #cccccc;
	background-color: #e9e9e9;
}.dianji {
	color: #999999;
}

.vip_kehu {
	background-image: url(../images/about_e_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
a.vip_tel {
	font-size:28px;
	color:#FFFFFF;
	font-weight:normal;
	display:block;
	text-decoration: none;
	display: inline-block;
	background-color: #0166ce;
	height: 60px;
	width: 310px;
	line-height: 60px;
}
a.vip_tel:hover {
	font-size: 28px;
	font-weight: normal;
	display: block;
	transition: 1s;
	background-color: #0E86FE;
}

.linian_bt {
	font-family: "Regular";
	font-size: 31px;
	color: #fff;
}
.linian_nr {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
}
.linian_nr  li{
list-style:disc !important;
	margin-left:20px;
}
.linian_nr p{ padding:12px 0; margin:0;}
.linian_nr br{ padding:12px 0; margin:0;}
.linian_nr_bt_xb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CB0100;
}.linian_dbt {
	font-size: 21px;
	color: #E9C20B;
	font-weight: bold;
}

.protype{height: 100px;background: #f2f2f2;}
.protype-c{width: 1200px;margin: 0 auto;background: url(../images/cn32.png)no-repeat right 375px center;}
.protype-c .left{width: 840px;float: left;}
.protype-c .right{width: 360px;float: right;}
.protype-c .protype-c-l{width: 116px;float: left;text-align: center;-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.protype-c .protype-c-l:hover{border-color: #dedede;box-shadow: 1px 2px 5px 1px rgba(90,90,90, .5);-moz-box-shadow: 1px 2px 5px 1px rgba(90,90,90, .5);-webkit-box-shadow: 1px 2px 5px 1px rgba(90,90,90, .5);}
.protype-c .protype-c-l:hover i{color: #3177b5}
.protype-c .protype-c-l:hover p{color: #3177b5}
.protype-c .protype-c-l i{font-size: 30px;height: 50px;display: block;line-height: 65px;color: #929292;}
.protype-c .protype-c-l p{height: 50px;line-height: 40px;color: #929292;}
.protype-c .on{border-color: #dedede;box-shadow: 1px 2px 5px 1px rgba(90,90,90, .5);-moz-box-shadow: 1px 2px 5px 1px rgba(90,90,90, .5);-webkit-box-shadow: 1px 2px 5px 1px rgba(90,90,90, .5);}
.protype-c .on i{color: #3177b5}
.protype-c .on p{color: #3177b5}


.proty1{width: 1200px;margin: 0 auto;padding-top:30px;position: relative;}
.proty11{height: 30px;line-height: 30px;margin-bottom: 15px;}
.proty11 div{width: 1120px;float: right;}
.proty11 div a{width: 75px;text-align: center;height: 28px;line-height: 28px;color: #3177b5;border: 1px solid #3177b5;float: left;margin: 0 12px;}
.proty11 div a:hover{color: #CD0400;border: 1px solid #CD0400;}
.proty11 div .on{color: #CD0400;border: 1px solid #CD0400;}
.leftytp{width: 80px;float: left;color: #929292;}

.proty12{height: 30px;line-height: 30px;padding-bottom: 15px;border-bottom: 1px dotted #929292;}
.proty12 div{width: 1120px;float: right;}
.proty12 div a{margin: 0 11px;color:#929292;}
.proty12 div a:hover{color: #3177b5}
.proty12 div .on{color: #3177b5}

.proty13{height: 30px;line-height: 30px;padding: 15px 0;}
.proty13 div{width: 1107px;float: right;}
.proty13 div a{width: 123px;height: 12px;float: left; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);margin-top: 10px;text-align: center;}

.proty14{height: 30px;line-height: 30px;padding-bottom: 15px;}
.proty14 div{width: 1120px;float: right;}
.proty14 div a{margin: 0 12px;color:#929292;}
.proty14 div a:hover{color: #3177b5}
.proty14 div .on{color: #3177b5}


.proty15{width: 150px;height: 30px;line-height: 30px;position: absolute;bottom: 15px;right: 0;}
.proty15 .leftytp{width: 55px;}
.proty15 select{float: right;height: 28px;line-height: 28px;width: 95px;margin-top: 1px;padding-left: 8px;}
.proty15 select option{height: 25px;line-height: 25px;padding-left: 8px;}

.maim{margin: 30px 0 60px;}


.fwtk{ background:#f7f7f7; padding:40px 0;}
.fwti{ display:block; width:288px; height:110px; margin:0 auto; padding-bottom:5px;}
.juzhong{ display:block; width:1260px; margin:0 auto;}
.ser-tixi{
	display: block;
	width: 1260px;
	height: 700px;
	margin: 0 auto;
	position: relative;
	background: url(../images/ser1.png) center center no-repeat);
}
.ser-tiwzk{
	display:block;
	width: 250px;
	position: absolute;
	z-index: 1;
}
.ser-tiwzk-ti{
	display: block;
	text-align: center;
	margin-bottom: 6px;
	line-height: 36px;
	font-size: 24px;
	color: #000000;
}
.ser-tiwzk-js{
	display: block;
	line-height: 23px;
	font-size: 12px;
	color: #686868;
}
.ser-tiwzk1{
	top: 80px;
	left: 110px;
}
.ser-tiwzk2{
	top: 80px;
	left: 930px;
}
.ser-tiwzk3{
	top: 315px;
	left: 110px;
}
.ser-tiwzk4{
	top: 315px;
	left: 930px;
}
.ser-tiwzk5{
	top: 547px;
	left: 110px;
}
.ser-tiwzk6{
	top: 547px;
	left: 930px;
}

/*6大价格套餐*/
.jgtcbg{ background:#fff; padding:90px 0 62px;}
.jgtc_bt{ text-align:center; padding-bottom:25px; width:288px; height:110px; margin:0 auto; position:relative;}
.jgtc_bt img{ position: absolute; display:block;}
.djg_bt1{ left:0; top:100px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
.djg_bt2{ right:-100px; top:0; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
 .djg_bt3{ right:-100px; bottom:25px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}

.dajgk{ width:96%; margin:0 auto; overflow:hidden; position:relative; }
.jgk1{ position:relative; float:left; width:16.6666667%; top:300px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.jgk1_1{ padding:32px 0 18px; height:98px;}
.jgk1_1_1{ text-align:center; font-size:24px; line-height:40px; color:#FFF; padding-bottom:24px;}
.jgk1_1_21{ width:26px; height:26px; clear:both; position:relative; line-height:26px; color:#8cd5f7; font-size:22px; text-align:center; background:url(../images/abc_q.png) center center no-repeat; margin-left:auto; margin-right:auto;}
.jgk1_1_22{ color:#06587e; font-size:14px; line-height:26px; padding-top:8px;}
.jgk1_1_23{ color:#06587e; font-size:14px; line-height:24px; font-weight:bold;}

.jgk1_2{ display:block; background:#FFF; border:1px solid #dcdcdc; border-top:none; position:relative; z-index:2;  clear:both;}
.jgk1_2_1{ padding:17px 26px; line-height:24px; font-size:14px; color:#252525;}
.jgk1_2_2{ display:block; background:#f6f6f6; font-size:12px; color:#252525; line-height:30px; padding:15px 30px; height:auto; min-height:120px; _height:120px; }
.jgk1_2_3{ display:block; font-size:12px; color:#484747; line-height:30px; height:auto; min-height:120px; _height:120px; padding:15px 30px 53px;}
.jgk1_3{ display:block; position:relative; z-index:4; clear:both; overflow:hidden; width:74px; height:55px; background:url(../images/ckbg.png) center center no-repeat; font-size:12px; color:#606060; line-height:18px; text-align:center; padding-top:19px; margin:-35px auto 0;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}
.fbgx{ clear:both; position:relative; overflow:hidden; width:15px; height:2px; position: relative; margin:0 auto;}
.jgk1_1_3{ text-align:center; padding-top:4px;}
.lcbg0{ display:block; position:relative; overflow:hidden; background:url(../images/flcbg.jpg) center top no-repeat; height:808px; padding-top:44px;}
.lctu{ display:block; padding-top:50px; text-align:center;}

.skmsjshy{text-align: center;padding: 50px 0 40px;}
.listWrapper{ overflow:hidden; padding:45px  0 60px 0;width: 1200px;margin: 0 auto;}
/* 人才招聘  */
.jobMain{margin-bottom:60px; overflow:hidden;color: #585858;
    font-size: 12px;
    line-height: 24px;
    font-family: "Regular"}
.jobMain_top{padding-top:15px;height:84px;border-bottom:1px solid #e2e2e2;background:#f4f4f4;font-size:14px;margin-bottom:15px;}
.jobMain_top .title img{width:70px;height:70px;margin-right:20px;margin-left:15px;}
.jobMain_top .title h3{font-size:26px;font-weight:normal;text-transform:uppercase;padding-top:25px;font-family:"Regular";}
.jobMain_top .title h3 span{display:block;font-size:10px;color:#acacac;-webkit-transform:scale(0.8);-o-transform:scale(1);}
.jobMain_top .fr{margin-right:15px;margin-top:40px;}
.jobMain_top .fr span{margin-left:25px;}
.job_box1 {padding-left:50px;padding-bottom:20px;margin-bottom:25px;border-bottom:1px dashed #e0e0e0;}
.job_box1 h5{font-size:16px;color:#333;font-weight:normal;height:35px;font-family:"Regular";}
.job_box1 .font{padding-left:65px;}
.job_box2 {border-bottom:none;padding-bottom:0;margin-bottom:40px;}
.jobMain .center a{display:inline-block;width:205px;height:50px;text-align:center;line-height:50px;color:#fff;font-size:18px;border-radius:5px;background:#0245de;font-family:"Regular";}
.jobMain .center a:hover{background:#00029b;transition:all 0.3s;}

.jobsShow{border:1px solid #ddd;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;}
.jobsShow table{margin:10px 20px 20px;background:#fff;}
.jobsShow .mr{padding-right:20px;}
.jobsShow .jobsInput{width:460px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}
.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}
.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #0245de;}
.jobsShow .jobsTextarea{width:1100px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;}
.jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}
.jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmitb:hover{background:#0245de;color:#fff;}
.center {
    text-align: center;
}
.jobsShow tr td{color: #585858;
    font-size: 12px;
    line-height: 24px;
    font-family: "Regular"}
.sssaas2w{height: 50px;line-height: 50px;border-bottom: 1px solid #999999;}
.jhiuy1{height: 50px;line-height: 50px;padding-left: 25px;background: url(../images/cn24.png)no-repeat left center;background-size:18px;color: #666;width: 1200px;margin: 0 auto}

.page_list{text-align: center;}
.page_list a{padding: 6px  12px;background: #f1f1f1;border: 1px solid #d2d2d2;color: #969696;margin-left: 10px;border-radius: 3px;}
.page_list a:hover{background: #3278b6;color: #fff;border: 1px solid #245593;}
.page_list .on{background: #3278b6;color: #fff;border: 1px solid #245593;}
.pagination .page_info{text-align: center;}




.crumbs {
	padding-top: 20px;
	font-size: 12px;
	position: relative;
	z-index: 2;
	height: 20px;
	line-height: 20px;
}

.crumbs ul li {
	float: left;
}

.crumbs a {
	color: #888888;
}

.crumbs a:hover {
	color: #ff7852;
}

.crumbs span {
	margin: 0 5px;
	line-height: 1;
	color: #888888;
}

.crumbs b {
	color: #3f3f3f;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
}
#platform-a-title.platform-a-title h1 {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
}
.platform-ios {
	color: #3f3f3f;
	background-color: #f5f5f5;
	overflow: hidden;
}

.platform-android {
    color: #3f3f3f;
    background-color: #f5f5f5;
    overflow: hidden;
}

.platform-ios-wrap {
	
}

#platform-item.h-block-sys {
	height: 520px;
	position: relative;
	z-index: 3;
}

#platform-item.h-block-sys .sys-con {
	padding: 50px 15px 0 40px;
	position: relative;
}

#platform-item.h-block-sys .sys-con .sys-left {
	width: 560px;
	padding: 60px 0 0 0;
	float: left;
}

#platform-item.h-block-sys .sys-con .sys-left h3 {
	font-size: 30px;
	font-weight: bold;
}

#platform-item.h-block-sys .sys-con .sys-left h3 b {
	color: #ff7852;
}

#platform-item.h-block-sys .sys-con .sys-left h3 span {
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #888888;
	font-weight: normal;
}

#platform-item.h-block-sys .sys-con .sys-left .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852;
}

#platform-item.h-block-sys .sys-con .sys-left p {
	font-size: 14px;
	color: #888888;
	line-height: 25px;
	padding-top: 24px;
	width: 565px;
}

#platform-item.h-block-sys .sys-con .sys-right {
	height: 470px;
	width: 585px;
	float: right;
	text-align: center;
}

.platform-advantage {
	position: relative;
	z-index: 3;
}

.platform-advantage .subject-title {
	text-align: center;
	padding: 80px 0 40px;
}

.platform-advantage .subject-title h3 {
	font-size: 30px;
	font-weight: bold;
}

.platform-advantage .subject-title h3 span {
	color: #ff7852;
}

.platform-advantage .subject-title p {
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #888888;
	font-weight: normal;
}

.platform-advantage .platform-subject-item {
	height: 400px;
	padding-bottom: 70px;
}

.platform-advantage .platform-subject-item .item-left {
	float: left;
	margin-top: 10px;
	padding-left: 110px;
}

.platform-advantage .platform-subject-item .item-left02 {
	margin-top: 70px;
}

.platform-advantage .platform-subject-item .item-left03 {
	padding-left: 80px;
	margin-top: 55px;
}

.platform-advantage .platform-subject-item .item-right {
	width: 600px;
	float: right;
	margin-top: 60px;
}

.platform-advantage .platform-subject-item .item-right h3 {
	font-size: 28px;
}

.platform-advantage .platform-subject-item .item-right h3 span {
	display: block;
	font-size: 12px;
	margin-top: 8px;
	color: #888888;
	font-weight: normal;
}

.platform-advantage .platform-subject-item .item-right .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852;
}

.platform-advantage .platform-subject-item .item-right p {
	font-size: 14px;
	color: #888888;
	line-height: 25px;
	padding-top: 24px;
}

.platform-advantage .platform-ios-sec-bg {
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 100%;
	width: 1920px;
	z-index: -1;
}

.appioss{width: 100%;background: #f5f5f5;}
.appioss .appioss-title{text-align: center;padding: 80px 0 40px;}
.appioss .appioss-title h3{font-size: 30px;font-weight: bold;}
.appioss .appioss-title h3 span{color: #ff7852;}
.industry {
	width: 580px;
	height: 140px;
	background: url(../images/046.png) no-repeat center center;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	padding: 14px
}

.lcen{width: 1200px;margin: 0 auto;padding-bottom: 80px;}
.f_l{float: left;}
.f_r{float: right;}
.industry.active>span>p {
	color: #fff
}
.industry.ml-14 {
	margin-left: -14px
}

.industry.mr-14 {
	margin-right: -14px
}

.industry>em,.industry>span {
	display: block;
	float: left;
	width: 130px;
	height: 140px
}

.industry>span {
	width: 430px;
	height: 80px;
	padding: 30px 10px
}

.industry>span>div {
	clear: both;
	height: 35px
}

.industry>span>div b {
	font-size: 32px;
	float: left;
	line-height: 35px
}

.industry>span>div button {
	background: url(../images/044.png) ;
	padding: 0;
	width: 150px;
	height: 40px;
	border: none;
	float: right
}

.industry>span>div button a{ display:block;}
.industry>span>p {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	padding-top: 10px
}

.industry.active {
	background-image: url(../images/047.png)
}

.industry.active>span>div button {
	background-image: url(../images/045.png)
}
.newsajj{background: #fff;}
.newsajj .newsajj-title{text-align: center;padding: 80px 0 40px;}
.appioss .newsajj-title h3{font-size: 30px;font-weight: bold;}
.appioss .newsajj-title h3 span{color: #ff7852;}
.newsajj-con{width: 1200px;margin: 0 auto;padding-bottom: 60px;}
.newsajj-con-l{width: 520px;float: left;margin:0 40px 25px;}
.ssoioi{padding-left: 40px;height: 45px;line-height: 45px;background: url(../images/cn33.png)no-repeat left center;font-size: 16px;}
.ssoioi a{color: #000;}
.newsajj-con-l div{padding-left: 40px;background: url(../images/cn34.png)no-repeat left top 5px;line-height: 25px;color: #666;}



@media (min-width: 1200px) { .web, .commonweb { margin: 0px auto; max-width: 1120px; padding: 0; }
@media (min-width: 1260px) { .commonweb { max-width: 1180px; } }
@media (min-width: 1260px) { .commonweb { max-width: 1180px; } }
@media (min-width: 1320px) { .web { max-width: 1180px; }
  .commonweb { max-width: 1280px; } }
@media (min-width: 1520px) { .commonweb { max-width: 1440px; } }
.web-app .u-app-title { color: #69aaff; }
.visible-sm, .visible-md, .visible-lg { display: none; }
.hidden-sm, .hidden-md, .hidden-lg { display: block; }
.appcore-wrapper { padding-top: 19.5px; }
.appcore-wrapper .u-core-title { padding-bottom: 18px; }
.appcore-wrapper .core-technology { padding-bottom: 7.4px; overflow: hidden; }
.appcore-wrapper .core-technology ul { margin-left: -5px; margin-right: -5px; }
.appcore-wrapper .core-technology li { float: left; width: 50%; padding: 0 5px; margin-bottom: 10px; }
.appcore-wrapper .core-technology li .thumb img { width: 100%; display: block; }
.appcore-wrapper .core-technology li .name { padding-top: 10px; font-size: 16px; line-height: 26px; color: #666; text-align: center; }
.contrast-wrapper .u-core-title { padding-top: 16.2px; padding-bottom: 16.5px; }
.native-app { padding-top: 15px; padding-bottom: 30px; background: #f5f8fa; }
.native-app .u-app-desc { padding-top: 4.2px; padding-bottom: 16.2px; }
.native-app .contrast-item { background: #fff; margin-bottom: 10px; }
.web-app { padding-top: 15px; }
.web-app .u-app-title { color: #69aaff; }
.web-app .u-app-desc { padding-top: 4.2px; padding-bottom: 16.2px; }
.web-app .u-pros-cons { margin-bottom: 19.8px; }
.web-app .contrast-item { background: #f5f8fa; margin-bottom: 10px; }
.web-app .contrast-item dl .code { background: #fff; }
/* 核心技术*/
.u-core-title { font-size: 36px; line-height: 46px; }
.u-end-text { padding-bottom: 60px; font-size: 16px; line-height: 30px; }
.u-app-title { font-size: 30px; line-height: 40px; }
.u-app-desc { font-size: 16px; line-height: 28px; }
.u-pros-cons .contrast-item { border-radius: 10px; padding: 40px 50px 48px; width: 48.5%; }
.u-pros-cons .contrast-item h3 { margin-bottom: 32px; font-size: 30px; line-height: 48px; }
.u-pros-cons .contrast-item dl { padding-left: 85px; margin-bottom: 35px; }
.u-pros-cons .contrast-item dl .code { width: 66px; height: 66px; font-size: 36px; line-height: 66px; }
.u-pros-cons .left { left: 0; width: 48.5%; }
.u-pros-cons .right { right: 0; width: 48.5%; }
.appcore-wrapper { padding-top: 65px; }
.appcore-wrapper .u-core-title { padding-bottom: 60px; }
.appcore-wrapper .core-technology { padding-bottom: 48px; }
.appcore-wrapper .core-technology ul { margin-left: -15px; margin-right: -15px; }
.appcore-wrapper .core-technology li { padding: 0 15px; margin-bottom: 0; }
.appcore-wrapper .core-technology li .name { padding-top: 20px; }
.contrast-wrapper .u-core-title { padding-top: 54px; padding-bottom: 55px; }
.native-app { padding-top: 50px; padding-bottom: 100px; }
.native-app .u-app-desc { padding-top: 14px; padding-bottom: 54px; }
.web-app { padding-top: 50px; }
.web-app .u-app-desc { padding-top: 14px; padding-bottom: 54px; }
.web-app .u-pros-cons { margin-bottom: 66px; }
/* app核心技术*/
.u-core-title { font-size: 22px; line-height: 32px; text-align: center; }
.u-end-text { padding-bottom: 18px; font-size: 14px; line-height: 25px; color: #666; /*border-bottom: 1px solid #d9d9d9; */text-align: center;margin-bottom: 50px;}
.u-app-title { font-size: 20px; line-height: 30px;text-align: center;}
.u-app-desc { font-size: 14px; line-height: 24px; }
.u-pros-cons .contrast-item { border-radius: 5px; overflow: hidden; padding: 12px 15px 14.4px; }
.u-pros-cons .contrast-item h3 { margin-bottom: 9.6px; font-size: 20px; line-height: 34px; text-align: center; }
.u-pros-cons .contrast-item dl { position: relative; padding-left: 75px; margin-bottom: 20px; min-height: 66px; font-size: 14px; line-height: 25px; color: #666; }
.u-pros-cons .contrast-item dl dt { display: table; font-size: 16px; line-height: 30px; color: #333; }
.u-pros-cons .contrast-item dl dt span { display: table-cell; vertical-align: middle; }
.u-pros-cons .contrast-item dl .code { position: absolute; left: 0; top: 0; width: 56px; height: 56px; font-size: 26px; line-height: 56px; color: #69aaff; text-align: center; background: #f3f9fe; border-radius: 50%; }
/* 核心技术*/
.appcore-wrapper .core-technology li { width: 33.33333%; }
.u-pros-cons { position: relative; }
.u-pros-cons .contrast-item { width: 48.5%; float: left; margin-bottom: 0; }
.u-pros-cons .contrast-item:last-child { float: right; }
.u-pros-cons .short { position: absolute; top: 0; bottom: 0; width: 45.96354%; }
.u-pros-cons .left { left: 20px; }
.u-pros-cons .right { right: 20px; }
/* 核心技术*/
.appcore-wrapper .core-technology li { width: 20%; }
.u-pros-cons .left { left: 40px; }
.u-pros-cons .right { right: 40px; }
.u-app-desc { max-width: 1200px; margin: 0 auto; font-size: 14px; line-height: 24px; color: #666; text-align: center; padding: 0 10px; }

.warp {
    max-width: 1200px;
    margin: 0 auto;
}
.function-tit{
	font-size: 40px;
	font-weight: normal;
	line-height: 42px;
	text-align: center;
}
@keyframes scrollTop {
	from{
		top: 185px;
		opacity: 0;
	}
	to{
		top: 235px;
		opacity: 1;
	}
}
@keyframes scrolltop1 {
	from{
		top: 235px;
		opacity: 0;
	}
	to{
		top: 297px;
		opacity: 0.7;
	}
}
@keyframes scrollBtm {
	from{
		top: 435px;
		opacity: 0;
	}
	to{
		top: 383px;
		opacity: 1;
	}
}

.unique-function{
	width: 100%;
	height: 863px;
	background: url("../images/unique-function.jpg") center 0 no-repeat;
}

.unique-function .function-tit{
	padding-top: 44px;
	color: #333;
}

.base-function{
	width: 100%;
	height: 1001px;
	background: url("../images/base-function.jpg") center 0 no-repeat;
}

.base-function .function-tit{
	padding-top: 66px;
	color: #fff;
}

.base-function .base-function-list{
	margin-top: 60px;
}

.base-function .base-function-list li{
	width: 255px;
	height: 123px;
	float: left;
	margin: 0 20px 30px 0;
	padding: 0 0 0 30px;
	background: #e7e7e7;
	background: rgba(255, 255, 255, 0.9);
}

.base-function .base-icon{
	display: block;
	width: 50px;
	height: 123px;
	float: left;
	margin-right: 24px;
	background: url("../images/base-icon-list.png") 0 center no-repeat;
}

.base-function .icon-1{
	background-position: 0 center;
}

.base-function .icon-2{
	background-position: -50px center;
}

.base-function .icon-3{
	background-position: -100px center;
}

.base-function .icon-4{
	background-position: -150px center;
}

.base-function .icon-5{
	background-position: -199px center;
}

.base-function .icon-6{
	background-position: -249px center;
}

.base-function .icon-7{
	background-position: -300px center;
}

.base-function .icon-8{
	background-position: -350px center;
}

.base-function .icon-9{
	background-position: -399px center;
}

.base-function .icon-10{
	background-position: -449px center;
}

.base-function .icon-11{
	background-position: -750px center;
}

.base-function .icon-12{
	width: 54px;
	background-position: -850px center;
}

.base-function .icon-13{
	background-position: -549px center;
}

.base-function .icon-14{
	background-position: -599px center;
}

.base-function .icon-15{
	background-position: -649px center;
}
.base-function .icon-16{
	background-position: -800px center;
}
.base-function .icon-17{
	background-position: -914px center;
}
.base-function .icon-18{
	background-position: -975px center;
}
.base-function .icon-19{
	background-position: -1030px center;
}

.base-function .base-function-tit{
	font-size: 22px;
	padding-top: 28px;
	line-height: 22px;
	color: #000;
}

.base-function .base-function-con{
	font-size: 12px;
	padding-top: 10px;
	line-height: 22px;
	color: #646464;
}


.product-advantage{
	width: 100%;
	height: 577px;
	background: #f7f7f7;
}

.product-advantage .function-tit{
	padding-top: 62px;
	color: #333;
}

.product-advantage .advantage-list{
	margin-top: 65px;
}

.product-advantage .advantage-list li{
	width: 210px;
	padding: 0 15px;
	overflow: hidden;
	float: left;
}

.product-advantage .advantage-icon{
	display: block;
	width: 182px;
	height: 146px;
	margin: 0 auto;
	background: url("../images/advantage-icon-list.png") no-repeat;
}

.product-advantage .icon-1{
	background-position: 0 0;
}

.product-advantage .icon-2{
	background-position: -182px 0;
}

.product-advantage .icon-3{
	background-position: -364px 0;
}

.product-advantage .icon-4{
	background-position: -546px 0;
}

.product-advantage .icon-5{
	background-position: -728px 0;
}

.product-advantage .advantage-tit{
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 20px;
}

.product-advantage .advantage-con{
	font-size: 14px;
	line-height: 24px;
}

.unique{
	width: 900px;
	background: url("../images/unique-function-list.png") center center no-repeat;
}



.unique-function-list{
	height: 644px;
	margin: 0 auto;
	margin-top: 68px;
}

.unique-function-list li{
	position: relative;
	width: 300px;
	height: 322px;
	float: left;
}

.unique-function-list .first .unique-icon{
	position: relative;
	display: block;
	width: 72px;
	height: 76px;
	margin: 0 auto;
	margin-top: 72px;
	background: url("../images/unique-icon-list.png") no-repeat;
}

.unique-function-list .first .unique-icon:after{
	content: " ";
	display: block;
	position: absolute;
	top: 95px;
	left: 23px;
	width: 25px;
	height: 3px;
	margin: 0 auto;
	border-radius: 1px;
	background: #ffe400;
}

.unique-function-list .first .icon-1{
	background-position: 0 center;
}

.unique-function-list .first .icon-2{
	width: 75px;
	background-position: -72px center;
}

.unique-function-list .first .icon-3{
	background-position: -151px center;
}

.unique-function-list .first .icon-4{
	background-position: -223px center;
}

.unique-function-list .first .icon-5{
	background-position: -296px center;
}

.unique-function-list .first .icon-6{
	background-position: -368px center;
}
.unique-function-list .first p{
	margin-top: 53px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
}
.unique-function-list div{
	-moz-transition: all .35s ease-in 0s;
	-o-transition: all .35s ease-in 0s;
	-webkit-transition: all .35s ease-in 0s;
	transition: all .35s ease-in 0s;
}
.unique-function-list .second{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 300px;
	height: 322px;
	background: #29336f;
	background: rgba(41, 51, 111, 0.85);
	color: #fff;
	text-align: center;
	opacity: 0;
	-moz-transition: all .35s ease-in 0s;
	-o-transition: all .35s ease-in 0s;
	-webkit-transition: all .35s ease-in 0s;
	transition: all .35s ease-in 0s;
}
.unique-function-list .second .second-tit{
	position: relative;
	margin-top: 86px;
	margin-bottom: 52px;
	font-size: 22px;
}
.unique-function-list .second .second-tit:after{
	content: " ";
	display: block;
	position: absolute;
	top: 46px;
	left: 138px;
	width: 25px;
	height: 3px;
	margin: 0 auto;
	border-radius: 1px;
	background: #ffe400;
}
.unique-function-list .second .second-con{
	font-size: 14px;
	line-height: 30px;
}
.unique-hover .first{
	opacity: 0;
}
.unique-hover .second{
	opacity: 1;
	transform: scale(1.1,1.1);
}
.base-function .base-function-list .mr0 {
    margin-right: 0px;
}

.lkjhggg{background: url(../images/048.png)no-repeat bottom;padding-bottom: 90px;}
.lkjhggg .function-tit{ padding-top: 62px;color: #333;}
.lkjhggg-con{width: 1200px;margin:0 auto;}
.app-item>ul, .app-story>ul>li.active>div>div.hide, .app-tab>span.active>i {
    display: block;
}
.app-item,.app-tab {
  width: 1200px;
  height: 50px;
  margin:40px 0 0;
}

.app-tab>span,.left-nav li {
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer
}

.app-tab>span {
  display: block;
  float: left;
  width: 20%;
  border-bottom: 5px solid #ccc;
  position: relative;
  font-size: 26px
}

.app-tab>span>i {
  width: 0;
  height: 0;
  overflow: hidden;
  display: none;
  border-width: 8px;
  border-style: solid dashed dashed;
  border-color: #169f85 transparent transparent;
  position: absolute;
  left: 50%;
  bottom: -21px;
  margin-left: -8px
}

.app-tab>span.active {
  border-bottom-color: #169f85
}

.app-item {
  height: 601px;
  overflow: hidden;
  position: relative
}

.app-item>ul {
  width: 6150px;
  height: 601px;
  position: absolute;
  left: 0;
  top: 0
}

.app-item>ul>li {
  float: left;
  width: 286px;
  height: 601px;
  margin: 0 7px;
  position: relative;
}
.app-item>ul>li div{
  position: absolute;width: 232px;height: 410px;top:79px;left:28px;overflow: hidden;
  background: url(../images/cn35.png);display: none;
}
.app-item>ul>li:hover  div{display: block;}
.app-item>ul>li div img{display: block;margin-top: 60px;margin-left: 41px;}
.app-item>ul>li div span{display: block;padding: 20px;line-height: 20px;color: #fff;}
.app-item>ul>li div a{width: 145px;text-align: center;height: 32px;line-height: 32px;border-radius: 16px;background: #0098e9;display: block;color: #fff;position: absolute;left: 40px;bottom: 25px;}

.loading-more{text-align: center;padding:50px 0 30px;}


.prohead{
	height: 80px;background: #277bb7;
}

.prohead .logo{
	display: block;
	float: left;
	width: 214px;
	height: 62px;
	padding: 8px 0;
}

.prohead .logo a{
	display: block;
	width: 214px;
	height: 62px;
	background: url(../images/logo.png) no-repeat center;
}

.prohead .hot-line{
	position: relative;
	display: block;
	float: right;
	height: 80px;
	margin-left: 10px;
}

.prohead .hot-line .tell-icon-s{
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	margin-top: 26px;
	cursor: pointer;
	background:url(../images/icon.png) no-repeat 0px 0px;
	margin-right:10px;
}

.prohead .hot-line span{
	display: block;
	float: left;
	
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 16px;
	/*white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;*/
}
/*
.header .hot-line:hover span{
	width: 106px;
	margin-left: 9px;
}*/

.prohead .nav{
	display: block;
	float: right;
}

.prohead .nav li{
	display: block;
	float: left;
	width: 104px;
	line-height: 80px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.prohead .nav li.w72{
	width: 72px;
}

.prohead .nav li.w120{
	width: 120px;
}

.prohead .nav li a{
	display: block;
	color: #fff;
	font-size: 16px;
}

.prohead .nav li a .line{
	display: block;
	float: left;
	width: 0;
	height: 1px;
	background-color: #fff;
	margin-top: 39px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.prohead .nav li:hover a .line{
	width: 8px;
	margin-right: 5px;
}

.prohead .nav li.active a .line{
	width: 15px;
	height: 2px;
	margin:38px 5px 0 0;
}

@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 990; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 998}
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 999 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }


.index-new {
    min-width: 1250px;
    padding-top: 64px;
    background: #f7f7f7;
}
.index-title {
    text-align: center;
}
.index-title h5 {
        font-size: 55px;
        color: #000;
        font-family: "Regular";
        line-height: 55px;
    }
.index-title h6 {
        font-size: 16px;
        color: #555;
        line-height: 40px;
    }
.index-title-switch {
    font-size: 15px;
    color: #666;
    text-align: center;
    margin-top: 15px;
}   
.index-new-switch {
    font-size: 15px;
    color: #666;
    text-align: center;
} 
.index-new-switch  li {
            display: inline-block;
            text-align: center;
            padding-left: 32px;
            padding-right: 32px;
            position: relative;
}
.index-new-switch li + li::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 11px;
    width: 15px;
    height: 1px;
    background: #bababa;
}
.index-new-switch a {
                cursor: pointer;
                color: #666;
            }
.index-new-switch a:hover {
                    color: #b41515;
                }

.index-new-switch .on a{
                color: #b41515;
            }

.index-new .li {
    max-width: 1600px;
    font-size: 0;
    margin: 0 auto;
    margin-top: 48px;
    padding-bottom: 75px;
}

.index-new .new-more {
    display: block;
    width: 379px;
    height: 51px;
    margin: 0 auto;
    margin-top: 60px;
    background: url(../images/case_icon_0.png);
    transition: all .3s ease;
    @media screen and (max-width: 1500px) {
        margin-top: 50px;
    }
    @media screen and (max-width: 1400px) {
        margin-top: 40px;
    }
}
.index-new .new-more:hover {
        opacity: .7;
}
.index-new .left{
                position: relative;
                width: 578px;
                height: 561px;
                display: inline-block;
                vertical-align: top;
                transition: all .4s ease-out;
        }
.index-new .left:hover {
                    transform: translate3d(0, -5px, 0);
            }
.index-new .left:hover .swiper-slide-text .text h5 {
                        color: #d12322;
                    }
.index-new .left-box {
                    background: #fff;
                    position: relative;
                    z-index: 10;
                    width: 100%;
                    height: 100%;
                    padding: 43px 47px 50px 53px;
                    box-sizing: border-box;
                }
.index-new .left-box-swiper {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                    }

.index-new .shadow {
                    position: absolute;
                    bottom: -40px;
                    left: 0px;
                    width: 100%;
                    padding-bottom: (99/612)*100%;
                    background: url(../images/new_icon_0.png);
                    background-size: 100% 100%;
                }
.index-new .swiper-slide {
                    display: block;
                    background: #fff;
                }
.li .pagination2 {
                    text-align: left;
                }
.li .pagination2 .swiper-pagination-bullet {
                        background: #4e4e4e;
                        opacity: 1;
                        margin-right: 4px;
                    }
.li .pagination2 .swiper-pagination-bullet-active {
                        background: #dc301f;
                    }
.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.index-new .swiper-slide-box {
                    width: 478px;
                    height: 313px;
                    overflow: hidden;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                   }
.index-new .swiper-slide-box img {
                        max-width: 100%;
                        height: auto !important;
                    }
.index-new .swiper-slide-text {
                    width: 478px;
                    margin-top: 30px;
                    font-size: 0;
                }
.index-new .swiper-slide-text .text {
                        display: inline-block;
                        vertical-align: top;
                        width: 388px;
                        height: 90px;
                        text-align: left;
                        padding-right: 20px;
                        box-sizing: border-box;
                    }
.index-new .swiper-slide-text .text  h3 {
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-size: 19px;
                            color: #060606;
                            transition: all .3s ease;
                        }
.index-new .swiper-slide-text .text  p {
                            height: 50px;
                            margin-top: 12px;
                            word-break: break-all;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            /*overflow: hidden;*/
                            font-size: 13px;
                            line-height: 25px;
                            color: #888;
                        }
.index-new .left .date {
                        display: inline-block;
                        vertical-align: top;
                        width: 90px;
                        height: 105px;
                        border-radius: 4px;
                        background: #b41515;
                        text-align: center;
                    }
.index-new .left .date .d {
                            font-size: 58px;
                            color: #fff;
                            font-family: "Regular";
                            line-height: 58px;
                            margin-top: 6px;
                        }
.index-new .left .date .ym {
                            margin-top: 2px;
                            line-height: 30px;
                            font-size: 16.4px;
                            font-family: "Regular";
                            color: #fff;
                        }
.index-new .right {
                margin-left: 22px;
                width: 1000px;
                height: 561px;
                display: inline-block;
                vertical-align: top;
                text-align: left;
            }
.index-new .right-li {
                    position: relative;
                    text-align: left;
                    display: inline-block;
                    vertical-align: top;
                    width: 50%;
                    height: 187px;
                    transition: all .4s ease-out;
                }
.index-new .right-li:nth-child(even) {
                        padding-left: 2px;
                        box-sizing: border-box;
                    }
.index-new .right-li:nth-child(n+3) {
                        padding-top: 1px;
                        box-sizing: border-box;
                    }
.index-new .right-li-box{
                        position: relative;
                        z-index: 10;
                        width: 100%;
                        height: 100%;
                        background: #fff;
                    }
.index-new .right-li-box:hover {
                        z-index: 100;
                        box-shadow: 0 8px 35px rgba(0, 0, 0, .2);
                    }
.index-new .right-li-box:hover .date .d {
                            color: #d12322;
                        }
.index-new .right-li-box:hover .date .ym {
                            color: #d12322;
                        }
.index-new .right-li-box:hover .text h5 {
                            color: #d12322;
                        }
.index-new .right .shadow {
                    position: absolute;
                    bottom: -30px;
                    left: 0;
                    width: 100%;
                    padding-bottom: (100/524)*100%;
                    background: url(../images/new_icon_1.png);
                    background-size: 100% 100%;
                }
.index-new .right .date {
                    display: inline-block;
                    vertical-align: top;
                    width: 110px;
                    height: 100%;
                    padding-top: 55px;
                    padding-right: 25px;
                    padding-left: 35px;
                    box-sizing: border-box;
                    text-align: center;
                }
.index-new .right .date .d {
                        font-size: 42px;
                        color: #555;
                        font-family: "Regular";
                        line-height: 42px;
                        margin-top: 6px;
                        transition: color .3s ease;
                    }
.index-new .right .date .ym {
                        margin-top: 2px;
                        line-height: 14px;
                        font-size: 14px;
                        font-family: "Regular";
                        color: #333;
                        transition: color .3s ease;
                    }
.index-new .right .text {
                    display: inline-block;
                    vertical-align: top;
                    width: 333px;
                    height: 100%;
                    text-align: left;
                    padding-top: 55px;
                    box-sizing: border-box;
                }
.index-new .right .text h3 {
                        font-size: 15px;
                        color: #333;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        transition: color .3s ease;
                    }
.index-new .right .text p {
                        margin-top: 10px;
                        color: #888;
                        font-size: 13px;
                        line-height: 25px;
                        height: 50px;
                        word-break: break-all;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
@media screen and (max-width: 1620px) {
    .index-new-switch .li .left {
        width: 508px;
    }
    .index-new-switch .li .left-box {
        padding-left: 15px;
        padding-right: 15px;
    }
    .index-new-switch .li .right {
        margin-left: 15px;
    }
    .index-new-switch .li .right {
        width: 900px;
    }
    .index-new-switch .li .right .date {
        padding-left: 20px;
        padding-right: 12px;
        width: 90px;
    }
    .viewpoint-text h5 {
        line-height: 50px;
        font-size: 40px;
    }
    .viewpoint-text .p {
        margin-top: 20px;
    }
    .viewpoint-text .icon {
        margin-top: 20px;
    }
}
@media screen and (max-width: 1450px) {
    .index-new-switch .li .left {
        height: 480px;
        width: 458px;
    }
    .index-new-switch .li .left .swiper-slide-box {
        width: 428px;
        height: 280px;
    }
    .index-new-switch .li .left .swiper-slide-text {
        width: 428px;
    }
    .index-new-switch .li .left .swiper-slide-text .text {
        width: 338px;
    }
    .index-new-switch .li .left-box {
        padding-top: 23px;
        padding-bottom: 30px;
    }
    .index-new-switch .li .right {
        width: 800px;
        height: 480px;
    }
    .index-new-switch .li .right .date {
        padding-left: 20px;
        padding-right: 12px;
        padding-top: 45px;
        width: 90px;
    }
    .index-new-switch .li .right .text {
        width: 233px;
        padding-top: 45px;
    }
    .index-new-switch .li .right-li {
        height: 160px;
    }
}
@media screen and (max-width: 1400px) {
    .viewpoint-text {
        width: 500px;
    }
    .viewpoint-text h5 {
        font-size: 34px;
        line-height: 40px;
    }
    .index-case {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .index-case-outline {
        margin-top: 20px;
        width: 1200px;
        max-width: auto;
        min-width: 0;
    }
    .index-case .item {
        width: 330px;
        padding: 0 5px;
    }
    .index-case .img {
        width: 356px;
    }
    .index-case-box {
        padding: 50px 30px;
    }
    .index-case .text {
        padding-top: 10px;
        height: 70px;
    }
    .index-case .text h3 {
        padding-top: 5px;
    }
    .index-case-box2 {
        height: 1366px;
    }
    .index-case .text h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .index-case .item:nth-child(1), .index-case .item:nth-child(3), .index-case .item:nth-child(5), .index-case .item:nth-child(6), .index-case .item:nth-child(7), .index-case .item:nth-child(8), .index-case .item:nth-child(9), .index-case .item:nth-child(11), .index-case .item:nth-child(12) {
        height: 200px;
        width: 330px;
        padding: 0 5px;
    }
    .index-case .item:nth-child(1) .img, .index-case .item:nth-child(3) .img, .index-case .item:nth-child(5) .img, .index-case .item:nth-child(6) .img, .index-case .item:nth-child(7) .img, .index-case .item:nth-child(8) .img, .index-case .item:nth-child(9) .img, .index-case .item:nth-child(11) .img, .index-case .item:nth-child(12) .img {
        height: 197px;
        width: 320px;
    }
    .index-case .item:nth-child(2) .img, .index-case .item:nth-child(4) .img, .index-case .item:nth-child(10) .img {
        height: 470px;
        width: 320px;
    }
    .index-case .item:nth-child(2), .index-case .item:nth-child(4), .index-case .item:nth-child(10) {
        height: 580px;
    }
    .index-case .item:nth-child(4) {
        top: 273px;
    }
    .index-case .item:nth-child(2) {
        left: 335px;
    }
    .index-case .item:nth-child(5) {
        top: 273px;
        left: 670px;
    }
    .index-case .item:nth-child(3) {
        left: 670px;
    }
    .index-case .item:nth-child(6) {
        top: 546px;
        left: 335px;
    }
    .index-case .item:nth-child(7) {
        top: 546px;
        left: 670px;
    }
    .index-case .item:nth-child(8) {
        top: 815px;
    }
    .index-case .item:nth-child(9) {
        top: 815px;
        left: 335px;
    }
    .index-case .item:nth-child(10) {
        top: 815px;
        left: 670px;
    }
    .index-case .item:nth-child(11) {
        top: 1088px;
    }
    .index-case .item:nth-child(12) {
        top: 1088px;
        left: 335px;
    }
    .index-new-switch .li .right {
        width: 700px;
    }
    .index-new-switch .li .left {
        width: 400px;
        height: 482px;
    }
    .index-new-switch .li .right-li {
        height: 160px;
    }
    .index-new-switch .li .right .date {
        padding-top: 40px;
    }
    .index-new-switch .li .right .text {
        padding-top: 40px;
    }
    .index-new {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .index-new-switch .li {
        margin-top: 30px;
    }
    .index-new-switch .li .left .swiper-slide-box {
        width: 370px;
        height: 274px;
    }
    .index-new-switch .li .left .swiper-slide-text {
        width: 370px;
        margin-top: 20px;
    }
    .index-new-switch .li .left .swiper-slide-text .text {
        width: 270px;
    }
}
#cnzz_stat_icon_1254965816 a{color: #000}

.linkus h3{line-height: 1;text-align: center;padding: 90px 0 20px;}
.linkus .linkuscom{width: 1210px;margin: 0 auto}
.linkus .linkuscom a{float: left;margin-right: 20px;margin-top: 20px;width:185px;}
.linkus .linkuscom a img{width: 100%}
.linkus .linkuscom a:nth-child(6n){margin-right: 0;}

/*软件著作权*/
.softwarr1{text-align: center;background: #f6f6fa;padding: 85px 0 60px}
.softwarr1-2{margin-top: 45px;}
.softwarr2{text-align: center;padding-top: 100px;}
.softwarr2-2{margin-top: 67px;}
.softwarr2-3{margin-top: 132px;}
.softwarr2-4{margin-top: 140px;}
.softwarr2-5{margin-top: 170px;}
.softwarr2-6{margin-top: 65px;}
.softwarr2-7{margin-top: 105px;}
.softwarr2-9{margin-top: 35px;padding-bottom: 135px;}
.mySwiper{width: 1185px;margin: 75px auto 80px;height: 550px;}

.trademark1{text-align: center;padding: 82px 0 60px;background: #f6f6fa}
.trademark1-2{margin-top: 50px;}
.trademark2{background: #dce4f4;padding: 55px 0 75px;}

.trademark2{text-align: center;}
.trademark2-1{}
.trademark2-2{margin-top: 52px;}

.prosh{padding: 50px 10%;}
.prosh-p{font-size: 30px;text-align: center;font-weight: bold;margin-top: 40px;}
.prosh-div{padding:40px 0;height: 40px;line-height: 40px;}
.prosh-div a{margin-right: 40px;color: #666;font-size: 16px;}
.prosh-div a:nth-child(1){color: #000;font-weight: bold;}
.prosh-div .on{color: #3f8ace}
.prosh-con .prosh-li{margin-bottom: 45px;width: 32%;margin-right:2%;float: left;}
.prosh-con .prosh-li:nth-child(3n){margin-right: 0}
.prosh-con .prosh-li p{height: 60px;line-height: 60px;padding: 0 5%;}
.prosh-con .prosh-li p a{color: #000;font-weight: bold;font-size: 16px;}
.prosh-con .prosh-li p span{float: right;}
.prosh-con .prosh-li .prosh-a{position:relative;}
.prosh-con .prosh-li .prosh-a .bgms{position: absolute;top: 0;left: 0;display: none;width: 100%;height: 100%; background-color: rgba(63, 138, 206, 0.8);}
.prosh-con .prosh-li .prosh-a .bgms a{display: block;height: 53px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;width: 145px;text-align: center;color: #fff;margin: 0 auto;line-height: 53px;font-size: 20px;margin-top: 36%;}
.prosh-con .prosh-li .prosh-a:hover .bgms{display: block;}