@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1550px) {
	header .top h1{float: left; width: 340px; margin-top: 15px;}
}
@media screen and (max-width: 1480px) {
	.layout{max-width:97%; }
	header .top{max-width:97%; }
	.foot .box{max-width: 97%;}
	header .top h1{width: 320px; }
	
	#timeline{width:100%;}

}
@media screen and (max-width: 1280px) {
	header .top h1{ width: 300px; }

}
@media screen and (max-width: 1080px) {
	header{display: none;}
	.sp_header,.sjj_nav{ display:block;}
		.about008{ width: 100%;  }
		.about009{ width: 100%;  }
		
		
	/*------------------手机导航开始----------------------------------------------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:static;left: 0px;top: 0px;z-index:1000;width:100%; border-bottom: 1px solid #e2e2e2;}
	.sp_logo{padding:15px 0 0 10px;float:left;height:40px}
	.sp_logo img{margin:auto;max-height:40px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#333;width:30px;height:2px;position:static;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:static;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:70px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 82px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:82px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
	.sjj_nav ul li i{position:static;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:55px;font-size:16px; color: #000;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#444;width:80%}
	.sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:45px;font-size:14px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#f39800}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/

	.mtop{margin-top: 70px;}
	.banner,.ny_banner img{margin-top: 70px;max-height:auto;}
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-yi{bottom: 15px;}
	.banner .swiper-pagination-bullet{width: 10px;height: 10px;border:1px solid #FFF;}
	.banner .swiper-pagination-bullet-active{border:1px solid #FFF;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}
	
	.intitle{font-size: 28px;}
	.intitle p{font-size: 14px;}
	
	.dlip .bd li .pic{width: 40%;float: left; padding:1%;}
	.dlip .bd li .ipro_t{float: left; width:54%;padding:0 2%; }
	.dlip .bd li .ipro_t h3{font-size:18px; margin-top: 3%; }
	.dlip .bd li .ipro_t p{margin-top: 1%;line-height:30px; font-size: 14px;}
	
	.derp .jjfa ul{margin-left: -0.5%;}
	.derp .jjfa ul li{margin-left: 0.5%; width: 49.5%;}
	.derp .jjfa ul li .zcon p {font-size: 22px; }
	
	.Inews-1st{display:block;width:100%;float:left;}
	.Inews-list{width:100%;float:right;margin-top:0;}
	
	.foot_b .box .t_l{float: left; width:85%;}
	.foot_b .box .t_m{display: none;}
	
	.bread_content .bread_box{float: left;width:100%;padding: 10px 0;}
	.bread_content .inner_nav{float: left; width:100%; }
	
	.inner_content .inner_about{ font-size:15px; line-height:35px; }
	.inner_content .inner_about img{max-width: 55% !important;}
	
	.culture li{float:left; width:48%; margin-bottom:3%;}
	
	.product ul li, .dyip .box ul li,.yanfa li{ width:31.333%;}
	.partList ul li{float: left;width: 24%;}
	
	
	.solutions_ulcat li{font-size: 14px;}
	.solutions_ulcat li .desc{padding: 20px 30px;}
	.solutions_ulcat li .desc b{font-size: 22px;margin-bottom: 15px;}
	
	.plist_items .desc { font-size:15px; }
	.plist_items .desc h2 { font-size:22px;margin-bottom:15px; margin-top:15px; }
	
	.products_con{width:100%;  margin:25px 0; overflow: hidden;}
	.promore_l{width:100%;float:left;}
	.pros_right{width:100%; float:left;margin-top: 28px;}
	
	.newsList ul li .pic{width: 32%; }
	.newsList ul li .nwetxt{width:calc(100% - 36%); }
	
	.newsList ul li .nwetxt span{display: block; font-size: 14px;color: #888;margin: 10px 0 15px 0}
	.newsList ul li .nwetxt p{font-size: 13px;color: #666;margin-bottom: 10px; line-height: 25px;-webkit-line-clamp: 2; }
	

	.contact_t{float: left; width: 100%;line-height:32px;font-size: 15px; margin-top:0;}
	.contact_b{float: left; width: 100%; margin-top:15px;}
	#map_container{height: 450px;}
}

@media screen and (max-width:820px) {
	.dlip .hd ul li{ height:40px;line-height:40px;padding:15px 0;}
	.dlip .hd ul li span {font-size:13px;  margin-left:5px; }
	.dlip .hd ul li i, .dlip .hd ul li em { width:28px; height:28px;}
	.dlip .bd li .pic{width: 96%;padding:0 2%;}
	.dlip .bd li .ipro_t{ width:96%;padding:2%; }
	.dlip .bd li .ipro_t h3{font-size:18px; margin-top: 3%; }
	.dlip .bd li .ipro_t p{margin-top: 1%;line-height:30px; font-size: 14px;}
	
	.dyip .box ul li{width:48%;}
	.dyip .box ul li .desc{ font-size: 15px; padding: 15px 0;}
	
	.dsanp{ padding:40px 0;}
	.dsanp .intr_left{float: left; width: 100%;}
	.dsanp .intr_right{float: right; width: 100%; margin-top: 20px; padding: 0;}
	.dsanp .intr_right .p1{ font-size: 27px; padding-bottom:12px;}
	.dsanp .intr_right .more{ margin-top: 25px;}
		
	.Inews-list .hye_news .hy_cont ul{margin-left:0;}
	.Inews-list .hye_news .hy_cont ul li{width: 100%; margin-left:0; }
	
	.foot_b .box{display: none;}
	.foot_b .copyright{border-top:none; margin-top: 0;}
	.client-2{display: none;}
	
	.bread_content .inner_nav ul li a{padding:10px 20px;font-size:14px;}
	
	.inner_content .inner_about{ font-size:14px; line-height:32px; }
	.inner_content .inner_about img{float: none !important; max-width: 100% !important; margin:0 0 16px 0 !important;  width:100% !important;}
	.inner_content .inner_about table td{width: 100%; float: left;}
	
	.htmleaf-container{margin: 35px 0; }
	#timeline{margin: 30px; padding: 0; width: 92%;}
	#timeline:before{left: 0;}
	#timeline .timeline-item .timeline-content{width: 90%; float: right;}
	#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before{left: 10%; margin-left: -6px; border-left: 0; border-right: 7px solid #2e3192;}
	#timeline .timeline-item .timeline-icon{left: 0;}
	
	
	.Ulimg li,.product ul li,.yanfa li{ width:48%;}
	.partList ul li{float: left;width: 32.333%;}
	
	.inner_flow table td{font-size: 13px !important;}
	
	.culture li{ width:98%;}
	.culture li h4{font-size:20px;}
	
	.plist_items .desc { width: 100%;}
	.plist_items .thumb {width: 100%; margin: 30px 0;}
	
	.solutions_ulcat li .thumb{width: 100%;}
	.solutions_ulcat li .desc{width: 100%;padding: 15px 25px;}
	
	.pro_table table{font-size: 13px;}
	.pros_right_top h2{font-size: 20px;}
	
	.spec-scroll .items{width:85%; }
	
	.new-cont-list .timer{width: 20%;}
	.new-cont-list::before{display: none;}
	.new-cont-list .timer b{font-size: 38px;line-height: 45px;}
	.new-cont-list .timer span{font-size: 16px;}
	.new-cont-list .txt h5{font-size: 18px;}
	.new-cont-list .txt p{font-size: 13px; line-height: 25px;}
	
	.newsList ul li .pic{display: none;}
	.newsList ul li .nwetxt{width:100%}
	
	.NewsDetailed h4{font-size:17px;}
	.NewsDetailed-content{line-height:30px;font-size:14px;}
	
	.client li{float: left;width: 31.333%;}
	.fanhui{display: none;}
	
	h2.cmtit{margin-bottom:24px;font-size:20px;}
	.contactBox .map_left{ width: 100%;}
	.contactBox .mode_right{ width: 100%;}
	.contbox{padding:4.5% 3%; min-height:auto;}
	.contbox p{font-size:14px!important;margin-bottom:15px;}
	#map_container{height:375px;}
	
	.Online .col-md-6{margin-bottom:15px; width: 100%;}
	
}

@media screen and (max-width:580px) {
    .dlip .hd ul li{width:50%; border-bottom:1px solid #eee; padding:10px 0; font-size:14px;}
}