
@media (max-width:1600px){
	.header .navbar-nav > li > a {
	    padding: 0 1.5rem;  
	}
	
	#zhslDiv.nav-dropdown .nav-box{
		max-width: 1600px;
	}
	
	.digitalizeArea .topNum span{
		font-size: 34px;
	}
	
	.titCn{
		font-size: 28px;
		line-height: 40px;
	}
	
	.mian-box {
	    padding: 3rem 0;
	}
	
	.subLv-tit h2 {
	    font-size: 30px;
	}
	
	.banLevel .banner-text .inner-text h4{
		font-size: 24px;
	}
	
	.banLevel .banner-text .inner-text p{
		font-size: 16px;
	}
	.subLv-tit .en{
		font-size: 16px;
	}
		
	.sl-about .about-detail {
	    font-size: 15px; 
	}
	
	.sl-perspective .desc{
		font-size: 16px;
	}	
	
	.ul-news .tit,.ul-projects .tit {
	    font-size: 20px;
	}
	
	.ul-news .bottom, .ul-news .txt a.more,
	.ul-projects .bottom, .ul-projects .txt a.more{
	    font-size: 14px;
	}
	
	.ul-news .desc{
		height: 3.5em;
	}
	
	.ul-projects .desc{
		height: 6em;
	}
	
	.ul-projects .txt{
		padding: 2rem;
	}
	
	.ul-projects .tit{
		padding-top: 0;
	}
	
	.sl-newsDetail h1{
		font-size: 20px;
	}
	
	.sl-newsDetail .side-left .tit{
		font-size: 16px;
		padding-bottom: 1.2rem;
	}
	
	.sl-newsDetail .listTit{
		height: 5rem;
	}
	
	.ul-news .tip .iconfont{
		font-size: 2rem;
	}
	
	.btn-back{
		padding: 1rem 3rem;
	}
	
	.backBox .btn-back{
		padding: 0.45rem 3rem;
	}

	.contactList li .tit{
		font-size: 20px;
	}
	
	.contactList li .wrap{
		padding: 2rem;
	} 
	
	.contactList li .desc{
		font-size: 15px;
	}
	
	.message-tit span,.form-group label{
		font-size: 14px;
	}
	
	.form-group .error{
		padding-left: 12%;
	}

	.form-group .input-style{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	
	.form-group .item-input{
		padding-left: 1rem;
		box-sizing: border-box;
	} 
	
	.header .logo .img{
		height: 52px;
	}
	
	.sl-WaterCsv .side-left .tit{
		font-size: 22px;
	} 
	
	.pro-top .pro-text .tit h4{
		font-size: 27px;
	}
 
	.sl-WaterCsv .side-left {
	    width: 27%;
	    margin-right: 2%;
	    padding: 2.5rem 3rem;
	}
 
	.sl-WaterCsv .side-left li .iconfont{
		font-size: 1.75rem;
	}
	
	.sl-WaterCsv .side-right{
		width: 71%;
	}
	
	.searchBox .inp-search{
		height: 45px;
	}
	
	.searchBox .tag{
		margin: 1.5rem 0;
	}
	
	.productList .cate-item{
		padding: 4rem 3rem;
	}
	
	.productList .c-hd{
		font-size: 24px;
	}
	
	.productList .desc{
		font-size: 15px;
		padding: 0;
		height: 12rem;
	}
	
	.productList .desc * {
		font-size: 15px !important; 
	}

	.productList .cate-item .pic {
		height: 26rem;
	}

	.productList .itemCon .btn-more{
		font-size: 16px;
	}
	
	.pro-btm .tab-nav .item{
		font-size: 16px;
	}
	
	.pro-btm table tr, .pro-btm table td{
		font-size: 14px;
	}

	.pro-top .pro-pic{
		height: 480px;
	}
	
	.pro-top .gallery-thumbs {
		height: 21% !important;
	}

	.pro-top .gallery-thumbsBox{
		height: 8rem;
	}
	
	.pro-top .swiper-button-prev, .pro-top .swiper-button-next{
		height: 18% !important;
		bottom: 1.5rem !important;
	}

	.pro-top .depict{
		margin: 2rem 0;
	}
	
	.pro-top .depict *{
		font-size: 15px !important;;
	}

	.pro-top .other{
		padding-bottom: 2rem;
	}
	
	.pro-btm{
		margin-top: 3rem;
	}
	
	@keyframes wordsUp{
		0%{
			height: 55px;
		}
		100%{
			height: 100%;
		}
	}

	.timeline-theme-1 .timeline-dots li.slide-active button{
		font-size: 34px;
	}
    
	.timeline-theme-1 .timeline-dots li:after {
		right: 3.7rem;
	}

	.timeline-theme-1 .timeline-dots li{
		background-position: 94px center;
	}

	.history-detail .timelineCon {
		background-position: 126px 0;
	}

	.timelineCon .title{
		font-size: 22px;
	}

	.timelineCon .desc{
		padding: 0 2rem 0 4rem;
	}

	.tab-content .pic-shade h4 {
		font-size: 14px !important;
	}

	.tab-content .pic-shade{
		padding: 3.5rem 3rem;
	}

	.job-list .item .top{
		font-size: 15px;
	}

	.history-date .history-text{
		width: 86%;
	}
}

@media (max-width:1400px) {
	.header .navbar-nav > li > a {
	    padding: 0 1.25rem;  
	}

	.header .logo .img{
		height: 46px;
	}

	.timeline-theme-1 .timeline-dots li:after {
		right: 3.3rem;
	}
		
	.sl-WaterCsv .side-left a{
		font-size: 16px;
	}
	
	.pro-btm .tab-content .description *{
		font-size: 15px !important;
	}

	.job-list .item .tit{
		font-size: 16px;
	}
    
	.job-list .item .con .block .firTit{
		font-size: 15px;
	}

	.job-list .item .con .anniu .btn{
		height: 45px;
	}

	.job-list .item .top{
		padding: 1.5rem 4rem;
	}
	 
}

@media (max-width:1200px) {
	.header {
	    height: 60px;
	    min-height: 60px;
	}	
	 
	.header .logo,
	.logo-text,
	.menu-right{
		height: 60px;
	}
	
	.header .navbar-nav > li > a {
	    padding: 0 1rem;  
	    line-height: 40px;
	}
	
	.header .logo .img{
		height: 40px;
	}
	
	.header .navbar-toggle {
	    display: inline-block !important;
	}
	
	.logo-text .icon{
		font-size: 2.5rem;
	}

	.logo-text {
		font-size: 18px;
	}

	.nav-list{
		display: none;
	}
	
	.menu-wrap{
		display: flex;
	}
	
	.banner{
		/* height: 440px; */
		margin-top: 60px;
	}
	
	.banner .swiper-pagination-bullet{
		height: 3px;
	}
	
	.main {
	    padding-top: 0;
	} 
	
	.mian-box {
	    padding: 2rem 0;
	} 
	 
	.digitalizeArea {
	    padding: 2rem 0;
	}
	
	.digitalizeArea .topNum span{
		font-size: 30px;
	}
	
	.digitalizeArea .icon{
		font-size: 3.5rem;
	}
	
	.banLevel,
	.productArea .itemLeft{
		display: none;
	}
	
	.productArea .itemRight{
		float: none;
		width: 100%;
	}

	.pro-top .pro-pic{
		height: 480px;
	}

	.video-ppg, .desc-ppg{
		width: 100%;
	} 
	
	.desc-ppg{
		margin-top: 2rem;
	}
	
	.introductArea .h1-Box{
		height: auto;
	}
	
	.strength-picture,.strength-words{
		width: 100%;
		float: none;
	} 
	
	.strength-picture img{
		width: 50%;
		float: left;
		padding: 0 1rem;
	}
	
	.strength-desc{
		padding-bottom: 0;
	}
	
	.sl-newsDetail .article,
	.side-right .article{
		font-size: 14px;
		line-height: 2.2;
	}

	.foterle-li .tel{
		font-size: 24px;
	}
	
	.foterle-li .telArea .img{
		width: 35px;
	}
	
	.foterle-li:nth-child(3){
		width: 36%;
	}
	
	.foterle-li:nth-child(4){
		width: 20%;
	}
	.foterle-li:nth-child(4) .img{
		width: 120px;
	}
	
	.subLv-tit h2 {
	    font-size: 26px;
	}
	
	.sl-about .about-detail,
	.sl-telligence .honor-r ul li a{
	    font-size: 14px; 
	}
	
	.sl-telligence .honor-r ul{
		padding-top: 1.5rem;
	}
	
	.sl-telligence .honor-r ul li a{
		padding: 1rem;
	}
	
	.sl-telligence .honor-r .swiper-container {
	    padding-bottom: 3rem;
		min-height: 400px;
	}
	
	.sl-telligence .listImg{
		height: 300px;
	}
	
	.sl-perspective .imgBg img{
		height: 65px;
	}
	
	.telligence-list{
		padding: 4rem 0;
	}
	
	.telligence-list .tab-content a{
		font-size: 20px;
		padding-bottom: 1.5rem
	}
	
	.telligence-list .tab-content{
		height: 45px;
	}
	
	.telligence-swiper ul{
		padding-top: 3rem;
	}
	
	.telligence-list .te-shape{
		border: 3rem solid transparent;
		border-top: 3rem solid #fff;
		left: 50%;
	}
	
	.telligence-swiper .swiper-button-prev{
		left: 3%;
	}
	
	.telligence-swiper .swiper-button-next{
		right: 3%;
	}
	
	.telligence-swiper .swiper-button-prev, .telligence-swiper .swiper-button-next{
		top: 48%;
	}
	 
	.history-detail{
		min-height: 400px;
	}
	
	.history-detail .dates{
		width: 150px;
	}
	
	.history-detail .dates li{
		height: 80px;
		line-height: 80px;
		font-size: 20px;
		padding-left: 10px;
		background: url(../img/sub/biggerdot.png) no-repeat 98px center;
	} 
	
	.history-detail .dates a:after{
		right: 38px;
	}

	.history-detail .dates .selected{
		font-size: 30px;
	}
	
	.timeline-con .li{
		font-size: 14px;
	}
	.timeline-con li h1{
		font-size: 20px;
	}
	.timeline-con .desc{
		padding-left: 3rem;
	}
	 
	.timeline-con .li .right{
		width: 86%;
	}
	
	.ul-news .tit,.ul-projects .tit {
	    font-size: 18px;
	}
	
	.ul-news .tit {
	    margin-bottom: 1rem;
	}
	
	.sl-newsDetail h1{
		font-size: 18px;
	}
	
	.ul-news .bottom{
		padding: 0.5rem 0;
	}
	
	.ul-projects li{
		padding: 0;
	}
	
	.ul-projects .tit{
		margin-bottom: 1.5rem;
	} 
	
	.ul-projects .desc{
		height: 5em;
		-webkit-line-clamp: 3;
	}
	
	.sl-newsDetail .side-left{
		display: none;
	}
	
	.sl-newsDetail .side-right{
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.btn-back{
		padding: 0.75rem 2rem;
	}
	
	.contactList li .item-con .icon{
		font-size: 3rem; 
	}
	
	.contactList li .tit{
		font-size: 18px;
	}
	
	.contactList li .desc{
		font-size: 14px;
	}
	
	.contactList li .wrap{
		padding: 2rem 0;
	}
	
	.message-form {
		padding-left: 7rem;
	}

	.sl-WaterCsv .side-left .tit{
		font-size: 20px;
	} 
	
	.sl-WaterCsv .side-left{
		display: none;
	}
	
	.sl-WaterCsv .side-right {
	    width: 100%;
	}
	
	.searchBox .inp-search{
		height: 40px;
	}
	
	.searchBox .m-tag{
		display: block;
	}
	
	.searchBox .tag{
		display: none;
	}
	
	.productList .cate-item{
		padding: 2rem 3rem;
		min-height: 31rem;
	}
	
	.productList .c-hd{
		font-size: 20px;
	}
	
	.productList .desc{
		font-size: 14px;
		padding: 0;
		height: 13rem;
	}

	.productList .desc *{
		font-size: 14px !important; 
	}
	
	.productList .itemCon .btn-more{
		font-size: 14px;
		padding: 0.75rem 4rem;
	}
	
	.productList .cate-item:hover::after,
	.productList .cate-item:active::after{
		height: 2px;
	}
	
	
	.pro-top .pro-text .tit h4{
		font-size: 24px;
	}
	
	.pro-btm .tab-content .description .tit{
		font-size: 16px;
		margin-bottom: 2rem;
	}

    
	.timeline-theme-1 .timeline-dots-wrap.left {
		left: -17%;
	}
	.timeline-theme-1 .timeline-vertical .timeline-dots-wrap {
		width: 17%;
	}

	.timeline-theme-1 .timeline-dots li.slide-active button{
		font-size: 30px;
	}
    
	.timeline-theme-1 .timeline-dots li{
		background-position: 83px center;
	}

	.history-detail .timelineCon {
		background-position: 97px 0;
	}

	.timelineCon .title{
		font-size: 20px;
	}

	.timelineCon .li{
		font-size: 14px;
	}

	.timelineCon .desc{
		padding-left: 3rem;
	}

	.soluteArea .title{
		font-size: 15px;
	}
     
	.pro-btm .tab-content .caseList .item{
		padding-bottom: 45%;
	}
	
	.job-list .item .rights .zk,
	.job-list .item .rights .sq{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.job-list .item .con .anniu .btn{
		height: 40px;
		font-size: 14px;
	}
	
	.job-list .item .con {
		padding: 3rem 4rem 4rem;
	}

	.job-list .item .con .tag {
		padding-bottom: 1rem;
	}

	.job-list .item .con .block {
		margin-bottom: 1.25rem;
	}
	
	.history-date h2 {
		padding-left: 5.65rem;
	}

	.history-date h2 a{
		font-size: 20px !important;
	}

	.history-text dl{
		font-size: 14px;
	}

	.history-date .history-text {
		width: 83%;
	}
}

@media (max-width: 991px){
	.digitalizeArea ul li,.productArea .itemRight li,.soluteArea ul li{
		width: 50%;
	}
	
	.digitalizeArea ul li:nth-child(1),.digitalizeArea ul li:nth-child(2){
		padding-bottom: 1.5rem;
	}
	
	.digitalizeArea .item-con:nth-child(1){
		width: 40%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		 -webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	 
	.digitalize-txt{
		width: 60%;
	}
	
	.productArea .imgBg{
		width: 67%;
	}
	
	.foterList{
		padding: 5rem 0 3rem 0;
	}
	
	.foterle-li:nth-child(1),.foterle-li:nth-child(2){
		display: none;
	}	
	 
	.foterle-li{
		width: 100% !important;
		padding-left: 0 !important;
		float: none !important;
	}
	
	.foterle-li:nth-child(3),.foterle-li:nth-child(4){
		border-left: none;
		width: 50% !important;
		float: left !important;
	}
	
	.foterBeian{
		text-align: left;
	}
	
	.sl-telligence .honor-l{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.sl-telligence .listImg{
		width: 55%;
	}
	
	.sl-telligence .listImg-footer{
		width: 87%;
	}
	
	.sl-telligence .listImg,.sl-telligence .listImg-footer{
		height: auto;
		margin: 0 auto;
	}
	
	.sl-perspective{
		background-size: 88%;
		padding-bottom: 8rem;
	}

	.timeline-con .timeImg{
		display: none;
	}
	
	.sl-telligence .honor-r{
		width: 100%;
	}
	 
	.timeline-con{
		width: 75%;
	}
	
	.timeline-con .desc{
		width: 100%;
		padding-left: 1rem;
	}
	
	.otherContact,.mapBox{
		width: 100%;
	} 
	
	.contactList li{
		width: 100%;
	}
	
	.contactList li .wrap {
	    padding: 2rem 4rem;
		border-top: none;
	}
	
	.message-form {
		padding-left: 0;
		width: 100%;
	}

	.message-pic{
		display: none;
	}

	.subLv-tit h2{
		font-size: 20px;
	}
	
	.subLv-tit{
		margin-bottom: 5rem;
	}
	
	.subLv-box {
		padding: 4rem 0;
	}
	
	.ul-news .desc,.ul-projects .desc{
		font-size: 14px;
	}
	
	.form-group label {
	    width: 16%;
		max-width: 16%;
	}
	
	.form-group .error {
		padding-left: 18%;
	}
	
	.form-group .item-input {
	    width: 84%;
	}

	.pro-btm .tab-content .caseList li{
		padding: 1rem;
	} 
    
	.pro-top .pro-pic {
		height: 420px;
	}

	.backBox .btn-back .iconfont{
		font-size: 16px;
	}

	.timeline-theme-1.timeline-container{
		width: 80%;
	}

	.timeline-theme-1 .timeline-dots-wrap.left {
		left: -23%;
	}
	
	.timeline-theme-1 .timeline-vertical .timeline-dots-wrap {
		width: 23%;
	}

	.timeline-theme-1 .timeline-dots li {
		background-position: 80px center;
	}

	.timeline-theme-1 .timeline-dots li.slide-active button {
		font-size: 27px;
	}

	.timeline-theme-1 .timeline-dots button{
		font-size: 20px;
	}

	.timelineCon .timeImg, .timelineCon .desc{
		padding-left: 1rem;
		float: none;
		height: auto;
	}
	.timelineCon .timeImg{
		width: 60%;
	}
	
	.timelineCon .desc{
		width: 100%;
	}

	.timeline-theme-1 .box-item{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.timeline-theme-1 .timeline-list,
	.timeline-theme-1 .box-item{
		height: 450px;
	}

	.history-date .img{
		display: none;
	}

	.history-date .history-text {
		width: 77%;
	}

	.history-text dl {
		width: 98%;
	}
}

@media (max-width: 730px){
	.main {
		padding-top: 70px;
	}

	.mian-box {
	    padding: 1rem 0;
		margin-top: 2rem;
	} 
	

	.history-detail .inner{
		padding: 1rem;
	}
	
	.history-detail .dates li,
	.timeline-con li h1{
		font-size: 16px;
	}
	
	.history-detail .dates li{
		background: url(../img/sub/biggerdot.png) no-repeat 63px center;
	}
	
	.history-detail .dates .selected{
		font-size: 18px;
	}
	
	.history-detail .dates{
		width: 90px;
	}
	
	.history-detail .dates a:after {
	    right: 14px;
	}
	
	.history-date h2 {
		padding-left: 2.5rem;
	}

	.history {
		background-position: 94px 0;
	}

	.history-date ul li{
		background-position: 86px 0;
	}

	.history-date .history-text {
		width: 80%;
	}
	
	.ul-news .bottom{
		padding: 1rem 0;
	}
	
	.ul-news .bottom .date{
		padding: 0;
	}
	
	.ul-news .tip {
		width: 80%;
		float: right;
		text-align: right;
	}
	
	.ul-news .tip .iconfont{
		font-size: 1.5rem;
	}

	.pro-top .swiper-button-next:after, .pro-top .swiper-button-prev:after{
		font-size: 2rem !important;
	}

	#scroller li{
		padding-top: 0.5rem !important;
	}

	.searchBox .m-tag{
		height: 8rem;
	}

	.searchBox .m-tag .cate-li span{
		width: 5rem;
		height: 5rem;
	}

	.searchBox .m-tag .cate-li em{
		font-size: 13px;
	}

	.backBox .btn-back .iconfont{
		font-size: 14px;
	}

	.timeline-theme-1 .timeline-dots li {
		background-position: 78px center;
	}
	
	.timeline-theme-1 .timeline-dots li:after {
		right: 1.2rem;
	}

	.timeline-theme-1 .timeline-dots li.slide-active button {
		font-size: 25px;
	}

	.timeline-theme-1 .timeline-dots button{
		font-size: 16px;
	}

	.timelineCon .title{
		font-size: 18px;
	}

	.timelineCon .timeImg{
		padding-top: 2rem;
	}


	.job-list .txt-time{
		display: none;
	}

	.job-list .item .top{
		display: block;
		padding: 1.5rem 2rem;
		min-height: 8.5rem;
	}

	.job-list .item .times,
	.job-list .item .left{
		width: 100%;
		padding-bottom: 1rem;
	}

	.job-list .item .rights{
		margin-top: 0.75rem;
		float: right;
		position: absolute;
		right: 4rem;
	}
	
	.job-list .item .con {
		padding: 3rem 3rem 5rem;
	}
}

@media (max-width: 640px){
	.main {
		padding-top: 5px;
	}

	.logo-text {
		font-size: 14px;
		margin-left: 1rem;
		padding-left: 1rem;
	}
	
	.logo-text .icon{
		font-size: 1.75rem;
	}
	
	.menu-wrap{
		display: flex;
	}
	
	.banner{
		/* height: 340px; */
		margin-top: 60px;
	}
	
	.titCn{
		font-size: 24px;
		line-height: 30px;
	}
	
	.foterle-li:nth-child(3),.foterle-li:nth-child(4){
		border-left: none;
		width: 100% !important;
		float: none !important;
		align-items: flex-start;
	}
	 
	.foterList {
	    padding: 4rem 0 2rem 0;
	}
	
	.ul-news li{
		padding: 1rem 0;
		border-bottom: 0 solid #e4e4e4;
	}
	.ul-news li:first-child {
	    border-top: 0 solid #e4e4e4;
	}
	
	.ul-news .desc{
		color: #7e7c7c;
	}
	
	.ul-news .bottom{
		font-size: 12px;
	}
	
	.ul-news .bottom .date{
		padding: 0;
	}
	
	.ul-news .tip {
		width: 80%;
		float: right;
		text-align: right;
	}
	
	.ul-news .tip .iconfont{
		font-size: 1.5rem;
	}
	
	.ul-news .pic{
		padding: 0;
	}
	
	.footPage .list{
	    width: 100%;
	    float: none;
	}
	
	.footPage .list:last-child{
	    text-align: center;
		margin-top: 2rem;
	}
	
	.ul-projects .txt{
		padding: 1.5rem;
	}
	
	.subLv-box{
		padding: 4rem 0;
		margin-top: 2rem;
	}
	
	.subLv-tit{
		margin-bottom: 3rem;
	}
	
	.subLv-tit .en {
		font-size: 15px;
	}

	.subLv-tit h2{
		font-size: 16px;
		margin: 0.5rem 0;
	}
	
	.subLv-tit h2::after{
		width: 5rem;
		margin: 1rem auto;
	}
	
	.about-detail .extrude{
		line-height: 1.7;
		padding: 0;
	}
	
	.subLv-box .mb{
		 
	}
	
	.soluteArea .title {
		margin: 1rem;
	}

	.sl-telligence .honor-r ul li a{
		padding: 0.75rem;
	}
	
	

	.sl-telligence .swiper-pagination-bullet{
		width: 4rem;
		height: 3px;
	}
	
	.telligence-list .tab-content a{
		font-size: 16px;
		padding-bottom: 1rem;
	}
	
	.telligence-list .tab-content li{
		margin-right: 6rem
	}
	
	.pro-top .pro-pic {
	    height: 360px;
	}
 
	.pro-btm .tab-content .caseList .wrap {
		padding: 0.5rem;
	}
	
	.tab-content .pic-shade h4{
		font-size: 12px !important;
	}

	.job-list .item .rights .zk{
		width: 9rem;
	}

	.leaveMessage{
		margin-top: 10rem;
	}
	
	@keyframes wordsUp{
		0%{
			height: 37px;
		}
		100%{
			height: 100%;
		}
	}

	.history-date .history-text {
		width: 78%;
	}
}

@media (max-width: 540px) {
	
	.timeline-theme-1.timeline-container{
		width: 77%;
	}

	.timeline-theme-1 .timeline-dots-wrap.left {
		left: -29%;
	}

	.timeline-theme-1 .timeline-vertical .timeline-dots-wrap {
		width: 29%;
	}

	.history-detail .timelineCon {
		background-position: 88px 0;
	}

	.timeline-theme-1 .timeline-dots li:after {
		right: 1rem;
	}

	.history {
		background-position: 7.8rem 0;
	}
    
	.history-date .conBox{
		background-position: 7rem 0;
	}
	
	.history-date .history-text {
		width: 75%;
	}

	.history-date ul .arrow{
		width: 1.75rem;
		height: 1.75rem;
	}

	.history-date ul li{
		background-size: 1.5rem;
		background-position: 70px 0;
	}

	.history-date h2 {
		padding-left: 1.5rem;
	}

	.history-date h2 a {
		font-size: 18px !important;
	}

	.history-text dl {
		width: 100%;
	}

	.history-date .firstH1{
		font-size: 2.5rem;
		padding-left: 1rem;
	}

	.history-date .firstH1 .year{
		font-size: 2rem !important;
	}

	.history-date .arrow{
		width: 2rem;
		height: 2rem;
		left: 5.5rem;
	}

	.sl-telligence .honor-r .swiper-container {
	    padding-bottom: 3rem;
		min-height: 360px;
	}
}

@media (max-width:460px) {
	.hidden-xxs{
		display: none;
	}
	
	.header{
		height: 50px;
		min-height: 50px;
	}
	
	.header .logo, .logo-text, .menu-right{
		height: 50px;
	}	
	
	.header .logo .img{
		height: 34px;
	}
	
	.banner .swiper-pagination-bullet{
		width: 3rem;
	}
	
	.menu-wrap{
		width: 30px;
		height: 30px;
		display: flex;
	}
	
	.banner,
	.main{
		/* height: 340px; */
		margin-top: 2.5rem;
	}
	
	.digitalizeArea .topNum span{
		font-size: 2.25rem;
	}
	
	.digitalizeArea .topNum sup{
		font-size: 1.3rem;
	}
	
	.digitalizeArea .icon{
		font-size: 3rem;
	}
	
	.digitalizeArea .topDes{
		font-size: 12px;
	}
	
	.digitalizeArea ul li .wrap{
		padding: 1rem 0;
	}
	
	.digitalizeArea .item-con,.mian-box{
		padding: 0 1rem 0 0;
	}
	
	.productArea .imgBg{
		width: 100%;
	}
	
	.productArea .itemRight li a{
		min-height: 170px;
	}
	
	.productArea .itemRight .proName,
	.soluteArea .title{
		font-size: 13px;
	}
	
	.pro-top .pro-text .tit{
		padding-top: 1rem;
	}

	.pro-top .swiper-button-prev, .pro-top .swiper-button-next{
		width: 22px !important;
	}
	
	.subLv-box{
		padding: 2rem 0;
	}
	
	.soluteArea .info .iconfont{
		font-size: 3.5rem;
	}
	
	.soluteArea .more .iconfont{
		font-size: 2rem;
	}
	
	.h1-title {
	    margin: 2rem 0;
	}
	
	.titCn{
		font-size: 24px;
		line-height: 30px;
	}
	
	.desc-ppg{
		padding: 2rem;
	}
	
	.desc-ppg .bar-top {
	    width: 50px;
	    height: 2px;
	}
	 
	.btnArea{
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	
	.btnArea .bnt-more {
	    padding: 5px 20px;
	}
		
	.strength-picture .img{
		padding: 1rem;
	}
	
	.strength-words h4,.sl-newsDetail h1, .side-right h1{
		font-size: 16px;
		margin: 1rem 0;
	}
	
	.strength-tit .prominent{
		font-size: 18px;
	}
	
	.soluteArea ul li{
		height: 180px;
	}
	
	.telligence-list .tab-content{
		height: 35px;
	}
	
	.telligence-list .te-shape{
		border: 2rem solid transparent;
		border-top: 2rem solid #fff;
	}
	
	.telligence-swiper ul li{
		width: 30%;
	}
	
    .history-detail {
		min-height: 350px;
		border-width: 1rem;
	}

	.history-detail .timeline{
		background: none;
	}
	
	.history-detail .inner{
		padding: 1rem 0;
	}

	.history-detail .timelineCon {
		background-position: 73px 0;
	}
    
	.history-date .arrow{
		left: 4.5rem;
	}

	.history-date .conBox{
		background-position: 6rem 0;
	}

	.history-date .history-text {
		width: 72%;
	}

	.history {
		background-position: 6.8rem 0;
	}

	.timeline-vertical .timeline-dots li {
		background-size: auto 30%;
	}

	.timelineCon .title,
	.timeline-theme-1 .timeline-dots button {
		font-size: 15px;
		font-weight: normal;
	}

	.timeline-theme-1.timeline-container {
		width: 76%;
	}
	
	.timeline-theme-1 .timeline-dots li {
		background-position: 62px center;
	}
	
	.timeline-theme-1 .timeline-dots li.slide-active button {
		font-size: 16px;
		font-weight: bold;
	}

	.timeline-theme-1 .timeline-dots li:after{
		width: 0.5rem;
		height: 0.5rem;
	}
    
	.timeline .next .iconfont, .timeline .prev .iconfont{
		font-size: 3rem;
	}
	 
	.timeline-theme-1 .box-item{
		padding-left: 1rem;
	}
	
	.timelineCon .timeImg, .timelineCon .desc {
		padding-left: 0.5rem;
		float: none;
		height: auto;
	}
    
	.timelineCon .desc {
		width: 93%;
	}
	
	.timeline .grad_top, .timeline .grad_bottom{
		height: 4rem;
	}
	
	.timeline-con li h1{
		margin-top: 0;
	}
	
	.timeline-con .li .left{
		text-align: left;
	}
	
	.timeline-theme-1 .timeline-list,
	.timeline-theme-1 .box-item{
		height: 350px;
	}

	.telligence-swiper .swiper-button-prev,
	.telligence-swiper .swiper-button-next {
		width: 3rem;
		height: 3rem;
	}
	
	.telligence-swiper .inner{
		padding: 0 0.5rem;
	}

	.telligence-swiper .inner p{
		line-height: 1.4;
		font-size: 12px;
	}
	
	.sl-perspective .desc{
		padding: 2rem 0;
	}
	
	.foodiBox{
		padding: 0 0.5rem;
	}
	
	p{
		line-height: 1.9;
	}
	
	.foterle-li .telArea .img{
		width: 28px;
	}
	
	.foterle-li .tel,
	.pro-top .pro-text .tit h4 {
		font-size: 18px;
	}
	
	.t_fotnav:first-of-type a, .t_fotnav:first-of-type{
		font-size: 14px;
	}
	
	.foterBeian{
		padding: 2rem 0;
		font-size: 12px;
	}
	
	.foterBeian img{
		width: 22px;
		padding-right: 0.5rem !important;
	}
	
	.foterBeian p{
		margin: 0;
	}
	
	.pro-top {
	    display: block;
	}
	
	.pro-top .depict{
		font-size: 14px !important;
		margin: 1.5rem 0 0 0;
	}
	
	.pro-top .depict *{
		font-size: 14px !important;
	}

	.pro-top .other{
		margin-top: 0;
		padding-bottom: 1rem;
	}	
	
	.pro-top .pro-pic,.pro-top .pro-text{
		width: 100%;
	}
	
	.pro-btm .tab-nav {
		height: 45px;
		line-height: 45px;
	    overflow-x: auto;
	    overflow-y: hidden;
	    white-space: nowrap;
	}
	
	.pro-btm .tab-nav .item{
		width: 100px;
		font-size: 14px;
		float: none;
	}
	
	.pro-btm .tab-content{
		margin-top: 3rem;
	}
	
	.pro-btm .tab-content .description{
		padding: 0;
	} 
	
	.pro-btm .tab-content p{
		font-size: 14px;
		line-height: 1.8;
		padding-bottom: 1.5rem;
	}
	
	.pro-btm .tab-content .description .tit{
		font-size: 14px;
		margin-bottom: 1rem;
		margin-top: 1rem;
	}
	
	.pro-btm .tab-content .caseList li{
		padding: 0.5rem;
	}

	.sl-newsDetail{
		padding-top: 1rem;
	}
	
	.sl-newsDetail .info, .side-right .info{
		margin-bottom: 2rem;
		font-size: 12px;
		color: #999;
	}
	
	.sl-newsDetail .tip .iconfont, .side-right .tip .iconfont{
		font-size: 1rem;
	}
	
	.sl-newsDetail .tip, .side-right .tip{
		display: none;
	}
	
	.sl-newsDetail .article, .side-right .article {
	    font-size: 13px;
	    line-height: 1.8;
		color: #666;
	}
	
	.sl-newsDetail .footPage .newsPre, .sl-newsDetail .footPage .newsNext{
		width: 100%;
		max-width: 100%;
		float: none;
		margin-bottom: 0.5rem;
	}
	
	.sl-perspective {
		background-size: 130%;
		padding-bottom: 0;
	}

	.sl-perspective .desc{
		font-size: 14px;
		text-align: left;
	}
	
	.sl-perspective .imgBg img{
		height: auto;
	}
	
	
	.footerShare{
		margin-top: 2rem;
	}
	
	.searchBox .inp-search{
		height: 35px;
	}
	
	::-webkit-input-placeholder{
		font-size: 12px !important;
		color: #999 !important;
	}
	 
	.searchBox button,
	.searchBox .input-search{
		font-size: 14px;
	} 
	
	.searchBox button .iconfont,
	.searchBox .input-search .iconfont{
		font-size: 1rem;
	}
	
	.productList .c-hd{
		font-size: 15px;
		text-align: left;
		margin: 1rem 0;
	}
	
	.productList .desc{
		height: auto;
		margin: 1rem 0;
		-webkit-line-clamp: 3;
		font-size: 12px;

		min-height: 7rem;
    	max-height: 7rem;
	}
	
	.productList .desc *{
		font-size: 12px !important; 
	}	
	
	.productList .cate-item{
		padding: 1rem;
		min-height: 18rem;
		margin-bottom: 2rem;
	}
	
	.productList .cate-item .itemCon{
		width: 60%;
		padding-left: 1rem;
	}
	
	.productList .cate-item .pic{
		width: 40%;
		height: 100%;
		padding-top: 1rem;
	}
	.productList .cate-item .pic a{
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		position: relative;
		/* background: #74b1f4; */
	}

	.productList .cate-item .pic img{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
	}

	.productList .itemCon .btn-more{
		padding: 0.5rem 3rem;
		min-height: 32px;
		display: block;
		margin: 0.5rem;
	}  
	
	.ul-news .tit, .ul-projects .tit{
		font-size: 16px;
	}
	
	.ul-projects .inner, .ul-news .inner{
		display: block;
	}
	
	.ul-news .pic,.ul-news .txt,
	.ul-projects .pic,.ul-projects .txt{
	    width: 100%;
	    float: none;
	}
	
	.ul-projects .desc{
		-webkit-line-clamp: 2;
		margin-bottom: 1rem;
		color: #999;
		font-size: 12px;
	}
	
	.ul-news .desc{
		font-size: 12px;
	}
	
	.ul-news .tit{
		margin-top: 1.5rem;
	}
	
	.ul-projects .tit{
		margin-top: 0.75rem;
	}
	
	.contactList li .wrap{
		padding: 1rem;
	}
	
	.contactList li .tit{
		margin: 0.5rem 0;
	}
	
	.mapBox{
		height: 300px;
		overflow: hidden;
	}

	.contactGrid{
		padding: 1rem;
	}
	
	.otherContact p {
	    line-height: 1.8;
	}
	
	.leaveMessage{
		margin: 2.5rem 0;
	}
	.message-tit span{
		padding: 1rem 3rem;
	}
	
	.message-con {
	    padding: 2.5rem 3rem;
	    margin-top: 2rem;
	}
	
	.form-group .input-style {
	    height: 35px;
	    line-height: 35px;
	}
	
	.form-group .btn-submit{
		width: 100%;
		padding: 0.6rem 5rem;
	}

	.pro-btm .tab-content .description *{
		font-size: 14px !important;
	}

	.pro-top .pro-text .tags{
		margin-top: 1rem;
	}
}

 