.ind_th{
	height: 24px;
	line-height: 24px;
	color: #555555;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}
.ind_thp{
	height: 18px;
	line-height: 18px;
	color: #666;
	font-size: 12px;
	text-align: center;
	margin-bottom: 50px;
	width: 100%;
}
.ind_th i{
    background: url(../images/what_left.png)no-repeat;
    margin-right: 10px;
    width: 138px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
}
.ind_th tt{
        background: url(../images/what_right.png)no-repeat;
    margin-left: 10px;
    width: 138px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
}
.what{
	background: #fafafa;
	position: relative;
	overflow: hidden;
}
.what_head{
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
}
.what_head h2{
	text-align: center;
	font-size: 30px;
	color: #01a1f1;
	margin-top: -20px;
	margin-bottom: 10px;
	height: 40px;
}
.what_head h2 span{
	padding: 0 20px;
	background: #fafafa;
}
.what_head tt{
	width: 100%;
	display: inline-block;
	border-top: 1px solid #f0f1f1;
	margin-top: 10px;
}
.what_head p{
	width: 96%;
	max-width:800px;
	font-size: 14px;
	color: #646464;
	line-height: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.what_qd h3 i,.what_qd h3 tt,.combo_qd h3 i,.combo_qd h3 tt{
	width: 138px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
}
.what_qd h3,.combo_qd h3{
	height: 24px;
	line-height: 24px;
	color: #555555;
	font-size: 25px;
	text-align: center;
	margin-bottom: 10px;
}
.what_qd h3 i,.combo_qd h3 i{
	background: url(../images/what_left.png)no-repeat;
	margin-right: 10px;
}
.what_qd h3 tt,.combo_qd h3 tt{
	background: url(../images/what_right.png)no-repeat;
	margin-left: 10px;
}
.tongue{
	overflow: hidden;
}
.what_qd p{
	font-size: 14px;
	line-height: 20px;
	color: #646464;
	text-align: center;
	display: none;
}
.combo_table,.tongue_table{
	text-align: center;
	width: 100%;
	max-width:990px;
	margin: 0 auto;
	margin-top: 10px;
}
.combo_table tr,.tongue_table tr{
	border: 1px solid #eaeaea;
}
.combo_table td,.tongue_table td{
	width: 165px;
	height: 49px;
	color: #5d5d5d;
	border: 1px solid #eaeaea;
	font-size: 14px;
}
.tongue_table{
	margin-bottom:50px;
}
/* loader姝ｅ父姣斾緥 */
.loader {
	height: 550px;
	position: relative;
	margin: auto;
	width: 800px;
	text-align: center;
}
.loader_th{
	text-align: center;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
.loader_th h2{
	font-size: 30px;
	color: #565656;
	line-height: 50px;
	margin-bottom: 10px;
}
.loader_th p{
	font-size: 14px;
	color: #565656;
	line-height: 20px;
}
.loader h3{
	font-size: 18px;
	position: absolute;
	z-index: 5;
	font-family: "微软雅黑";
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #666;
	font-weight: bold;
}
.loader_jzxt{
	top: 420px;
	left: 50px;
}
.loader_yxxt{
	top: 180px;
	left: 340px;
}
.loader_jcxt{
	top: 420px;
	right: 80px;
}
.loader_jzimg img{
	position: absolute;
	left: 80px;
	top: 238px;
	max-width:110px;
	display: block;
}
.loader_yximg img{
	position: absolute;
	left: 340px;
	top: 290px;
	max-width:110px;
	display: block;
}
.loader_jcimg img{
	position: absolute;
	right: 85px;
	top: 238px;
	max-width:110px;
	display: block;
}
.loader_cogs {
	z-index: -2;
	width: 100%;
	height: 100%;
	top: 200px !important;
	position: absolute;
	margin: auto;
}
.loader_cogs__top {
	position: relative;
	width: 180px;
	height: 180px;
	-webkit-transform-origin: 50px 50px;
	transform-origin: 50px 50px;
	-webkit-animation: rotate 10s infinite linear;
	animation: rotate 10s infinite linear;
	left: 85px;
	top: 20px;
}
.loader_cogs__top div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.loader_cogs__top div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.loader_cogs__top div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.loader_cogs__top div.top_part {
	width: 180px;
	border-radius: 10px;
	position: absolute;
	height: 180px;
	background: #f98db9;
	right: 40px;
	bottom: 40px;
}
.loader_cogs__top div.top_hole {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	background: white;
	position: absolute;
	left: -20px;
	right: auto;
	top: -20px;
}
.loader_cogs__left {
	position: relative;
	width: 180px;
	height: 180px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
	-webkit-transform-origin: 40px 40px;
	transform-origin: 40px 40px;
	-webkit-animation: rotate_left 10s .1s infinite reverse linear;
	animation: rotate_left 10s .1s infinite reverse linear;
	left: 358px;
	top: -80px;
}
.loader_cogs__left div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.loader_cogs__left div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.loader_cogs__left div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.loader_cogs__left div.left_part {
	width: 180px;
	border-radius: 8px;
	position: absolute;
	height: 180px;
	background: #97ddff;
	right: 50px;
	bottom: 50px;
}
.loader_cogs__left div.left_hole {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	background: white;
	position: absolute;
	position: absolute;
	left: -30px;
	top: -30px;
	margin: auto;
}
.loader_cogs__bottom {
	position: relative;
	width: 180px;
	height: 180px;
	-webkit-transform-origin: 30px 30px;
	transform-origin: 30px 30px;
  -webkit-animation: rotate_left 10s .1s infinite linear;
          animation: rotate_left 10s .1s infinite linear;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	left: 635px;
	top: -320px;	
}
.loader_cogs__bottom div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.loader_cogs__bottom div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.loader_cogs__bottom div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.loader_cogs__bottom div.bottom_part {
	width: 180px;
	border-radius: 8px;
	position: absolute;
	height: 180px;
	background: #ffcd66;
	right: 60px;
	bottom: 60px;
}
.loader_cogs__bottom div.bottom_hole {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: -40px;
  top: -40px;
  margin: auto;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_left {
  from {
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg);
  }
  to {
    -webkit-transform: rotate(376deg);
            transform: rotate(376deg);
  }
}
@keyframes rotate_left {
  from {
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg);
  }
  to {
    -webkit-transform: rotate(376deg);
            transform: rotate(376deg);
  }
}
@-webkit-keyframes rotate_right {
  from {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  to {
    -webkit-transform: rotate(364deg);
            transform: rotate(364deg);
  }
}
@keyframes rotate_right {
  from {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  to {
    -webkit-transform: rotate(364deg);
            transform: rotate(364deg);
  }
}

/* loader姝ｅ父姣斾緥缁撴潫 */
/*sbf姝ｅ父寮€濮�*/
.sbf{
	overflow: hidden;
	background-color: #f5f6fa;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
}
.sbf h2{
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
	color: #565656;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0px;
	margin-top: 10px;
}
.sbf p{
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	color: #666;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0px;
}

section.business {
	background: url(../images/wallpaper2.jpg) 50% bottom;
}

.business .sbf_box {
	width: 100%;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.business .sbf_box ul.items {
	margin: 0 auto;
	text-align: center;
}

.business .sbf_box ul.items li {
	width: 230px;
	height: 300px;
	background: url(../images/bg_green.png) no-repeat 0px 400px;
	overflow: hidden;
	display: inline-block;
	margin-top: 0;
	margin-right: 28px;
	margin-bottom: 0;
	margin-left: 28px;
	color: #FFF;
	border-radius: 0px 20px 0px 20px;
}

.business .sbf_box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 60px;
	height: 69px;
}
.business .sbf_box ul.items li.pc {
	background-color: #65c3fa;
}

.business .sbf_box ul.items li.pc i {
	width: 69px;
	background-image: url(../images/words01.PNG);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.business .sbf_box ul.items li.mobi{
	background-color: #8cd67d;
}
.business .sbf_box ul.items li.mobi i {
	width: 64px;
	background: url(../images/words02.PNG); 
	background-repeat: no-repeat;
	background-position: right 0px;
}
.business .sbf_box ul.items li.sys{
	background-color: #f88484;
}
.business .sbf_box ul.items li.sys i {
	width: 76px;
	background: url(../images/words03.PNG);
	background-repeat: no-repeat;
	background-position: -75px 0px;
}

.business .sbf_box ul.items li.app i {
	width: 74px;
	background: url(../images/words.png) no-repeat -244px -439px;
}

.business .sbf_box ul.items li.host  i {
	width: 79px;
	background: url(../images/words.png) no-repeat -420px -439px;
}

.business .sbf_box ul.items li u {
	display: block;
	position: absolute;
	width: 144px;
	height: 144px;
	margin-left: 44px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	border-radius: 80px 80px 80px 80px;
	background-color: #FFF;
	margin-top: 20px;
}

.business .sbf_box ul.items li u.cl {
	clip: rect(0px,156px,-10px,78px);	
}

.business.active .sbf_box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}

.business .sbf_box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business.active .sbf_box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}

.business .sbf_box ul.items li strong {
	display: block;
	margin-top: 60px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
.business .sbf_box ul.items li p {
	position: relative;
	top: 200px;
	color: White;
	font-family: Arial,"瀹嬩綋";
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	width: 200px;
}
.business .sbf_box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.business .sbf_box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.business .sbf_box ul.items li.pc:hover i {
	background-image: url(../images/words01.PNG);
	background-repeat: no-repeat;
	background-position: left 0px;
}

.business .sbf_box ul.items li.mobi:hover i {
	background-image: url(../images/words02.PNG);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.business .sbf_box ul.items li.sys:hover i {
	background-image: url(../images/words03.PNG);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

.business .sbf_box ul.items li.app:hover i {
	background: url(../images/words.png) no-repeat -164px -439px;
}

.business .sbf_box ul.items li.host:hover i {
	background: url(../images/words.png) no-repeat -335px -439px;
}

.business .sbf_box ul.items li:hover u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business .sbf_box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business .sbf_box ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.business .sbf_box ul.items li:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

.business .sbf_box label {
	display: block;
	margin: 0 auto;
	margin-top: -40px;
	width: 297px;
	height: 21px;
	background: url(../images/words.png) no-repeat 0px -333px;
}

section.cases {
	background: url(../images/wallpaper3.jpg);
}
/*sbf姝ｅ父缁撴潫*/
/*hzlc姝ｅ父寮€濮�*/
* {
    margin: 0;
    padding: 0;
  	-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.hzlc{
	width: 100%;
}
.weizhi1 h4,.weizhi3 h4,.weizhi5 h4,.weizhi7 h4{
	position: absolute;
	top: -70px;
	z-index: 50;
	color: #666;
}
.weizhi2 h4,.weizhi4 h4,.weizhi6 h4{
	position: absolute;
	z-index: 50;
	bottom: -70px;
	color: #666;
}
.hzlc h4{
	font-size: 14px;
	font-weight: normal;
}
.hzlc ul {
	background-image: url(../images/hzlc_bj.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 222px;
	max-width:1000px;
	text-align: center;
	width: 815px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	position: relative;
}

.hzlctu {
	list-style: none;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-right: 100px;
	padding: 0px;
}

@-moz-keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

@-webkit-keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

@-o-keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

@keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

.round {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 30px;		
	text-decoration: none;		
	text-align: center;
	font-size: 25px;		
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	letter-spacing: -.065em;
	font-family: "Hammersmith One", sans-serif;		
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	border-radius: 300px;
	z-index: 1;
	border-width: 4px;
	border-style: solid;
}

.round:hover {
	width: 130%;
	height: 130%;
	left: -15%;
	top: -15%;
	font-size: 33px;
	padding-top: 38px;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	-o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	z-index: 2;
	border-size: 10px;
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.weizhi1{
	position: absolute;
	left: 10px;
	top: 10px;
}
.weizhi2{
	position: absolute;
	left: 120px;
	top: 120px;
}
.weizhi3{
	position: absolute;
	left: 240px;
	top: 10px;
}
.weizhi4{
	position: absolute;
	left: 360px;
	top: 120px;
}
.weizhi5{
	position: absolute;
	left: 480px;
	top: 10px;
}
.weizhi6{
	position: absolute;
	left: 600px;
	top: 120px;
}
.weizhi7{
	position: absolute;
	left: 720px;
	top: 10px;
}
a.colour1 {
	background-color: #65c3fa;
	color: #fff;
	border-color: #4fb6f2;
}
a.colour1:hover {
	color: #65c3fa;
}
a.colour2 {
	background-color: #8cd67d;
	color: #fff;
	border-color: #6dcd5a;
}
a.colour2:hover {
	color: #8cd67d;
}
a.colour3 {
	background-color: #f88484;
	color: #fff;
	border-color: #e76b6b;
}
a.colour3:hover {
	color: #f88484;
}
a.colour4 {
	background-color: #ffcd66;
	color: #fff;
	border-color: #f3be52;
}
a.colour4:hover {
	color: #ffcd66;
}
a.colour5 {
	background-color: #f98db9;
	color: #fff;
	border-color: #f17ead;
}
a.colour5:hover {
	color: #f98db9;
}
a.colour6 {
	background-color: #8ab4f8;
	color: #fff;
	border-color: #77a5f1;
}
a.colour6:hover {
	color: #8ab4f8;
}
a.colour7 {
	background-color: #65c3fa;
	color: #fff;
	border-color: #4fb6f2;
}
a.colour7:hover {
	color: #65c3fa;
}
.round span.round {
	display: block;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-size: 1px;
	border: none;
	padding: 40% 20% 0 20%;
	color: #fff;
}

.round span:hover {
	opacity: .85;
	font-size: 16px;
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5);
	-moz-text-shadow: 0 1px 1px rgba(0,0,0,.5);
	-o-text-shadow: 0 1px 1px rgba(0,0,0,.5);
	text-shadow: 0 1px 1px rgba(0,0,0,.5);	
}

.colour1 span {
	background: #65c3fa;		
}

.colour2 span {
	background: #8cd67d;		
}

.colour3 span {
	background: #f88484;	

}
.colour4 span {
	background: #ffcd66;	

}
.colour5 span {
	background: #f98db9;	

}
.colour6 span {
	background: #8ab4f8;	

}
.colour7 span {
	background: #65c3fa;	

}
/*hzlc姝ｅ父缁撴潫*/
/*container姝ｅ父寮€濮�*/
/*= common css to all effects =*/
.container{
	width: 100%;
	overflow: hidden;
	margin-top: 120px;
	margin-bottom: 80px;
}
.container .row{
	width: 100%;
	max-width: 1140px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: hidden;
}
.container .single-member{
	width: 32%;
	background-color: #fff;
	text-align: center;
	position: relative;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 2%;
	border-radius: 15px 15px 5px 5px;
	box-sizing: border-box;
}

.container .single-member:nth-child(3) {
	margin-right: 0;
}
.container .member-image img{max-width: 100%; vertical-align: middle;}
.container h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0;
	text-transform: uppercase;
	color: #333;
}
.container h5 {
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 15px;
	line-height: 22px;
	color: #666;
}
.container p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	text-align: left;
	color: #666;
}
/*= common css to all effects end =*/
/*= effect-3 css =*/
.sdxt01{
	background-color: #f98db9;
}
.sdxt02{
	background-color: #97ddff;
}
.sdxt03{
	background-color: #ffcd66;
}
.effect-3{max-height: 415px; min-height: 302px; overflow: hidden;}
.effect-3 h3{padding-top: 7px; line-height: 33px;}
.effect-3 .member-image{
	transition: 0.4s;
	height: 301px;
	width: 100%;
	display: inline-block;
	float: none;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{
	vertical-align: bottom;
	vertical-align:middle;
	padding-top: 40px;
}
.effect-3 .social-touch{background-color: #e5642b; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-3:hover .member-image{
	border-bottom: 0;
	border-radius: 0 0 50px 50px;
	height: 60px;
	display: inline-block;
	overflow: hidden;
	width: 69px;
	transition: 0.2s;
}
.effect-3:hover .member-image img{
	height: 50px;
	width: 50px;
	padding-top: 5px;
}

/*= effect-3 css end =*/
/*container姝ｅ父缁撴潫*/
/*fwys姝ｅ父寮€濮�*/
.fwys{
	max-width: 950px;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}
.fwys .row{
	width: 100%;
	float: left;
	margin-top: 0 auto;
	text-align: center;
}

/*= common css to all effects =*/
.fwys .single-member{
	width: 200px;
	margin: 20px 15px;
	background-color: #fff;
	text-align: center;
	position: relative;
	display: inline-block;
}
.fwys .member-image img{max-width: 100%; vertical-align: middle;}
.fwys h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0;
	text-transform: uppercase;
	color: #333;
}
.fwys h5 {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	color: #666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.fwys p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	padding: 0 15px;
	margin-bottom: 10px;
	color: #999;
}
/*= common css to all effects end =*/

/*= effect-8 css =*/
.effect-8{max-height: 309px; min-height: 289px; overflow: hidden;  perspective: 800px;}
.effect-8 h3{line-height: 35px;}
.effect-8 .member-image{
	border-radius: 10px 10px 10px 10px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	transition: 0.4s;
	z-index: 1;
}
.effect-8 .member-image img{
	transition: 0.4s;
	padding-top: 20px;
	padding-bottom: 20px;
}
.effect-8 .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative; background-color: #fff;}
.effect-8:hover .member-image{transform: rotateX(82deg); transform-origin: center bottom 0; transition: 0.4s;}
.member-se1{
	background-color: #65c3fa;
}
.member-se2{
	background-color: #78a1ff;
}
.member-se3{
	background-color: #8cd67d;
}
.member-se4{
	background-color: #f88484;
}
/*fwys姝ｅ父缁撴潫*/
/*= Media Query 
=============== */
/*bdys寮€濮�*/
.bdys{
	margin-top: 50px;
	margin-bottom: 50px;
}
.bdys_img{
	width: 100%;
	max-width:900px;
	margin-right: auto;
	margin-left: auto;
}
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}
.ch-grid li {
	width: 180px;
	height: 180px;
	display: inline-block;
	margin: 15px;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
	background-image: url(../images/bdysimg.png);
	background-repeat: no-repeat;
	background-color: #EEE;
}
.ch-info .ch-info-front h2{
	font-size: 16px;
	padding-top: 110px;
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
	opacity: 0;
	background-color: #333;
}

.ch-img-1 {
	background-position: -10px top;
	box-shadow: inset 0 0 0 5px #65c3fa;
	color: #65c3fa;
}
.ch-img-2 {
	background-position: -230px top;
	box-shadow: inset 0 0 0 5px #8cd67d;
	color: #8cd67d;
}
.ch-img-3 {
	background-position: -468px top;
	box-shadow: inset 0 0 0 5px #f88484;
	color: #f88484;
}
.ch-img-4 {
	background-position: -690px top;
	box-shadow: inset 0 0 0 5px #ffcd66;
	color: #ffcd66;
}
.ch-img-5 { 
	background-position: -905px top;
	box-shadow: inset 0 0 0 5px #f98db9;
	color: #f98db9;
}
.ch-img-6 { 
	background-position: -1128px top;
	box-shadow: inset 0 0 0 5px #8ab4f8;
	color: #8ab4f8;
}
.ch-img-7 { 
	background-position: -1348px top;
	box-shadow: inset 0 0 0 5px #ffa963;
	color: #ffa963;
}
.ch-img-8 { 
	background-position: -1565px top;
	box-shadow: inset 0 0 0 5px #ca88fc;
	color: #ca88fc;
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	line-height: 20px;
}

.ch-info p {
	color: #fff;
	padding: 6px 5px;
	font-style: normal;
	margin: 0 18px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}

/*bdys缁撴潫*/
/*yxxwz姝ｅ父寮€濮�*/
.yxxwz{
	width: 100%;
	background-color: #38d1d2;
	overflow: hidden;
	padding-bottom: 50px;
}
/*yxxwz姝ｅ父缁撴潫*/
/*scbzys姝ｅ父寮€濮�*/

.scbzys{
	text-align: center;
	width: 100%;
	max-width:850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}
.scbzys_t{
	overflow: hidden;
	position: relative;
	width: 330px;
	display: inline-block;
}
.scbzys_t img{
	overflow: hidden;
	position: absolute;
	display: inline-block;
	width: 68px;
	top: 38px;
	left: 131px;
}
.scbzys_t h3{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	width: 330px;
	color: #FFF;
	top: 110px;
	position: absolute;
}
.scbzys_t p{
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	width: 170px;
	color: #FFF;
	top: 150px;
	position: absolute;
	left: 80px;
}
#triangle {
	width: 0;
	height: 0;
	border-bottom: 260px solid #f88383;
	border-left: 165px solid transparent;
	border-right: 165px solid transparent;
}
.scbzys_t:hover #triangle{
	border-bottom: 260px solid #333333;
}
.scbzys_c{
	width: 100%;
	text-align: center;
	display: inline-block;
}
.scbzys_c h3{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	width: 120px;
	color: #FFF;
	position: absolute;
	margin-right: 50px;
	margin-left: 50px;
}
.scbzys_cl{
	margin-top: 10px;
	position: relative;
	width: 220px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
}

.scbzys_cl h3{
	top: 25px;
}
#trapezium_cl {
    height: 0;
    width: 220px;
    border-bottom: 80px solid #3eb0ff;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;

} 
.scbzys_cl:hover #trapezium_cl{
    border-bottom: 80px solid #333333
}

.scbzys_cr{
	margin-top: 10px;
	position: relative;
	width: 220px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
}
.scbzys_cr h3{
	top: 30px;
}
#trapezium_cr {
    height: 0;
    width: 220px;
    border-bottom: 80px solid #87d078;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;

} 
.scbzys_cr:hover #trapezium_cr{
    border-bottom: 80px solid #333333;
}


.scbzys_f{
	width: 100%;
	text-align: center;
}
.scbzys_f h3{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	width: 100%;
	color: #FFF;
	padding-top: 20px;
}
.scbzys_fl{
	margin-top: 10px;
	position: relative;
	width: 400px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
}
.scbzys_fl01{
	float: left;
	width: 115px;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 65px;
}
.scbzys_fl02{
	float: right;
	width: 115px;
	margin-right: 65px;
	margin-left: 20px;
}
.scbzys_fl h3{
	top: 8px;
}
.scbzys_fl01 p{
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	overflow: hidden;
	padding-top: 10px;
	width: 100%;
}
.scbzys_fl02 p{
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	overflow: hidden;
	padding-top: 10px;
	width: 100%;
}
#trapezium_fl {
    height: 0;
    width: 400px;
    border-bottom: 130px solid #f98db9;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;

} 
.scbzys_fl:hover #trapezium_fl{
    border-bottom: 130px solid #333333
}

.scbzys_fr{
	margin-top: 10px;
	position: relative;
	width: 400px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
}
.scbzys_fr h3{
	top: 18px;
}
#trapezium_fr {
    height: 0;
    width: 400px;
    border-bottom: 130px solid #f98db9;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;

} 
.scbzys_fr:hover #trapezium_fr{
    border-bottom: 130px solid #333333;
}
/*scbzys姝ｅ父缁撴潫*/
@media only screen and (max-width: 980px){
	.container .row{width: 100%; margin: 10px 0;}
	.container .team-members{text-align: center;}
	.container .single-member{float: none; display: inline-block; vertical-align: bottom;}
	.container .single-member{
	margin-top: 10px;
	margin-bottom: 10px;
}
.container h3 {
	font-size: 18px;
}
.container h5 {
	font-size: 14px;
}
.container p {
	font-size: 12px;
	line-height: 18px;
}
.effect-3{max-height: 400px;}
}
/*= Media Query End
=================== */
@media screen and (max-width:767px){
.ind_th{
	font-size: 20px;
}
.ind_th i{
    width: 0px;
}
.ind_th tt{
    width: 0px;
}

.tongue_table{
	margin-bottom:20px;
}
.box{
    margin-top: 20px;
    margin-bottom: 20px;
}
.csslider1 {
	margin-top: 0px;
}
/* loader璧峰彉寮€濮� */
.loader_th h2{
	font-size: 20px;
	line-height: 40px;
}
.loader h3{
	font-size: 14px;
}
.loader_jzxt{
	width: 100px;
	top: 290px;
	left: 0px;
	color: #f98db9;
}
.loader_yxxt{
	top: 330px;
	color: #97ddff;
	left: 125px;
}
.loader_jcxt{
	top: 375px;
	color: #ffcd66;
	right: 15px;
}
.loader_jzimg img{
	left: 22px;
	top: 215px;
	max-width:55px;
}
.loader_yximg img{
	left: 140px;
	top: 245px;
	max-width:55px;
}
.loader_jcimg img{
	right: 35px;
	top: 295px;
	max-width:55px; 
}
.loader_cogs {
	z-index: -2;
	width: 100%;
	height: 100%;
	top: 100px !important;
	position: absolute;
	margin: auto;
}
.loader {
	height: 420px;
	width: 340px;
}	
.loader_cogs {
	top: 180px !important;
}
.loader_cogs__top {
	width: 80px;
	height: 80px;
	left: 0px;
	top: 0px;
}
.loader_cogs__top div.top_part {
	border-radius: 6px;
	width: 80px;
	height: 80px;
	right: -10px;
	bottom: -10px;
}
.loader_cogs__top div.top_hole {
	width: 70px;
	height: 70px;
	left: 15px;
	top: 15px;
}
.loader_cogs__left {
	width: 80px;
	height: 80px;
	top: -30px;
	left: 125px;
}
.loader_cogs__left div.left_part {
	border-radius: 5px;
	width: 80px;
	height: 80px;
	right: 0px;
	bottom: 0px;
}
.loader_cogs__left div.left_hole {
	width: 70px;
	height: 70px;
	left: 5px;
	top: 5px;
}
.loader_cogs__bottom {
	width: 80px;
	height: 80px;
	top: -55px;
	left: 250px;
}
.loader_cogs__bottom div.bottom_part {
	border-radius: 5px;
	width: 80px;
	height: 80px;
	right: 10px;
	bottom: 10px;

}
.loader_cogs__bottom div.bottom_hole {
  width: 70px;
  height: 70px;
  left: -5px;
  top: -5px;
}
/* loader璧峰彉缁撴潫 */
/*sbf璧峰彉寮€濮�*/
.sbf{
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top: 10px;
}
.sbf h2{
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 15px;
	margin-top: 5px;
}
.business .box {
	width: 100%;
}
.business .box ul.items li {
	width: 106px;
	height: 210px;
	margin-right: 2px;
	margin-left: 2px;
	margin: 0px;

}
.business .box ul.items li u {
	width: 74px;
	height: 74px;
	margin-left: 16px;
	border-radius: 40px 40px 40px 40px;
	margin-top: 10px;
}
.business .box ul.items li.pc i {
	width: 55px;
	background-position: right 8px;
	background-size: 115px;
}
.business .box ul.items li.mobi i {
	width: 55px;
	background-position: right 5px;
	background-size: 120px;
}
.business .box ul.items li.sys i {
	width: 48px;
	background-position: right 5px;
	background-size: 115px;
}
.business .box ul.items li.pc:hover i {
	background-position: left 8px;
}

.business .box ul.items li.mobi:hover i {
	background-position: left 5px;
}

.business .box ul.items li.sys:hover i {
	background-position: left 5px;
}
.business .box ul.items li i {
	margin-top: 15px;
	height: 69px;
}
.business .box ul.items li strong {
	margin-top: 20px;
	font-size: 14px;
}
.business .box ul.items li p {
	top: 150px;
	font-size: 12px;
	line-height: 16px;
	width: 90px;
	margin-right: auto;
	margin-left: auto;
}
.business .box ul.items li u.cl {
	clip: rect(0px,74px,-10px,37px);	
}

.business.active .box ul.items li u.cl {
	clip: rect(0px,74px,74px,37px);
}

.business .box ul.items li u.cr {
	clip: rect(74px,37px,74px,0px);
}

.business.active .box ul.items li u.cr {
	clip: rect(0px,74px,74px,0px);
}
.business .box ul.items li:hover u.cl {
	clip: rect(0px,74px,-10px,37px);
}

.business .box ul.items li:hover u.cr {
	clip: rect(74px,37px,74px,0px);
}
.business .box ul.items li:hover p {
	top: 10px;

}
/*sbf璧峰彉缁撴潫*/
/*hzlc璧峰彉寮€濮�*/
.hzlc h4{
	font-size: 12px;
}
.hzlctu {
	list-style: none;
	position: relative;
	display: inline-block;
	width: 65px;
	height: 80px;
	margin-right: 100px;
	padding: 0px;
}
.hzlc ul {
	background-image: url(hzlc_bj.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 222px;
	max-width:1000px;
	text-align: center;
	width: 100%;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	position: relative;
	background-size: 92% 222px;
}
.weizhi1{
	position: absolute;
	left: 0%;
	top: 20px;
}
.weizhi2{
	position: absolute;
	left:13%;
	top: 110px;
}
.weizhi3{
	position: absolute;
	left: 28%;
	top: 20px;
}
.weizhi4{
	position: absolute;
	left: 42%;
	top: 110px;
}
.weizhi5{
	position: absolute;
	left: 53.6%;
	top: 20px;
}
.weizhi6{
	position: absolute;
	left: 70%;
	top: 110px;
}
.weizhi7{
	position: absolute;
	left: 76%;
	top: 20px;
}
/*hzlc璧峰彉缁撴潫*/
/*bdys寮€濮�*/
.ch-grid li {
	width: 150px;
	height: 150px;
	display: inline-block;
	margin: 8px;
}
.ch-info .ch-info-front h2{
	font-size: 14px;
	padding-top: 100px;
}
.ch-info h3 {
	font-size: 13px;
	padding-top: 30px;
	padding-bottom: 5px;
}
.ch-info p {
	padding: 5px 5px;
	font-style: normal;
	margin: 0 15px;
	font-size: 10px;
}
.ch-img-1 {
	background-position: -25px top;
}
.ch-img-2 {
	background-position: -245px top;
}
.ch-img-3 { 
	background-position: -482px top;
}
.ch-img-4 { 
	background-position: -705px top;
}
.ch-img-5 { 
	background-position: -920px top;
}
.ch-img-6 { 
	background-position: -1142px top;
}
.ch-img-7 { 
	background-position: -1363px top;
}
.ch-img-8 { 
	background-position: -1578px top;
}
/*bdys缁撴潫*/
/*scbzys璧峰彉寮€濮�*/
.scbzys{
	margin-top: 30px;
}
.scbzys_t{
	width: 250px;
	}	
.scbzys_t img{
	overflow: hidden;
	position: absolute;
	display: inline-block;
	width: 68px;
	top: 38px;
	left: 91px;
}
#triangle {
	width: 250px;
	height: 0;
	border-bottom: 260px solid #f88383;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
}
.scbzys_t h3{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	width: 250px;
	color: #FFF;
	top: 110px;
	position: absolute;
}
.scbzys_t p{
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	width: 170px;
	color: #FFF;
	top: 150px;
	position: absolute;
	left: 40px;
}
.scbzys_cl,.scbzys_cr{
	margin-top: 10px;
	width: 150px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.scbzys_c h3{
	font-size: 14px;
	line-height: 18px;
	width: 90px;
	margin-right: 30px;
	margin-left: 30px;
}
#trapezium_cl {
    height: 0;
    width: 150px;
    border-bottom: 80px solid #3eb0ff;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;

} 
#trapezium_cr {
    height: 0;
    width: 150px;
    border-bottom: 80px solid #87d078;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;

}
.scbzys_fl{
	width: 160px;
}
.scbzys_fr{
	width: 160px;
}  
#trapezium_fl {
    height: 0;
    width: 160px;
    border-bottom: 240px solid #f98db9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

} 
#trapezium_fr {
    height: 0;
    width: 160px;
    border-bottom: 240px solid #f98db9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

} 
.scbzys_fl01{
	float: left;
	width: 116px;
	margin-right: 22px;
	margin-left: 22px;
}
.scbzys_fl02{
	float: right;
	width: 116px;
	margin-right: 25px;
	margin-left: 22px;
}
.scbzys_fl:hover #trapezium_fl{
    border-bottom: 240px solid #333333
}
.scbzys_fr:hover #trapezium_fr{
    border-bottom: 240px solid #333333
}
/*scbzys璧峰彉缁撴潫*/
}