.banner-part {
	width: 100%;
	min-width: 1200px;
}

.slider {
	width: 100%;
	
	position: relative;
}

.slider .slider-item {
	
	width: 100%;
	display: none;
}
.slider .slider-item img{
	width: 100%;
}

.b1 {
	background-image: url(../img/banner_01.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/*.b2 {
	background-image: url(../img/banner_02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
*/
.b3 {
	background-image: url(../img/banner_03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.pc {
	position: absolute;
	width: 887px;
	height: 543px;
	z-index: 10;
	left: 50%;
	margin-left: -443px;
	top: 271px;
}

.pc>img {
	display: block;
	width: 887px;
	height: 543px;
	margin: 0 auto;
}

.slider-btn-group {
	padding-top: 157px;
	width: 100%;
	height: 40px;
	text-align: center;
}

.slider-btn-group>li {
    display:inline-block;
    *display:inline;
    *zoom:1;
	height: 40px;
	width: 40px;
	line-height: 40px;
	cursor: pointer;
}

.slider-btn-group>li>a {
	display: inline-block;	
	width: 15px;
	height: 15px;
	border-radius: 50%;
	vertical-align: middle;
	border: 1px solid #000000;
}

.slider-btn-group>li.active a {
	border: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #0DB2EF;
	*margin-top: -3px;
}

.slider-btn-group>li:hover a {
	border: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #0DB2EF;
}


.inner-tit {
	width: 100%;
	height: 210px;
	padding-top: 40px;
	position: relative;
}

.inner-tit-icon {
	display: block;
	height: 142px;
	position: relative;
}

.inner-tit-intro {
	position: absolute;
	bottom: 0;
	padding-bottom: 22px;
	font-size: 14px;
}

.platfrom-body {
	width: 100%;
	height: 450px;
	position: relative;
	left: -300%;
	background-image: url(../img/line.png);
	background-repeat: no-repeat;
	background-position: 243px 30px;
}

.inner-body .platfrom-body .ring-box {
	position: absolute;
	top: 31px;
	left: 53px;
	opacity: 0;
}
.ring-box.active{
	opacity: 1 !important;
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	
}
.ring-box img {
	display: block;
}

.ring-box .large-logo {
	position: absolute;
	top: 0;
	left: 16px;
}

.outer-ring {
	position: absolute;
	top: 3px;
	left: 0px;
}

.inner-ring {
	position: absolute;
	top: 97px;
	left: 94px;
	
}

.intro-msg {
	position: absolute;
	line-height: 1;
}

.intro-tit {
	font-size: 20px;
	color: #050b26;
	margin-bottom: 9px;
}

.intro-content {
	color: #40b8ef;
	font-size;
	13px;
	line-height: 1.2em;
	text-align: justify;
}

.intro-1 {
	width: 246px;
	top: 31px;
	left: 503px;
}

.intro-2 {
	width: 246px;
	top: 31px;
	left: 935px;
}

.intro-3 {
	width: 246px;
	top: 219px;
	left: 503px;
}

.intro-4 {
	width: 246px;
	top: 219px;
	left: 935px;
}

.imgHolder {
	width: 100%;
	height: 598px;
}

.bga {
	background-image: url(../img/bg_a.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}


/*产品与服务*/

.product {
	height: 900px;
	background-image: url(../img/prod-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	position: relative;
	
}


.product .inner-body {
	height: 610px;
	position: relative;
	padding-top:40px;	
}

.phone-box{
	width:530px;
	height:638px;
	position: absolute;
	top: 13px;
}
.phone{
	position: absolute;
	top: 100%;
}
.phone img{
	width: 100%;
	
}
@media only screen and (max-width:1780px ) {
	#phone1{
		display: none;
	}
}
#phone1{
	width: 215px;
	height: 100%;
	overflow: hidden;
	
	right: 593px;
	
}
#phone2{
	width: 305px;
	height: 100%;
	overflow: hidden;	
	left: -27px;
	
}
#phone3{
	width: 215px;
	height: 100%;
	overflow: hidden;
	right: 0;
	
	
}

.product-case-box{
	width: 560px;
	position: absolute;
	top: 144px;
	right: 13px;
	text-align: center;
	border: none;
	border-top: 1px solid #00a0e9;
}
.product-case-box legend{
	font-size: 28px;
	color: #00A0E9;
	padding: 0 20px;
	position: relative;
}
.product-case-box legend:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(../img/point.png);
	position: absolute;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	
}
.product-case-box legend:after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(../img/point.png);
	position: absolute;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	
}
/*视觉图片*/
.bgb {
	background-image: url(../img/bg_c.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}



.coulm-box
{
	width: 100%;
	margin-top: 55px;
}
.coulm{
	float:left;
	width: 170px;
	height: 340px;
	background-image: url(../img/bg-line.png) ;
	background-repeat: no-repeat;
	background-size: cover;
}
.coulm2,.coulm3{
	margin-left: 25px;
}
.coulm .icon{
	width: 48px;
	height: 48px;
	display: block;
	margin: 41px auto 0;
}
.case-intro-content.justify{
	
	text-align: justify;
	width: 113px;
	margin:auto;
}
.coulm .case-intro-tit{
	margin-top: 48px;
}
.coulm .case-intro-content{
	margin-top: 12px;
	line-height: 1.6em;
}
/*客户案例*/

.case-body {
	width: 1172px !important;
	padding: 0 14px;
	background-image: url(../img/case_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	height: 699px;
	margin: 40px auto 162px;
}

.case-item {
	width: 33.33333333%;
	height: 240px;
	margin-top: 197px;
	float: left;
	overflow: hidden;
}
.case-item-b{
	margin-top: 30px;
}

.case-pic-list {
	width: 256px;
	height: 168px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #ddd;
	position: relative;
}

/*.case-pic-list:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(../img/point.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: 100%;
	margin-top: -10px;
}*/

.case-pic-list>img {
	width: 100%;
	min-height: 100%;
}
/*.case-pic-list>img:hover{
	top: 0;
	transition: all 0.2s ease-in;
	z-index: 20;
}*/

.case-pic-list .case-img1 {
	left: 86px;
	top: 64px;
	z-index: 5;
}

.case-pic-list .case-img2 {
	left: 129px;
	top: 33px;
	z-index: 4;
}

.case-pic-list .case-img3 {
	left: 169px;
	top: 16px;
	z-index: 3;
}

.case-pic-list .case-img4 {
	left: 194px;
	top: 6px;
	z-index: 2;
}

.case-pic-list .case-img5 {
	left: 214px;
	top: 0px;
	z-index: 1;
}

.case-pic-intro {
	width: 100%;
	height: 131px;
	margin-top: 8px;
}

.case-intro-tit {
	font-size: 20px;
	color: #050B26;
	text-align: center;
}

.case-intro-content {
	color: #9e9e9e;
	font-size: 13px;
	text-align: center;
}

.bgc {
	background-image: url(../img/bg_b.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}


/*合作伙伴*/

.partner {
	height: 900px;
	background-image: url(../img/img21.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.partner .inner {
	position: relative;
}

.partner-icon {
	width: 101px;
	height: 101px;
	background-image: url(../img/partner-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	bottom: 100%;
	margin-bottom: -50px;
	left: 50%;
	margin-left: -50px;
}



.brand-list>li {
	float: left;
	margin:0 18px;
	margin-bottom: 38px;
}
.brand-list>li>img {
	display: block;
	
}
.partner-item{
	width: 307px;
	margin-top: 136px;
	float: left;
	background-color: #fff;
}
.partner-item1{
	margin-left: 14px;
}
.partner-item2{
	margin-left: 126px;
}
.partner-item3{
	margin-left: 126px;
}
.parter-speciel{
	height: 180px;
	width: 234px;
	margin: 0 auto;
	border-bottom: 1px solid #9e9e9e;
	overflow: hidden;
}
.speciel-tit{
	height:20px;
	line-height: 1;
	color: #050B26;
	text-align: center;
	font-weight: 600;
	background-image: url(../img/mf.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 17px;
	margin-top: 40px;
}
.specil-img{
	width: 100%;
	height: 120px;
	
}
.speciel1
{
	background-image: url(../img/speciel1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.speciel2
{
	background-image: url(../img/speciel2.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.speciel3
{
	background-image: url(../img/speciel3.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.partner-list{
	width: 100%;
	padding:33px 0 13px 0;
}
.partner-list p{
	font-size: 14px;
	line-height: 1;
	color: #9E9E9E;
	width: 100%;
	text-align: center;
	width: 233px;
	border: 1px solid #9e9e9e;
	margin: 0 auto 36px;
}
.partner-list p>img{
	display:block;
	width:100%;
}
/*视觉地图*/
.china-map{
	height: 708px;
	background-image: url(../img/china-map.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
.s-ring{
	display: block;
	width: 55px;
	height: 55px;
	background-image: url(../img/s-ring.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
}
.b-ring{
	display: block;
	width: 85px;
	height: 85px;
	background-image: url(../img/s-ring.png);
	background-position: center center;
	position: absolute;
	z-index: 3;
	background-repeat: no-repeat;
	
}
.b-ring img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
}
.b-ring>.s-ring{
	top: 15px;
	left: 15px;
}
.sichuan{
	left: 499px;
	top: 422px;
}

.cq{
	top: 416px;
	left: 556px;
}
.hn{
	bottom: 35px;
	right: 512px;
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
}
.gz{
	top: 543px;
	
	left: 720px;
}

.bj{
	top: 230px;
	right: 362px;
}

.sh{
	bottom:258px;
	right: 330px;
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
}
.hz{
	bottom:196px;
	right: 300px;
}

.bj .ring1{
	animation:smooth 1.5s linear infinite;
	-webkit-animation: smooth 1.5s linear infinite;
	-moz-animation: smooth 1.5s linear infinite;
	-ms-animation: smooth 1.5s linear infinite;
}
.bj .ring2{
	animation:smooth 1.5s 1s linear infinite;
	-webkit-animation: smooth 1.5s 1s linear infinite;
	-moz-animation: smooth 1.5s 1s linear infinite;
	-ms-animation: smooth 1.5s 1s linear infinite;
}

.hz .ring1{
	animation:smooth 1.5s 0.5s linear infinite;
	-webkit-animation: smooth 1.5s 0.5s linear infinite;
	-moz-animation: smooth 1.5s 0.5s linear infinite;
	-ms-animation: smooth 1.5s 0.5s linear infinite;
}
.hz .ring2{
	animation:smooth 1.5s 1.5s linear infinite;
	-webkit-animation: smooth 1.5s 1.5s linear infinite;
	-moz-animation: smooth 1.5s 1.5s linear infinite;
	-ms-animation: smooth 1.5s 1.5s linear infinite;
}

.cq .ring1{
  animation:smooth 1.5s 1s linear infinite;
	-webkit-animation: smooth 1.5s 1s linear infinite;
	-moz-animation: smooth 1.5s 1s linear infinite;
	-ms-animation: smooth 1.5s 1s linear infinite;	
}

.cq .ring2{
  animation:smooth 1.5s 2s linear infinite;
	-webkit-animation: smooth 1.5s 2s linear infinite;
	-moz-animation: smooth 1.5s 2s linear infinite;
	-ms-animation: smooth 1.5s 2s linear infinite;	
}

/*weblogin*/
.weblogin{
	position: absolute;
	top: 434px;
	left:50%;
	width: 573px;
	height: 183px;
	margin-left: -286px;
	z-index: 20;
}
.weblogin h1{
	font-size: 51px;
	color: #fff;
	line-height: 1;
	font-weight: 300;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
}
.webGroupBtn{
	width: 100%;
	height: 63px;
	margin-top: 66px;
}
.webGroupBtn a{
	display: block;
	height: 61px;
	width: 252px;
	border-radius: 31px;
	color: #fff;
	font-size: 21px;
	/*float: left;*/
	line-height: 61px;
	text-align: center;
}
.webloginbtn{
	border: 1px solid #98a0a7;
	/*margin-left: 15px;*/
}
.webregistbtn{
	border: 1px solid #1cb7f0;
	background-color: #1cb7f0;
	margin-left: 39px;
}


.video-code{
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	filter:alpha(opacity = 0);
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7);
    
}

.video-code img{
	position: absolute;
	top: -130%;
	left: 0;
	right: 0;
	width: 130px;
    height: 130px;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.video-code p{
	width: 100%;
	color: #fff;
	font-size: 13px;
    position: absolute;
    top: 130%;
	 transition: all .3s linear;
    -webkit-transition: all .5s linear;
}
.case-pic-list:hover .video-code {
	opacity: 1;
	filter:alpha(opacity = 100);
}
.case-pic-list:hover .video-code img{
	top: 5%;
}

.case-pic-list:hover .video-code p{
	text-align: center;
	top: 85%;
}

.jczb{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -50px;
}