@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1880px){
	.screen01.wrap, .screen07.wrap, .screen09.wrap, .screen06 .wrap, .item01 .wrap, .brand-box .wrap, .item04 .wrap{
		width: 83%
	}
	.floor-fifth .wrap{
		width: 83%
	}
	.floor-third .wrap{
		width: 83%
	}
	.floor-fifth .detail-img {
    width: 100%;
}
	.floor-second .wrap{
		width: 82%
	}
	.floor-first .wrap {
		width: 83%
	}
	.banner-img img {
    width: auto;
    height: 100%;
}
	.floor-sixth .bd-li{
		width: 83%
	}
	.brand-img img{
		width: 100%
	}
	#intro .wrap, #second .wrap{
		width: 100%
	}
	.floor-fourth{
		height: auto
	}
	.footer .wrap{
		width: 83%
	}
	.news-slide {
		width: 90%;}
	.home-case .wrap {
   width: 83%;
    margin: 0 auto;
}
	.screen02 .computer-view, .screen03 .computer-view, .screen04 .computer-view, .screen05 .computer-view{
		    width: 53%;
		margin-left: 3.8%;
	}
	.screen02 .text-box, .screen04 .text-box{
		        width: 41%;
		margin-left: 1.9%;
	}
	.computer-view-ovhide{
		    width: 78.46%;
    height: auto;
		top: 4%;
	}
	.screen02 .computer-view, .screen03 .computer-view, .screen04 .computer-view, .screen05 .computer-view{
		    background-size: contain;
	}
	.screen-img{
		width: 46%
	}
	.screen09 dl dt {
    width: 32.5%;
}
	.screen09 dl dd {
    width: 56%;
    margin-left: 10%;
}

	.tempWrap img{
		width: 100%
	}
	.item01 .item01-left{
		width: 53.5%;
	}
	.item01-right{
		    width: 46%
	}
	.inner{
		width: 100%;
		overflow: hidden
	}
	.news-list .wrap{
		width: 94%
	}
	.news-list.wrap.news-app{
		width: 94%
	}
	.news-list ul li{
		width: calc(100% / 3);
		    box-sizing: border-box;
		height: 100%;
		padding:4%
	}
	.news-list ul li .list-img{
		width: 100%
	}
	.news-list ul li p{
		width: 100%
	}
	.news-list ul li h3{
		width: 100%;
	}
	.news-list ul li h3 {
		padding-top: 20%;}
	.news-list ul li:hover .icon-arrow{
		 	    margin: 14% 0;
	}
	
	.news-list ul li{
		height: 700px;
		overflow: hidden
	}
	.floor-second .mac {
		margin-left: 0;
		margin: auto;
	}
	.floor-first dd, .floor-first dt {
    float: left;
    width: 49.5%;
		padding-right: 4%;
    box-sizing: border-box;
}
	.floor-first dd{
		width: 37.8%;
		margin-left: 11.2%;
	}
	.floor-fifth .detail-img img{
		width: 100%
	}
	.case_n_3body img{
		width: 100%
	}
	.mac-img{
		width: 1209px;
		margin: auto
	}
	.mac-img>img{
		width: 100%
	}
	.case_n_3body{
		width: 971px
	}
	.screen06{
		position: relative;
	}
	.screen07{
		    margin-top: 0px;
	}
}
@media screen and (max-width: 1550px){
	.screen02 .text-box .logo-pic, .screen03 .text-box .logo-pic, .screen04 .text-box .logo-pic, .screen05 .text-box .logo-pic{
		    margin: 0px 0 0 66%;
	}
	.floor-third ul li{
		padding: 0
	}
	.screen02, .screen03, .screen04, .screen05{
		height: 700px
	}
	.screen02 .content, .screen03 .content, .screen04 .content, .screen05 .content {
    margin-top: 60px;
}
	.screen02 .title, .screen03 .title, .screen04 .title, .screen05 .title {
		padding-top: 60px;}
	.screen03 .text-box .logo-pic, .screen05 .text-box .logo-pic{
		margin: 0px 0 0 0;
	}
	.screen02 .text-box .logo-pic, .screen03 .text-box .logo-pic, .screen04 .text-box .logo-pic, .screen05 .text-box .logo-pic{
		    top: -230px;
    position: absolute;
	}
	.screen02, .screen03, .screen04, .screen05{
		margin-top:9%
	}
	.screen02 .text-box, .screen03 .text-box, .screen04 .text-box, .screen05 .text-box{
		position: relative;
		margin-top:0
	}
	.screen02 .computer-view, .screen03 .computer-view, .screen04 .computer-view, .screen05 .computer-view{
		margin-top:7%
	}
	.banner .up-count{
		left: 4%
	}
	.item01 .wrap{
		    width: 92%;
	}
	.item01-right img{
		width: 100%
	}
	.banner .banner-trophy .box-trophy img{
		width: 300px;
		margin-top: 12%;
		margin-right: 2%
	}
	
	.product-container{
		height: 550px;
	}
	.product-container .swiper-slide-bj{
		height: 280px
	}
	.floor-second .wrap {
    width: 100%;
}
	.screen09 >dl {
		width:100%;}
}
@media screen and (max-width: 1350px){
	.footer .wrap {
    width: 94%;
}
	.footer .info-left{
		width: 48%
	}
	.footer .info-web{
		    margin-left: 4%;
	}
	.intro-all{
		width: 100%!important
	}
	.news-list ul li {
		height: 580px;}
	.news-list ul li .date{
		top:42px;
		left: 42px;
	}
	.news-list ul li .icon-arrow{
	 margin: 6% 0;	
	}
	.news-list ul li:hover .icon-arrow {
    margin: 6% 0;
}
	.news-list ul li h3 {
    padding-top: 12%;
}
}
@media screen and (max-width: 1300px){
	.item01 .item01-left{
		width: 100%
	}
	.item01 .item01-right {
    width: 50%;
	margin: 4% auto;
		    float: inherit;
}
	.web-box .web-deatil{
		left: 0;
		right: 0;
		margin-right: 0px;
		    top: 0;
		height: 100%
	}
	.web-box{
		height: 500px
	}
	.web-box .web-deatil h3, .web-box .web-deatil p{
		    left: 10%;
		    margin-left: 0;
	}
	.web-box .web-deatil h3{
		top:100px;
	}
	.web-box .web-deatil p {
    top: 180px;
	}
	.web-box{
		background-attachment: fixed
	}
	.web-box .web-deatil .web-deatil-nj{
		left: 0!important;
		top:0!important
	}
	.banner-trophy{
		display: none
	}
	.product-container .swiper-slide{
	
		
	}
	.product-container .swiper-wrapper{
	
	}
	.product-container .swiper-slide .swiper-slide-bj {
		background-position: center
	}
		.rowup{
    animation-play-state: paused;
}
	.rowup .swiper-slide{
		font-size: 116px;
		text-align: left
	}
	.banner .box-words{
		height: auto;
		padding-left: 60px;
	}
	.banner .for{
		position: relative;
	}
	.about-banner{
		height: auto;
		padding-bottom: 80px;
	}
	.banner .box-words {
		padding-top: 100px;}
	.banner .for{
		font-size: 116px;
		text-align: left
	}
	.rowup .swiper-slide:nth-child(2){
		display: none
	}
	.mouse-point{
		display: none
	}
	.news-list ul li h3 {
    padding-top: 20%;
}
	.news-list ul li .list-img {
		margin-top: 15%;}
	.floor-second .mac {
    margin-left: 0;
    margin: auto;
    width: 100%;
    background-position: center;
}
	.mac-img {
    width: 92%;
    margin:0 4%;
		position: absolute;
		bottom:0
}	
	.case_n_3body {
    width: 80%;
    top: 4%;
		height: 88.5%;
}
	.floor-second .wrap{
		position: relative
	}
}
@media screen and (max-width: 1024px){
	.floor-first{
		    padding: 9% 0;
	}
	.floor-second{
		height: 400px
	}
	.home-case .screen-img {
    width: 100%;
    margin: 0;
    left: 0;
    background-size: 100%;
    height: 300px;
}
	.floor-third h3, .floor-sixth .bd-li h4{
		font-size: 46px
	}
	.wrap {
		width: 90%;}

.screen02 .computer-view, .screen03 .computer-view, .screen04 .computer-view, .screen05 .computer-view{
	width: 100%;
	margin: 0;
	height: 100%
}
	.screen02, .screen03, .screen04, .screen05{
		height: auto;
		border-top: 1px solid #00000000;
	}	
	.screen02 .text-box, .screen03 .text-box, .screen04 .text-box, .screen05 .text-box{
		width: 100%;
		margin: 0;
		margin-top: 4%;
	}
	.index.screen02 .title, .index.screen03 .title, .index.screen04 .title, .index.screen05 .title, .screen02 .text-box .logo-pic, .screen03 .text-box .logo-pic, .screen04 .text-box .logo-pic, .screen05 .text-box .logo-pic{
		
		display: none
	}
	.screen03 .wrap .content, .screen05 .wrap .content{
		display: flex;
    flex-flow: wrap-reverse;
	}
	.more-case{
		margin-top: 6%;
		width: 90%;
	}
	.screen06{
		    height: 500px;
		background-attachment: fixed;
	}
	.screen06 .wrap{
	
	}
	.screen06 h4 {
    padding-top: 0px;
	}
	.view-more{
		border:1px solid #fff;
	}
	.view-more svg{
		display: none
	}
	.screen06 .wrap h4, .screen06 .wrap h3, .screen06 .wrap span, .screen06 .wrap a{
		width: 100%;
	}
	.screen02 .text-box, .screen03 .text-box, .screen04 .text-box, .screen05 .text-box{
		transform: translate3d(0px, 0px, 0px)!important;
	}
	.screen06 .wrap {
    padding-top: 100px;
}
	.news-tab-be{
		transform: translate(0px);
    margin-left: 0;
		width: 100%;
		padding-left: 0;
		    left: 0;
	}
	.screen08 .news-tab{
		padding-left: 0;
		    transform: translate(0%);
		width: 90%;
		margin-left:5%;
		margin-right:5%
	}
	.news-slide .news-bd li p{
		width: 100%
	}
	.screen09 dl dd {
    width: 100%;
    margin-left: 0;
    margin-top: 4%;
}
	.screen09 dl dt {
    width: 100%;
}
	.screen09 dl dt p{
		margin-top: 2%
	}
	.footer .info-left{
		width: 100%;
		margin-bottom: 4%
	}
	.footer .info-web{
		    width: 50%;
    margin-left: 0;
	}
	.info-web{margin-bottom: 4%}
	.footer .info-web p{
		margin-top:2%
	}
	.footer .on-line{
		float: left;
		width: 100%
	}
	.footer .on-line .line-box{
		margin-top:2%
	}
	.news-tab-be{
		left: 0!important;
		    top: auto!important;
    margin: 20% 0!important;
	}
	.news-tab .swiper-button-next, .hb-slide .swiper-button-next{
		left: 10%
	}
	
	#second{
		    background-size: 100%!important;
    background-attachment: scroll!important;
    background-position: 0!important;
		height: 652px;
	}
	#second .wrap{
		width: 100%
	}
	.brand-box, .item01{
		margin-top:9%
	}
	.intro-all h3, .item04 .item04-text h3, .banner .up-count h4, .item01 .item01-left h3, .web-box .web-deatil h3, .brand-box h3{
		font-size: 40px
	}
	.item01 .item01-left .tit h4, .intro-all h4{
		font-size: 24px
	}
	.up-count h4{
		    text-align: left;
	}
	#intro{
		    height: 600px;
	}
	.web-box .web-deatil h3, .web-box .web-deatil p {
    left: 5%;
    margin-left: 0;
		width: 90%
}
	
	.web-box .web-deatil p{
		font-size: 14px
	}
	.product-container {
    height: auto;
    padding: 3% 0;
}
	.product-container .swiper-slide-bj {
    height: 176px;
}
	.product-container .swiper-slide {
		width: 100%!important;
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1)!important;
    z-index: 1!important;
		opacity: 1!important;
    margin-right: 0px!important;
		margin-bottom: 8%
}
	.product-container .swiper-slide-bj{
		height: 450px;
		background-position: center
	}
	.product-container .swiper-wrapper {
    flex-flow: wrap;
		transform: translate3d(0px, 0px, 0px)!important;
}
	.allCases .case-item {
		width: 100%;}
	.allCases .case-item{
		height: 100%;
		padding: 6% 0;
	}
	.news-list .wrap{
		text-align: center
	}
	.news-list .news-items {
    margin: 30px auto;
    width: 100%;
		text-align: left;
}
	.news-list .news-items dl {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 4%;
}
	.banner .box-words {
    padding-top: 8%;
    width: 98%;
    box-sizing: border-box;
    padding-left: 4%;
}
	.banner .for {
    padding-left: 4%;
    margin: 0;
}
	.news-list ul li {
    height: 100%;
    width: 100%;
}
	.news-list ul li h3 {
    padding-top: 8%;
}
	.news-list ul li .date {
    top: 6%;
    left: 4%;
}
	.news-list ul li .list-img {
    margin-top: 5%;
}
	.list-img img{
		width: 100%
	}
	.news-list ul li .list-img{
		height: 400px;
	}
}	
@media screen and (max-width:920px){
	.banner .for, .rowup .swiper-slide {
		font-size: 98px;}
	.floor-third ul{
		display: flex;
		flex-flow: column;
	}
	.floor-third ul li{
		width: 100%;
		margin-bottom: 4%
	}
}
@media screen and (max-width: 768px){
	.wechat-img{
		    left: 150%;
	}
	.floor-third h3, .floor-sixth .bd-li h4{
		font-size: 36px
	}
	.banner .for, .rowup .swiper-slide {
    font-size: 68px;
}
	.banner .box-words {
		padding-top: 0px;
		width: 94%;
    padding-left: 0;
    margin: auto;
	}
	.banner .for {
    padding-left: 0;
    width: 94%;
    margin: auto;
}
	.about-banner {
    margin-top: 80px;
    box-sizing: border-box;
		    padding: 80px 0;
}
	.rowup .swiper-slide{
		margin-bottom: 4%
	}
	.c_portalResEbizads_banner-04001{
		margin-top:80px
	}
	.header-box .header .nav{
		display: none
	}
	.header-box .header .logo{
		display: none
	}
	.header-box .header .logo1{
		display: block
	}
inherit	.ac-gn-menuicon-label{
		display: block
	}
	.header-box .header .nav {
    position: absolute;
    width: 100%;
    top: 80px;
    background: #fff;
		transition: auto
	}
	.header-box .header .nav a{
		    width: 100%;
		color:#000
	}
	.ac-gn-menuicon-label{
		display: block
	}
	.hb-slide .swiper-button-next, .hb-slide .swiper-button-prev{
		opacity: 1
	}
	.screen06 h3, .screen08 h3, .news-slide h4, .screen09 dl dt h3, .index-text h3, .index-text h4{
		font-size:36px
	}
	.screen02 .text-box h3, .screen03 .text-box h3, .screen04 .text-box h3, .screen05 .text-box h3{
		font-size:24px
	}
	.screen02 .text-box p, .screen03 .text-box p, .screen04 .text-box p, .screen05 .text-box p, .screen01 .screen01-text, .screen06 .wrap span, .screen06 .wrap h4, .screen07 p, .swiper-slide p, .news-slide span, .news-tab .swiper-button-prev::after, .news-tab .swiper-button-next::after, .hb-slide .swiper-button-prev::after, .hb-slide .swiper-button-next::after, .screen02 .text-box .look-more, .screen03 .text-box .look-more, .screen04 .text-box .look-more, .screen05 .text-box .look-more, .screen09 dl dt p, .screen09.index-text span, .screen02 .text-box span, .screen03 .text-box span, .screen04 .text-box span, .screen05 .text-box span{
		font-size:14px
	}
	.screen02, .screen03, .screen04, .screen05, .screen06, .screen07, .screen08_new, .screen09, .screen01{
		margin-top:9%
	}
	.home-case{
		margin-bottom: 0
	}
	.news-tab .swiper-button-prev, .news-tab .swiper-button-next{
		bottom:0
	}
	.screen08{
		margin-top:0
	}
	.screen08_new {
		height: 808px;
	}
	.news-slide h4{
		padding-top:6%
	}
	.screen08 .news-tab{
		height:320px;
		    margin-top: 55%;
	}
	.screen06 .wrap {
    padding-top: 0;
}
	.screen06{
		padding: 20% 0;
			    height: 300px;
	}
	.screen06 h3:after, .screen06 h3:before{
		margin-top:0;
		margin-left: 0;
		bottom:0;
		right: 0
	}
	
	 .screen06 h3:before{
   	bottom:auto;
	right: auto;
    top: 0;
    left: 0;
}
	.screen06 h3{
		margin-bottom: 3%
	}
	.screen06 .wrap span{
		display: block;
		margin-top: 2%
	}
	.screen06 .wrap h4{
		margin-bottom: 2%
	}
	.screen01.wrap, .screen07.wrap, .screen09.wrap, .screen06 .wrap, .home-case .wrap {
    width: 94%;
}
	.screen08{
		height: 500px
	}
	.news-tab-be{
		height: 390px
	}
	.footer{
		padding: 6% 0;
	}
	.banner .up-count span, .item01 .item01-left .text p{
		font-size: 14px
	}
	.intro-all h3, .item04 .item04-text h3, .banner .up-count h4, .item01 .item01-left h3, .web-box .web-deatil h3, .brand-box h3 {
    font-size: 36px;
}
	.item01 .item01-right{
		width: 92%;
		margin-top: 4%;
		float: left;
	}
	.news-list ul li h3 {
    padding-top: 12%;
}
	.m-page a{
		margin-bottom: 2%
	}
	.floor-sixth .detail-siled{
		height: auto
	}
	.floor-sixth img{
		width: 100%
	}
	.floor-sixth .bd-li{
		padding-top: 4%
	}
	.floor-first .wrap {
    width: 100%;
}
	.floor-first dd, .floor-first dt{
		width: 100%;
		padding: 0;
		margin: 0;
		padding-left: 4%;
		padding: 9% 4%;
		padding-bottom: 6%;
		
	}
	.floor-first dd{
		background:#F8F8F8;
		height: 100%;
		
	}
	.floor-first{
		background: #ffffff00;
		padding:0
	}
	.floor-first dd h4, .floor-first dt h4 {
    font-size: 24px;
}
	.header-box .header{
		background: #ffffff!important
	}
}
@media screen and (max-width: 700px){
	.screen08 h3{
		padding: 10% 0;
	}
	.news-tab-be{
		margin: 0!important;
	
	}
	.screen08 .news-tab{
		margin-top: 0;
		    transform: translateY(55%);
	}
	.screen08_new {
    height: 591px;
}
}
@media screen and (max-width: 600px){
	.news-list ul li .list-img {
    height: auto;
}
	.index-text h3{margin-top: 0}
	.screen06 h3, .screen08 h3, .news-slide h4, .screen09 dl dt h3, .index-text h3, .index-text h4 {
    font-size: 24px;
}
	.screen02 .text-box h3, .screen03 .text-box h3, .screen04 .text-box h3, .screen05 .text-box h3 {
    font-size: 18px;
}
	.screen02 .text-box p, .screen03 .text-box p, .screen04 .text-box p, .screen05 .text-box p, .screen01 .screen01-text, .screen06 .wrap span, .screen06 .wrap h4, .screen07 p, .swiper-slide p, .news-slide span, .news-tab .swiper-button-prev::after, .news-tab .swiper-button-next::after, .hb-slide .swiper-button-prev::after, .hb-slide .swiper-button-next::after, .screen02 .text-box .look-more, .screen03 .text-box .look-more, .screen04 .text-box .look-more, .screen05 .text-box .look-more, .screen09 dl dt p, .screen09.index-text span, .screen02 .text-box span, .screen03 .text-box span, .screen04 .text-box span, .screen05 .text-box span{
		font-size: 12px
	}
	.news-tab .swiper-button-next, .hb-slide .swiper-button-next {
    left: auto;
		right: 0
}
	.news-tab .swiper-button-prev, .hb-slide .swiper-button-prev{
		left:0
	}
	.news-tab .swiper-button-prev, .news-tab .swiper-button-next {
    bottom: 5%;
	}
	.screen08 {
    height: 150px;
}
	.intro-all h3, .item04 .item04-text h3, .banner .up-count h4, .item01 .item01-left h3, .web-box .web-deatil h3, .brand-box h3 {
    font-size: 24px;
}
	.item01 .item01-left .tit h4, .intro-all h4 {
    font-size: 16px;
}
	#intro {
    height: auto;
}
	.intro-all h3{
		padding: 150px 0;
	}
	#second{
		height: auto
	}
	#second h3{
		padding-bottom: 0
	}
	.intro-all h4{
		padding-bottom: 150px
	}
	.banner .for, .rowup .swiper-slide {
    font-size: 48px;
}
	.about-banner{
		    padding: 10% 0;
	}
	.banner .banner-icon{
		bottom:2%
	}
	.product-container .swiper-slide-bj {
		height: 350px;}
	.allCases .case-item .case-title, .news-list h3{
		font-size: 24px;
	}
	.news-list .news-items dl dt, .news-list h6, .product-container .swiper-slide h2{
		font-size: 16px
	}
	.news-list .news-items dl dd p, .product-container .swiper-slide p{
		font-size: 12px
	}
	.news-list .news-items dl dd {
    padding-top: 1%;
}
	.product-container .swiper-slide{
		margin-bottom: 0
	}
	.news-list .wrap, .product-container .swiper-slide{
		margin-top:9%
	}
	.allCases .case-item .case-pic{
		margin: 0 4%;
	}
	.floor-first dd h4, .floor-first dt h4 {
    font-size: 18px;
}
	.floor-third h3, .floor-sixth .bd-li h4 {
    font-size: 24px;
}
	.floor-third ul li p{
		font-size: 14px
	}
	.floor-second {
    height: 130px;
}
	.info-web, .info-web{
		display: none
	}
	.footer .info-left{
		text-align: center
	}
	.footer .on-line{
		text-align: center
	}
}
@media screen and (max-width: 500px){
	
	.screen08 .news-tab{
		transform: translateY(45%);
	}
	.news-slide p{
		height: auto
	}
	.home-case .screen-img{
		height: 240px
	}
	.item01 .item01-left .tit .logo-pic{
		    width: 100%
	}
	.item01 .item01-left .tit .logo-pic{
		display: none
	}
	.item01 .item01-left .tit h4, .intro-all h4 {
    font-size: 14px;
}
	.item01 .item01-left .tit h4{
		width: 50%;
		margin-left: 4%;
		display: none
	}
	.web-box .web-deatil h3 {
    top: 8%;
}
	.web-box .web-deatil p {
    top: 24%;
    line-height: 3;
}
	.product-container .swiper-slide-bj {
    height: 278px;
}
}
@media screen and (max-width: 425px){
	.screen06 h3, .screen08 h3, .news-slide h4, .screen09 dl dt h3, .index-text h3, .index-text h4 {
    font-size: 20px;
}
	.screen02 .text-box h3, .screen03 .text-box h3, .screen04 .text-box h3, .screen05 .text-box h3 {
    font-size: 16px;
}
.intro-all h3, .item04 .item04-text h3, .banner .up-count h4, .item01 .item01-left h3, .web-box .web-deatil h3, .brand-box h3 {
    font-size: 20px;
}

}