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

@media (min-width: 768px) {
	
	/* 定义keyframe动画，命名为blink */
	@keyframes blink{
	  0%{opacity: 1;}
		 
	  100%{opacity: 0;} 
	}
	/* 添加兼容性前缀 */
	@-webkit-keyframes blink {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	@-moz-keyframes blink {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	@-ms-keyframes blink {
		0% {opacity: 1; } 
		100% { opacity: 0;}
	}
	@-o-keyframes blink {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	
	/* 定义blink类*/
	.blink{
		
		color: #fff;
		animation: blink 1s linear infinite;  
		/* 其它浏览器兼容性前缀 */
		-webkit-animation: blink 1s linear infinite;
		-moz-animation: blink 1s linear infinite;
		-ms-animation: blink 1s linear infinite;
		-o-animation: blink 1s linear infinite;
		
	}
	
	
	
}
.top_home{ display:none;}	
@media only screen and (max-width:1440px){
	.container{width:92%;}
	header .logo{padding-right:100px;}
	.s2{padding:100px 4%;}
	.tabs-l .word{left:5%;top:10%;width:600px;height:350px;}
	.tab_nav .tabs .tc{width:90%;}
	.plist a{width: calc((100% - 120px) / 3);}
	.full-card .content{width:1000px;}
	.hpk-circle{width:700px;height:650px;margin-left: -350px;}
	.animate .user {left: 20%;}
	.animate .safe {left:19%;}
	.animate .high {bottom:90%}
	.animate .peform{left:70%;}
	.animate .ip65 {left: 70.5%;}
	.full-card .content{margin-left:-500px;padding-top:200px;}
	.main .list .lis .sublist{width:98vw;}
	.tabs-l .word h2{font-size:48px;}
	
	
	
	
}
@media only screen and (max-width:1366px){
	.yzt .yzt-txt{	
		padding-left: 10%;
		padding-top: 15%;
	}
	.newl .right{padding:0 3%}
}
@media only screen and (max-width:1280px){
	header .logo {
		padding-right: 0;
	}
	header .logo img{max-width:80%;}
	.sug-news .title{width:96%;}
	.sug-news .title h2{font-size:48px;}
	.design-box .con-wrap img{width:30%;}
	.design-box .con-wrap h3{padding:30px 0;}
	.design-box .con-wrap a{margin-top:30px;}
}
@media only screen and (max-width:1024px){
	header.change_w{height:60px;}
	header .logo img{max-width: 60%;}
	.placholder{height:60px;}
	.header__col_center{display:none;}
	.header__menu-button_mobile {display: block; margin-left:10px;}
	.menu-button,.menu-button__line{
		display: block;
		width: 25px;
		cursor: pointer;
	}

	.header__contact-desktop{display:none;}
	.header__language {margin: 0;}
	.header__contact-mobile {margin: 3px 0 0 0;display: block;}
	.header__contact-mobile_theme_white path {
		fill: #fff;
	}
	.header__col_center{
		position:absolute;
		width:100vw
	}
	
	
	
	
	.about{padding:50px 0;}
	.word{width:100%;float:none;}
	.about .img{display:none;}
	.com_title{font-size:36px;margin-bottom: 30px;}
	.about:after{display:none;}
	.left-img{width:60%;margin:30px auto;float: none;}
	.sugg-pro{padding:50px 0;min-height:900px;}
	.sugg-pro .container{top:0px;}
	.app .container{padding:50px 15px;}
	.app-content{flex-direction: column;}
	.app-banner__col{width: 100%;}
	.h2 {font-size:36px;line-height: 42px;}
	.h4{font-size: 22px;line-height: 26px;}
	.finished-project-banner__sub-title {margin-bottom: 30px}
	.contact .imagebox{
		position: relative;
		clear: both;
		width: 100%;
		height: 300px;
		background-size: cover!important;
		background-position: top -100px left 0!important;
	}
	.contact .textbox{
		width: 100%;
		clear: both;
		float: left;
		margin: 0;
	}
	.col-1, footer .top_nav .col-2{display:none;}
	footer .top_nav .col-3{margin-left:0;}
	footer .top_nav .col-3 .social a{margin-bottom:30px;}
	footer .top_nav .col-3 a{margin-bottom:30px;}
	footer .top_nav .col-3 p {font-size:16px;}
	
	.s1 .container .con{
		position:static;
		transform: translateX(0%);
    	margin-top: 0px;
	}
	.bauo{width:100%;}
	.baup_b span{width:260px;font-size:26px;}
	.s2{padding:30px 13px;margin:30px 0;}
	.s2 h2,.s3 h2{font-size:30px;}
	.s3{padding:50px 0;}
	.s3 .cl{display:block;margin-top:30px;}
	.s3 .cl .four{width:100%;margin-bottom: 20px;}
	.tab_nav .tabs{position:static;height:70px;}
	.tab_nav .tabs .tc{width:100%;}
	.tab_nav .tabs .tc a{width:25%;}
	.tab_nav .tabs .tc a h2{font-size:24px;}
	.tabs-l .word{position:static;width:100%;height: auto;background: #fff;padding:30px 15px;}
	.tabs-l .word h2{font-size:30px;line-height: 1.2;margin-bottom: 20px;color:#333;border-bottom:1px solid #ccc;padding-bottom: 10px;}
	.tabs-l .word p{color:#666;letter-spacing:normal;}
	.his_box .swiper-button-prev {left: -27px;}
	.his_box .swiper-button-next {right: -27px;}
	
	
	.main{height:50px;padding:0;}
	.main .list span{padding-left:20px;width:130px;font-size:16px;line-height: 50px;padding-right: 0;}
	.main .list .lis{width:180px;font-size:16px;line-height:50px;padding-left: 26px;padding-right: 52px;margin-right: 0;}
	.main .list .lis .sublist{width:100vw;padding-left: 0;left:0;top:50px;}
	.apd-info{padding:26px 15px;}
	.apd-info .t1,.apd-info .tp .lh1{font-size:30px;}
	.pimg{margin-top:25px;}
	.apd-info .tp{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 1.5rem;
		flex-direction: column;
	}
	.apd-info .tp .table{margin:0;}
	.apd-info .tp .table .tit-16{font-size:16px;margin-right:20px;}
	.plist a{width:100%;margin-right:0;float:none;}
	.full-card{height:auto;}
	.full-card .content{position:static;width:100%;height:auto;padding:10px; margin:20px 0;}
	.full-card ul li{
		width:100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
		border-right: 0px;
		padding-top:20px;
	}
	.cpxq img{width:50px;}
	.data-sheet-title{font-size:24px;}
	.full-card ul li h2{font-size:20px;letter-spacing: normal;}
	.data-wrap{display:block;}
	.data-word,.data-img{width:100%;}
	.data-word li{padding-right:5%;}
	
	.sn-item{width:100%;padding-right:0;margin-bottom: 20px;}
	.news-list{margin-left:0;}
	.news-list li{width:100%;margin-left:0;}
	.new-info{padding:13px;}
	.new-info .content{padding:15px;}
	.new-info .content .ndt{font-size:24px;}
	.new-info .content .bot{display:block;}
	.more{padding:0 13px 0 19px;height:35px;line-height: 35px;}
	.more .tit-16{line-height: 35px;}
	.d-flex{display:block;}
	.s1 .d-flex{display:flex;flex-wrap:wrap}
	.num ul li{width:50%;margin-bottom:10px;}
	.about_1_4_mid_1 span:nth-child(1){font-size:36px}
	.d-nav li{width:100%;margin-bottom: 10px;}
	.now-title{margin-top:50px;}
	.data li a{
		padding: 28px 20px;
	}
	.data{margin-top:45px;}
	.data li .item-title{display: block;font-size:15px;margin-bottom: 15px;}
	.data .fa{display:none;}
	.data li .item-attr{width: 68%;}
	.data li .item-attr span{font-size:15px;}
	.data li .item-hint {
		font-size: 12px;
		padding:0 8px;
		margin-left: 16px;
		height: 18px;
		line-height: 18px;
		color: #fff;
	}
	
	.in-txt{font-size:18px;}
	
	#modals-container .box{
		width: 100vw;
		min-width: 100%;
		min-height: 100%;
		padding: 40px 10px 60px 15px;
		height: 100vh;
		height: calc(var(--vh-static, 1vh)*100);
		overflow-y: scroll;
	}
	.modal-form_title{
		font-size: 22px;
    	line-height: 26px;
		padding-bottom: 20px;
	}
	.modal-form_row{flex-wrap: wrap;padding-bottom: 20px;}
	.modal-form_col{width:100%;}
	.modal-form_col textarea{
		border-top: 0;
    	border-left: 1px solid #e2e2e2;
	}
}
@media only screen and (max-width:768px){
	header{height:80px;}
	header .container {padding: 0 5px;}
	header .logo img{max-width: 85%;}
	.header__language {margin: 0 10px;}
	
	.container{width:100%;padding:0 15px;}
	.ab{padding:50px 0;}
	.left, .right{width:100%;float:none;}
	.ab .right{padding:0;margin-top: 30px;}
	.ab .right h2 span{margin-bottom:15px;}
	.video-box1{border-radius:0;}
	.f36 {font-size: 28px;}
	.f18{font-size:15px;}
	.ab .right .hbtn{width:150px;height:45px;}
	.foot .top_foot{display:block;}
	.foot .top_foot ul{display:none;}
	.menu-button{
		display: flex;
    	align-items: center;
	}
	.banner .text h2 {font-size:45px;}
	.banner{height:350px;}
	.banner img{width:auto;height:350px;max-width: none;}
	.banner-bottom-menu{display:none;}
	.team-item{width:100%;}
	.intitle{font-size:35px;line-height: 1.5;}
	.buss .cssimgp,.buss .text-con{width:100%;}
	
	.scroll-top {
		width: 35px;
		height: 35px;
		right: 10px;
		}
		
	.scroll-top img {
		max-width: 100%;
		height: auto;

		}
		
	.top_home{ display:block;}	
		
}
@media only screen and (max-width:640px){
	header{height:70px;}
	.design{display:none}
	.sec_nav{padding:0 15px;height:70px;}
	.scroll,.scrolr{display:none;}
	.home-title h5{font-size:36px;}
	.partner-container a{width:50%;}
}