* {
	font-family:microsoft yahei;
	font-weight:lighter
}
html,body {
	overflow-X:hidden
}
a:hover,a:focus {
	text-decoration:none
}
.red {
	color:red
}
.orange {
	color:#ff9400
}
.bg-black {
	background:url("../images/cases_bj.png");
	color:#fff !important
}


.pro-nav{height:auto;border-bottom:1px solid #FFF; background:#2C70B3; display:none;}
.pro-nav-bd{margin:0px 10% 0px 10%;}

.sub-nav {
width:100%;

}
.sub-nav ul{padding:0px 0px;
margin:0px 0px;}
.sub-nav ul li {
	float:left;
	width:25%;
	text-align:center;
}
.sub-nav ul li a {
	color:#fff;
	font:normal 12px/37px "微软雅黑";
	display:block;
}
.sub-nav ul li a:hover {
	color:#fff;

}
.sub-nav ul li a.s-this {
	color:#000;
	border-bottom:1px solid #000;
}




.topbar {
	width:100%;
	height:36px;
	line-height:36px;
	background-color:#f8f7f7;
	border-bottom:1px solid #e9e8e8;
	position: fixed;
	top:0px;
    z-index: 9999;
}
.topbar .container>ul {
	float:left
}
.topbar .container>ul li {
	float:left;
	font-size:.9em;
	color:#555
}
.topbar .container>ol {
	float:right
}
.topbar .container>ol li {
	float:left;
	position:relative;
	z-index:9999;
	padding:0 10px;
	cursor:pointer
}
.topbar .container>ol li:before {
	content:'';
	position:absolute;
	width:1px;
	height:15px;
	background:#ccc;
	top:11px;
	left:-1px
}
.topbar .container>ol li a {
	font-size:.9em;
	color:#555
}
.topbar .container>ol li a:hover {
	color:#008aff
}
.topbar .container>ol li b {
	font-family:'iconfont';
	font-weight:normal;
	font-size:1.2em;
	color:#686868
}
.topbar .container>ol li span {
	display:none;
	width:110px;
	height:110px;
	position:absolute;
	padding:10px;
	border-radius:5px;
	overflow:hidden;
	top:25px;
	left:-35px
}
.topbar .container>ol li span img {
	width:100%
}
.topbar .container>ol li:hover b {
	color:#008aff
}
.topbar .container>ol li:hover span {
	display:block
}
.navbarMy {
	height:90px
}
#navCollapse h1 {
	margin:0;
	color:#fff;
	position:relative;
	top:15px;
	font-family:'iconfont';
	color:#00b6ff;
	font-size:4em;
	cursor:pointer;
	background-image:-webkit-linear-gradient(left,#269fff,#3ad8ff 30%,#34c2ff 70%,#3ad8ff);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
	-webkit-background-size:200%;
	background-image:linear-gradient(left,#269fff,#3ad8ff 30%,#34c2ff 70%,#3ad8ff);
	background-size:200%;
	-webkit-animation:masked-animation 2s infinite linear;
	animation:masked-animation 2s infinite linear
}
#navCollapse>ul {
	margin-top:25px
}
#navCollapse>ul li.navActive a {
	color:red !important
}
#navCollapse .navShare {
	margin-left:15px;
	margin-right:0
}
#navCollapse .navShare .tel {
	color:red;
	text-align:right;
	font-weight:normal;
	font-size:1.2em;
	margin-top:18px;
	line-height:28px;
	margin-left:35px
}
#navCollapse .navShare span {
	position:relative;
	top:2px;
	left:-5px;
	color:#999;
	width:26px;
	height:26px;
	line-height:25px;
	border-radius:13px;
	text-align:center;
	border:1px solid #ccc;
	display:inline-block;
	font-size:1.25em
}
#navCollapse a {
	color:#333;
	font-size:16px;
	padding:15px 23px 20px;
	margin:0;
	border:0;
	font-weight:normal;
	border-radius:25px;
	transition:color 1s
}
#navCollapse a:hover {
	color:#ff5744
}
#navCollapse .place a {
	color:#ff3651;
	border:1px solid #ff3651;
	border-radius:25px;
	margin-left:20px
}
.hzhxIcon {
	font-family:'iconfont'
}
@keyframes contactTel {
	from {
	opacity:0;
	top:112px
}
100% {
	opacity:1;
	top:82px
}
}@keyframes logo {
	1% {
	top:-10px
}
50% {
	top:3px
}
100% {
	top:-10px
}
}.dropdown {
	position:absolute;
	height:155px;
	top:-18px;
	z-index:1110;
	right:218px;
	display:none;
	padding-top:42px
}
.dropdown .drop-down {
	display:none
}
.dropdown .drop-down>* {
	border-right:1px solid #eaeaea;
	height:140px
}
.dropdown .drop-down>*:last-child {
	border-right:0
}
.dropdown ul {
	float:left;
	list-style:none;
	padding:0 20px;
	margin:0;
	width:155px;
	text-align:left
}
.dropdown ul h3 {
	margin:0 0 10px;
	padding:0;
	font-size:14px;
	font-weight:normal
}
.dropdown ul a {
	color:#555;
	line-height:2.3em;
	transition:all 1s;
	font-size:12px;
	padding-bottom:1px;
	border-bottom:1px solid transparent;
	font-weight:normal
}
.dropdown ul a:hover {
	color:#ff5744 !important;
	border-bottom:1px solid #ff5744
}
.dropdown ul a.down-tel {
	height:36px;
	line-height:36px;
	width:90px;
	display:block;
	text-align:center;
	font-weight:normal;
	background:#ff5744;
	color:#fff
}
.dropdown ul a.down-tel:hover {
	color:#fff !important
}
.dropdown dl {
	float:left;
	width:250px;
	padding:0 25px;
	cursor:pointer
}
.dropdown dl dt {
	height:72px;
	margin:0 0 12px;
	background:#ccc;
	padding:0
}
.dropdown dl dd {
	font-weight:normal;
	font-size:13px;
	text-align:left;
	transition:all 1s
}
.dropdown dl dd p {
	height:42px;
	padding-top:4px;
	line-height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px
}
.dropdown dl:hover dd {
	color:#ff5744
}
.dropdown .Dfanan dl {
	width:220px
}
.dropdown .Dcase ul {
	width:210px;
	padding:0 45px
}
.navBg {
	height:235px;
	width:110px;
	background:#008aff;
	background:rgba(0,138,255,0.9);
	position:absolute;
	display:none;
	top:-25px;
	z-index:-1
}
#mycarousel .item {
	height:500px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer
}
#mycarousel .carousel-control span {
	margin-top:-12px
}
.service {
	background:#f5f5f5;
	padding:30px 0 30px;
	border-bottom:1px solid #dedede
}
.service .glide {
	background:#fff;
	overflow:hidden;
	height:280px;
	margin-top:25px
}
.service .glide dl {
	float:left;
	height:280px;
	width:228px;
	position:relative;
	overflow:hidden
}
.service .glide dl dt {
	cursor:pointer
}
.service .glide dl dt,.service .glide dl dd {
	float:left;
	width:228px
}
.service .glide dl dd {
	width:228px;
	padding:20px;
	overflow:hidden;
	text-align:left;
	position:absolute;
	z-index:10;
	left:0;
	top:0
}
.service .glide dl dd a {
	float:left;
	padding:7px 14px;
	border:1px solid #e2e2e2
}
.service .glide dl dd p {
	float:left;
	line-height:24px;
	margin-top:10px
}
.service .glide dl dd hr {
	float:left;
	width:100%;
	margin:10px 0 20px 0
}
.service .glide dl dt {
	background:red;
	height:280px;
	border-right:1px solid #fff;
	position:relative;
	z-index:100;
	transition:all 1.5s
}
.service .glide dl dt i {
	width:100%;
	padding-top:25px;
	background:0;
	font-style:normal;
	font-family:'iconfont';
	font-size:5em;
	color:#fff;
	transition:all 1s
}
.service .glide dl dt h1 {
	float:left;
	width:100%;
	margin:25px 0 0 0;
	font-size:22px;
	color:#fff;
	text-align:center
}
.service .glide dl dt p {
	margin:0;
	float:left;
	padding:25px;
	color:#fff;
	text-align:left;
	font-size:14px;
	line-height:22px
}
.service .glide dl.glide_01 dt {
	background:#008aff
}
.service .glide dl.glide_02 dt {
	background:#54be3b
}
.service .glide dl.glide_03 dt {
	background:#13c0ce
}
.service .glide dl.glide_04 dt {
	background:#ebb135
}
.service .glide dl.glide_05 dt {
	background:#ff5f57
}
.service .glide dl.cur dt {
	background:#fff;
	border-right:1px solid #eee
}
.service .glide dl.cur dt i {
	padding-top:15px
}
.service .glide dl.cur dt h1 {
	color:#ebb135
}
.service .glide dl.cur dt p {
	color:#777
}
.service .glide dl.glide_01.cur h1,.service .glide dl.glide_01.cur i {
	color:#008aff
}
.service .glide dl.glide_02.cur h1,.service .glide dl.glide_02.cur i {
	color:#54be3b
}
.service .glide dl.glide_03.cur h1,.service .glide dl.glide_03.cur i {
	color:#13c0ce
}
.service .glide dl.glide_04.cur h1,.service .glide dl.glide_04.cur i {
	color:#ebb135
}
.service .glide dl.glide_05.cur h1,.service .glide dl.glide_05.cur i {
	color:#ff5f57
}
.icon {
	width:1em;
	height:1em;
	vertical-align:-0.15em;
	fill:currentColor;
	overflow:hidden
}
.discredit {

	padding:30px 0 0;
	margin-bottom:85px;
	display:none\9
}
.discredit .container .question {
	height:350px;
	position:relative
}
.discredit .container .question dl {
	position:absolute;
	left:-20px;
	top:6px;
	width:182px
}
.discredit .container .question dl dt {
	font-family:'iconfont';
	color:#f0f0f0;
	font-size:13em;
	position:relative;
	animation:question 3s infinite;
	-webkit-animation:question 3s infinite;
	transition:all 1s;
	cursor:pointer
}
.discredit .container .question dl dt em {
	font-size:.5em !important;
	position:absolute;
	font-family:'iconfont';
	color:#333;
	top:47px;
	left:38px
}
.discredit .container .question dl dt:hover {
	color:#90ddff;
	animation-play-state:paused
}
.discredit .container .question dl dd:before {
	width:15px;
	height:15px;
	background:#fff;
	border:2px solid #008aff;
	display:block;
	content:'';
	position:absolute;
	bottom:59px;
	border-radius:15px;
	left:76px
}
.discredit .container .question dl dd {
	line-height:25px;
	color:#888;
	white-space:nowrap
}
.discredit .container .question dl dd span {
	color:#008aff;
	font-size:1.2em;
	display:block
}
.discredit .container .question dl.question_02 {
	left:228px;
	top:31px
}
.discredit .container .question dl.question_02 dt {
	animation:question 4s infinite
}
.discredit .container .question dl.question_02 dt em {
	font-size:.6em !important;
	top:31px;
	left:35px
}
.discredit .container .question dl.question_02 dt:hover {
	animation-play-state:paused
}
.discredit .container .question dl.question_02 dd {
	width:225px;
	margin-left:-28px
}
.discredit .container .question dl.question_03 {
	left:479px;
	top:98px
}
.discredit .container .question dl.question_03 dt {
	animation:question 3.5s infinite
}
.discredit .container .question dl.question_03 dt em {
	font-size:.6em !important;
	top:40px;
	left:30px
}
.discredit .container .question dl.question_03 dt:hover {
	animation-play-state:paused
}
.discredit .container .question dl.question_03 dd {
	width:338px;
	margin-left:-83px;
	color:#333
}
.discredit .container .question dl.question_04 {
	left:735px;
	top:60px
}
.discredit .container .question dl.question_04 dt {
	animation:question 3.2s infinite
}
.discredit .container .question dl.question_04 dt em {
	font-size:.45em !important;
	top:58px;
	left:45px
}
.discredit .container .question dl.question_04 dt:hover {
	animation-play-state:paused
}
.discredit .container .question dl.question_05 {
	left:980px;
	top:-2px
}
.discredit .container .question dl.question_05 dt {
	animation:question 3.2s infinite
}
.discredit .container .question dl.question_05 dt em {
	font-size:.45em !important;
	top:52px;
	left:45px
}
.discredit .container .question dl.question_05 dt:hover {
	animation-play-state:paused
}
.discredit .container .question dl.question_05 dd {
	width:211px;
	margin-left:-21px
}
@keyframes question {
	from {
	top:0
}
50% {
	top:-50px
}
100% {
	top:0
}
}@-webkit-keyframes question {
	from {
	top:0
}
50% {
	top:-50px
}
100% {
	top:0
}
}.cases {
	background:#f5f5f5;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding:30px 0 10px;
	background:#fff\9;
	border-top:0\9
}
.cases .common h3 {
	color:#333
}
.cases .common i {
	background:#333
}
.cases .common p {
	color:#a2a2a2;
	
}
.fwrxdgah{color:#ff0000; font-size:18px; line-height:34px;}
.cases .titleCase {
	width:100%;
	text-align:center;
	margin:22px 0
}
.cases .titleCase>ul {
	padding:0 15px
}
.cases .titleCase li {
	color:#333;
	width:20%;
	margin:0 0 20px -1px;
	height:48px;
	line-height:48px;
	cursor:pointer;
	border:1px solid #ddd;
	background:rgba(255,255,255,0.5);
	font-size:1.1em;
	float:left;
	transition:all 1s
}
.cases .titleCase li span {
	margin-right:8px
}
.cases .titleCase li:first-child {
	border-radius:3px 0 0 3px
}
.cases .titleCase li:last-child {
	border-radius:0 3px 3px 0
}
.cases .titleCase li.active {
	color:#fff;
	border:1px solid #008aff;
	background:#008aff
}
.cases .casesList .caseMore {
	text-align:center;
	margin:25px 0 30px
}
.cases .casesList .caseMore a {
	border:1px solid #2c70b3;
	background:#2c70b3;
	border-radius:3px;
	padding:12px 28px;
	margin:0 8px;
	color:#fff;
	transition:all 1.5s
}
.cases .casesList .caseMore a:hover {
	background:#2c70b3
}
.cases .casesList .caseMore a:last-child {
	border:1px solid #ff8b00;
	background:#ff8b00;
	color:#fff
}
.cases .casesList .casesListCon {
	width:100%
}
.cases .casesList .casesListCon .casesListConDz {
	width:100%;
	overflow:hidden;
	
	position:relative;
	margin-top:40px
}
.cases .casesList .casesListCon .casesListConDz .caseSollTop {
	
}
.cases .casesList .casesListCon .casesListConDz .caseSollTop>div {
	float:left
}
.cases .casesList dl {
	margin:0 15px 20px 15px;
	position:relative;
	width:348px;
	overflow:hidden;
	float:left
}
.cases .casesList dl dt {
	position:relative;
	overflow:hidden
}
.cases .casesList dl dt b {
	width:140px;
	height:68px;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%
}
.cases .casesList dl dt b:before {
	display:block;
	position:absolute;
	height:70px;
	width:0;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:'';
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	transition:width .5s
}
.cases .casesList dl dt b:after {
	display:block;
	position:absolute;
	height:0;
	width:140px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:'';
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	transition:height .5s
}
.cases .casesList dl dt em {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	display:block;
	content:'';
	top:0;
	left:0;
	opacity:0;
	transition:all .5s
}
.cases .casesList dl dt span {
	font-family:'iconfont';
	font-size:2.5em;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transition:all .5s;
	transform:translate(-50%,-50%);
	margin-top:30px;
	opacity:0
}
.cases .casesList dl dt img {
	width:100%;
	transition:all .5s
}
.cases .casesList dl dd {
	padding:18px 0;
	width:100%;
	transition:all .5s;
	position:relative
}
.cases .casesList dl dd a {
	font-size:16px;
	color:#555;
	display:block;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:normal;
	transition:all 1s
}
.cases .casesList dl dd a font {
	color:#555;
	font-weight:normal;
	transition:all 1s
}
.cases .casesList dl dd a span {
	display:block;
	height:18px;
	margin-top:8px;
	font-size:.8em;
	color:#888;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:all 1s
}
.cases .casesList dl dd a i {
	position:absolute;
	width:0;
	height:0;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#008aff;
	z-index:-1;
	transition:all .5s;
	opacity:0
}
.cases .casesList dl:hover dt b:before {
	width:140px
}
.cases .casesList dl:hover dt b:after {
	height:68px
}
.cases .casesList dl:hover dt span,.cases .casesList dl:hover dt em,.cases .casesList dl:hover dt b {
	opacity:1
}
.cases .casesList dl:hover dt span {
	margin-top:0
}
.cases .casesList dl:hover dt img {
	transform:scale(1.2) rotate(-5deg)
}
.cases .casesList dl:hover dd {
	bottom:0;
	padding:18px 15px
}
.cases .casesList dl:hover dd a {
	color:#fff
}
.cases .casesList dl:hover dd a font {
	color:#fff
}
.cases .casesList dl:hover dd a span {
	height:18px;
	color:#fff;
	color:rgba(255,255,255,0.7)
}
.cases .casesList dl:hover dd a i {
	width:100%;
	height:100%;
	opacity:1
}
.Solutions {
	padding:30px 0 30px;
	background:#fff;
	background-size:cover
}
.Solutions .SolutionBottom {
	margin-top:30px
}
.Solutions .SolutionBottom dl {
	width:20%;
	padding:0 15px;
	float:left;
	cursor:pointer;
	position:relative;
	transition:all 1s
}
.Solutions .SolutionBottom dl dt {
	width:135px;
	height:135px;
	text-align:center;
	font-weight:normal;
	border-radius:70px;
	background:#ff5841;
	color:#fff;
	margin:auto;
	line-height:135px;
	transition:transform 1s
}
.Solutions .SolutionBottom dl dt span {
	font-family:'iconfont';
	font-size:5em
}
.Solutions .SolutionBottom dl dd {
	transition:color 1s
}
.Solutions .SolutionBottom dl dd:nth-child(2) {
	text-align:center;
	padding:18px 0;
	font-weight:normal;
	font-size:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.Solutions .SolutionBottom dl:hover {
	margin-top:-20px
}
.Solutions .SolutionBottom dl:hover dt {
	transform:rotate(360deg)
}
.Solutions .SolutionBottom dl:hover dd {
	color:#ff5841
}
.Solutions .SolutionMore {
	text-align:center;
	margin:35px 0 25px
}
.Solutions .SolutionMore a {
	border:1px solid #008aff;
	border-radius:3px;
	padding:12px 28px;
	margin:0 8px;
	color:#008aff;
	transition:all 1.5s
}
.Solutions .SolutionMore a:hover {
	background:#008aff;
	color:#fff
}
.news {
	padding:30px 0 0;
	overflow-y:hidden
}
.news .newsBottom {
	margin-top:10px
}
.news .newsBottom>.row {
	margin-left:auto;
	margin-right:auto
}
.news .newsBottom>.row>.col-xs-12 {
	padding:24px 0;
	border-bottom:1px solid #ddd;
	transition:all 1s
}
.news .newsBottom>.row>.col-xs-12>.row {
	margin-left:auto;
	margin-right:auto;
	height:90px
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-10 {
	border-right:1px solid #ddd;
	margin-left:0;
	padding:0 50px;
	transition:all .5s
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-10 h1 {
	font-size:1.2em;
	color:#222;
	margin:10px 0 12px;
	font-weight:lighter;
	transition:all .5s
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-10 p {
	line-height:1.8em;
	font-size:1em;
	color:#878787;
	margin:0;
	transition:all .5s
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-2 {
	position:relative;
	font-size:1.2em;
	padding:0 0 0 30px;
	transition:all .5s
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-2 span {
	font-size:2.5em;
	display:block
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-2 b {
	font-family:'iconfont';
	position:absolute;
	top:35px;
	right:50px;
	font-weight:lighter;
	font-size:1.2em;
	opacity:0;
	transition:all .5s
}
.news .newsBottom>.row>.col-xs-12:hover {
	background:#2c70b3;
	border-bottom:1px solid #2c70b3
}
.news .newsBottom>.row>.col-xs-12:hover>.row .col-md-10 {
	margin-left:-50px;
	border-right:1px solid #fff
}
.news .newsBottom>.row>.col-xs-12:hover>.row .col-md-10 h1 {
	color:#fff
}
.news .newsBottom>.row>.col-xs-12:hover>.row .col-md-10 p {
	color:#fff;
	color:rgba(255,255,255,0.88)
}
.news .newsBottom>.row>.col-xs-12:hover>.row .col-md-2 {
	color:#fff
}
.news .newsBottom>.row>.col-xs-12:hover>.row .col-md-2 b {
	opacity:1;
	right:-20px;
	color:#fff
}
.news .newsBottom>.row .more {
	margin:24px 0
}
.news .newsBottom>.row .more a {
	color:#2c70b3;
	border:1px solid #2c70b3;
	display:inline-block;
	transition:all .5s;
	width:180px;
	height:50px;
	font-size:1.2em;
	line-height:50px;
	border-radius:5px
}
.news .newsBottom>.row .more a b {
	position:relative;
	font-weight:lighter;
	left:0;
	transition:all .5s
}
.news .newsBottom>.row .more a span {
	font-family:'iconfont';
	font-size:.9em;
	position:relative;
	top:-1px;
	right:0;
	transition:all .5s
}
.news .newsBottom>.row .more a:hover {
	background:#2c70b3;
	color:#fff
}
.news .newsBottom>.row .more a:hover b {
	left:-5px
}
.news .newsBottom>.row .more a:hover span {
	right:-5px
}
.partner {
	background:url("../images/partner.jpg") center bottom;
	background-size:cover;
	overflow-y:hidden;
	padding:30px 0 30px
}
.partner .common h3 {
	color:#333
}
.partner .common i {
	background:#333
}
.partner .common p {
	color:#a2a2a2
}
.partner .row {
	margin-top:32px
}
.partner .row div {
	border:1px solid #e6e6e6;
	background:#fff;
	margin:-1px 0 0 -1px;
	padding:25px 28px;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	animation:all 1s
}
.partner .row div img {
	width:100%;
	opacity:.6
}
.partner .row div img:hover {
	animation:shake-base 1s;
	opacity:1
}
.partner .row div:hover {
	-webkit-filter:grayscale(1%);
	-moz-filter:grayscale(1%);
	-ms-filter:grayscale(1%);
	-o-filter:grayscale(1%);
	filter:grayscale(1%)
}
.shock {
	animation:shake-base 2s infinite;
	-webkit-animation:shake-base 2s infinite;
	-o-animation:shake-base 2s infinite;
	-moz-animation:shake-base 2s infinite
}
@keyframes shake-base {
	from {
	transform:translate(1px,1px) rotate(1deg)
}
2% {
	transform:translate(-1.5px,1.5px) rotate(0.5deg)
}
4% {
	transform:translate(-2.5px,-1.5px) rotate(-1.5deg)
}
6% {
	transform:translate(-0.5px,1.5px) rotate(-1.5deg)
}
8% {
	transform:translate(1.5px,-0.5px) rotate(-1.5deg)
}
10% {
	transform:translate(0.5px,-0.5px) rotate(-0.5deg)
}
12% {
	transform:translate(0.5px,-1.5px) rotate(-0.5deg)
}
14% {
	transform:translate(-0.5px,0.5px) rotate(-1.5deg)
}
16% {
	transform:translate(1.5px,-0.5px) rotate(0.5deg)
}
18% {
	transform:translate(1.5px,1.5px) rotate(0.5deg)
}
20% {
	transform:translate(-2.5px,0.5px) rotate(0.5deg)
}
22% {
	transform:translate(-0.5px,0.5px) rotate(-0.5deg)
}
24% {
	transform:translate(1.5px,-1.5px) rotate(0.5deg)
}
26% {
	transform:translate(-2.5px,1.5px) rotate(-0.5deg)
}
28% {
	transform:translate(-2.5px,0.5px) rotate(-0.5deg)
}
30% {
	transform:translate(1.5px,1.5px) rotate(-0.5deg)
}
32% {
	transform:translate(0.5px,1.5px) rotate(0.5deg)
}
34% {
	transform:translate(1.5px,1.5px) rotate(-0.5deg)
}
36% {
	transform:translate(1.5px,-1.5px) rotate(-0.5deg)
}
38% {
	transform:translate(-1.5px,1.5px) rotate(0.5deg)
}
40% {
	transform:translate(0.5px,-2.5px) rotate(-0.5deg)
}
42% {
	transform:translate(-2.5px,-0.5px) rotate(-0.5deg)
}
44% {
	transform:translate(-2.5px,-0.5px) rotate(-0.5deg)
}
46% {
	transform:translate(-1.5px,-0.5px) rotate(-0.5deg)
}
48% {
	transform:translate(-2.5px,1.5px) rotate(-0.5deg)
}
50% {
	transform:translate(-0.5px,-2.5px) rotate(0.5deg)
}
52% {
	transform:translate(0.5px,1.5px) rotate(-1.5deg)
}
54% {
	transform:translate(-0.5px,-2.5px) rotate(0.5deg)
}
56% {
	transform:translate(-0.5px,0.5px) rotate(-0.5deg)
}
58% {
	transform:translate(-0.5px,1.5px) rotate(0.5deg)
}
60% {
	transform:translate(0.5px,-2.5px) rotate(0.5deg)
}
62% {
	transform:translate(1.5px,-2.5px) rotate(0.5deg)
}
64% {
	transform:translate(-1.5px,1.5px) rotate(-0.5deg)
}
66% {
	transform:translate(-0.5px,1.5px) rotate(-0.5deg)
}
68% {
	transform:translate(-1.5px,-0.5px) rotate(0.5deg)
}
70% {
	transform:translate(0.5px,0.5px) rotate(-0.5deg)
}
72% {
	transform:translate(1.5px,1.5px) rotate(0.5deg)
}
74% {
	transform:translate(1.5px,-1.5px) rotate(-1.5deg)
}
76% {
	transform:translate(1.5px,1.5px) rotate(-1.5deg)
}
78% {
	transform:translate(-2.5px,-1.5px) rotate(-1.5deg)
}
80% {
	transform:translate(0.5px,1.5px) rotate(-0.5deg)
}
82% {
	transform:translate(-2.5px,-1.5px) rotate(0.5deg)
}
84% {
	transform:translate(-0.5px,-1.5px) rotate(-0.5deg)
}
86% {
	transform:translate(-1.5px,0.5px) rotate(-0.5deg)
}
88% {
	transform:translate(1.5px,0.5px) rotate(-0.5deg)
}
90% {
	transform:translate(0.5px,-1.5px) rotate(-1.5deg)
}
92% {
	transform:translate(0.5px,0.5px) rotate(-1.5deg)
}
94% {
	transform:translate(1.5px,1.5px) rotate(0.5deg)
}
96% {
	transform:translate(-1.5px,-1.5px) rotate(-1.5deg)
}
98% {
	transform:translate(-2.5px,-0.5px) rotate(-1.5deg)
}
}.contact {
	padding:30px 0 30px;
	overflow-y:hidden
}
.contact .row {
	margin-top:30px
}
.contact .row .col-md-6 h4 {
	font-weight:lighter;
	margin-bottom:20px
}
.contact .row .col-md-6 p {
	margin-bottom:40px
}
.contact .row .col-md-6 ul {
	margin-bottom:25px
}
.contact .row .col-md-6 ul li {
	line-height:2.2em
}
.contact .row .col-md-6 ul li span {
	font-family:'iconfont';
	margin-right:15px;
	font-size:1.3em
}
.contact .row .col-md-6 ul li:first-child {
	color:#ff1768
}
.contact .row .col-md-6 ul li:first-child a {
	color:#ff1768;
	text-decoration:underline
}
.contact .row .col-md-6 ul li:nth-child(2) {
	color:#356dff
}
.contact .row .col-md-6 ul li:nth-child(2) a {
	color:#356dff;
	text-decoration:none
}
.contact .row .col-md-6 ul li:last-child {
	color:#2cb16c
}
.contact .row .col-md-6 ul li:last-child a {
	color:#2cb16c;
	text-decoration:none
}
.blackBg {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	background:rgba(0,0,0,0.77)
}
.blackText {
	background:#fff;
	padding:30px;
	border-radius:5px;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#333;
	font-size:1.2em;
	animation:blackText 1s;
	opacity:0;
	animation-fill-mode:forwards;
	z-index:1200
}
@keyframes blackText {
	from {
	opacity:0;
	transform:translate(-50%,-50%) scale(1.5)
}
100% {
	opacity:1;
	transform:translate(-50%,-50%) scale(1)
}
}footer {
	background:url("../images/cases_bj.png");
	padding:30px 0 0;
	overflow-y:hidden
}
footer .footNav {
	margin-bottom:30px
}
footer .footNav ul {
	padding-left:60px;
	width:215px;
	list-style:none;
	border-right:1px dashed rgba(255,255,255,0.2);
	display:inline-block;
	vertical-align:top;
	height:202px
}
footer .footNav ul h4 {
	color:#fff;
	font-weight:lighter;
	font-size:1.2em
}
footer .footNav ul li {
	line-height:2em
}
footer .footNav ul li a {
	color:#fff;
	color:rgba(255,255,255,0.5);
	font-size:1em;
	transition:color 1s
}
footer .footNav ul li a:hover {
	color:#fff
}
footer .footNav ul:nth-last-child(2) {
	border-right:0
}
footer .footNav ul:last-child {
	padding:0;
	border-right:0;
	float:right;
	width:auto
}
footer .footNav ul:last-child>.footerLogo {
	background:#008aff;
	width:175px;
	height:175px
}
footer .footNav ul:first-child {
	padding-left:0
}
footer .links h1 {
	margin:0;
	color:#fff;
	font-size:18px
}
footer .links ul {
	margin-top:12px
}
footer .links ul li {
	line-height:2em;
	display:inline-block
}
footer .links ul li a {
	color:#b3b3b3;
	padding-right:40px;
	transition:color 1s
}
footer .links ul li a:hover {
	color:#fff
}
footer .banquan {
	display:block;
	border-top:1px solid #4c4c4c;
	border-top:1px solid rgba(255,255,255,0.1);
	margin-top:15px;
	padding:1.5em 0;
	line-height:2em;
	color:#6a6a6a;
	color:rgba(255,255,255,0.2)
}
.problem {
	padding:35px 0
}
.problem .col-lg-2 ul {
	list-style:none;
	padding:0
}
.problem .col-lg-2 ul li a {
	position:relative
}
.problem .col-lg-2>ul {
	background:#ecf0f4;
	width:180px;
	padding-bottom:20px
}
.problem .col-lg-2>ul li {
	line-height:35px
}
.problem .col-lg-2>ul li a {
	color:#333;
	font-size:.9em;
	display:block;
	padding-left:20px
}
.problem .col-lg-2>ul li a:hover {
	background:#dde4eb
}
.problem .col-lg-2>ul li a span {
	border:4px solid transparent;
	border-top-color:#666;
	position:absolute;
	top:15px;
	right:15px
}
.problem .col-lg-2>ul li ul {
	display:none
}
.problem .col-lg-2>ul li ul li {
	background:#f6fafe;
	border-bottom:1px solid #e1e7ee
}
.problem .col-lg-2>ul li ul li a {
	padding-left:30px
}
.problem .col-lg-2>ul li ul li a:hover {
	background:0;
	color:#00a2ca
}
.problem .col-lg-2>ul li.active {
	background:#d8e0e9
}
.problem .col-lg-2>ul li.active a span {
	border-top-color:#00a2ca;
	transform:rotate(-180deg);
	top:12px
}
.problem .col-lg-2>ul li.active li.active {
	background:#fff;
	border-left:2px solid #00a2ca
}
.problem .col-lg-2>ul li.active li.active a {
	color:#00a2ca
}
.problem .col-lg-2>ul>li:first-child {
	line-height:40px;
	border-bottom:1px dashed #d5d9dc;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:20px
}
.problem .problemList {
	list-style:none;
	padding:0
}
.problem .problemList li {
	padding:15px 0;
	padding-left:25px;
	border-bottom:1px dotted #ccc
}
.problem .problemList li>a {
	color:#00a2ca;
	position:relative;
	display:block
}
.problem .problemList li>a:before {
	content:'';
	position:absolute;
	left:-16px;
	top:8px;
	width:4px;
	height:4px;
	background:#ccc;
	border-radius:2px
}
.problem .problemList li>a:hover {
	text-decoration:underline
}
.problem .problemList li span {
	float:right;
	color:#999
}
.Consultation {
	position:fixed;
	top:50%;
	right:5px;
	transform:translateY(-50%);
	z-index:99999
}
.Consultation .main-im {
	width:110px;
	height:auto
}
.Consultation .main-im .qq-a {
	display:block;
	width:106px;
	height:116px;
	font-size:14px;
	color:#0484cd;
	text-align:center;
	position:relative
}
.Consultation .main-im .qq-a span {
	bottom:5px;
	position:absolute;
	width:90px;
	left:10px
}
.Consultation .main-im .qq-hover-c {
	width:70px;
	height:70px;
	border-radius:35px;
	position:absolute;
	left:18px;
	top:10px;
	overflow:hidden;
	z-index:9
}
.Consultation .main-im .qq-container {
	z-index:99;
	position:absolute;
	width:109px;
	height:118px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom:1px solid #ddd;
	background:url(../images/qq-icon-bg.png) no-repeat center 8px
}
.Consultation .main-im .img-qq {
	max-width:60px;
	display:block;
	position:absolute;
	left:6px;
	top:3px;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.Consultation .main-im:hover .img-qq {
	max-width:70px;
	left:1px;
	top:8px;
	position:absolute
}
.Consultation .main-im .im_main {
	border:1px solid #ddd;
	border-radius:10px;
	background:#f9fafb;
	display:none
}
.Consultation .main-im .im_main .im-tel {
	color:#000;
	text-align:center;
	width:109px;
	height:200px
}
.Consultation .main-im .im_main .im-tel div {
	font-weight:bold;
	font-size:12px;
	margin-top:11px
}
.Consultation .main-im .im_main .im-tel .tel-num {
	font-family:Arial;
	font-weight:bold;
	color:#e66d15
}
.articleTag {
	padding-top:25px;
	border-top:1px dotted #ddd;
	margin-top:37px;
	font-weight:bold;
	padding-left:30px;
	font-size:15px
}
.articleTag a {
	padding:0 15px;
	font-size:13px
}
.articleTag a:hover {
	text-decoration:underline
}
.casesDetail_02 {
	border-top:0 !important;
	border-bottom:0 !important
}
.casesDetail_03 {
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede
}
.Custom01 h2 {
	margin:10px 0;
	font-size:26px;
	font-weight:normal
}
.Custom01 h2 span {
	font-weight:bold;
	color:#ff8100
}
.Custom01 .row {
	margin-top:30px
}
.Custom01 .row .col-lg-3 {
	margin:10px 0
}
.Custom01 .row .col-lg-3>div {
	position:relative;
	border:1px solid #e2e2e2;
	border-top-color:#008fa0;
	background:#fff;
	padding:20px;
	transition:all 1s
}
.Custom01 .row .col-lg-3>div h3 {
	font-size:18px;
	z-index:10;
	position:relative
}
.Custom01 .row .col-lg-3>div i {
	margin:50px 0 20px;
	width:50px;
	height:2px;
	background:#000;
	display:block;
	z-index:10;
	position:relative
}
.Custom01 .row .col-lg-3>div p {
	height:100px;
	line-height:25px;
	font-size:12px;
	color:#666;
	font-weight:normal;
	z-index:10;
	position:relative
}
.Custom01 .row .col-lg-3>div span {
	font-size:8.5em;
	color:#f4f4f4;
	position:absolute;
	top:-10px;
	right:20px;
	z-index:1;
	font-family:'iconfont'
}
.Custom01 .row .col-lg-3>div:hover {
	box-shadow:0 0 18px rgba(0,0,0,0.3)
}
.Custom01 .row .col-lg-3:nth-child(2)>div {
	border-top-color:#a9d053
}
.Custom01 .row .col-lg-3:nth-child(3)>div {
	border-top-color:#f4715d
}
.Custom01 .row .col-lg-3:nth-child(4)>div {
	border-top-color:#6abd79
}
.Custom01 .row .col-lg-3:nth-child(5)>div {
	border-top-color:#4169b2
}
.Custom01 .row .col-lg-3:nth-child(6)>div {
	border-top-color:#16ad66
}
.Custom01 .row .col-lg-3:nth-child(7)>div {
	border-top-color:#208fbd
}
.Custom01 .row .col-lg-3:nth-child(8)>div {
	border-top-color:#f28d01
}
.casesDetail_03.Custom02 {
	padding:20px 0;
	background:#f0831e;
	border:0
}
.casesDetail_03.Custom02 h2 {
	text-align:center;
	font-size:26px;
	color:#fff
}
.casesDetail_03.Custom02 h2 span {
	width:50px;
	height:50px;
	border-radius:25px;
	background:#fff;
	color:#f0831e;
	font-size:25px;
	font-weight:normal;
	line-height:50px;
	text-align:center;
	display:inline-block
}
.casesDetail_03.Custom02 p {
	text-align:center;
	font-size:13px;
	color:#fff
}
.casesDetail_03.Custom02 .row dl a {
	color:#fff;
	display:block;
	font-weight:normal
}
.casesDetail_03.Custom02 .row dl dd:nth-child(2) a {
	border-left:2px solid #fff;
	padding-left:12px;
	font-size:18px;
	margin:10px 0
}
.casesDetail_03.Custom02 .row dl dd:last-child a {
	font-size:12px;
	line-height:24px
}
.casesDetail_03.Custom02.Custom03 {
	background:#fff
}
.casesDetail_03.Custom02.Custom03 h2 {
	color:#333
}
.casesDetail_03.Custom02.Custom03 h2 span {
	background:#333;
	color:#fff
}
.casesDetail_03.Custom02.Custom03 p {
	color:#333
}
.casesDetail_03.Custom02.Custom03 .row .col-lg-3 {
	width:20%
}
.casesDetail_03.Custom02.Custom03 .row .col-lg-3 dl a {
	color:#333;
	transition:all 1s
}
.casesDetail_03.Custom02.Custom03 .row .col-lg-3 dl dd:nth-child(2) a {
	text-align:center;
	border:0;
	padding-left:0;
	color:#f0831e
}
.casesDetail_03.Custom02.Custom03 .row .col-lg-3 dl:hover dd:last-child a {
	color:#f0831e
}
.Custom02.Custom04 {
	background:#18a1d4
}
.Custom02.Custom04 h2 span {
	color:#18a1d4
}
.Custom02.Custom04 .row dl dd:last-child {
	line-height:32px;
	color:#fff;
	font-size:14px;
	font-weight:normal
}
.casesDetail_03.Custom05 {
	padding:20px 0
}
.casesDetail_03.Custom05 .container {
	position:relative
}
.casesDetail_03.Custom05 h2 {
	margin-bottom:18px;
	font-size:24px
}
.casesDetail_03.Custom05 .links {
	position:absolute;
	top:24px;
	right:15px
}
.casesDetail_03.Custom05 .links a {
	padding:8px 18px;
	background:#333;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	transition:all 1s
}
.casesDetail_03.Custom05 .links a:hover {
	background:#f0831e
}
.casesDetail_03.Custom05 img {
	margin:0
}
.casesDetail_03.Custom05 .casesList dl {
	width:32%;
	margin:0 2% 0 0
}
.casesDetail_03.Custom05 .casesList dl:last-child {
	float:right;
	margin-right:0
}
.StationB {
	border-radius:3px;
	color:#fff;
	padding:10px 20px;
	background:#27a2ff;
	font-size:16px;
	transition:all 1s
}
.StationB:hover {
	background:#ff8100;
	color:#fff
}
.casesDetail_03.Finished01 {
	padding:20px 0
}
.casesDetail_03.Finished01 h2 {
	font-size:26px;
	text-align:center;
	margin:10px 0
}
.casesDetail_03.Finished01 h2 span {
	color:#ff8100;
	font-weight:bold
}
.casesDetail_03.Finished01 p {
	font-size:13px;
	color:#929292;
	font-weight:normal;
	text-align:center;
	margin-top:12px
}
.casesDetail_03.Finished01 ul {
	height:450px;
	background:url('../images/softys.jpg') center no-repeat;
	background-size:contain;
	list-style:none;
	margin:18px 0;
	position:relative
}
.casesDetail_03.Finished01 ul li {
	position:absolute;
	top:60px;
	left:102px;
	font-weight:normal;
	font-size:18px;
	color:#9e005d
}
.casesDetail_03.Finished01 ul li:nth-child(2) {
	color:#943091;
	top:60px;
	left:764px
}
.casesDetail_03.Finished01 ul li:nth-child(3) {
	color:#1982b7;
	top:214px;
	left:139px
}
.casesDetail_03.Finished01 ul li:nth-child(4) {
	color:#ed1e79;
	top:210px;
	left:827px
}
.casesDetail_03.Finished01 ul li:nth-child(5) {
	color:#8ec838;
	top:357px;
	left:99px
}
.casesDetail_03.Finished01 ul li:nth-child(6) {
	color:#f4ac00;
	top:353px;
	left:771px
}
.casesDetail_03.Finished01 .link {
	text-align:center;
	margin:10px 0 20px
}
.casesDetail_03.Finished01 .link a {
	text-align:center;
	padding:10px 20px;
	background:#ff8100;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	transition:all 1s;
	border-radius:3px
}
.casesDetail_03.Finished01 .link a:hover {
	background:#27a2ff;
	color:#fff
}
.casesDetail_03.Finished02 {
	background:#feb415;
	padding:20px 0;
	border:0
}
.casesDetail_03.Finished02 h2 {
	font-size:26px;
	text-align:center;
	margin:10px 0;
	color:#fff
}
.casesDetail_03.Finished02 .row {
	margin-top:35px
}
.casesDetail_03.Finished02 .row>div dl {
	background:#fff;
	padding:20px;
	top:0;
	position:relative;
	transition:all 1s
}
.casesDetail_03.Finished02 .row>div dl dt {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	color:#666
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(2) {
	font-family:"georgia";
	font-size:40px;
	color:#ff8100;
	font-weight:bold;
	text-align:center
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(2) span {
	font-family:'microsoft yahei';
	font-size:16px
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(3) {
	margin:10px 0
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(3) a {
	display:block;
	padding:9px 0;
	border-radius:2px;
	background:#feb415;
	color:#fff;
	text-align:center;
	font-size:14px;
	transition:all 1s
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(3) a:hover {
	background:#ff8100;
	color:#fff
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(4) {
	line-height:25px;
	font-size:13px;
	color:#777;
	font-weight:normal;
	padding:10px 0
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(4) a {
	color:red
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(5) {
	text-align:center;
	margin:15px 0
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(5) a {
	padding:10px 20px;
	margin:0 5px;
	background:#ff8100;
	color:#fff;
	font-size:14px;
	border-radius:3px;
	transition:all 1s
}
.casesDetail_03.Finished02 .row>div dl dd:nth-child(5) a:hover {
	background:#feb415;
	color:#fff
}
.casesDetail_03.Finished02 .row>div dl:hover {
	top:-15px
}
.casesDetail_03.Mobile01 .container .row>div:first-child h2 {
	font-size:30px;
	color:#ff8100;
	margin:70px 0 30px
}
.casesDetail_03.Mobile01 .container .row>div:first-child p {
	font-size:14px;
	line-height:30px;
	font-weight:normal;
	color:#777;
	padding-bottom:30px
}
.casesDetail_03.Mobile01 .container .row>div:first-child a {
	padding:10px 22px;
	background:#ff8100;
	font-size:14px;
	border-radius:3px;
	color:#fff
}
.casesDetail_03.Mobile02 {
	background:#fff;
	padding:20px 0;
	border:0
}
.casesDetail_03.Mobile02 .container h2 {
	font-size:28px;
	text-align:center
}
.casesDetail_03.Mobile02 .container p {
	font-size:14px;
	text-align:center
}
.casesDetail_03.Mobile02 .container ul {
	height:500px;
	background:url('../images/mobile_station_bg3.jpg') center no-repeat;
	position:relative;
	list-style:none
}
.casesDetail_03.Mobile02 .container ul li {
	position:absolute;
	width:300px;
	height:95px;
	padding:15px;
	border-radius:3px;
	top:50px;
	left:0;
	background:#f7f7f7;
	border:1px solid #e5e5e5
}
.casesDetail_03.Mobile02 .container ul li:after {
	content:'';
	position:absolute;
	border:8px solid transparent;
	border-left-color:#e5e5e5;
	right:-16px;
	top:40px
}
.casesDetail_03.Mobile02 .container ul li:nth-child(even):after {
	right:auto;
	left:-16px;
	border-left-color:transparent;
	border-right-color:#e5e5e5
}
.casesDetail_03.Mobile02 .container ul li h4 {
	font-size:18px;
	font-weight:normal;
	color:#ff8100
}
.casesDetail_03.Mobile02 .container ul li p {
	text-align:left;
	font-size:13px;
	font-weight:normal
}
.casesDetail_03.Mobile02 .container ul li:nth-child(2) {
	top:50px;
	left:840px
}
.casesDetail_03.Mobile02 .container ul li:nth-child(3) {
	top:210px;
	left:0
}
.casesDetail_03.Mobile02 .container ul li:nth-child(4) {
	top:210px;
	left:840px
}
.casesDetail_03.Mobile02 .container ul li:nth-child(5) {
	top:360px;
	left:0
}
.casesDetail_03.Mobile02 .container ul li:nth-child(6) {
	top:360px;
	left:840px
}
.casesDetail_03.Mobile03 {
	background:#ffa800;
	border:0;
	padding:20px 0
}
.casesDetail_03.Mobile03 h2 {
	font-size:28px;
	text-align:center;
	color:#fff
}
.casesDetail_03.Mobile03 img {
	border:0
}
.casesDetail_03.Mobile03 .row div dl dt span:first-child {
	position:relative
}
.casesDetail_03.Mobile03 .row div dl dt span:nth-child(2) {
	width:220px;
	position:absolute;
	top:58px;
	left:37px
}
.casesDetail_03.Mobile03 .row div dl dt span:nth-child(3) {
	width:220px;
	height:395px;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:76px;
	display:none;
	left:37px
}
.casesDetail_03.Mobile03 .row div dl dt span:last-child {
	position:absolute;
	width:135px;
	display:none;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.casesDetail_03.Mobile03 .row div dl dd {
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:normal
}
.casesDetail_03.Mobile03 .row div dl:hover dt span:nth-child(3),.casesDetail_03.Mobile03 .row div dl:hover dt span:last-child {
	display:block
}
.casesDetail_03.Mobile02.Mobile04 {
	background:#eee;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede
}
.casesDetail_03.Mobile02.Mobile04 ul {
	background:url('../images/sj_17.png') center no-repeat
}
.casesDetail_03.Mobile02.Mobile04 ul li {
	width:350px;
	background:0;
	border:0
}
.casesDetail_03.Mobile02.Mobile04 ul li:after {
	display:none
}
.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(odd) {
	left:40px
}
.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(even) {
	left:800px
}
.casesDetail_03.Mobile02.Mobile04 ul li span {
	font-family:'iconfont';
	font-size:28px;
	font-weight:normal;
	position:absolute;
	left:-28px;
	color:#3aa4cb
}
.casesDetail_03.Mobile02.Mobile04 ul li h4 {
	color:#3aa4cb
}
.casesDetail_03.Mobile02.Mobile04 ul li p {
	line-height:24px
}
.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(2) span,.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(2) h4 {
	color:#70cb6a
}
.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(3) span,.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(3) h4 {
	color:#f9a385
}
.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(4) span,.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(4) h4 {
	color:#11a7db
}
.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(5) span,.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(5) h4 {
	color:#70cb6a
}
.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(6) span,.casesDetail_03.Mobile02.Mobile04 ul li:nth-child(6) h4 {
	color:#cc76ac
}
.casesDetail_03.Responsive01 {
	padding:20px 0;
	text-align:center
}
.casesDetail_03.Responsive01 h2 {
	font-size:28px;
	color:#3aa4cb;
	font-weight:normal
}
.casesDetail_03.Responsive01 h2 span {
	color:#ffa800;
	font-size:36px;
	font-weight:bold
}
.casesDetail_03.Responsive01 p {
	font-size:16px;
	font-weight:normal;
	line-height:30px;
	color:#666;
	margin:35px 0
}
.casesDetail_03.Responsive01 ul {
	list-style:none
}
.casesDetail_03.Responsive01 ul li {
	display:inline-block;
	position:relative
}
.casesDetail_03.Responsive01 ul li span:first-child {
	cursor:pointer;
	width:150px;
	height:150px;
	display:block;
	border-radius:75px;
	line-height:150px;
	background:#3aa4cb;
	color:#fff;
	margin:0 40px 20px;
	font-family:'iconfont';
	font-size:93px;
	transition:all 1s;
	font-weight:normal
}
.casesDetail_03.Responsive01 ul li span:last-child {
	font-size:14px;
	font-weight:normal
}
.casesDetail_03.Responsive01 ul li:nth-child(2) span:first-child {
	background:#70cb6a
}
.casesDetail_03.Responsive01 ul li:nth-child(3) span:first-child {
	background:#f9a385
}
.casesDetail_03.Responsive01 ul li:nth-child(4) span:first-child {
	background:#cc76ac
}
.casesDetail_03.Responsive01 ul li:last-child:after {
	display:none
}
.casesDetail_03.Responsive01 ul li:after {
	content:'+';
	position:absolute;
	font-size:68px;
	color:#e1e1e1;
	right:-26px;
	top:20px
}
.casesDetail_03.Responsive01 ul li:hover span:first-child {
	transform:rotate(360deg)
}
.casesDetail_03.Responsive02 {
	background:#fff;
	padding:20px 0;
	border:0;
	text-align:center
}
.casesDetail_03.Responsive02 h2 {
	font-size:28px
}
.casesDetail_03.Responsive02 p {
	font-size:14px;
	color:#888;
	font-weight:normal;
	line-height:24px
}
.casesDetail_03.Responsive02 img {
	width:auto;
	border:0
}
.casesDetail_03.Responsive02 h3 {
	font-size:26px;
	color:#ffa800;
	margin:30px 0
}
.casesDetail_03.Responsive03 {
	border-bottom:0;
	padding:20px 0;
	text-align:center
}
.casesDetail_03.Responsive03 h2 {
	font-size:28px
}
.casesDetail_03.Responsive03 h2 span {
	color:#ffa800;
	font-weight:bold
}
.casesDetail_03.Responsive03 .row {
	margin:20px 0
}
.casesDetail_03.Responsive03 p {
	font-weight:normal;
	color:#888;
	line-height:28px;
	font-size:14px
}
.casesDetail_03.Responsive03 p span {
	color:#ff8c0b;
	font-weight:normal
}
.casesDetail_03.Marketing01 {
	padding:20px 0
}
.casesDetail_03.Marketing01 .col-lg-6 img {
	border:0
}
.casesDetail_03.Marketing01 .col-lg-6 h3 {
	color:#ff8c0b;
	margin:60px 0 20px;
	padding-left:30px
}
.casesDetail_03.Marketing01 .col-lg-6 p {
	line-height:30px;
	font-weight:normal;
	padding:0 0 30px 30px;
	color:#666
}
.casesDetail_03.Marketing01 .col-lg-6 a {
	padding:12px 22px;
	background:#ff8c0b;
	color:#fff;
	margin-left:30px;
	font-size:14px
}
.casesDetail_03.Marketing02 {
	padding:20px 0;
	border:0;
	background:#fff;
	text-align:center
}
.casesDetail_03.Marketing02 .row {
	margin-top:30px
}
.casesDetail_03.Marketing02 .row>div dl {
	background:#ff8c0b;
	padding:20px;
	color:#fff;
	transition:all 1s
}
.casesDetail_03.Marketing02 .row>div dl dt {
	font-family:'iconfont';
	font-weight:normal;
	font-size:5.1em
}
.casesDetail_03.Marketing02 .row>div dl dd span {
	text-align:left;
	display:block;
	margin-top:20px;
	line-height:25px
}
.casesDetail_03.Marketing02 .row>div dl:hover {
	transform:scale(1.1)
}
.casesDetail_03.Marketing03 {
	padding:20px 0
}
.casesDetail_03.Marketing03 h2 {
	text-align:center;
	font-size:28px
}
.casesDetail_03.Marketing03 p {
	text-align:center;
	font-weight:normal;
	color:#888
}
.casesDetail_03.Marketing03 ul {
	background:url("../images/3.1_48_48.png") center no-repeat;
	height:280px;
	position:relative;
	list-style:none;
	margin-top:25px
}
.casesDetail_03.Marketing03 ul li {
	position:absolute;
	top:20px;
	left:92px;
	width:300px
}
.casesDetail_03.Marketing03 ul li span {
	font-size:4em;
	color:#ff8c0b;
	font-weight:bold;
	position:absolute;
	left:-82px;
	top:-10px
}
.casesDetail_03.Marketing03 ul li h4 {
	color:#00b6ff
}
.casesDetail_03.Marketing03 ul li p {
	font-size:13px;
	text-align:left
}
.casesDetail_03.Marketing03 ul li:nth-child(2) {
	left:840px
}
.casesDetail_03.Marketing03 ul li:nth-child(3) {
	top:160px
}
.casesDetail_03.Marketing03 ul li:nth-child(4) {
	top:160px;
	left:840px
}
.casesDetail_03.Marketing04 {
	padding:20px 0 35px;
	background:#fff;
	border:0;
	text-align:center
}
.casesDetail_03.Marketing04 .row {
	margin-top:30px
}
.casesDetail_03.Marketing04 .row div img {
	border:0
}
.casesDetail_03.Marketing04 .row div dl {
	padding:0 25px;
	display:block;
	margin:0
}
.casesDetail_03.Marketing04 .row div dl dt {
	width:35%;
	display:inline-block
}
.casesDetail_03.Marketing04 .row div dl dd {
	width:63%;
	float:right;
	padding:48px 20px 0 40px;
	text-align:left
}
.casesDetail_03.Marketing04 .row div dl dd h5 {
	color:#f0831e;
	margin:0 0 8px;
	font-size:16px
}
.casesDetail_03.Marketing04 .row div dl dd p {
	line-height:24px
}
.casesDetail_03.Marketing04 .row div dl:nth-child(2) dd {
	float:left;
	padding:48px 40px 0 20px
}
.casesDetail_03.Marketing04 .row>div:first-child {
	background:url('../images/page-icon_10.jpg') top no-repeat #fff;
	background-size:100%;
	border:7px solid #f0831e;
	border-top:0;
	padding:72px 0 10px
}
.casesDetail_03.Marketing04 .row>div:nth-child(2) {
	background:url("../images/page-icon_12.png") center no-repeat;
	background-size:80%;
	height:600px
}
.casesDetail_03.Marketing04 .row>div:last-child {
	background:url('../images/page-icon_11.jpg') top no-repeat #fff;
	background-size:100%;
	border:7px solid #999;
	border-top:0;
	padding:72px 0 10px
}
.casesDetail_03.Marketing04 .row>div:last-child>img {
	border:1px solid #ccc;
	width:90%
}
.casesDetail_03.Marketing04 .row>div:last-child ul {
	list-style:none
}
.casesDetail_03.Marketing04 .row>div:last-child ul li p {
	line-height:35px;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	padding:20px 0
}
.casesDetail_03.Marketing05 {
	padding:20px 0;
	border-bottom:0
}
.casesDetail_03.Marketing05 h2 {
	text-align:center
}
.casesDetail_03.Marketing05 dl {
	width:20%;
	padding:0 15px;
	margin-top:20px;
	display:inline-block;
	margin-left:-5px
}
.casesDetail_03.Marketing05 dl dt {
	height:110px;
	text-align:center
}
.casesDetail_03.Marketing05 dl dt img {
	width:auto;
	height:100%;
	vertical-align:middle;
	border:0;
	margin:0
}



.mt30{margin-top:30px;}
.power {
	background:#fff;
}
.power .pow4Wrap {
	width:1100px;
	height:358px;
	margin:40px auto 0;
	position:relative;
}
.power .powers {
	width:535px;
	height:164px;
	position:relative;
	cursor:default;
}
.power .powers .borderWrap {
	width:370px;
	height:140px;
	position:absolute;
}
.power .powers .borderWrap .info {
	font-size:13px;
	line-height:1.6;
}
.power .powers .borderWrap .icon {
	width:76px;
	height:76px;
	position:absolute;
	top:35px;
	transition:all 1s ease 0s;
	-webkit-transition:all 1s ease 0s;
	-moz-transition:all 1s ease 0s;
	-ms-transition:all 1s ease 0s;
	-o-transition:all 1s ease 0s;
}
.power .powers:hover .borderWrap .icon {
	transform:rotate3d(0,1,0,180deg);
	-webkit-transform:rotate3d(0,1,0,180deg);
	-moz-transform:rotate3d(0,1,0,180deg);
	-ms-transform:rotate3d(0,1,0,180deg);
	-o-transform:rotate3d(0,1,0,180deg);
}
.power .powers .borderWrap .name {
	font-size:22px;
	background:#f8f8f8;
	padding:0 20px;
	position:absolute;
}
.power .powers:hover .borderWrap {
	border:0;
}
.power .powers:hover .borderWrap .info {
	color:#fff;
}
.power .powers:hover .borderWrap .name {
	color:#fff;
	background:transparent;
}
.power .power1 {
	background:url(../images/pic_power1.png) no-repeat center right;
	float:left;
	border-top:1px solid #e4e4e4;
}
.power .power1 .borderWrap {
	border-left:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	top:0;
	left:0;
}
.power .power1 .borderWrap .info {
	text-align:left;
	padding:20px 0 20px 60px;
}
.power .power1 .borderWrap .icon {
	background:url(../images/icon_self.png);
	left:-38px;
}
.power .power1 .borderWrap .name {
	color:#dd594d;
	right:0;
	bottom:-15px;
}
.power .power1:hover {
	background-color:#dd594d;
}
.power .power1:hover .borderWrap .icon {
	background:url(../images/icon_selfactive.png);
}
.power .power2 {
	background:url(../images/pic_power2.png) no-repeat center left;
	float:right;
	border-top:1px solid #e4e4e4;
}
.power .power2 .borderWrap {
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	top:0;
	right:0;
}
.power .power2 .borderWrap .info {
	text-align:left;
	padding:20px 60px 20px 0;
}
.power .power2 .borderWrap .icon {
	background:url(../images/icon_research.png);
	right:-38px;
}
.power .power2 .borderWrap .name {
	color:#f89c58;
	left:0;
	bottom:-15px;
}
.power .power2:hover {
	background-color:#f89c58;
}
.power .power2:hover .borderWrap .icon {
	background:url(../images/icon_researchactive.png);
}
.power .power4 {
	background:url(../images/pic_power4.png) no-repeat center right;
	float:left;
	border-bottom:1px solid #e4e4e4;
}
.power .power4 .borderWrap {
	border-left:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;
	bottom:0;
	left:0;
}
.power .power4 .borderWrap .info {
	text-align:left;
	padding:20px 0 20px 60px;
}
.power .power4 .borderWrap .icon {
	background:url(../images/icon_service.png);
	left:-38px;
}
.power .power4 .borderWrap .name {
	color:#2980c4;
	right:0;
	top:-15px;
}
.power .power4:hover {
	background-color:#2980c4;
}
.power .power4:hover .borderWrap .icon {
	background:url(../images/icon_serviceactive.png);
}
.power .power3 {
	background:url(../images/pic_power3.png) no-repeat center left;
	float:right;
	border-bottom:1px solid #e4e4e4;
}
.power .power3 .borderWrap {
	border-top:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	bottom:0;
	right:0;
}
.power .power3 .borderWrap .info {
	text-align:left;
	padding:20px 60px 20px 0;
}
.power .power3 .borderWrap .icon {
	background:url(../images/icon_safe.png);
	right:-38px;
}
.power .power3 .borderWrap .name {
	color:#2ca987;
	left:0;
	top:-15px;
}
.power .power3:hover {
	background-color:#2ca987;
}
.power .power3:hover .borderWrap .icon {
	background:url(../images/icon_safeactive.png);
}
.power .mainText {
	width:200px;
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-100px;
	color:#028bd9;
	text-align:center;
}
.power .mainText .num {
	font-size:115px;
	font-weight:bold;
}
.power .mainText .text {
	font-size:28px;
	margin-top:-30px;
}





.sl-list5{
    background-color: #333;
	margin-top:40px;
}
.sl-list5 ul{
	padding-left:0px;
    height: 425px;
    overflow: hidden;
}
.sl-list5 li{
    position: relative;
    height: 100%;
    float: left;
    width: 20%;
    overflow: hidden;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	    list-style: none;
}
.sl-list5 .con{
    display: block;
    height: 100%;
}
.sl-list5 .box{
    position: absolute;
    left: 0;width: 100%;
    top: 30%;
    padding: 0 20px;
}
.sl-list5 .icon{
    position: relative;
    width: 60px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    margin: 0 auto 60px;
}
.sl-list5 .icon:after{
    position: absolute;
    content: '';
    width: 52px;
    height: 1px;
    background-color: #fff;
    left: 50%;
    margin-left: -26px;
    bottom: -35px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.sl-list5 .icon img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.sl-list5 h4{
    font-size: 18px;
    font-weight: normal;
    color: #fefefe;
    margin-bottom: 20px;
}
.sl-list5 .txt{
    font-size: 14px;
    color: #fff;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.sl-list5 .btn{
    display: block;
    margin: 45px auto 0;
    font-size: 14px;
    color: #fff;
    width: 146px;
    height: 38px;
    line-height:22px;
    border: 1px solid #fff;
    border-radius: 16px;
    overflow: hidden;
}
.sl-list5 li:hover .con{
    background-color: #1e8dc4;
}
.sl-list5 li:hover .box{top: 15%;}
.sl-list5 li:hover .txt{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.sl-list5 li:hover .icon{margin-bottom: 30px;}
.sl-list5 li:hover .icon:after{
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.wp{margin: 0 auto;width: 100%;max-width: 1410px;}










.casesDetail_03.Marketing05 dl dd {
	text-align:center;
	margin-top:15px;
	font-size:14px;
	font-weight:normal
}
@media screen and (max-width:1200px) and (min-width:980px) {
	.cases .casesList .casesListCon .titleCase ul li:last-child,.cases .casesList .casesListCon .titleCase ul li:nth-last-child(2) {
	display:none
}
.cases .casesList .casesListCon .casesListConDz {
	width:690px
}
.cases .casesList dl {
	width:49%;
	float:left;
	height:auto;
	margin:0 0 20px
}
.cases .casesList dl:nth-child(2n) {
	float:right
}
footer .footNav ul {
	width:175px;
	padding-left:35px
}
}.path1 {
	stroke-dasharray:10000;
	stroke-dasharray:0 \9;
	stroke-dashoffset:10000;
	animation:dash 5s linear infinite !important;
	-webkit-animation:dash 5s linear infinite !important;
	-moz-animation:dash 5s linear infinite !important;
	opacity:1 !important
}
.path2 {
	stroke-dasharray:5000;
	stroke-dasharray:0 \9;
	stroke-dashoffset:5000;
	animation:dash 5s linear infinite !important;
	-webkit-animation:dash 5s linear infinite !important;
	-moz-animation:dash 5s linear infinite !important;
	opacity:1 !important
}
@keyframes dash {
	50% {
	stroke-dashoffset:0;
	fill:transparent;
	stroke-width:8
}
60% {
	stroke-dashoffset:0;
	stroke-width:0;
	fill:#fff
}
100% {
	stroke-dashoffset:0;
	stroke-width:0;
	fill:#fff
}
}@-webkit-keyframes dash {
	50% {
	stroke-dashoffset:0;
	fill:transparent;
	stroke-width:8
}
60% {
	stroke-dashoffset:0;
	stroke-width:0;
	fill:#fff
}
100% {
	stroke-dashoffset:0;
	stroke-width:0;
	fill:#fff
}
}@-moz-keyframes dash {
	50% {
	stroke-dashoffset:0;
	fill:transparent;
	stroke-width:8
}
60% {
	stroke-dashoffset:0;
	stroke-width:0;
	fill:#fff
}
100% {
	stroke-dashoffset:0;
	stroke-width:0;
	fill:#fff
}
}.common h3 {
	margin:0;
	line-height:1.6em
}
/*.common i {
	width:100px;
	height:2px;
	background:#000;
	display:inline-block;
	margin-bottom:5px
}*/
.common>p {
	color:#bfbfbf;
	color:rgba(0,0,0,0.4)
}
::selection {
	background:#000;
	color:#fff
}
::-moz-selection {
	background:#000;
	color:#fff
}
::-webkit-selection {
	background:#000;
	color:#fff
}
.not-in-view .common>h3,.not-in-view .common>p,.not-in-view .common>i,.not-in-view .common>.glide,.not-in-view .common>.question,.not-in-view .common .titleCase,.not-in-view .common .casesListConDz,.not-in-view .common .row>div>*,.not-in-view .common>.row>div,.not-in-view .common>.row>.col-xs-12 *,.not-in-view .common>.classify>ul>*,.not-in-view .common>.caseList>*,.not-in-view .common>.pagination>* {
	opacity:0
}
.not-in-view .newsBottom .row>div,.not-in-view .footNav *,.not-in-view .links>*,.not-in-view .banquan,.not-in-view .container>.works_info>*,.not-in-view>.container>.works_brief>*,.not-in-view>.container>.works_img>*,.not-in-view>.focus_img>*,.not-in-view .container>.works_info>.newsTitle1>*,.not-in-view>.newsDeta *,.not-in-view .newsClass>ul>*,.not-in-view .newsClass>.newsList>*,.not-in-view .newsClass>.newsList>ul>*,.not-in-view>.Network>*,.not-in-view>.SolutionBottom>* {
	opacity:0
}
.not-in-view.Custom01 .container h2,.not-in-view.Custom01 .container .row>div {
	opacity:0
}
.in-view .common>h3,.in-view .common>p,.in-view .common>i,.in-view .common>.glide,.in-view .common>.question,.in-view .common .titleCase,.in-view .common .casesListConDz,.in-view .common .row>div>*,.in-view .common>.row>div,.in-view .common>.row>.col-xs-12 *,.in-view .common>.classify>ul>*,.in-view .common>.caseList>*,.in-view .common>.pagination>* {
	position:relative;
	animation:comTitle 1s;
	opacity:0;
	opacity:1 \9 \0;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>i {
	animation:comTitle 1.5s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.5s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>p {
	animation:comTitle 1.7s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.7s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.7s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>.glide,.in-view .common>.question {
	animation:comTitle 2.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .titleCase,.in-view .common .col-lg-8 {
	animation:TitleCase 2.2s;
	animation-fill-mode:forwards;
	-webkit-animation:TitleCase 2.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:TitleCase 2.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .casesListConDz,.in-view .common .col-lg-4 {
	animation:ListCase 2.2s;
	animation-fill-mode:forwards;
	-webkit-animation:ListCase 2.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:ListCase 2.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(2),.in-view .common>.row>.col-xs-12 *:nth-child(2),.in-view .common .row>div>*:nth-child(1),.in-view .common>.classify>ul>*:nth-child(2),.in-view .common>.caseList>*:nth-child(2),.in-view .common>.pagination>*:nth-child(2) {
	animation:comTitle 1.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(3),.in-view .common>.row>.col-xs-12 *:nth-child(3),.in-view .common .row>div>*:nth-child(2),.in-view .common>.classify>ul>*:nth-child(3),.in-view .common>.caseList>*:nth-child(3),.in-view .common>.pagination>*:nth-child(3) {
	animation:comTitle 1.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(4),.in-view .common>.row>.col-xs-12 *:nth-child(4),.in-view .common .row>div>*:nth-child(3),.in-view .common>.classify>ul>*:nth-child(4),.in-view .common>.caseList>*:nth-child(4),.in-view .common>.pagination>*:nth-child(4) {
	animation:comTitle 1.6s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.6s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(5),.in-view .common>.row>.col-xs-12 *:nth-child(5),.in-view .common .row>div>*:nth-child(4),.in-view .common>.classify>ul>*:nth-child(5),.in-view .common>.caseList>*:nth-child(5),.in-view .common>.pagination>*:nth-child(5) {
	animation:comTitle 1.8s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.8s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(6),.in-view .common>.row>.col-xs-12 *:nth-child(6),.in-view .common .row>div>*:nth-child(5),.in-view .common>.classify>ul>*:nth-child(6),.in-view .common>.caseList>*:nth-child(6),.in-view .common>.pagination>*:nth-child(6) {
	animation:comTitle 2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(7),.in-view .common>.row>.col-xs-12 *:nth-child(7),.in-view .common .row>div>*:nth-child(6),.in-view .common>.classify>ul>*:nth-child(7),.in-view .common>.caseList>*:nth-child(7),.in-view .common>.pagination>*:nth-child(7) {
	animation:comTitle 2.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(8),.in-view .common>.row>.col-xs-12 *:nth-child(8),.in-view .common .row>div>*:nth-child(7),.in-view .common>.classify>ul>*:nth-child(8),.in-view .common>.caseList>*:nth-child(8),.in-view .common>.pagination>*:nth-child(8) {
	animation:comTitle 2.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(9),.in-view .common>.row>.col-xs-12 *:nth-child(9),.in-view .common>.classify>ul>*:nth-child(9),.in-view .common>.caseList>*:nth-child(9),.in-view .common>.pagination>*:nth-child(9) {
	animation:comTitle 2.6s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.6s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(10),.in-view .common>.row>.col-xs-12 *:nth-child(10),.in-view .common>.classify>ul>*:nth-child(10),.in-view .common>.caseList>*:nth-child(10),.in-view .common>.pagination>*:nth-child(10) {
	animation:comTitle 2.8s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.8s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(11),.in-view .common>.row>.col-xs-12 *:nth-child(11),.in-view .common>.classify>ul>*:nth-child(11),.in-view .common>.caseList>*:nth-child(11),.in-view .common>.pagination>*:nth-child(11) {
	animation:comTitle 3s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3s;
	-moz-animation-fill-mode:forwards
}
.in-view .common .row>div:nth-child(12),.in-view .common>.row>.col-xs-12 *:nth-child(12),.in-view .common>.classify>ul>*:nth-child(12),.in-view .common>.caseList>*:nth-child(12),.in-view .common>.pagination>*:nth-child(12) {
	animation:comTitle 3.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>.classify>ul>*:nth-child(13) {
	animation:comTitle 3.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>.classify>ul>*:nth-child(14) {
	animation:comTitle 3.6s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.6s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>.classify>ul>*:nth-child(15) {
	animation:comTitle 3.8s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.8s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>.classify>ul>*:nth-child(16) {
	animation:comTitle 4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>.classify>ul>*:nth-child(17) {
	animation:comTitle 4.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .common>.classify>ul>*:nth-child(18) {
	animation:comTitle 4.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div,.in-view .footNav *,.in-view .links>*,.in-view .banquan,.in-view .container>.works_info>*,.in-view>.container>.works_brief>*,.in-view>.container>.works_img>*,.in-view>.focus_img>*,.in-view .container>.works_info>.newsTitle1>*,.in-view>.newsDeta *,.in-view .newsClass>ul>*,.in-view .newsClass>.newsList>*,.in-view .newsClass>.newsList>ul>*,.in-view .aboutMeau>*,.in-view>.Network>*,.in-view>.container>.row>.col-lg-2,.in-view>.container>.row>.col-lg-10>ol,.in-view>.container>.row>.col-lg-10>ul>*,.in-view>.SolutionBottom>*,.in-view>.SolutionMore>* {
	position:relative;
	opacity:0;
	opacity:1 \9 \0;
	animation:comTitle 1.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(2),.in-view .footNav *:nth-child(2),.in-view .links>*:nth-child(2),.in-view .container>.works_info>*:nth-child(2),.in-view .container>.works_brief>*:nth-child(2),.in-view .container>.works_img>*:nth-child(2),.in-view .container>.works_info>.newsTitle1>*:nth-child(2),.in-view>.newsDeta *:nth-child(2),.in-view .newsClass>ul>*:nth-child(2),.in-view .newsClass>.newsList>*:nth-child(2),.in-view .newsClass>.newsList>ul>*:nth-child(2),.in-view .aboutMeau>*:nth-child(2),.in-view>.Network>*:nth-child(2),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(2),.in-view>.SolutionBottom>*:nth-child(2) {
	animation:comTitle 1.6s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.6s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(3),.in-view .footNav *:nth-child(3),.in-view .links>*:nth-child(3),.in-view .container>.works_info>*:nth-child(3),.in-view .container>.works_brief>*:nth-child(3),.in-view .container>.works_img>*:nth-child(3),.in-view .container>.works_info>.newsTitle1>*:nth-child(3),.in-view .newsDeta *:nth-child(3),.in-view .newsClass>ul>*:nth-child(3),.in-view .newsClass>.newsList>*:nth-child(3),.in-view .newsClass>.newsList>ul>*:nth-child(3),.in-view .aboutMeau>*:nth-child(3),.in-view>.Network>*:nth-child(3),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(3),.in-view>.SolutionBottom>*:nth-child(3) {
	animation:comTitle 1.8s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 1.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 1.8s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(4),.in-view .footNav *:nth-child(4),.in-view .links>*:nth-child(4),.in-view .container>.works_info>*:nth-child(4),.in-view .container>.works_brief>*:nth-child(4),.in-view .container>.works_img>*:nth-child(4),.in-view .container>.works_info>.newsTitle1>*:nth-child(4),.in-view .newsDeta *:nth-child(4),.in-view .newsClass>ul>*:nth-child(4),.in-view .newsClass>.newsList>*:nth-child(4),.in-view .newsClass>.newsList>ul>*:nth-child(4),.in-view .aboutMeau>*:nth-child(4),.in-view>.Network>*:nth-child(4),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(4),.in-view>.SolutionBottom>*:nth-child(4) {
	animation:comTitle 2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(5),.in-view .footNav *:nth-child(5),.in-view .links>*:nth-child(5),.in-view .container>.works_info>*:nth-child(5),.in-view .container>.works_brief>*:nth-child(5),.in-view .container>.works_img>*:nth-child(5),.in-view .container>.works_info>.newsTitle1>*:nth-child(5),.in-view .newsDeta *:nth-child(5),.in-view .newsClass>ul>*:nth-child(5),.in-view .newsClass>.newsList>*:nth-child(5),.in-view .newsClass>.newsList>ul>*:nth-child(5),.in-view .aboutMeau>*:nth-child(5),.in-view>.Network>*:nth-child(5),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(5),.in-view>.SolutionBottom>*:nth-child(5) {
	animation:comTitle 2.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(6),.in-view .footNav *:nth-child(6),.in-view .links>*:nth-child(6),.in-view .container>.works_info>*:nth-child(6),.in-view .container>.works_brief>*:nth-child(6),.in-view .container>.works_img>*:nth-child(6),.in-view .container>.works_info>.newsTitle1>*:nth-child(6),.in-view .newsDeta *:nth-child(6),.in-view .newsClass>ul>*:nth-child(6),.in-view .newsClass>.newsList>*:nth-child(6),.in-view .newsClass>.newsList>ul>*:nth-child(6),.in-view .aboutMeau>*:nth-child(6),.in-view>.Network>*:nth-child(6),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(6),.in-view>.SolutionMore>*:nth-child(1) {
	animation:comTitle 2.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(7),.in-view .footNav *:nth-child(7),.in-view .links>*:nth-child(7),.in-view .container>.works_info>*:nth-child(7),.in-view .container>.works_brief>*:nth-child(7),.in-view .container>.works_img>*:nth-child(7),.in-view .container>.works_info>.newsTitle1>*:nth-child(7),.in-view .newsClass>ul>*:nth-child(7),.in-view .newsClass>.newsList>*:nth-child(7),.in-view .newsClass>.newsList>ul>*:nth-child(7),.in-view .aboutMeau>*:nth-child(7),.in-view>.Network>*:nth-child(7),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(7) {
	animation:comTitle 2.6s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.6s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(8),.in-view .footNav *:nth-child(8),.in-view .links>*:nth-child(8),.in-view .container>.works_info>*:nth-child(8),.in-view .container>.works_brief>*:nth-child(8),.in-view .container>.works_img>*:nth-child(8),.in-view .container>.works_info>.newsTitle1>*:nth-child(8),.in-view .newsClass>ul>*:nth-child(8),.in-view .newsClass>.newsList>*:nth-child(8),.in-view .newsClass>.newsList>ul>*:nth-child(8),.in-view .aboutMeau>*:nth-child(8),.in-view>.Network>*:nth-child(8),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(8) {
	animation:comTitle 2.8s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 2.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 2.8s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(9),.in-view .footNav *:nth-child(9),.in-view .links>*:nth-child(9),.in-view .container>.works_info>*:nth-child(9),.in-view .container>.works_brief>*:nth-child(9),.in-view .container>.works_img>*:nth-child(9),.in-view .newsClass>.newsList>*:nth-child(9),.in-view .newsClass>.newsList>ul>*:nth-child(9),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(9) {
	animation:comTitle 3s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(10),.in-view .footNav *:nth-child(10),.in-view .links>*:nth-child(10),.in-view .container>.works_info>*:nth-child(10),.in-view .container>.works_brief>*:nth-child(10),.in-view .container>.works_img>*:nth-child(10),.in-view .newsClass>.newsList>*:nth-child(10),.in-view .newsClass>.newsList>ul>*:nth-child(10),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(10) {
	animation:comTitle 3.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(11),.in-view .footNav *:nth-child(11),.in-view .links>*:nth-child(11),.in-view .container>.works_info>*:nth-child(11),.in-view .container>.works_brief>*:nth-child(11),.in-view .container>.works_img>*:nth-child(11),.in-view .newsClass>.newsList>*:nth-child(11),.in-view .newsClass>.newsList>ul>*:nth-child(11),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(11) {
	animation:comTitle 3.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .newsBottom .row>div:nth-child(12),.in-view .footNav *:nth-child(12),.in-view .links>*:nth-child(12),.in-view .container>.works_info>*:nth-child(12),.in-view .container>.works_brief>*:nth-child(12),.in-view .container>.works_img>*:nth-child(12),.in-view .newsClass>.newsList>*:nth-child(12),.in-view .newsClass>.newsList>ul>*:nth-child(12),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(12) {
	animation:comTitle 3.6s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.6s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(13),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(13) {
	animation:comTitle 3.8s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 3.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 3.8s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(14),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(14) {
	animation:comTitle 4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(15),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(15) {
	animation:comTitle 4.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(16),.in-view>.container>.row>.col-lg-10>ul>*:nth-child(16) {
	animation:comTitle 4.4s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4.4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4.4s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(17) {
	animation:comTitle 4.6s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4.6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4.6s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(18) {
	animation:comTitle 4.8s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 4.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 4.8s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(19) {
	animation:comTitle 5s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 5s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(20) {
	animation:comTitle 5.2s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 5.2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 5.2s;
	-moz-animation-fill-mode:forwards
}
.in-view .container>.works_brief>*:nth-child(21) {
	animation:comTitle 5.3s;
	animation-fill-mode:forwards;
	-webkit-animation:comTitle 5.3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:comTitle 5.3s;
	-moz-animation-fill-mode:forwards
}
.in-view.Custom01 .container h2,.in-view.Custom01 .container .row>div,.in-view.Custom02 .container h2,.in-view.Custom02 .container p,.in-view.Custom02.Custom03 .container .row>div,.in-view.Custom05 .container h2,.in-view.Custom05 .container .casesList>dl,.in-view.StationQ>div,.in-view.Finished01 .container h2,.in-view.Finished01 .container p,.in-view.Finished01 .container ul,.in-view.Finished01 .container div,.in-view.Finished02 .container h2,.in-view.Finished02 .container .row>div,.in-view.Mobile01 .container .row div>*,.in-view.Mobile02 .container h2,.in-view.Mobile02 .container>p,.in-view.Mobile02 .container ul li,.in-view.Mobile03 .container h2,.in-view.Mobile03 .container .row>div,.in-view.Responsive01 .container h2,.in-view.Responsive01 .container p,.in-view.Responsive01 .container ul li,.in-view.Responsive02 .container>*,.in-view.Responsive03 .container>*,.in-view.Marketing01 .row div>*,.in-view.Marketing02 h2,.in-view.Marketing02 p,.in-view.Marketing03 h2,.in-view.Marketing03 p,.in-view.Marketing03 ul li,.in-view.Marketing04 h2,.in-view.Marketing04 p,.in-view.Marketing04 .row>div,.in-view.Marketing05 .container>* {
	animation:comScale 1s;
	animation-fill-mode:forwards;
	opacity:0;
	opacity:1 \9 \0
}
.in-view.Custom01 .container .row>div:nth-child(2),.in-view.Custom02.Custom03 .container .row>div:nth-child(2),.in-view.Custom05 .container .casesList>dl:nth-child(2),.in-view.Finished02 .container .row>div:nth-child(2),.in-view.Mobile01 .container .row div>*:nth-child(2),.in-view.Mobile02 .container ul li:nth-child(2),.in-view.Mobile03 .container .row>div:nth-child(2),.in-view.Responsive01 .container ul li:nth-child(2),.in-view.Responsive02 .container>*:nth-child(2),.in-view.Responsive03 .container>*:nth-child(2),.in-view.Marketing01 .row div>*:nth-child(2),.in-view.Marketing03 ul li:nth-child(2),.in-view.Marketing04 .row>div:nth-child(2),.in-view.Marketing05 .container>*:nth-child(2) {
	animation:comScale 1s .1s;
	animation-fill-mode:forwards
}
.in-view.Custom01 .container .row>div:nth-child(3),.in-view.Custom02.Custom03 .container .row>div:nth-child(3),.in-view.Custom05 .container .casesList>dl:nth-child(3),.in-view.Finished02 .container .row>div:nth-child(3),.in-view.Mobile01 .container .row div>*:nth-child(3),.in-view.Mobile02 .container ul li:nth-child(3),.in-view.Mobile03 .container .row>div:nth-child(3),.in-view.Responsive01 .container ul li:nth-child(3),.in-view.Responsive02 .container>*:nth-child(3),.in-view.Responsive03 .container>*:nth-child(4),.in-view.Marketing01 .row div>*:nth-child(3),.in-view.Marketing03 ul li:nth-child(3),.in-view.Marketing04 .row>div:nth-child(3),.in-view.Marketing05 .container>*:nth-child(3) {
	animation:comScale 1s .2s;
	animation-fill-mode:forwards
}
.in-view.Custom01 .container .row>div:nth-child(4),.in-view.Custom02.Custom03 .container .row>div:nth-child(4),.in-view.Finished02 .container .row>div:nth-child(4),.in-view.Mobile02 .container ul li:nth-child(4),.in-view.Mobile03 .container .row>div:nth-child(4),.in-view.Mobile01 .container .row div>*:nth-child(4),.in-view.Responsive01 .container ul li:nth-child(4),.in-view.Responsive02 .container>*:nth-child(4),.in-view.Marketing01 .row div>*:nth-child(4),.in-view.Marketing03 ul li:nth-child(4),.in-view.Marketing05 .container>*:nth-child(5) {
	animation:comScale 1s .3s;
	animation-fill-mode:forwards
}
.in-view.Custom01 .container .row>div:nth-child(5),.in-view.Custom02.Custom03 .container .row>div:nth-child(5),.in-view.Mobile02 .container ul li:nth-child(5),.in-view.Mobile03 .container .row>div:nth-child(5),.in-view.Mobile01 .container .row div>*:nth-child(5),.in-view.Responsive02 .container>*:nth-child(5),.in-view.Marketing05 .container>*:nth-child(5) {
	animation:comScale 1s .4s;
	animation-fill-mode:forwards
}
.in-view.Custom01 .container .row>div:nth-child(6),.in-view.Mobile02 .container ul li:nth-child(6),.in-view.Mobile03 .container .row>div:nth-child(6),.in-view.Marketing05 .container>*:nth-child(6) {
	animation:comScale 1s .5s;
	animation-fill-mode:forwards
}
.in-view.Custom01 .container .row>div:nth-child(7) {
	animation:comScale 1s .6s;
	animation-fill-mode:forwards
}
.in-view.Custom01 .container .row>div:nth-child(8) {
	animation:comScale 1s .7s;
	animation-fill-mode:forwards
}
.in-view.Custom02 .container .row>div,.in-view.Responsive03 .container>*:nth-child(3)>div,.in-view.Marketing02 .row>div {
	animation:comRotate 1s;
	animation-fill-mode:forwards;
	opacity:0;
	opacity:1 \9 \0
}
.in-view.Custom02 .container .row>div:nth-child(2),.in-view.Responsive03 .container>*:nth-child(3)>div:nth-child(2),.in-view.Marketing02 .row>div:nth-child(2) {
	animation:comRotate 1s .1s;
	animation-fill-mode:forwards
}
.in-view.Custom02 .container .row>div:nth-child(3),.in-view.Responsive03 .container>*:nth-child(3)>div:nth-child(3),.in-view.Marketing02 .row>div:nth-child(3) {
	animation:comRotate 1s .2s;
	animation-fill-mode:forwards
}
.in-view.Marketing02 .row>div:nth-child(4) {
	animation:comRotate 1s .3s;
	animation-fill-mode:forwards
}
@keyframes comScale {
	from {
	opacity:0;
	transform:scale(0)
}
60% {
	opacity:1;
	transform:scale(1.2)
}
70% {
	opacity:1;
	transform:scale(0.9)
}
90% {
	opacity:1;
	transform:scale(0.8)
}
90% {
	opacity:1;
	transform:scale(1.1)
}
100% {
	opacity:1;
	transform:scale(1)
}
}@keyframes comRotate {
	from {
	opacity:0;
	transform:scale(0) rotate(-360deg)
}
60% {
	opacity:1;
	transform:scale(1) rotate(50deg)
}
70% {
	opacity:1;
	transform:scale(1) rotate(-50deg)
}
80% {
	opacity:1;
	transform:scale(1) rotate(20deg)
}
90% {
	opacity:1;
	transform:scale(1) rotate(-20deg)
}
100% {
	opacity:1;
	transform:scale(1) rotate(0)
}
}@keyframes comTitle {
	from {
	opacity:0;
	top:200px
}
100% {
	opacity:1;
	top:0
}
}@keyframes TitleCase {
	from {
	opacity:0;
	left:-300px
}
100% {
	opacity:1;
	left:0
}
}@keyframes ListCase {
	from {
	opacity:0;
	right:-300px
}
100% {
	opacity:1;
	right:0
}
}@-webkit-keyframes comTitle {
	from {
	opacity:0;
	top:200px
}
100% {
	opacity:1;
	top:0
}
}@-webkit-keyframes TitleCase {
	from {
	opacity:0;
	left:-300px
}
100% {
	opacity:1;
	left:0
}
}@-webkit-keyframes ListCase {
	from {
	opacity:0;
	right:-300px
}
100% {
	opacity:1;
	right:0
}
}@-moz-keyframes comTitle {
	from {
	opacity:0;
	top:200px
}
100% {
	opacity:1;
	top:0
}
}@-moz-keyframes TitleCase {
	from {
	opacity:0;
	left:-300px
}
100% {
	opacity:1;
	left:0
}
}@-moz-keyframes ListCase {
	from {
	opacity:0;
	right:-300px
}
100% {
	opacity:1;
	right:0
}
}@media screen and (max-width:980px) {
	.articleTag,.pcDropdown,.StationQ,.casesDetail_03.Mobile03,.casesDetail_03.Marketing05,.articleTag,.pcDropdown {
	display:none
}
.Custom01 h2 {
	margin:10px 0 0;
	font-size:22px
}
.Custom01 .row {
	margin-top:15px
}
.casesDetail_03.Custom02.Custom03 .row .col-lg-3 {
	width:50%;
	float:left
}
.casesDetail_03.Custom02.Custom03 .row .col-lg-3:last-child {
	display:none
}
.casesDetail_03.Mobile01 .container .row>div:first-child h2 {
	font-size:22px;
	margin:30px 0 20px
}
.casesDetail_03.Mobile02 .container h2 {
	font-size:22px;
	margin-top:10px
}
.casesDetail_03.Mobile02 .container p {
	font-size:10px
}
.casesDetail_03.Mobile02 .container ul {
	background:0;
	padding:0;
	margin:0;
	height:auto
}
.casesDetail_03.Mobile02 .container ul li {
	position:static;
	width:46%;
	float:left;
	height:95px;
	padding:15px;
	margin:2%;
	border-radius:3px;
	top:0;
	left:0
}
.casesDetail_03.Mobile02 .container ul li h4 {
	font-size:14px
}
.casesDetail_03.Mobile02 .container ul li p {
	font-size:10px
}
.casesDetail_03.Mobile02 .container ul li:after {
	display:none
}
.casesDetail_03.Marketing03 {
	padding:20px 0 0
}
.casesDetail_03.Marketing03 ul {
	background:0;
	padding:0;
	height:auto
}
.casesDetail_03.Marketing03 ul li {
	position:static;
	width:100%;
	margin:15px 0;
	text-align:center
}
.casesDetail_03.Marketing03 ul li span {
	display:none
}
.casesDetail_03.Marketing03 ul li h4 {
	font-size:14px
}
.casesDetail_03.Marketing03 ul li p {
	font-size:10px;
	text-align:center !important
}
.casesDetail_03.Mobile02.Mobile04 ul li {
	width:100%;
	margin:0;
	height:auto;
	padding:0
}
.casesDetail_03.Mobile02.Mobile04 ul li p {
	line-height:20px;
	padding-left:55px
}
.casesDetail_03.Mobile02.Mobile04 ul li h4 {
	padding-left:55px
}
.casesDetail_03.Mobile02.Mobile04 ul li span {
	left:14px
}
.casesDetail_03.Marketing03 h2,.casesDetail_03.Marketing02 h2,.casesDetail_03.Marketing04 h2 {
	font-size:22px;
	margin-top:10px
}
.casesDetail_03.Marketing03 p,.casesDetail_03.Marketing02 p,.casesDetail_03.Marketing04 p {
	font-size:10px
}
.casesDetail_03.Marketing04 .row div dl {
	overflow:hidden
}
.casesDetail_03.Marketing04 .row div dl dd {
	padding:38px 20px 0 40px
}
.casesDetail_03.Marketing04 .row div dl:nth-child(2) dd {
	padding:38px 40px 0 20px
}
.casesDetail_03.Marketing04 .row>div:nth-child(2) {
	background-size:20%;
	height:142px
}
.casesDetail_03.Responsive01 h2 {
	font-size:22px;
	margin-top:10px;
	line-height:35px
}
.casesDetail_03.Responsive01 h2 span {
	font-size:22px
}
.casesDetail_03.Responsive01 p {
	font-size:12px;
	margin:20px 0
}
.casesDetail_03.Responsive01 ul {
	padding:0
}
.casesDetail_03.Responsive01 ul li:after {
	display:none
}
.casesDetail_03.Responsive01 ul li span:first-child {
	cursor:pointer;
	width:60px;
	height:60px;
	display:block;
	border-radius:30px;
	line-height:60px;
	background:#3aa4cb;
	color:#fff;
	margin:0 10px 5px;
	font-family:'iconfont';
	font-size:40px;
	transition:all 1s;
	font-weight:normal
}
.casesDetail_03.Responsive01 ul li span:last-child {
	font-size:12px
}
.casesDetail_03.Responsive02 h2,.casesDetail_03.Responsive03 h2,.casesDetail_03.Finished01 h2 {
	font-size:22px;
	margin-top:10px
}
.casesDetail_03.Responsive02 p,.casesDetail_03.Responsive03 p,.casesDetail_03.Finished01 p {
	font-size:12px
}
.casesDetail_03.Responsive02 img {
	max-width:100%
}
.casesDetail_03.Responsive02 h3 {
	font-size:20px;
	color:#ffa800;
	margin:30px 0 10px
}
.casesDetail_03.Finished01 ul {
	height:auto;
	background:0;
	padding:0;
	margin:18px 0 30px
}
.casesDetail_03.Finished01 ul li {
	position:static;
	text-align:center;
	font-size:14px;
	line-height:28px
}
.casesDetail_03.Marketing01 .col-lg-6 h3 {
	margin:20px 0 20px;
	padding-left:10px;
	font-size:18px;
	line-height:30px
}
.casesDetail_03.Marketing01 .col-lg-6 p {
	line-height:25px;
	font-size:11px;
	padding:0 0 0 10px
}
.casesDetail_03.Marketing01 .col-lg-6 a {
	display:none
}
.casesDetail_03.Finished01,.casesDetail_03.Responsive01,.casesDetail_03.Marketing01,.casesDetail_03.Mobile01,.casesDetail_03.Custom01 {
	border-top:0
}
.casesDetail_03.Custom05 .casesList dl:nth-child(even) {
	float:left
}
.casesDetail_03.Custom05 .casesList dl dd {
	padding:8px 10px
}
.cases .casesList.caseList dl dt {
	overflow:hidden !important
}
.cases .casesList.caseList dl dd a {
	color:#555 !important;
	font-size:1em !important
}
.cases .casesList.caseList dl dd a font {
	color:#555 !important
}
.topbar {
	display:none
}
.cases .casesList dl dd a {
	color:#333 !important
}
.cases .casesList dl dd a font {
	color:#333 !important
}
.Consultation {
	display:none
}
.problem {
	padding:15px 0 0
}
.problem .container .row .col-lg-2 {
	display:none
}
.problem .container .row .col-lg-10 .breadcrumb {
	margin-bottom:0
}
.pagination {
	width:100%;
	height:45px;
	margin:0;
	position:relative
}
.pagination>li.active>a {
	border:0;
	margin-top:12px;
	background:0;
	color:#337ab7;
	position:relative
}
.pagination>li.active>a:after {
	content:'/';
	font-size:1.1em;
	position:absolute;
	right:3px;
	top:6px
}
.pagination>li>span {
	border:0;
	margin-top:12px;
	background:0;
	color:#999
}
.pagination li:last-child span>* {
	display:none
}
.pagination li:last-child span>*:nth-child(2),.pagination li:last-child {
	display:block
}
.pagination li {
	display:none
}
.pagination li:nth-child(2),.pagination li:nth-last-child(3),.pagination li.active {
	display:block
}
.pagination li.active {
	left:50%;
	margin-left:-20px
}
.pagination li:last-child {
	left:50%
}
.pagination li:last-child span {
	padding:6px 2px
}
.pagination li:nth-child(2) a,.pagination li:nth-last-child(3) a {
	position:absolute;
	top:6px;
	padding:0;
	border-radius:2px;
	font-size:1em;
	left:1px;
	border:0;
	background-color:#3498db;
	color:#fff;
	width:80px;
	height:40px;
	line-height:40px
}
.pagination li:nth-child(2) a:before,.pagination li:nth-last-child(3) a:before {
	content:'\e639 ';
	font-family:'iconfont';
	font-size:.9em;
	font-weight:bold;
	position:relative;
	left:-3px
}
.pagination li:nth-child(2) a.active,.pagination li:nth-last-child(3) a.active {
	background:#bdc3c7
}
.pagination li:nth-last-child(3) a {
	left:auto;
	right:0
}
.pagination li:nth-last-child(3) a:before {
	display:none
}
.pagination li:nth-last-child(3) a:after {
	content:' \e63f';
	font-family:'iconfont';
	font-size:.9em;
	font-weight:bold
}
.discredit {
	display:none
}
* {
	font-family:"Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight:normal !important
}
@-webkit-keyframes TitleCase {
	from {
	opacity:0;
	top:200px
}
100% {
	opacity:1;
	top:0
}
}@-webkit-keyframes ListCase {
	from {
	opacity:0;
	top:200px
}
100% {
	opacity:1;
	top:0
}
}.cases {
	background:#fff;
	border:0;
	padding:30px 0 20px
}
.cases .casesList .caseMore {
	margin:25px 0 27px;
	float:left;
	width:100%
}
.cases .casesList .casesListCon {
	margin-top:30px
}
.cases .casesList .casesListCon .casesListConDz {
	margin-top:22px;
	width:100%;
	float:left
}
.cases .casesList dl {
	width:48%;
	height:auto;
	margin:0;
	float:left
}
.cases .casesList dl dt {
	float:left
}
.cases .casesList dl dd {
	bottom:0;
	background:0;
	position:inherit;
	float:left
}
.cases .casesList dl dd a {
	text-align:center;
	font-size:.8em
}
.cases .casesList dl dd a span {
	display:none
}
.cases .casesList dl:nth-child(even) {
	float:right
}
.cases .titleCase {
	width:100%
}
.cases .titleCase>ul {
	padding:0
}
.cases .titleCase li {
	width:25%;
	float:left;
	height:42px;
	line-height:30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-indent:0;
	overflow:hidden;
	padding:6px;
	text-align:center;
	background:#fff;
	border-radius:0;
	color:#333;
	font-size:.9em;
	border:1px solid #ececec;
	margin:0 0 0 -1px
}
.cases .titleCase li.active {
	background:#008aff;
	border:1px solid #008aff;
	color:#fff
}
.cases .titleCase li:nth-child(5) {
	display:none
}
.cases .titleCase li:first-child {
	border-radius:3px 0 0 3px
}
.cases .titleCase li:nth-child(4) {
	border-radius:0 3px 3px 0
}
.news {
	padding:30px 0 0
}
.news>.newsBottom {
	margin-top:10px
}
.news>.newsBottom>.row>.col-xs-12 {
	padding:15px 0
}
.news>.newsBottom>.row>.col-xs-12>.row>.col-md-10 {
	padding:0;
	border-right:0
}
.news>.newsBottom>.row>.col-xs-12>.row>.col-md-10>p {
	height:50px;
	overflow:hidden
}
.news>.newsBottom>.row>.col-xs-12>.row>.col-md-2 {
	display:none
}
.partner {
	padding:30px 0 30px
}
.partner .row {
	margin-top:10px
}
.partner .row>div:nth-child(7),.partner .row>div:nth-child(8),.partner .row>div:nth-child(9),.partner .row>div:nth-child(10),.partner .row>div:nth-child(11),.partner .row>div:nth-child(12) {
	display:none
}
.contact {
	padding:30px 0 30px
}
.contact .row {
	margin-top:20px
}
.contact .row .col-md-6 em {
	display:none
}
footer .footNav {
	display:none
}
footer .links ul li a {
	padding-right:20px;
	font-size:.9em
}
}.mainBg {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	left:0;
	z-index:1111;
	display:none
}
@media screen and (max-width:980px) {
	.service {
	padding:40px 0 30px
}
.service .glide {
	background:0;
	margin-top:0;
	height:auto
}
.service .glide dl {
	width:20% !important;
	height:auto
}
.service .glide dl dt {
	width:100%;
	height:auto;
	background:none !important;
	border-right:none !important
}
.service .glide dl dt:before {
	width:70px;
	height:70px;
	border-radius:40px;
	background:#008aff !important;
	content:'';
	position:absolute;
	top:20px;
	z-index:10;
	left:50%;
	margin-left:-35px
}
.service .glide dl dt h1 {
	color:#008aff;
	font-size:1.2em
}
.service .glide dl dt i {
	margin:auto !important;
	font-size:3em;
	position:relative;
	z-index:100;
	color:#fff !important
}
.service .glide dl dt p {
	display:none
}
.service .glide dl dd {
	display:none
}
.service .glide dl.glide_02 dt:before {
	background:#54be3b !important
}
.service .glide dl.glide_03 dt:before {
	background:#13c0ce !important
}
.service .glide dl.glide_04 dt:before {
	background:#ebb135 !important
}
.service .glide dl.glide_05 dt:before {
	background:#ff5f57 !important
}
.service .glide dl:nth-child(2) dt h1,.service .glide dl:nth-child(2) dt i {
	color:#54be3b
}
.service .glide dl:nth-child(3) dt h1,.service .glide dl:nth-child(3) dt i {
	color:#13c0ce
}
.service .glide dl:nth-child(4) dt h1,.service .glide dl:nth-child(4) dt i {
	color:#ebb135
}
.service .glide dl:nth-child(5) dt h1,.service .glide dl:nth-child(5) dt i {
	color:#ff5f57
}
.navbarMy {
	height:70px
}
.navbar {
	position:inherit;
	height:70px;
	line-height:70px;
	overflow:hidden;
	background:#fff;
	padding:0
}
.navbar .navbar-header {
	width:100%;
	margin:0;
	padding:0
}
.navbar .navbar-header h1 {
	display:block !important;
	margin:12px 0 0 0;
	font-family:'iconfont';
	color:#00b6ff;
	font-size:3.2em;
	cursor:pointer;
	background-image:-webkit-linear-gradient(left,#2ccfff,#269fff 50%,#3ad8ff);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
	-webkit-background-size:280%;
	background-image:linear-gradient(left,#2ccfff,#269fff 50%,#3ad8ff);
	background-size:280%;
	-webkit-animation:masked-animation 2s infinite linear;
	animation:masked-animation 2s infinite linear
}
.navbar .navbar-header button.navbar-toggle {
	display:block !important;
	margin-right:0
}
.navbar .navbar-collapse {
	display:none !important
}
.navbar .navbar-collapse .pull-left,.navbar .navbar-collapse .navShare {
	display:none
}
#mycarousel .carousel-control span {
	margin-top:0
}
.carousel-indicators {
	bottom:-8px
}
.carousel-indicators>li {
	width:6px;
	height:6px;
	border-radius:3px
}
.carousel-indicators .active {
	width:6px;
	height:6px
}
.mobileDown {
	position:fixed;
	top:0;
	right:-70%;
	width:70%;
	height:100%;
	overflow:hidden;
	background:#2c3e50;
	display:block !important;
	z-index:999
}
.mobileDown .mobil_logo {
	height:71px;
	margin:0;
	text-align:center
}
.mobileDown li {
	display:block;
	width:50%;
	float:left;
	height:75px;
	line-height:75px;
	border:1px solid #34495e;
	margin-top:-1px;
	margin-left:-1px;
	text-align:center
}
.mobileDown li a {
	font-size:1.2em;
	color:#bdc3c7;
	display:block
}
.mobileDown li a span {
	font-family:'iconfont';
	font-size:1.2em;
	margin-right:10px;
	position:relative
}
.mobileDown li:nth-child(odd) {
	border-right:1px solid rgba(255,255,255,0.2)
}
.mobileDown li.navActive {
	background:#34495e
}
.mobileDown li.navActive a {
	color:#fff
}
}.mobileDown {
	display:none
}
.navbar-header h1.pull-left {
	display:none
}
.blur {
	-webkit-filter:blur(1px);
	-moz-filter:blur(1px);
	-ms-filter:blur(1px);
	filter:blur(1px)
}
.neiBan {
	height:280px;
	background-position:center;
	background-size:cover
}
.neiBan.Solution {
	height:280px
}
.listCase {
	padding:30px 0 30px
}
.listCase .common h3 {
	color:#222
}
.listCase .common i {
	background:#222
}
.listCase .common p {
	color:#a2a2a2
}
.listCase .classify {
	margin:25px 0 20px;
	text-align:left;
	padding:0 10px
}
.listCase .classify li {
	display:inline-block
}
.listCase .classify li a {
	padding:8px 20px;
	display:block;
	border-radius:3px;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.1);
	margin:5px;
	transition:all 1s;
	background:#fff
}
.listCase .classify li a:hover {
	background:#2c70b3;
	border-color:#0cd4e7;
	color:#fff
}
.listCase .classify li.active a {
	background:#2c70b3;
	border-color:#2c70b3;
	color:#fff
}
.listCase .casesList dl {
	width:30.6%;
	height:auto
}
.caseDetail {
	height:auto;
	overflow:hidden;
	position:relative
}
.caseDetail canvas {
	position:absolute;
	top:0;
	left:0;
	z-index:9
}
.caseDetail .focus_img {
	width:100%;
	text-align:center;
	
	z-index:99
}
.caseDetail .focus_img li {
	list-style:none
}
.caseDetail .focus_img li img {
	width:auto !important
}
.casesDetail_01 {
	background:#f6f6f6;
	padding:10px 0
}
.casesDetail_01 .works_info {
	width:100%;
	margin:auto;
	padding:15px 0 0;
	-webkit-animation:gupIn .8s .9s both;
	-moz-animation:gupIn .8s .9s both;
	animation:gupIn .8s .9s both
}
.casesDetail_01 .works_info dt {
	position:relative;
	width:28%;
	margin-right:5%;
	float:left
}
.casesDetail_01 .works_info dt h2 {
	color:#333;
	font-size:20px;
	margin:0 0 10px
}
.casesDetail_01 .works_info dt aside {
	color:#999
}
.casesDetail_01 .works_info dt:after {
	content:'';
	position:absolute;
	top:6px;
	right:0;
	width:0;
	height:38px;
	border-right:1px dotted #b9b9b9
}
.casesDetail_01 .works_info dd {
	float:left
}
.casesDetail_01 .works_info dd.summary {
	width:47%;
	height:56px;
	color:#999;
	line-height:14px;
	margin-top:5px
}
.casesDetail_01 .works_info dd.summary>div {
	position:relative;
	width:100%;
	padding-left:88px
}
.casesDetail_01 .works_info dd.summary>div span {
	position:absolute;
	top:0;
	left:0;
	width:80px
}
.casesDetail_01 .works_info dd.summary>div p {
	height:19px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.casesDetail_01 .works_info dd.control {
	position:relative;
	width:20%;
	height:100%;
	text-align:right
}
.casesDetail_01 .works_info dd.control .links {
	position:relative;
	display:inline-block
}
.casesDetail_01 .works_info dd.control .links b {
	font-family:'iconfont';
	color:#222;
	font-weight:lighter;
	font-size:3.4em;
	transition:all 1s;
	float:left;
	width:48px;
	height:48px;
	line-height:50px
}
.casesDetail_01 .works_info dd.control .links:hover b {
	color:#3d96ff;
	transform:rotate(360deg)
}
.casesDetail_02 {
	background:#fff;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding:10px 0 30px
}
.casesDetail_02 .works_brief.jianzhan div.col-sm-6 {
	margin:10px 0
}
.casesDetail_02 .works_brief.jianzhan div.col-sm-6 div {
	border-radius:5px;
	height:45px;
	line-height:45px;
	padding:0 20px;
	background:#ffac01;
	overflow:hidden;
	color:#fff;
	border-bottom:1px solid rgba(0,0,0,0.5);
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	position:relative
}
.casesDetail_02 .works_brief.jianzhan div.col-sm-6 div:before {
	width:100%;
	height:20px;
	background:rgba(255,255,255,0.2);
	position:absolute;
	top:0;
	left:0;
	content:''
}
.casesDetail_02 .works_brief.jianzhan div.col-sm-6 div span {
	font-size:2em;
	font-weight:bold;
	padding-right:40px;
	position:relative
}
.casesDetail_02 .works_brief.jianzhan div.col-sm-6 div span:after {
	position:absolute;
	content:'>';
	font-size:1em;
	font-weight:normal;
	text-shadow:1px 0 0 rgba(0,0,0,0.4);
	transform:scaleY(2.8);
	font-family:宋体;
	right:10px
}
.casesDetail_02 .works_brief.jianzhan div.col-sm-6 div i {
	font-family:'iconfont';
	font-size:2em;
	font-style:normal
}
.casesDetail_02 .works_brief.jianzhan div.col-sm-6 div b {
	font-weight:normal;
	font-size:1.2em;
	vertical-align:top;
	margin-left:6px
}
.casesDetail_02 .works_brief .table-responsive {
	margin-top:20px
}
.casesDetail_02 h4 {
	font-size:22px;
	text-align:center;
	padding:15px 0;
	margin-top:30px
}
.casesDetail_02 p {
	line-height:2em;
	text-indent:30px
}
.Package {
	position:absolute;
	font-family:georgia;
	padding:15px;
	font-size:2.2em;
	width:100px;
	height:100px;
	background:#e70b0b;
	border-radius:50px;
	color:#fff
}
.Package:after {
	width:100%;
	height:100%;
	border:1px solid #e70b0b;
	animation:Package 1s infinite;
	content:'';
	position:absolute;
	top:0;
	left:0;
	border-radius:100%
}
.Package:before {
	width:100%;
	height:100%;
	border:1px solid #e70b0b;
	animation:Package 2s infinite;
	content:'';
	position:absolute;
	top:0;
	left:0;
	border-radius:100%
}
@keyframes Package {
	from {
	transform:scale(1);
	opacity:1
}
to {
	transform:scale(1.5);
	opacity:0
}
}.casesDetail_03 {
	background:#f6f6f6;
	padding:30px 0
}
.casesDetail_03 img {
	width:100%;
	margin:18px 0;
	border:1px solid #ececec;
	border:1px solid rgba(0,0,0,0.1)
}
.casesDetail_03 .detailPrev,.casesDetail_03 .detailNext {
	position:fixed;
	top:50%;
	margin-top:-30px;
	left:50%;
	margin-left:-680px;
	font-size:4.5em;
	font-family:'iconfont';
	color:#c9c9c9;
	color:rgba(0,0,0,0.2);
	transition:color 1s;
	z-index:99
}
.casesDetail_03 .detailPrev:hover,.casesDetail_03 .detailNext:hover {
	color:#59cfff
}
.casesDetail_03 .detailNext {
	margin-left:610px
}
.newsClassify,.aboutAnchor {
	text-align:center;
	background:#f6f6f6
}
.newsClassify .container>ul,.aboutAnchor .container>ul {
	margin:40px 0 30px
}
.newsClassify .container>ul li,.aboutAnchor .container>ul li {
	display:inline-block
}
.newsClassify .container>ul li a,.aboutAnchor .container>ul li a {
	padding:10px 25px;
	display:block;
	border:1px solid #d6d6d6;
	background:#fff;
	border-radius:5px;
	margin:0 30px;
	position:relative;
	transition:all 1s
}
.newsClassify .container>ul li a:after,.aboutAnchor .container>ul li a:after {
	content:'';
	display:block;
	position:absolute;
	width:64px;
	height:1px;
	background:#d6d6d6;
	top:20px;
	right:-65px
}
.newsClassify .container>ul li a:hover,.aboutAnchor .container>ul li a:hover {
	background:#2c70b3;
	color:#fff;
	border-color:#2c70b3
}
.newsClassify .container>ul li:last-child a:after,.aboutAnchor .container>ul li:last-child a:after {
	display:none
}
.newsClassify .container>ul li.active a,.aboutAnchor .container>ul li.active a {
	background:#2c70b3;
	color:#fff;
	border-color:#2c70b3
}
.newsClassify .newsList,.aboutAnchor .newsList {
	background:#fff;
	border:1px solid #e8e8e8;
	padding:20px;
	overflow:hidden
}
.newsClassify .newsList .row,.aboutAnchor .newsList .row {
	padding:0;
	margin-left:-40px
}
.newsClassify .newsList .row .col-md-2,.aboutAnchor .newsList .row .col-md-2 {
	height:113px;
	position:relative;
	padding:15px 0
}
.newsClassify .newsList .row .col-md-2 h3,.aboutAnchor .newsList .row .col-md-2 h3 {
	font-weight:lighter;
	margin:15px 0 12px
}
.newsClassify .newsList .row .col-md-2 span,.aboutAnchor .newsList .row .col-md-2 span {
	color:#888
}
.newsClassify .newsList .row .col-md-2 span b,.aboutAnchor .newsList .row .col-md-2 span b {
	font-family:'iconfont'
}
.newsClassify .newsList .row .col-md-2:after,.aboutAnchor .newsList .row .col-md-2:after {
	content:'';
	display:block;
	position:absolute;
	right:28px;
	top:0;
	height:100%;
	z-index:5;
	border-right:2px solid #ededed
}
.newsClassify .newsList .row .col-md-2:before,.aboutAnchor .newsList .row .col-md-2:before {
	content:'';
	display:block;
	position:absolute;
	right:23px;
	top:50px;
	width:13px;
	height:13px;
	background:#d9d9d9;
	border:2px solid #fff;
	border-radius:7px;
	z-index:10;
	transition:all 2s
}
.newsClassify .newsList .row .col-md-10,.aboutAnchor .newsList .row .col-md-10 {
	padding:15px 25px 15px 15px;
	position:relative;
	transition:all 2s;
	border-bottom:1px solid #f4f4f4
}
.newsClassify .newsList .row .col-md-10:before,.aboutAnchor .newsList .row .col-md-10:before {
	border:8px solid transparent;
	position:absolute;
	top:48px;
	left:-16px;
	content:'';
	display:block;
	transition:all 2s
}
.newsClassify .newsList .row .col-md-10 h4,.aboutAnchor .newsList .row .col-md-10 h4 {
	margin:0 0 10px;
	height:20px;
	overflow:hidden;
	font-weight:lighter;
	font-size:1.3em
}
.newsClassify .newsList .row .col-md-10 h4 a,.aboutAnchor .newsList .row .col-md-10 h4 a {
	color:#444
}
.newsClassify .newsList .row .col-md-10 p,.aboutAnchor .newsList .row .col-md-10 p {
	height:40px;
	overflow:hidden
}
.newsClassify .newsList .row .col-md-10 p a,.aboutAnchor .newsList .row .col-md-10 p a {
	color:#999
}
.newsClassify .newsList .row:hover .col-md-2:before,.aboutAnchor .newsList .row:hover .col-md-2:before {
	background:#2c70b3
}
.newsClassify .newsList .row:hover .col-md-10,.aboutAnchor .newsList .row:hover .col-md-10 {
	background:#2c70b3;
	color:#fff
}
.newsClassify .newsList .row:hover .col-md-10:before,.aboutAnchor .newsList .row:hover .col-md-10:before {
	border-right-color:#2c70b3
}
.newsClassify .newsList .row:hover .col-md-10 h4 a,.aboutAnchor .newsList .row:hover .col-md-10 h4 a {
	color:#fff
}
.newsClassify .newsList .row:hover .col-md-10 p a,.aboutAnchor .newsList .row:hover .col-md-10 p a {
	color:#fff;
	color:rgba(255,255,255,0.7)
}
@media screen and (min-width:980px) {
	.aboutAnchor {
	text-align:center;
	background:#f6f6f6;
	position:relative;
	height:0;
	padding:0 !important;
	z-index:99
}
.aboutAnchor .container>ul {
	margin:0;
	position:absolute;
	bottom:0
}
.aboutAnchor .container>ul li {
	display:inline-block;
	vertical-align:bottom;
	margin-left:-4px
}
.aboutAnchor .container>ul li a {
	padding:0 18px;
	height:40px;
	line-height:40px;
	display:block;
	border:0;
	border-radius:0;
	margin:0;
	position:relative;
	transition:all 1s;
	background:#43bcc7;
	color:#fff;
	vertical-align:bottom
}
.aboutAnchor .container>ul li a:hover {
	height:100px;
	line-height:100px;
	background:transparent;
	border:0
}
.aboutAnchor .container>ul li a:after {
	display:none
}
.aboutAnchor .container>ul li.active a {
	background:#43bcc7;
	color:#fff;
	border-color:transparent;
	line-height:100px;
	height:100px
}
.aboutAnchor .container>ul li:nth-child(2) a {
	background:#a6d250
}
.aboutAnchor .container>ul li:nth-child(3) a {
	background:#eab055
}
.aboutAnchor .container>ul li:nth-child(4) a {
	background:#e9d356
}
.aboutAnchor .container>ul li:nth-child(5) a {
	background:#ff9a67
}
.aboutAbout .container .works_brief {
	background:url("../images/chuangxin.jpg") right bottom no-repeat;
	background-size:45%
}
}@keyframes jianzhanText {
	from {
	bottom:-120px;
	opacity:0
}
to {
	bottom:-50px;
	opacity:1
}
}.jianzhan>div {
	float:left
}
.jianzhan .jianzhanTitle {
	width:16%;
	position:relative
}
.jianzhan .jianzhanTitle:after {
	position:absolute;
	content:'';
	width:1px;
	height:68px;
	background:#e7e7e7;
	right:0;
	top:25px
}
.jianzhan .jianzhanService {
	width:12%;
	text-align:center;
	position:relative
}
.jianzhan .jianzhanService h4 {
	margin:10px 0 0 0;
	padding-bottom:8px;
	font-family:'iconfont';
	font-size:2.6em
}
.jianzhan .jianzhanService:after {
	position:absolute;
	content:'>';
	font-family:'宋体';
	font-weight:bold;
	font-size:2em;
	color:#e7e7e7;
	right:-10px;
	top:40px
}
.jianzhan .jianzhanService:nth-last-child(2):after {
	display:none
}
.newsDetail {
	height:200px;
	overflow:hidden;
	position:relative
}
.newsDetail canvas {
	position:absolute;
	top:0;
	left:0;
	z-index:9
}
.newsDetail .container {
	position:relative;
	z-index:99
}
.newsDetail .container h1 {
	margin-top:60px;
	color:#fff;
	float:left
}
.newsDetail .container h1 * {
	float:left
}
.newsDetail .container h1 b {
	padding-bottom:8px;
	font-size:1.2em;
	border-bottom:2px solid #fff
}
.newsDetail .container h1 span {
	display:block;
	font-size:16px;
	margin-top:8px
}
.newsDetail .container>b {
	margin-top:-10px;
	font-family:'iconfont';
	color:#fff;
	font-weight:lighter;
	font-size:160px
}
.newsTitle {
	line-height:3em;
	padding:15px 0 0 !important
}
.newsTitle .newsTitle1 {
	float:left;
	width:80%
}
.newsTitle .newsTitle1 h3 {
	margin:0
}
.newsTitle .newsTitle1 i {
	font-style:normal;
	color:rgba(0,0,0,0.5)
}
.newsTitle .newsTitle1.newsTitle2 {
	width:20%;
	float:right;
	margin-top:8px
}
.newsTitle .newsTitle2 a {
	float:right;
	width:45px;
	height:45px;
	font-family:'iconfont';
	display:block;
	line-height:45px;
	text-align:center;
	background:#4f5f6e;
	color:#dbe1e6;
	border-radius:23px;
	padding-left:0;
	font-size:1.8em;
	margin:0 5px;
	transition:all .5s
}
.newsTitle .newsTitle2 a:hover {
	background:#f58f00;
	color:#fff;
	transform:scale(1.1)
}
.newsTitle .newsTitle2 a:nth-child(2):hover {
	background:#3498db
}
.newsTitle .newsTitle2 a:nth-child(3):hover {
	background:#ee4b4b
}
.newsTitle .newsTitle2 a:nth-child(4):hover {
	background:#57c940
}
.casesDetail_02 {
	padding:0 0 30px
}
.casesDetail_02 img {
	max-width:100%
}
.casesDetail_02 p>img {
	margin-left:-30px
}
.casesDetail_02 .detailPrev,.casesDetail_02 .detailNext {
	position:fixed;
	top:50%;
	margin-top:-30px;
	left:50%;
	margin-left:-680px;
	font-size:4.5em;
	font-family:'iconfont';
	color:#c9c9c9;
	color:rgba(0,0,0,0.2);
	transition:color 1s;
	z-index:99
}
.casesDetail_02 .detailPrev:hover,.casesDetail_02 .detailNext:hover {
	color:#59cfff
}
.casesDetail_02 .detailNext {
	margin-left:610px
}
.detailPage .detailPrev,.detailPage .detailNext {
	position:fixed;
	top:50%;
	margin-top:-30px;
	left:50%;
	margin-left:-680px;
	font-size:4.5em;
	font-family:'iconfont';
	color:#c9c9c9;
	color:rgba(0,0,0,0.2);
	transition:color 1s;
	z-index:99
}
.detailPage .detailPrev:hover,.detailPage .detailNext:hover {
	color:#59cfff
}
.detailPage .detailNext {
	margin-left:610px
}
.aboutAbout,.aboutCulture,.aboutMoney,.aboutEmploy,.aboutContact {
	padding-top:35px;
	padding-bottom:20px
}
.aboutAbout .works_brief h1,.aboutCulture .works_brief h1,.aboutMoney .works_brief h1,.aboutEmploy .works_brief h1,.aboutContact .works_brief h1 {
	margin:0 0 20px;
	text-align:center;
	font-size:2em;
	font-weight:lighter
}
.aboutAbout .works_brief p,.aboutCulture .works_brief p,.aboutMoney .works_brief p,.aboutEmploy .works_brief p,.aboutContact .works_brief p {
	line-height:2em;
	text-indent:2em
}
.aboutMoney .works_brief div {
	margin-top:20px
}
.aboutMoney .works_brief div dl {
	padding:20px;
	border:1px solid #e5e5e5;
	background:#fff;
	height:291px;
	transition:all 1s;
	position:relative;
	transform:scale(1)
}
.aboutMoney .works_brief div dl dt {
	height:150px;
	line-height:150px;
	font-family:'iconfont';
	font-size:6em;
	font-weight:lighter;
	text-align:center;
	border-bottom:1px solid #e8e8e8;
	color:#b30000;
	margin-bottom:15px
}
.aboutMoney .works_brief div dl dt img {
	height:100%
}
.aboutMoney .works_brief div dl dd {
	line-height:2em
}
.aboutMoney .works_brief div dl:hover {
	background:#b30000;
	color:#fff;
	border:1px solid #b30000;
	transform:scale(1.1);
	z-index:10
}
.aboutMoney .works_brief div dl:hover dt {
	color:#fff !important
}
.aboutMoney .works_brief div.bank_01 dl dt {
	font-size:19em;
}
.aboutMoney .works_brief div.bank_02 dl dt {
	font-size:20em;
	color:#00947e;
	background:url(../images/nonyeyinghang.png) no-repeat; background-size:100% auto;
}
.aboutMoney .works_brief div.bank_02 dl:hover {
	background:#00947e;
	border:1px solid #00947e
}
.aboutMoney .works_brief div.bank_02 dl:hover dt{
background:url(../images/nonyeyinghang1.png) no-repeat;
}
.aboutMoney .works_brief div.bank_03 dl dt {
	font-size:19em;
	background:url(../picture/ncsyyh.png) no-repeat;
}
.aboutMoney .works_brief div.bank_03 dl:hover dt{
background:url(../picture/ncsyyh1.png) no-repeat;
}

.aboutMoney .works_brief div.bank_04 dl dt {
	color:#0460a6
}
.aboutMoney .works_brief div.bank_04 dl:hover {
	background:#0460a6;
	border:1px solid #0460a6
}
.aboutMoney .works_brief div.bank_05 dl dt,.aboutMoney .works_brief div.bank_06 dl dt {
	height:180px;
	line-height:180px;
	padding-bottom:12px
}
.aboutMoney .works_brief div.bank_05 dl dd,.aboutMoney .works_brief div.bank_06 dl dd {
	text-align:center
}
.aboutMoney .works_brief div.bank_05 dl:hover,.aboutMoney .works_brief div.bank_06 dl:hover {
	background:#0da7ff;
	border:1px solid #0da7ff
}
.aboutMoney .works_brief div.bank_06 dl:hover {
	background:#54d82c;
	border:1px solid #54d82c
}
.aboutEmploy .works_brief .table-responsive table.table a {
	color:#fff;
	padding-bottom:1px;
	border-bottom:1px solid #fff
}
.aboutEmploy .works_brief .col-md-6 {
	margin:15px 0
}
.aboutEmploy .works_brief .col-md-6 h4 {
	margin-bottom:18px
}
.aboutEmploy .works_brief .col-md-6 p {
	font-size:13px;
	text-indent:0 !important
}
.aboutContact dl dt {
	margin-bottom:10px
}
.aboutContact dl dt span {
	font-family:'iconfont';
	font-size:2em;
	margin-right:5px
}
.aboutContact dl dt b {
	font-weight:lighter;
	font-size:1.2em
}
.aboutContact dl dd p {
	text-indent:0 !important;
	padding-left:38px
}
#returnTop {
	width:40px;
	height:40px;
	position:fixed;
	right:0;
	bottom:-100px;
	overflow:hidden;
	cursor:pointer;
	opacity:0;
	transition:all 1s
}
#returnTop dl {
	width:100%;
	height:100%;
	background:#fff;
	border:1px solid #ccc;
	transition:all 1s
}
#returnTop dl dd,#returnTop dl dt {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:40px;
	text-align:center;
	transition:all 1s
}
#returnTop dl dt {
	font-family:'iconfont';
	font-size:1.6em;
	transform:rotate(-90deg);
	color:#999
}
#returnTop dl dd {
	top:40px
}
#returnTop dl:hover {
	background:#008aff;
	border:1px solid #008aff
}
#returnTop dl:hover dt {
	top:-40px
}
#returnTop dl:hover dd {
	top:0;
	color:#fff;
	line-height:18px;
	font-size:.9em;
	padding:2px 5px
}
@keyframes fenXiang {
	from {
	transform:scale(1.2,0.8)
}
2% {
	transform:scale(1.16,0.84)
}
3% {
	transform:scale(1.13,0.87)
}
4% {
	transform:scale(1.1,0.9)
}
5% {
	transform:scale(1.07,0.93)
}
6% {
	transform:scale(1.04,0.96)
}
7% {
	transform:scale(1.01,0.99)
}
8% {
	transform:scale(0.99,1.01)
}
9% {
	transform:scale(0.97,1.03)
}
10% {
	transform:scale(0.95,1.05)
}
11% {
	transform:scale(0.94,1.06)
}
12% {
	transform:scale(0.93,1.07)
}
13% {
	transform:scale(0.93,1.07)
}
14% {
	transform:scale(0.93,1.07)
}
15% {
	transform:scale(0.93,1.07)
}
16% {
	transform:scale(0.94,1.06)
}
17% {
	transform:scale(0.94,1.06)
}
18% {
	transform:scale(0.95,1.05)
}
19% {
	transform:scale(0.96,1.04)
}
20% {
	transform:scale(0.98,1.02)
}
21% {
	transform:scale(0.99,1.01)
}
22% {
	transform:scale(1,1)
}
23% {
	transform:scale(1,1)
}
24% {
	transform:scale(1.01,0.99)
}
25% {
	transform:scale(1.02,0.98)
}
26% {
	transform:scale(1.02,0.98)
}
27% {
	transform:scale(1.02,0.98)
}
28% {
	transform:scale(1.03,0.97)
}
29% {
	transform:scale(1.03,0.97)
}
30% {
	transform:scale(1.02,0.98)
}
31% {
	transform:scale(1.02,0.98)
}
32% {
	transform:scale(1.02,0.98)
}
33% {
	transform:scale(1.02,0.98)
}
34% {
	transform:scale(1.01,0.99)
}
35% {
	transform:scale(1.01,0.99)
}
36% {
	transform:scale(1.01,0.99)
}
37% {
	transform:scale(1,1)
}
38% {
	transform:scale(1,1)
}
39% {
	transform:scale(1,1)
}
40% {
	transform:scale(0.99,1.01)
}
41% {
	transform:scale(0.99,1.01)
}
42% {
	transform:scale(0.99,1.01)
}
43% {
	transform:scale(0.99,1.01)
}
44% {
	transform:scale(0.99,1.01)
}
45% {
	transform:scale(0.99,1.01)
}
46% {
	transform:scale(0.99,1.01)
}
47% {
	transform:scale(0.99,1.01)
}
48% {
	transform:scale(0.99,1.01)
}
49% {
	transform:scale(1,1)
}
}@media screen and (max-width:1237px) and (min-width:980px) {
	.navShare {
	display:none
}
.dropdown {
	right:15px
}
.irow1{width:74%;}
}@media screen and (max-width:1084px) and (min-width:980px) {
	#navCollapse h1 {
	display:none
}
}@media screen and (max-width:980px) {
	.neiBan.Solution {
	height:235px
}
.jianzhan980 {
	display:none
}
.neiBan {
	height:230px
}
.caseDetail {
	height:auto
}
.caseDetail .focus_img li img {
	width:72% !important
}
.newsList .row {
	margin:0 !important
}
.newsList .row .col-md-2 {
	display:none
}
.newsDetail {
	height:180px
}
.newsDetail .container h1 {
	margin-top:50px
}
.newsDetail .container h1 b {
	font-size:1em !important
}
.newsDetail .container b {
	right:0;
	margin-top:5px !important;
	font-size:120px !important
}
.newsDetail .container b.about-icon {
	font-size:170px !important;
	margin-top:-35px !important
}
.bdsharebuttonbox {
	display:none
}
.listCase {
	padding:25px 0 20px
}
.listCase .casesList dl {
	width:48%;
	height:auto
}
.listCase .casesList dl dd a {
	color:#333
}
.listCase .classify {
	padding:0;
	margin:20px 0 20px
}
.listCase .classify li {
	width:48%;
	text-align:center;
	margin:3px 0
}
.listCase .classify li a {
	margin:0 !important;
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.listCase .classify li:nth-child(2n) {
	float:right
}
.casesDetail_03 .detailPrev,.casesDetail_02 .detailPrev,.casesDetail_03 .detailNext,.casesDetail_02 .detailNext {
	position:relative;
	font-size:1em;
	font-weight:bold !important;
	font-family:'iconfont';
	color:#fff;
	transition:color 1s;
	display:inline-block;
	margin:10px 0 15px;
	top:0;
	left:0;
	width:80px;
	height:40px;
	line-height:40px;
	background:#3498db;
	border-radius:2px;
	padding-left:8px
}
.casesDetail_03 .detailPrev:before,.casesDetail_02 .detailPrev:before,.casesDetail_03 .detailNext:before,.casesDetail_02 .detailNext:before {
	content:'上一条';
	position:absolute;
	font-weight:normal;
	top:0;
	left:25px;
	width:90px;
	font-size:1em;
	display:block;
	font-family:microsoft yahei
}
.casesDetail_03 .detailPrev:hover,.casesDetail_02 .detailPrev:hover,.casesDetail_03 .detailNext:hover,.casesDetail_02 .detailNext:hover {
	color:#59cfff
}
.casesDetail_03 .detailPrev.PrevNo,.casesDetail_02 .detailPrev.PrevNo,.casesDetail_02 .detailNext.PrevNo {
	background:#bdc3c7
}
.casesDetail_03 .detailNext,.casesDetail_02 .detailNext {
	float:right;
	text-align:right;
	padding-left:0;
	padding-right:6px
}
.casesDetail_03 .detailNext:before,.casesDetail_02 .detailNext:before {
	left:auto;
	content:'下一条';
	right:25px
}
.newsTitle .newsTitle1 {
	width:100%
}
.newsTitle .newsTitle1 h3 {
	line-height:1.4em
}
.aboutAnchor .container>ul li a {
	margin:0 10px
}
.aboutAnchor .container>ul li a:after {
	width:26px;
	right:-26px
}
.map {
	height:200px !important
}
.map #allmap {
	height:230px !important
}
.casesDetail_02 {
	padding:0 0 10px
}
.casesDetail_02 h4 {
	padding:5px 0;
	margin-top:25px
}
.casesDetail_03 {
	padding:10px 0
}
.casesDetail_03 img {
	margin:8px 0
}
}@media screen and (max-width:720px) {
	.table-responsive {
	border:0
}
.table-responsive table {
	border:1px solid #ddd !important
}
.service {
	padding:8px 0 8px
}
.service .container>h3,.service .container>i,.service .container>p {
	display:none
}
.service .glide dl dt:before {
	width:45px;
	height:45px;
	border-radius:23px;
	background:#008aff !important;
	content:'';
	position:absolute;
	top:21px;
	z-index:10;
	left:50%;
	margin-left:-22.5px
}
.service .glide dl dt h1 {
	font-size:.8em;
	margin-top:15px
}
.service .glide dl dt i {
	margin:auto !important;
	font-size:2em;
	color:#fff !important;
	position:relative;
	z-index:100
}
.service .glide dl.glide_02 dt:before {
	background:#54be3b !important
}
.service .glide dl.glide_03 dt:before {
	background:#13c0ce !important
}
.service .glide dl.glide_04 dt:before {
	background:#ebb135 !important
}
.service .glide dl.glide_05 dt:before {
	background:#ff5f57 !important
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-10 h1 {
	font-size:1em
}
.news .newsBottom>.row>.col-xs-12>.row .col-md-10 p {
	font-size:.8em;
	height:40px
}
.in-view .common>p {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.news .newsBottom>.row .more {
	margin:20px 0
}
.news .newsBottom>.row .more a {
	width:150px;
	height:42px;
	font-size:1em;
	line-height:42px;
	color:#2c70b3;
	border:1px solid #2c70b3;
	display:inline-block;
	border-radius:4px;
	transition:all .5s
}
.news>.newsBottom>.row>.col-xs-12 {
	padding:8px 0 0
}
.neiBan {
	height:135px
}
.caseDetail {
	height:auto
}
.newsList {
	background:none !important;
	border:none !important;
	padding:0 !important;
	float:left
}
.newsList .row {
	border-bottom:1px solid rgba(0,0,0,0.1) !important
}
.newsClassify {
	padding-bottom:0
}
.newsClassify .container>ul {
	margin:30px 0 10px;
	float:left;
	width:100%
}
.newsClassify .container>ul li {
	width:48%;
	margin:5px 0;
	float:left
}
.newsClassify .container>ul li a {
	margin:0 !important
}
.newsClassify .container>ul li a:after {
	display:none !important
}
.newsClassify .container>ul li:nth-child(2n) {
	float:right
}
.casesDetail_01 .container .works_info {
	padding:10px 0 5px
}
.casesDetail_01 .container .works_info dt {
	width:75%
}
.casesDetail_01 .container .works_info dd.summary {
	display:none
}
.newsDetail {
	height:150px
}
.newsDetail .container h1 {
	margin-top:40px
}
.newsDetail .container h1 b {
	font-size:.8em !important
}
.newsDetail .container>b {
	font-size:100px !important
}
.newsDetail .container b.about-icon {
	font-size:150px !important;
	margin-right:-15px
}
.aboutAnchor .container ul {
	margin:0;
	padding:25px 0 15px
}
.aboutAnchor .container ul li {
	width:48%;
	float:left;
	height:36px;
	line-height:36px;
	margin:6px 0
}
.aboutAnchor .container ul li a {
	margin:0 !important;
	padding:0 !important
}
.aboutAnchor .container ul li a:after {
	display:none !important
}
.aboutAnchor .container ul li:nth-child(2n) {
	float:right
}
.aboutAnchor .container ul:after {
	clear:both;
	display:table;
	content:''
}
}.detailPageMobile .detailPrev,.detailPageMobile .detailNext {
	position:relative;
	font-size:1em;
	font-weight:bold !important;
	font-family:'iconfont';
	color:#fff;
	transition:color 1s;
	display:inline-block;
	margin:10px 0 15px;
	top:0;
	left:0;
	width:80px;
	height:40px;
	line-height:40px;
	background:#3498db;
	border-radius:2px;
	padding-left:8px
}
.detailPageMobile .detailPrev:before,.detailPageMobile .detailNext:before {
	content:'上一条';
	position:absolute;
	font-weight:normal;
	top:0;
	left:25px;
	width:90px;
	font-size:1em;
	display:block;
	font-family:microsoft yahei
}
.detailPageMobile .detailPrev:hover,.detailPageMobile .detailNext:hover {
	color:#59cfff
}
.detailPageMobile .detailPrev.PrevNo,.detailPageMobile .detailNext.PrevNo {
	background:#bdc3c7
}
.detailPageMobile .detailNext {
	float:right;
	text-align:right;
	padding-left:0;
	padding-right:6px
}
.detailPageMobile .detailNext:before {
	left:auto;
	content:'下一条';
	right:25px
}
.explanlist {
	border:1px solid #ccc;
	border-width:1px 1px 0 0;
	margin-bottom:30px
}
.explanlist td {
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	text-align:center;
	height:50px;
	line-height:50px;
	vertical-align:middle !important;
	padding:0 !important
}
.explanlist .tr td {
	background:#ddd;
	font-size:16px;
	color:#333
}
.explanlist .tr .rtd {
	background:#c00
}
.explanlist .tr .nortd {
	background:#ddd
}
.explanlist .ptd td {
	height:220px;
	line-height:20px !important
}
.price_div {
	margin-top:25px
}
.price {
	font-size:16px;
	color:red;
	font-weight:bold;
	font-family:Georgia,Tahoma
}
.explanlist .ptd .price {
	font-family:"georgia";
	font-size:40px
}
.dSelect select {
	width:85%;
	border:1px solid #ccc;
	height:30px;
	line-height:29px;
	text-indent:5px;
	color:#333;
	cursor:pointer;
	margin:20px 0 12px 0
}
.aBg {
	margin-bottom:10px
}
.aBg {
	margin:12px auto 25px;
	text-align:center
}
a.btn {
	display:inline-block;
	outline:0
}
.aBg2 a {
	background:#c00;
	border:1px solid #c00;
	color:#fff
}
.explanlist .bigclass {
	width:20px;
	font-size:16px;
	margin:0 auto;
	line-height:25px;
	text-indent:0
}
.explanlist .rtd .rfont {
	position:relative;
	text-align:center;
	background:#c00;
	font-size:16px;
	line-height:48px;
	color:#fff;
	text-indent:0
}
.Network01 {
	border:1px solid #ececec;
	height:320px;
	width:100%;
	margin-top:20px;
	float:left
}
.Network01 dl {
	width:25%;
	height:320px;
	float:left;
	padding:20px;
	border-right:1px solid #ececec;
	transition:all 1s
}
.Network01 dl dt {
	font-size:1.3em;
	font-weight:lighter
}
.Network01 dl dt span {
	font-family:'iconfont';
	font-size:5em;
	color:#666;
	transition:all 1s;
	display:block
}
.Network01 dl dd {
	text-align:left;
	margin-top:10px;
	line-height:2em;
	font-size:1em
}
.Network01 dl:last-child {
	border-right:0
}
.Network01 dl:hover {
	background:#008aff;
	color:#fff
}
.Network01 dl:hover dt span {
	color:#fff
}
.Network02 dl {
	width:25%;
	padding:10px;
	float:left
}
.Network02 dl dt {
	width:100%;
	height:80px;
	padding:12px;
	background:#008aff;
	color:#fff;
	text-align:left;
	font-size:.9em;
	font-weight:lighter;
	margin-bottom:15px
}
.Network02 dl dt b {
	margin:0;
	font-size:1.8em;
	display:block
}
.Network02 dl dd {
	text-align:left;
	font-size:.9em;
	line-height:2.3em
}
.Network02 dl:nth-child(4) dt {
	background:#54be3b
}
.Network02 dl:nth-child(5) dt {
	background:#13c0ce
}
.Network02 dl:nth-child(6) dt {
	background:#ebb135
}
.Network03 .tuiGuangGgt {
	height:260px;
	background:url("../images/ggt.jpg") center no-repeat;
	background-size:cover
}
.Network04 {
	margin:30px 0 20px
}
.Network05 {
	background:#008aff;
	height:150px;
	padding:20px 0
}
.Network05 dl {
	width:20%;
	float:left;
	text-align:center;
	padding:0 20px 20px
}
.Network05 dl dt {
	float:left;
	width:100%
}
.Network05 dl dt span {
	font-size:3.6em;
	color:#fff;
	height:60px;
	overflow:hidden;
	display:inline-block
}
.Network05 dl dt span b {
	display:block;
	position:relative;
	transition:all 1s
}
.Network05 dl dt span:first-child b {
	top:0
}
.Network05 dl dt span:last-child b {
	top:-71px
}
.Network05 dl dd {
	margin-top:10px;
	color:#fff;
	float:left;
	width:100%
}
.Network05 dl:hover dt span:first-child b {
	top:-71px
}
.Network05 dl:hover dt span:last-child b {
	top:0
}
.Network06 img {
	margin:10px 0;
	transition:transform 1s
}
.Network06 img:hover {
	transform:scaleX(-1)
}
.business01 {
	height:430px;
	position:relative
}
.business01 dl {
	width:370px;
	counter-reset:number
}
.business01 dl dd {
	position:absolute;
	right:0;
	top:60px;
	padding:0 16px;
	height:42px;
	line-height:42px;
	background:#fff;
	color:#f28d01;
	border-radius:3px;
	border:1px solid #dcdcdc
}
.business01 dl dd:after {
	width:42px;
	height:42px;
	line-height:42px;
	position:absolute;
	top:-1px;
	right:-36px;
	counter-increment:number;
	content:'0' counter(number);
	background:#f28d01;
	font-size:1.6em;
	font-weight:bold;
	border-radius:0 3px 3px 0;
	color:#fff
}
.business01 dl dd:nth-child(2) {
	top:150px;
	color:#6abd79
}
.business01 dl dd:nth-child(2):after {
	background:#6abd79
}
.business01 dl dd:nth-child(3) {
	top:240px;
	color:#208fbd
}
.business01 dl dd:nth-child(3):after {
	background:#208fbd
}
.business01 dl:nth-last-child(2) {
	margin-left:780px;
	counter-reset:number 3
}
.business01 dl:nth-last-child(2) dd {
	left:0;
	right:auto;
	color:#f4715d
}
.business01 dl:nth-last-child(2) dd:after {
	display:none
}
.business01 dl:nth-last-child(2) dd:before {
	width:42px;
	height:42px;
	line-height:42px;
	position:absolute;
	top:-1px;
	left:-36px;
	counter-increment:number;
	content:'0' counter(number);
	background:#f4715d;
	font-size:1.6em;
	font-weight:bold;
	border-radius:3px 0 0 3px;
	color:#fff
}
.business01 dl:nth-last-child(2) dd:nth-child(2) {
	top:150px;
	color:#16ad66
}
.business01 dl:nth-last-child(2) dd:nth-child(2):before {
	background:#16ad66
}
.business01 dl:nth-last-child(2) dd:nth-child(3) {
	top:240px;
	color:#21b4c6
}
.business01 dl:nth-last-child(2) dd:nth-child(3):before {
	background:#21b4c6
}
.business02 dl {
	text-align:center
}
.business02 dl dt {
	font-family:'iconfont';
	width:70px;
	height:70px;
	line-height:70px;
	background:#008fa0;
	color:#fff;
	font-size:3em;
	border-radius:35px;
	font-weight:normal;
	margin:8px auto;
	transition:transform 1s
}
.business02 dl dd {
	font-size:.9em;
	text-align:left;
	line-height:1.8em
}
.business02 dl dd h3 {
	font-size:1.4em;
	color:#008fa0;
	text-align:center;
	margin-bottom:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.business02 dl:hover dt {
	transform:rotate(360deg)
}
.business02 div:nth-child(4) dl dt {
	background:#4169b2
}
.business02 div:nth-child(4) dl dd h3 {
	color:#4169b2
}
.business02 div:nth-child(5) dl dt {
	background:#208fbd
}
.business02 div:nth-child(5) dl dd h3 {
	color:#208fbd
}
.business02 div:nth-child(6) dl dt {
	background:#f4715d
}
.business02 div:nth-child(6) dl dd h3 {
	color:#f4715d
}
.business02 div:nth-child(7) dl dt {
	background:#a9d053
}
.business02 div:nth-child(7) dl dd h3 {
	color:#a9d053
}
.business02 div:nth-child(8) dl dt {
	background:#16ad66
}
.business02 div:nth-child(8) dl dd h3 {
	color:#16ad66
}
.business02 div:nth-child(9) dl dt {
	background:#6abd79
}
.business02 div:nth-child(9) dl dd h3 {
	color:#6abd79
}
.business02 div:nth-child(10) dl dt {
	background:#f28d01
}
.business02 div:nth-child(10) dl dd h3 {
	color:#f28d01
}
.business03 div h6 {
	font-size:1em;
	color:#fff;
	margin:14px 0;
	padding:15px;
	background:#6abd79;
	text-align:left;
	line-height:2em;
	border-radius:5px
}
.business03 div h6 b {
	display:inline-block
}
.business03 div h5 {
	color:#ff8a00;
	font-size:1.2em;
	margin:30px 0
}
.business03 div img {
	margin-bottom:20px
}
.business03 div:last-child h6 {
	background:#a9d053
}
.cases .casesList.Solution dl dd {
	position:relative;
	background:0;
	bottom:0;
	padding:12px 0
}
.cases .casesList.Solution dl dd a {
	color:#333;
	white-space:inherit;
	font-size:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.cases .casesList.Solution dl dd a span {
	color:#333;
	white-space:inherit;
	line-height:23px;
	height:57px;
	margin-top:12px;
	border-top:1px solid #2eafbb;
	padding-top:8px
}
.cases .casesList.Solution dl dd a:hover {
	color:#2eafbb
}
.cases .casesList.Solution dl dd a:hover span {
	color:#2eafbb
}
.mobileFooter01 {
	height:50px;
	display:none
}
.mobileFooter {
	position:fixed;
	height:50px;
	background:#008aff;
	z-index:9999;
	bottom:0;
	width:100%;
	padding:0;
	display:none
}
.mobileFooter ul {
	margin:0;
	padding:0
}
.mobileFooter ul li {
	width:33.3%;
	text-align:center;
	font-size:.9em;
	float:left;
	list-style:none;
	line-height:1.6em;
	padding-top:6px
}
.mobileFooter ul li a {
	color:#fff
}
.mobileFooter ul li a span {
	font-family:'iconfont';
	font-size:1.8em;
	color:#fff;
	display:block
}
@media screen and (max-width:980px) {
	.business01 dl {
	width:95%;
	float:left;
	margin-bottom:0;
	margin-left:36px !important
}
.business01 dl dd {
	position:relative;
	margin-bottom:15px;
	top:0 !important;
	text-align:left
}
.business01 dl dd:after {
	left:-36px;
	border-radius:3px 0 0 3px;
	text-align:center
}
.business01 dl dd:before {
	text-align:center
}
.business01 img {
	display:none
}
.business02 div {
	width:50%
}
.mobileFooter,.mobileFooter01 {
	display:block
}
.newsClassify .container>ul li a {
	margin:0 17px;
	padding:10px 20px
}
.Network01 {
	border:0;
	height:auto
}
.Network01 dl {
	border:0;
	height:auto;
	padding:0 20px
}
.Network01 dl dt span {
	font-size:3em
}
.Network01 dl dd {
	display:none
}
.Network02 dl {
	width:50%
}
.Network05 {
	height:105px
}
.Network05 dl {
	padding:0 0 20px
}
.Network05 dl dt span {
	font-size:2em;
	height:30px
}
.Network05 dl dt span:last-child b {
	top:0
}
.Network05 dl dd {
	font-size:.9em
}
.Network06>*:nth-child(n+12) {
	display:none
}
.banquan>p:last-child {
	display:none
}
}@media screen and (max-width:640px) {
	
	#dswzsa{display:none;}
	.pro-nav{display:block;}
	.cases .casesList.Solution dl dd a {
	font-size:.8em !important
}
.neiBan.Solution {
	height:100px
}
.pagination {
	margin:10px 0 20px
}
.business01 dl {
	width:90%
}
.business01 dl dd {
	font-size:.8em
}
.business02 dl dd {
	font-size:.8em
}
.business02 dl dd h3 {
	font-size:1.4em
}
.cases,.news,.partner,.contact {
	padding:20px 0 0
}
.cases .casesList .casesListCon {
	margin-top:18px
}
.cases .casesList .casesListCon .titleCase li {
	width:33.33%
}
.cases .casesList .casesListCon .titleCase li:nth-child(4) {
	display:none
}
.cases .casesList .casesListCon .titleCase li:nth-child(3) {
	border-radius:0 3px 3px 0
}
.cases .casesList .caseMore {
	margin:18px 0 38px
}
.cases .casesList .caseMore a {
	padding:10px 28px
}
.Solutions .SolutionBottom {
	margin-top:15px
}
.Solutions .SolutionBottom dl {
	padding:0 3px
}
.Solutions .SolutionBottom dl dt {
	width:48px;
	height:48px;
	border-radius:24px;
	line-height:48px
}
.Solutions .SolutionBottom dl dt span {
	font-size:2em
}
.Solutions .SolutionBottom dl dd:nth-child(2) {
	font-size:.6em;
	padding:8px 0
}
.Solutions .SolutionBottom dl dd:nth-child(3) {
	display:none
}
.Solutions .SolutionMore {
	margin:0 0 6px
}
.Solutions .SolutionMore a {
	padding:10px 28px
}
.news>.newsBottom {
	margin-top:0
}
.contact {
	padding:20px 0 20px
}
.partner {
	padding:20px 0 20px
}
.partner .row {
	margin-top:16px;
	padding:0 10px
}
.partner .row div {
	margin-top:-1px;
	padding:10px 13px
}
.contact .row {
	margin-top:10px
}
.common h3 {
	margin:0;
	line-height:1.6em;
	font-size:20px
}
.common i {
	width:100px;
	height:2px;
	background:#000;
	display:inline-block;
	margin-bottom:5px
}
.common>p {
	color:#bfbfbf;
	color:rgba(0,0,0,0.4);
	font-size:.8em
}
footer .banquan {
	font-size:.8em
}
.explanlist .bigclass {
	float:left;
	white-space:normal;
	margin:0 10px
}
.Network01 {
	margin-top:10px
}
.Network01 dl {
	padding:0
}
.Network01 dl dt {
	font-size:1em
}
.Network01 dl dt span {
	font-size:2.4em
}
.Network02 dl {
	width:100%
}
.Network05 {
	height:90px
}
.Network05 dl {
	padding:0 5px 20px
}
.Network05 dl dt span {
	font-size:1.3em;
	height:20px
}
.Network05 dl dt span:last-child b {
	top:0
}
.Network05 dl dd {
	margin-top:0;
	font-size:.7em
}
.Network06>*:nth-child(n+9) {
	display:none
}
.extension {
	padding-bottom:10px
}
.extension .container .works_brief h3 {
	padding-top:10px
}
.extension.casesDetail_03 {
	padding-top:0
}
.extension.casesDetail_03 .Network02 dl {
	padding:0
}
.extension.casesDetail_03 .Network02 dl dt h3 {
	padding-top:0
}
.extension.casesDetail_03 .Network02 dl:last-child {
	margin-bottom:0
}
.problem .problemList li span {
	display:none
}
.newsClassify .newsList .row .col-md-10 {
	padding:15px 0 15px 0
}
.newsClassify .newsList .row .col-md-10 h4 {
	margin:0 0 5px;
	font-size:1em;
	text-overflow:ellipsis;
	white-space:nowrap
}
.newsClassify .newsList .row .col-md-10 p {
	height:30px;
	font-size:.8em;
	margin-bottom:0
}
}@keyframes masked-animation {
	from {
	background-position:0 0
}
100% {
	background-position:-100% 0
}
}@-webkit-keyframes masked-animation {
	from {
	background-position:0 0
}
100% {
	background-position:-100% 0
}
}.HZnewsShow {
	display:block
}
@font-face {
	font-family: 'iconfont';
	/* project id 193104*/
	src: url('//at.alicdn.com/t/font_n4zgqhqwmb249529.eot');
	src: url('../fonts/font_n4zgqhqwmb249529.eot') format('embedded-opentype'),url('../fonts/font_n4zgqhqwmb249529.woff') format('woff'),url('../fonts/font_n4zgqhqwmb249529.ttf') format('truetype'),url('../fonts/font_n4zgqhqwmb249529.svg#iconfont') format('svg');
}









.irow1{padding-left:0;padding-right: 0; padding-bottom: 30px; width: 100%;}
.irow1 .col-xs-6,.irow1 .col-sm-6{padding:0;}
.irow1 .row{margin: 0;}
.irow1 .row > div > a > img{width: 100%;}
.irow1 .yw-item{position: relative; overflow: hidden;}
.irow1 a{display: block; position: relative; overflow: hidden;}
.irow1 hgruop{position: absolute;z-index:1;left: 0; top: 10px; width: 100%; text-align: center;}
.irow1 hgruop h2{font-size: 18px;color: #3e3e3e;line-height: 30px;}
.irow1 hgruop h3{font-size: 12px; color: #dc1e28;line-height: 20px;}
.irow1 a:hover .item1{position: absolute; display: block;}
.irow1 .item1{position: relative;z-index:2;width: 100%; height: 100%;overflow:hidden;background: rgba(44,112,179,0.6);}
.irow1 .item-inner{position: absolute;top:50%;left: 50%; transform: translate(-50%,-50%);}
.irow1 .item-inner i{display: block;}
.irow1 .item-inner p{font-size: 18px;color: #fff;}
.irow1 .yw-item-small h2{position: absolute;left: 0;top: 60%;width: 100%;font-size: 14px; text-align: center; color: #fff;}
.irow1 .yw-item-small .sitem{position: relative; overflow: hidden;width: 100%; height: 100%;}
.irow1 .yw-item-small .item1{display: none;}
.irow1 .yw-item-small p{color: #fff; font-size: 16px;}
















@media screen and (min-width:980px) {
	.service .glide dl dt i {
	height:90px
}
.irow1{padding:25px 0 75px 0;}
    .irow1 .col-md-2{ width: 20%;padding:0;}
   
}





@media only screen and (max-width: 768px) {
	
	
	 .sl-list5 ul {
        height: auto;
    }
    .sl-list5 li {
        height: 200px;
        float: none;
        width: 100%;
    }
    .sl-list5 .box {
        top: 0;
        padding: 0 10px;
    }
    .sl-list5 .icon {
        width: 30px;
        height: 60px;
        line-height: 65px;
        text-align: center;
        margin: 0 auto 20px;
    }
    .sl-list5 li:hover .icon{margin-bottom: 20px;}
    .sl-list5 .icon:after {
        bottom: -10px;
    }
    .sl-list5 h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sl-list5 li:hover .box{top: 0;}
    .sl-list5 li:hover .icon:after{
        opacity: 1;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    .sl-list5 .txt {
        font-size: 12px;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    .sl-list5 .btn {
        margin: 15px auto 0;
        font-size: 12px;
        width: 120px;
    }
	
	
	
	
	
	
	
	
	
	
	
	
}


@media screen and (max-width: 768px){
	#mycarousel .item{height:200px;}
}