@media screen and (min-height:1000px){
	/*标题*/
	.section-head{
		top: 220px;
	}	
}


/*---1680 * 1050---H900*/
@media screen and (max-width:1680px){
	/*第五部分 -- 联系我们*/
	/*切换文本框*/
	.content-detail{
		margin-right: 340px;
	}
}
/*---1600 * 900---H750*/
@media screen and (max-width:1600px){
	/*头部导航*/
	.header{
		line-height: 90px;		
	}
	.logo{
		padding-left: 80px;
	}
	.logo img{
		padding-right: 22px;
	}
	.logo span{
		font-size: 28px;
		padding-left: 20px ;
	}
	.main-ul li{
		margin: 0 30px;
	}
	.main-ul li a{
		font-size: 18px;
		height: 87px;
		line-height: 85px;
	}
	.telephone{
		margin-right: 120px;
	}
	.telephone img{
		margin-right: 16px;
	}

	/*标题*/
	.section-head{
		top: 150px;
	}
	.section-head h2{
		font-size: 34px;
		line-height: 58px;
	}
	.section-head h3{
		font-size: 20px;
		line-height: 38px;
	}

	/*第一部分 -- banner*/
	/*三屏的共同样式*/
	.title-1{
		font-size: 34px;
	}
	.title-2{
		font-size: 80px;
	}
	.title-3{
		font-size: 16px;
	}
	.news{
		bottom: 180px;
	}
	/*第一屏的左半边样式*/
	.left-content{
		margin-top: -140px;
	}
	/*第二屏*//*第三屏*/
	.all-content{
		/* margin-top: -180px; */
		margin-top: -130px;
	}
	.all-content .title-1{
		line-height: 60px;
	}
	.all-content hr{
		bottom: 15px;
	}
	.all-content .title-3{
		margin-top: 20px;		
	}

	/*第二部分 -- 产品体系*/


	/*第三部分 -- 成功案例*/
	.case-banner{
		margin-top: 120px;
	}
	.case-img,
	.case-mask{
		height: 160px;
		width: 300px;
	}
	.case-company{
		padding-bottom: 14px;
	}
	.case-company h4{
		padding-left: 18px;
		padding-right: 18px;		
	}
	.case-company h5{
		padding-left: 18px;
		padding-right: 18px;
		width: 280px;		
	}
	.left-arrow,.right-arrow{
		height: 46px;
		width: 46px;
		margin-top: -23px;
	}
	.left-arrow{
		left: -80px;
	}
	.right-arrow{
		right: -80px;
	}
	.find-more{
		height: 40px;
		margin-top: 36px;
		width: 180px;
	}
	/*第四部分 -- 选择我们*/
	.introduce-us{
		margin: 100px auto 0;
		width: 1020px;
	}
	.introduce-us>div{
		height: 190px;
		padding: 30px 30px 40px;
	}
	/*图标*/
	.intro-icon{
		background-size: 50%;
		border-radius: 30px;
		height: 60px;
		width: 60px;
	}
	/*介绍小标题*/
	.intro-title{
		font-size: 16px;
		line-height: 36px;
	}
	.intro-title+p{
		font-size: 14px;
		line-height: 22px;
	}
	/*分隔线*/
	.ver-line{
		height: 240px;
		top: 50%;
		margin-top: -120px;
	}
	.hor-line{
		width: 960px;
		margin-left: -480px;
	}
	/*第五部分 -- 联系我们*/
	/*切换导航*/
	.contact-nav{
		top: 230px;
		left: 120px;
	}
	/*切换文本框*/
	/*各个文本框*/
	.content-detail{
		margin-right: 320px;
	}
	/*公司简介*/
	.brief-title{
		font-size: 26px;
		line-height: 68px;
	}
	.brief-body {
		width: 360px;
	}
	.brief-promotion{
		font-size: 24px;
		line-height: 60px;
	}
	/*第六部分 -- 页脚页面*/
	.footer-page{
		background-size: 80%;
		height: 380px;
	}
	/*左边 - 二维码*/
	.infor-left{
		margin-right: 100px;
	}
	.infor-left p{
		line-height: 48px;
	}
	/*右边 - 其他信息*/
	.infor-right{
		margin-right: 100px;
	}



	/*footer*/
	.footer{
		line-height: 64px;
	}
	/*第五部分 -- 页脚内容*/
	.contact-us-num{
		font-size: 22px;
	}
	/*第六部分 -- 页脚内容*/
	.end-footer span{
		font-size: 14px;
	}
	.nextSection{
		bottom: 85px;
		border-radius: 22px;
		height: 44px;
		margin-left: -22px;
		width: 44px;
	}
}
/*---1440 * 900---H750*/
@media screen and (max-width:1440px){
	/* 	html,
	body,
	.header,
	#fullpage .section,
	.footer{
		min-width: 1100px;	
	} */

	/*头部导航*/
	.header{
		line-height: 85px;		
	}
	.logo{
		padding-left: 60px;
	}
	.logo img{
		padding-right: 20px;
	}
	.logo span{
		font-size: 24px;
		padding-left: 15px ;
	}
	.main-ul li{
		margin: 0 20px;
	}
	.main-ul li a{
		font-size: 16px;
		height: 82px;
		line-height: 80px;
	}
	.telephone{
		margin-right: 60px;
	}
	.telephone img{
		margin-right: 12px;
	}

	/*标题*/
	.section-head{
		top: 140px;
	}
	.section-head h2{
		font-size: 34px;
		line-height: 54px;
	}
	.section-head h3{
		font-size: 20px;
		line-height: 36px;
		margin-bottom: 30px;
	}

	/*第一部分 -- banner*/
	/*三屏的共同样式*/
	.title-1{
		font-size: 32px;
	}
	.title-2{
		font-size: 76px;
	}
	.title-3{
		font-size: 16px;
	}
	.news{
		bottom: 160px;
	}
	/*第一屏的左半边样式*/
	.left-content{
		margin-top: -120px;
	}
	/*第二屏*//*第三屏*/
	.all-content{
		/* margin-top: -160px; */
		margin-top: -110px;
	}
	.all-content .title-1{
		line-height: 54px;
	}
	.all-content hr{
		bottom: 15px;
	}
	.all-content .title-3{
		margin-top: 10px;		
	}

	/*第二部分 -- 产品体系*/


	/*第三部分 -- 成功案例*/
	.case-banner{
		margin-top: 80px;
	}
	.case-img,
	.case-mask{
		height: 130px;
		width: 260px;
	}
	.case-company{
		padding-bottom: 12px;
	}
	.case-company h4{
		font-size: 14px;
		line-height: 24px;
		padding-left: 15px;
		padding-right: 15px;		
	}
	.case-company h5{
		padding-left: 15px;
		padding-right: 15px;
		width: 240px;		
	}
	.left-arrow,.right-arrow{
		height: 40px;
		width: 40px;
		margin-top: -20px;
	}
	.left-arrow{
		left: -60px;
	}
	.right-arrow{
		right: -60px;
	}
	.find-more{
		height: 40px;
		margin-top: 25px;
		width: 180px;
	}
	/*第四部分 -- 选择我们*/
	.introduce-us{
		margin: 100px auto 0;
		width: 980px;
	}
	.introduce-us>div{
		height: 180px;
		padding: 25px 30px 40px;
	}
	/*图标*/
	.intro-icon{
		background-size: 50%;
		border-radius: 27px;
		height: 54px;
		width: 54px;
	}
	/*介绍小标题*/
	.intro-title{
		font-size: 16px;
		line-height: 34px;
	}
	.intro-title+p{
		font-size: 14px;
		line-height: 20px;
	}
	/*分隔线*/
	.ver-line{
		height: 200px;
		top: 50%;
		margin-top: -100px;
	}
	.hor-line{
		width: 900px;
		margin-left: -450px;
	}
	/*第五部分 -- 联系我们*/
	/*切换导航*/
	.contact-nav{
		top: 220px;
		left: 110px;
	}
	.contact-nav li{
		padding: 15px 20px;
	}
	/*切换文本框*/
	/*各个文本框*/
	.content-detail{
		margin-right: 300px;
	}
	.brief-title{
		font-size: 26px;
		line-height: 64px;
	}
	.brief-body {
		font-size: 16px;
		line-height: 28px;
		width: 340px;
	}
	.brief-promotion{
		font-size: 22px;
		line-height: 50px;
	}
	/*第六部分 -- 页脚页面*/
	.footer-page{
		background-size: 75%;
		height: 360px;
	}
	/*左边 - 二维码*/
	.infor-left{
		margin-right: 90px;
	}
	.infor-left p{
		line-height: 44px;
	}
	/*右边 - 其他信息*/
	.infor-right{
		margin-right: 90px;
	}



	/*footer*/
	.footer{
		line-height: 60px;
	}
	/*第五部分 -- 页脚内容*/
	.contact-us-num{
		font-size: 22px;
	}
	.contact-us-num+span{
		font-size: 14px;
	}
	/*第六部分 -- 页脚内容*/
	.end-footer span{
		font-size: 14px;
	}
	.nextSection{
		bottom: 80px;
		border-radius: 21px;
		height: 42px;
		margin-left: -21px;
		width: 42px;
	}
}
/*---1366 * 768---H600*/
@media screen and (max-width:1366px){
	/* 	html,body{
		position: relative;
	} */
	/* 	html,
	body,
	.header,
	#fullpage .section,
	.footer{
		min-width: 1300px;	
	} */
	/*头部导航*/

	.header{
		line-height: 70px;	
	}
	.logo{
		padding-left: 56px;
	}
	.logo img{
		border-right-width: 2px;
		height: 50px;
		padding-right: 25px;
	}
	.logo span{
		font-size: 20px;
		padding-left: 18px ;
	}
	.main-ul li{
		float: left;
		margin: 0 14px;
	}
	.main-ul li a{
		font-size: 16px;
		height: 67px;
		line-height:65px;
		padding: 0 4px;
	}
	.telephone{
		margin-right: 80px;
	}
	.telephone img{
		margin-top: -4px;
		margin-right: 10px;
	}
	.telephone span{
		font-size: 18px;
	}

	/*标题*/
	.section-head{
		top: 95px;
	}
	.section-head h2{
		font-size: 32px;
		line-height: 50px;
	}
	.section-head h3{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	/*第一部分 -- banner*/
	/*三屏的共同样式*/
	.title-1{
		font-size: 30px;
		letter-spacing: 10px;
	}
	.title-2{
		font-size: 70px;
		letter-spacing: 6px;
	}
	.title-3{
		font-size: 14px;
		letter-spacing: 4px;
	}
	.title-3 span{
		color: #00dfb9;
	}
	.news{
		bottom: 130px;
	}
	/*第一屏的左半边样式*/	
	.left-content{
		margin-top: -130px;
	}
	/*第二屏*//*第三屏*/
	.all-content{
		/* margin-top: -160px; */
		margin-top: -110px;
	}
	.all-content hr{
		bottom: 15px;
	}

	.all-content .title-3{
		margin-top: 10px;		
	}

	/*第二部分 -- 产品体系*/
	.section-2 .box {
		width: 1000px;
		margin-top: 80px;
	}

	.section-2 .box ul.items li {
		width: 180px;
		height: 280px;
		margin: 0 4px;
		position: relative;
	}

	.section-2 .box ul.items li i {
		margin-top: 43px;
		height: 50px;
	}
	
	.section-2 .box ul.items li.pc i,
	.section-2 .box ul.items li.mobi i,
	.section-2 .box ul.items li.sys i,
	.section-2 .box ul.items li.app i,
	.section-2 .box ul.items li.host i{
		background-size: auto 100%;		
	}

	.section-2 .box ul.items li.pc i {
		background-position: -67px 0px;
		background-image: url(../img/pro-1_50.png);
		width: 62px;
	}
	.section-2 .box ul.items li.sys i {
		background-position:  -78px 0px;
		background-image: url(../img/pro-2_50.png);
		width: 68px;
	}
	.section-2 .box ul.items li.mobi i {
		background-position:  -58px 0px;
		background-image: url(../img/pro-3_50.png);
		width: 58px;
	}
	.section-2 .box ul.items li.host i {
		background-position:  -68px 0px;
		background-image: url(../img/pro-4_50.png);
		width: 62px;
	}
	.section-2 .box ul.items li.app i {
		background-position:  -58px 0px;
		background-image: url(../img/pro-5_50.png);
		width: 54px;
	}



	.section-2 .box ul.items li u {
		background-image: url("../img/circle_130.png");
		width: 130px;
		height: 130px;
		margin-left: -65px;
		left: 50%;
		background-size: cover;
	}

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

	.section-2.active .box ul.items li u.cl {
		clip: rect(0px,156px,156px,78px);
	}

	.section-2 .box ul.items li u.cr {
		clip: rect(156px,78px,156px,0px);
	}

	.section-2.active .box ul.items li u.cr {
		clip: rect(0px,78px,156px,0px);
	}

	.section-2 .box ul.items li strong {
		margin-top: 70px;
		font-size: 16px;
	}

	.section-2 .box ul.items li p {
		position: relative;
		top: 200px;
		font-size: 12px;
		line-height: 20px;
	}

	.section-2 .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;
	}

	.section-2 .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;
	}

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

	.section-2 .box ul.items li:hover u.cr {
		clip: rect(156px,78px,156px,0px);
	}

	.section-2 .box ul.items li:hover strong {
		color: White;
		margin-top: 40px;
		-webkit-transition-delay: .4s;
		-moz-transition-delay: .4s;
		-ms-transition-delay: .4s;
		-o-transition-delay: .4s;
		transition-delay: .4s;
	}

	.section-2 .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;
	}

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

	/*第三部分 -- 成功案例*/
	.case-banner{
		margin-top: 80px;
	}

	.case-img,
	.case-mask{
		height: 100px;
		width: 260px;
	}
	.case-company{
		padding-bottom: 14px;
	}
	.case-company h4{
		font-size: 14px;
		line-height: 15px;
		padding-left: 15px;
		padding-right: 20px;		
	}
	.case-company h5{
		padding-left: 15px;
		padding-right: 15px;
		width: 250px;		
	}
	.left-arrow,.right-arrow{
		height: 40px;
		width: 40px;
		margin-top: -20px;
	}
	.left-arrow{
		left: -60px;
	}
	.right-arrow{
		right: -60px;
	}

	.find-more{
		height: 40px;
		margin-top: 20px;
		width: 180px;
	}
	/*第四部分 -- 选择我们*/
	.introduce-us{
		margin: 100px auto 0;
		width: 900px;
	}
	.introduce-us>div{
		height: 160px;
		padding: 15px 15px 10px;
	}
	/*图标*/
	.intro-icon{
		background-size: 50%;
		border-radius: 25px;
		height: 50px;
		width: 50px;
	}
	/*介绍小标题*/
	.intro-title{
		font-size: 16px;
		line-height: 30px;
	}
	.intro-title+p{
		font-size: 12px;
		line-height: 20px;
	}
	/*分隔线*/
	.ver-line{
		height: 200px;
		top: 50%;
		margin-top: -100px;
	}
	.hor-line{
		width: 900px;
		margin-left: -450px;
	}
	/*第五部分 -- 联系我们*/
	/*切换导航*/
	.contact-nav{
		top: 200px;
		left: 100px;
	}
	.contact-nav li{
		padding: 10px 15px;
	}
	/*切换文本框*/
	/*各个文本框*/
	.content-detail{
		margin-right: 240px;
	}
	.brief-title{
		font-size: 20px;
		line-height: 60px;
	}
	.brief-body {
		font-size: 14px;
		line-height: 28px;
		width: 300px;
	}
	.brief-promotion{
		font-size: 18px;
		line-height: 40px;
	}
	/*第六部分 -- 页脚页面*/
	.footer-page{
		background-size: 60%;
		height: 340px;
	}
	/*左边 - 二维码*/
	.infor-left{
		margin-right: 80px;
	}
	.infor-left p{
		line-height: 40px;
	}
	/*右边 - 其他信息*/
	.infor-right{
		margin-right: 80px;
	}


	/*footer*/
	.footer{
		line-height: 45px;
	}
	/*第五部分 -- 页脚内容*/
	.contact-us-num{
		font-size: 20px;
	}
	.contact-us-num+span{
		font-size: 12px;
	}
	/*第六部分 -- 页脚内容*/
	.end-footer span{
		font-size: 12px;
	}
	.nextSection{
		bottom: 60px;
		border-radius: 20px;
		height: 40px;
		margin-left: -20px;
		width: 40px;
	}

}
/*---1280 * 800---H650*/
@media screen and (max-width:1280px){
	html,
	body,
	.header,
	#fullpage .section,
	.footer{
		min-width: 1100px;	
	}
	/*头部导航*/

	.header{
		line-height: 75px;		
	}
	.logo{
		padding-left: 40px;
	}
	.logo img{
		padding-right: 15px;
	}
	.logo span{
		font-size: 20px;
		letter-spacing: 3px;
		padding-left: 10px ;
	}
	.main-ul li{
		margin: 0 15px;
	}
	.main-ul li a{
		font-size: 16px;
		height: 72px;
		line-height: 70px;
		padding: 0 4px;
	}
	.telephone{
		margin-right: 40px;
	}
	.telephone img{
		margin-right: 6px;
	}

	/*标题*/
	.section-head{
		top: 110px;
	}
	.section-head h2{
		font-size: 32px;
		line-height: 50px;
	}
	.section-head h3{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	/*第一部分 -- banner*/
	/*三屏的共同样式*/
	.title-1{
		font-size: 30px;
		letter-spacing: 10px;
	}
	.title-2{
		font-size: 72px;
	}
	.title-3{
		font-size: 16px;
	}
	.title-3 span{
		color: #00dfb9;
	}
	.news{
		bottom: 150px;
	}
	/*第一屏的左半边样式*/
	.left-content{
		margin-top: -120px;
	}
	/*第二屏*//*第三屏*/
	.all-content{
		/* margin-top: -140px; */
		margin-top: -90px;
	}
	.all-content .title-1{
		line-height: 54px;
	}
	.all-content hr{
		bottom: 15px;
	}
	.all-content .title-3{
		margin-top: 10px;		
	}

	/*第二部分 -- 产品体系*/


	/*第三部分 -- 成功案例*/
	.case-banner{
		margin-top: 80px;
	}
	.case-img,
	.case-mask{
		height: 130px;
		width: 260px;
	}
	.case-company{
		padding-bottom: 12px;
	}
	.case-company h4{
		font-size: 14px;
		line-height: 22px;
		padding-left:15px;
		padding-right: 15px;		
	}
	.case-company h5{
		padding-left: 15px;
		padding-right: 15px;
		width: 240px;		
	}
	.left-arrow,.right-arrow{
		height: 40px;
		width: 40px;
		margin-top: -20px;
	}
	.left-arrow{
		left: -60px;
	}
	.right-arrow{
		right: -60px;
	}
	.find-more{
		height: 40px;
		margin-top: 25px;
		width: 180px;
	}
	/*第四屏*/
	.introduce-us{
		margin: 100px auto 0;
		width: 900px;
	}
	.introduce-us>div{
		height: 160px;
		padding: 15px 15px 10px;
	}
	/*图标*/
	.intro-icon{
		background-size: 50%;
		border-radius: 25px;
		height: 50px;
		width: 50px;
	}
	/*介绍小标题*/
	.intro-title{
		font-size: 16px;
		line-height: 30px;
	}
	.intro-title+p{
		font-size: 12px;
		line-height: 20px;
	}
	/*分隔线*/
	.ver-line{
		height: 200px;
		top: 50%;
		margin-top: -100px;
	}
	.hor-line{
		width: 900px;
		margin-left: -450px;
	}
	/*第五部分 -- 联系我们*/
	/*切换导航*/
	.contact-nav{
		top: 200px;
		left: 100px;
	}
	.contact-nav li{
		padding: 10px 15px;
	}
	/*切换文本框*/
	/*各个文本框*/
	.content-detail{
		margin-right: 220px;
	}
	.brief-title{
		font-size: 24px;
		line-height: 64px;
	}
	.brief-body {
		font-size: 16px;
		line-height: 28px;
		width: 300px;
	}
	.brief-promotion{
		font-size: 20px;
		line-height: 50px;
	}
	/*第六部分 -- 页脚页面*/
	.footer-page{
		background-size: 60%;
		height: 340px;
	}
	/*左边 - 二维码*/
	.infor-left{
		margin-right: 80px;
	}
	.infor-left p{
		line-height: 40px;
	}
	/*右边 - 其他信息*/
	.infor-right{
		margin-right: 80px;
	}



	/*footer*/
	.footer{
		line-height: 50px;
	}
	/*第五部分 -- 页脚内容*/
	.contact-us-num{
		font-size: 20px;
	}
	.contact-us-num+span{
		font-size: 12px;
	}
	/*第六部分 -- 页脚内容*/
	.end-footer span{
		font-size: 12px;
	}
	.nextSection{
		bottom: 60px;
		border-radius: 20px;
		height: 40px;
		margin-left: -20px;
		width: 40px;
	}
}
/*---1280 * 1024---H800*/
@media screen and (max-width:1280px) and (min-height: 800px){

	/*头部导航*/
	.header{
		line-height: 80px;		
	}
	.main-ul li a{
		font-size: 16px;
		height: 77px;
		line-height: 75px;
		padding: 0 4px;
	}
	/*标题*/
	.section-head{
		top: 160px;
	}
	.section-head h2{
		font-size: 32px;
		line-height: 50px;
	}
	.section-head h3{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	/*第一部分 -- banner*/
	/*三屏的共同样式*/
	.title-1{
		font-size: 32px;
	}
	.title-2{
		font-size: 76px;
	}
	/* 	.title-3{
		font-size: 16px;
	} */
	.news{
		bottom: 150px;
	}
	/*第一屏的左半边样式*/
	.left-content{
		margin-top: -130px;
	}
	/*第二屏*//*第三屏*/
	.all-content{
		/* margin-top: -160px; */
		margin-top: -110px;
	}
	.all-content .title-1{
		line-height: 58px;
	}
	/* 	.all-content hr{
		bottom: 15px;
	} */
	.all-content .title-3{
		margin-top: 20px;		
	}
	/*第五部分 -- 联系我们*/
	/*切换导航*/
	.contact-nav{
		top: 220px;
		left: 110px;
	}

	.nextSection{
		bottom: 80px;
	}
}
/*---1024 * 768---H600*/
@media screen and (max-width:1024px){
	html,
	body,
	.header,
	#fullpage .section,
	.footer{
		min-width: 980px;	
	}
	/*头部导航*/

	.header{
		line-height: 70px;		
	}
	.logo{
		padding-left: 40px;
	}
	.logo img{
		padding-right: 15px;
	}
	.logo span{
		font-size: 20px;
		letter-spacing: 2px;
		padding-left: 10px ;
	}
	.main-ul li{
		margin: 0 10px;
	}
	.main-ul li a{
		font-size: 16px;
		height: 67px;
		line-height: 65px;
		padding: 0 4px;
	}
	.telephone{
		margin-right: 40px;
	}
	.telephone img{
		margin-right: 6px;
	}

	/*标题*/
	.section-head{
		top: 95px;
	}
	.section-head h2{
		font-size: 32px;
		line-height: 50px;
	}
	.section-head h3{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	/*第一部分 -- banner*/
	/*三屏的共同样式*/
	.title-1{
		font-size: 30px;
		letter-spacing: 10px;
	}
	.title-2{
		font-size: 70px;
		letter-spacing: 6px;
	}
	.title-3{
		font-size: 14px;
		letter-spacing: 4px;
	}
	.title-3 span{
		color: #00dfb9;
	}
	.news{
		bottom: 130px;
	}
	/*第一屏的左半边样式*/	
	.left-content{
		margin-top: -120px;
	}
	/*第二屏*//*第三屏*/
	.all-content{
		/* margin-top: -160px; */
		margin-top: -110px;
	}
	.all-content hr{
		bottom: 15px;
	}

	.all-content .title-3{
		margin-top: 10px;		
	}


	/*第二部分 -- 产品体系*/
	.section-2 .box {
		width: 1000px;
		margin-top: 80px;
	}

	.section-2 .box ul.items li {
		width: 160px;
		height: 280px;
		margin: 0 4px;
		position: relative;
	}

	.section-2 .box ul.items li i {
		margin-top: 38px;
		height: 50px;
	}
	
	.section-2 .box ul.items li.pc i,
	.section-2 .box ul.items li.mobi i,
	.section-2 .box ul.items li.sys i,
	.section-2 .box ul.items li.app i,
	.section-2 .box ul.items li.host i{
		background-size: auto 100%;		
	}

	.section-2 .box ul.items li.pc i {
		background-position: -66px 0px;
		width: 62px;
	}
	.section-2 .box ul.items li.sys i {
		background-position:  -77px 0px;
		width: 66px;
	}
	.section-2 .box ul.items li.mobi i {
		background-position:  -58px 0px;
		width: 58px;
	}
	.section-2 .box ul.items li.host i {
		background-position:  -68px 0px;
		width: 62px;
	}
	.section-2 .box ul.items li.app i {
		background-position:  -58px 0px;
		width: 54px;
	}



	.section-2 .box ul.items li u {
		width: 120px;
		height: 120px;
		margin-left: -60px;
		left: 50%;
		background-size: cover;
	}

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

	.section-2.active .box ul.items li u.cl {
		clip: rect(0px,156px,156px,78px);
	}

	.section-2 .box ul.items li u.cr {
		clip: rect(156px,78px,156px,0px);
	}

	.section-2.active .box ul.items li u.cr {
		clip: rect(0px,78px,156px,0px);
	}

	.section-2 .box ul.items li strong {
		margin-top: 70px;
		font-size: 16px;
	}

	.section-2 .box ul.items li p {
		position: relative;
		top: 200px;
		font-size: 12px;
		line-height: 20px;
	}

	.section-2 .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;
	}

	.section-2 .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;
	}

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

	.section-2 .box ul.items li:hover u.cr {
		clip: rect(156px,78px,156px,0px);
	}

	.section-2 .box ul.items li:hover strong {
		color: White;
		margin-top: 40px;
		-webkit-transition-delay: .4s;
		-moz-transition-delay: .4s;
		-ms-transition-delay: .4s;
		-o-transition-delay: .4s;
		transition-delay: .4s;
	}

	.section-2 .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;
	}

	.section-2 .box label {
		display: block;
		margin: 0 auto;
		margin-top: -40px;
		width: 297px;
		height: 21px;
		background: url(../img/words.png) no-repeat 0px -333px;
	}
	/*第三部分 -- 成功案例*/
	.case-banner{
		margin-top: 80px;
	}

	.case-img,
	.case-mask{
		height: 100px;
		width: 250px;
	}
	.case-company{
		padding-bottom: 14px;
	}
	.case-company h4{
		font-size: 14px;
		line-height: 20px;
		padding-left: 10px;
		padding-right: 10px;		
	}
	.case-company h5{
		padding-left: 10px;
		padding-right: 10px;
		width: 220px;		
	}
	.left-arrow,.right-arrow{
		height: 40px;
		width: 40px;
		margin-top: -20px;
	}
	.left-arrow{
		left: -50px;
	}
	.right-arrow{
		right: -50px;
	}

	.find-more{
		height: 40px;
		margin-top: 20px;
		width: 180px;
	}
	/*第四部分 -- 选择我们*/
	.introduce-us{
		margin: 100px auto 0;
		width: 900px;
	}
	.introduce-us>div{
		height: 160px;
		padding: 15px 15px 10px;
	}
	/*图标*/
	.intro-icon{
		background-size: 50%;
		border-radius: 25px;
		height: 50px;
		width: 50px;
	}
	/*介绍小标题*/
	.intro-title{
		font-size: 16px;
		line-height: 30px;
	}
	.intro-title+p{
		font-size: 12px;
		line-height: 20px;
	}
	/*分隔线*/
	.ver-line{
		height: 200px;
		top: 50%;
		margin-top: -100px;
	}
	.hor-line{
		width: 900px;
		margin-left: -450px;
	}
	/*第五部分 -- 联系我们*/
	/*切换导航*/
	.contact-nav{
		top: 200px;
		left: 100px;
	}
	.contact-nav li{
		padding: 10px 15px;
	}
	/*切换文本框*/
	/*各个文本框*/
	.content-detail{
		margin-right: 80px;
	}
	.brief-title{
		font-size: 20px;
		line-height: 60px;
	}
	.brief-body {
		font-size: 14px;
		line-height: 28px;
		width: 300px;
	}
	.brief-promotion{
		font-size: 18px;
		line-height: 40px;
	}
	/*第六部分 -- 页脚页面*/
	.footer-page{
		background-size: 60%;
		height: 340px;
	}
	/*左边 - 二维码*/
	.infor-left{
		margin-right: 80px;
	}
	.infor-left p{
		line-height: 40px;
	}
	/*右边 - 其他信息*/
	.infor-right{
		margin-right: 80px;
	}



	/*footer*/
	.footer{
		line-height: 45px;
	}
	/*第五部分 -- 页脚内容*/
	.contact-us-num{
		font-size: 20px;
	}
	.contact-us-num+span{
		font-size: 12px;
	}
	/*第六部分 -- 页脚内容*/
	.end-footer span{
		font-size: 12px;
	}
	.nextSection{
		bottom: 60px;
		border-radius: 20px;
		height: 40px;
		margin-left: -20px;
		width: 40px;
	}

}
@media screen and (max-width:768px){

}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}