@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1080px) {
	.sNav2 .content{width:97%;  margin: 0 auto;}
	
	.layout{width:96%;margin:0 auto;}
	
	.replay_text1{width:26.9%;}
}


@media screen and (max-width: 980px) {
	
	.topDiv, .headDiv{ display:none;}
	.sp_header,.sjj_nav{ display:block;}
	.keifu{ display:none;}
	
	.sp_header{height:75px;overflow:hidden;background:#fff;position:fixed; top: 0;  z-index:1000;width:100%;}
	.sp_logo{padding:7px 0;float:left;height:60px}
	.sp_logo img{margin:auto;max-width:95px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:32px}
	.sp_nav span{display:block;background:#e62129;width:30px;height:2px;position:absolute;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:fixed;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:75px; z-index: 999;}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#333;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; cursor: pointer;}
	.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:48px;font-size:15px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#333;width:80%; font-weight: bold;}
	.sjj_nav ul li ul li a{color:#555;display:block;text-align:left; font-size: 13px; line-height: 40px;font-weight:400}
	.sjj_nav ul li i svg{width:20px;height:40px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#e62129}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	
	.banner_pc{display:none;}
	.banner_sj{ display:block;margin-top:75px;}

	.dyip{width:100%; padding:25px 0; }
	.dyip .hd h2{font-size:25px; color: #444;}
	.dyip .hd ul{margin-top: 15px;}
	.dyip .hd ul li{display: inline-block;width: 125px; font-size:13px; line-height:40px;margin:8px 5px;}
	.dyip .bd{margin-top: 18px;}
	.dyip .bd li{ width: 31.333%;margin-left: 2%; }
	
	.derp{  padding: 25px 0;  overflow: hidden;}
	.derp h2{font-size: 25px;}
	.derp .box{margin: 25px auto 0 auto; overflow: hidden;}
	.derp .box ul li .img_title p.one{line-height: 45px;color: #fff;font-size: 20px;}
	

	.dsanp{ padding:25px 0px; overflow:hidden;}
	.dsanp .boxs{margin: 20px auto; overflow: hidden;}
	.dsanp .boxs .dis_L{ border: 8px #fff solid; overflow: hidden;}
	.dsanp .boxs .dis_R{width:55%; margin-left:-25px; margin-top:20px;}
	.dsanp .boxs .dis_R .comps{width:94%; float:left; padding:3%; background:#fff;  color:#666;}
	.dsanp .boxs .dis_R .comps h2{ font-size:18px; font-weight:bold; line-height:30px; color:#0262b8; }
	.dsanp .boxs .dis_R .comps .txts{ padding:8px 0; line-height:28px; font-size:13px;}
	.dsanp .boxs .dis_R .comps .amore a{width:105px; margin-top: 12px; }
	
	.dsip{width:100%; padding:25px 0;background: #fff; overflow: hidden;}
	.dsip h2{font-size: 25px; text-align: center; color: #444;}
	.dsip .box{margin:20px auto 0 auto; overflow: hidden;}
	.dsip .dsip_l{width: 49%;float: left;}
	.dsip .dsip_r{width: 48%;float: right;}
	.dsip .dsip_r li p{margin-top:5px;}
	
	
	.banner_pic img{margin-top:75px;}
	.bread_nav a{display: inline-block;height: 36px; line-height: 36px; width: 125px;}
	
	.wh_box ul li{float: left; width: 48%; }
	.wh_box ul li img{max-width: 100%; height: auto;}
	.wh_box ul li p{font-size:15px; color:#424242; font-weight: bold; line-height:35px; padding: 10px 0;}

	
	.honorList ul li{width:48%;float:left;}
	
	.products ul li{width:48%; float:left;}
	
	.app_p ul li,.case ul li{width: 30.667%; float: left; margin-left: 2%; margin-bottom:1%;}
	.case ul li p{ font-size:14px;}
	
	.case_list li{width:96.3%;  border:5px solid #e2e2e2; padding:1.5%;}
	.case_list li:nth-child(2n){border-left:5px solid #e2e2e2;}
	
	.news_list li{float: left;width: 48%;margin-left: 2%;}
	
	
	.cont_lx{width:100%;float: left;margin-top:0; font-size: 15px; line-height: 32px;}
	.com_map{width:100%;float: right;margin-top: 2%; margin-bottom: 3%;overflow:hidden;}
	
	.replay_text1{width:92%;}
	.replay_text2,.replay_area{width:92%;}
	.replay_text3{width:25%;}
	.replay_sub{margin: 18px 0 0 0; }
}


@media screen and (max-width: 720px) {
    .dyip .hd ul li{display: inline-block;width: 155px; font-size:13px; line-height:40px;margin:8px 5px;}
	.dyip .bd li{ width: 48%;margin-left: 2%; }
	.dyip .bd li:nth-child(5){display: none;}
	
	
	.derp .box ul{ margin-left:0;}
	.derp .box ul li{float: left;  width:100%; margin-left:0; margin-bottom: 1%}
	
	.dsanp .boxs .dis_L{float: left; width:95%; border: 12px #fff solid; overflow: hidden;}
	.dsanp .boxs .dis_R{width:100%; float:left; position:n; margin-left:0; margin-top:0;}
	.dsanp .boxs .dis_R .comps{width:94%; float:left; padding:3%; background:#fff;  color:#666;}
	.dsanp .boxs .dis_R .comps h2{ font-size:18px; font-weight:bold; line-height:30px; color:#0262b8; }
	.dsanp .boxs .dis_R .comps .txts{ padding:8px 0; line-height:28px; font-size:13px;}
	.dsanp .boxs .dis_R .comps .amore a{margin-top: 12px; }
	
	.dsip .dsip_l{width: 100%;float: left;}
	.dsip .dsip_r{width: 100%;float: left;}

	.bottom_nav{ width:100%; padding:25px 0; }
	.bottom_nav .b_nav_l{display: none;}
	.bottom_nav .bottom_contact{ width:100%; float:left; }
	.bottom_nav .bottom_contact h2{ font-size:18px; color:#fff; font-weight:bold; line-height:34px; }
	.bottom_nav .bottom_contact .lxss{ font-size:13px; color:#fff; line-height:28px; margin:10px 0 6px 0;}
	.bottom_nav .bottom_contact .lxss img{ width:125px; float: right; display: block; margin-left: 10px;}
	
	.bread_nav a{display: inline-block;height: 36px; line-height: 36px; width: 105px;}
	.products ul li .title .box h2{ font-size:15px;line-height:24px; padding:0;overflow:hidden;}
	
	.details_content .product_details .details_pic{float: left; width:94%; padding:3%;}
	.details_content .product_details .details_top{float: left; width:94%;padding:3%;}
	.details_content .product_details .details_top h5{font-size:18px; margin-bottom:12px;padding-bottom:12px;}
	
	.details_content .product_details .details_box{background:#f5f5f5;  overflow-x:auto;}
	.details_content .product_details .details_box .details_text table{width: 220% !important; }
	
	.wh_box ul{margin-left:0;}
	.wh_box ul li{float: left; width: 100%; margin-left:0;}
	
	.app_p ul li,.case ul li{width: 46.667%; float: left; margin-left: 2%; margin-bottom:1%;}
	
	.news_list ul{margin-left: 0; }
	.news_list li{float: left;width:100%;margin-left:0; }
	
	
}