﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1350px) {
	.layout{max-width: 97%;}
	.header,.content,.foot .box{max-width: 97%;}
	.ny-menu ul{max-width: 100%;}

}
@media screen and (max-width: 1280px) {
	.top h1{width: 465px; margin-top: 5px;}
	.nav li{padding-left: 35px;}
}
@media screen and (max-width: 1160px) {
	.top h1{width: 430px; margin-top: 5px;}
	.nav li{padding-left: 28px;}
}


@media screen and (max-width: 1080px) {

	.header{display: none;}
	.sp_header,.sjj_nav{ display:block;}
	
	/*------------------手机导航开始----------------------------------------------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #eee;}
	.sp_logo{padding:8px 10px 0 10px;float:left;}
	.sp_logo img{margin:auto;max-height:50px;}
	.sp_lz{float: left; width: 65%; padding-top: .2rem}
	.sp_lz p{font-size: 1.2rem;color:#222; letter-spacing: 1px; line-height: 1.8; font-weight: bold;}
	.sp_lz span{color:#1a6dae; font-size: 1rem; line-height: 1.5}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#444;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:999;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; z-index: 100}
	.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:absolute;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:48px;font-size:15px; 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:40px;font-size:13px; }
	.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}
	/*-----------------------------手机导航结束----------------------------------------*/
	

	.banner_pc{margin-top: 70px;}
	.other-banner{margin-top: 70px;}
	
	.h2-title em{font-size: 75px;}

}

@media screen and (max-width: 780px) {
	.h2-title{font-size: 27px;}
	.h2-title em{font-size: 50px;}
	.dyip .box{padding: 15px 0 0}
	
	.index-product{padding:0}
	.dyip .box ul li{float:left; width: 48%; }
	
	.derp .yi_box .ab_left{width: 100%; float: left;}
	.derp .yi_box .ab_left .ab_bts{font-size: 22px;}
	.derp .yi_box .ab_right{width: 100%; float: right; margin-bottom: 20px}
	
	.index-brand {background-size: cover;  height:auto; padding:35px 0 20px 0;}
	.index-brandbox {width: 99.4%; margin: 0 1px 2% 0; height: auto; padding-bottom: 20px;}
	.index-brandbox .brand-icon {  margin:20px auto; }
	
	.newsL{width:100%; margin-top: 15px;}
	.newsL h3{height: auto;}
	.newsL h3 a{height: auto;}
	.newsL h3 span{text-align:left;float:left;margin-right: 0;display:block; padding:4px 0;}
	.newsR{width:100%; margin-top: 15px; }
	.newsL p,.newsL .xmore{float: left;}
	
	.information-box{display: none;}
	
	.foot .box .t_c{float: left;width: 100%; }
	.foot .box .t_l{display: none;}
	.foot .box .t_r{display: none;}
	.foot .box .t_c dt {font-size: 16px;}
	.foot .box .t_c dd a{font-size:13px;}
	
    .foot .box .foot_b .copyright{font-size:13px;}
	
	.client-2{display: none;}
	
	.pro_left{width: 100%; }
	.contact-z1{display: none;}
    .pro_right{width: 100%;   margin-top: 20px;}
	
	
	.ny-menu { height: auto; overflow: hidden;}
	.ny-menu ul li {height: auto; line-height: 50px; width:50%;border-bottom: 1px solid #e0e0e0;}
	.ny-menu ul li a { padding: 0 35px;font-size:15px; }
	
	.cmp-con {color:#333;line-height:36px; padding-top:15px;font-size:15px;}
	.cmp-con img{width: 100% !important; float: none;margin:0 0 12px 0 !important;}
	
	.products li{width:48%;}
	
	.client li {width:31.333%;}
	
	.promore_l{width:100%;}
	.pros_right{width:100%; margin-top: 20px;}
	.pros_right_top h2{ font-size:21px;}
	
	
	.news-lists dl dt { width: 35%; }
	.news-lists dl dd { width: 62%; float: right; position: relative; }
	.news-lists dl dd .content { width: 100%; }
	.news-lists dl dd .content h3.title { font-size: 16px; }
	.news-lists dl dd .content .con { -webkit-line-clamp:1;}
	.news-lists dl dd .time{display: none;}
	
	.g_lxwm h2{padding: 8px 0; font-size:22px; }
	.g_lxwm .lxwm li{width: 94%;height: 75px;line-height:75px;font-size: 15px;}
	
	
	#map_container{height: 460px; margin-top: 25px;}
	
}