﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1580px) {
	header .top .box{max-width: 97%;}
	.hz{max-width:97%;}
	.hza{max-width:97%;}
	.foot .box{max-width: 97%;}

}
@media screen and (max-width: 1250px) {
.logo img{height: 40px;}
.mainbav li{padding: 0 22px;}
.mainbav li a{font-size: 15px;}
}

@media screen and (max-width: 1080px) {
	.top-pc{display: none;}
	.sp_header,.sjj_nav{ display:block;}
	
	/*------------------手机导航开始----------------------------------------------*/
	.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; box-shadow: 0 2px 6px rgb(0 0 0 / 22%);}
	.sp_logo{padding:10px 0 0 6px;float:left;}
	.sp_logo img{margin:auto;max-height:38px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
	.sp_nav span{display:block;background:#1c2952;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:1000;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:60px}
	.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:0;right:0px;border-left:1px #ddd solid;height:55px;padding:20px 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:#00a99d}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/

	.mtop,.banner{margin-top: 60px;}

	.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;}
	
	.banner .swiper-button-next{background: none;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;}
	.banner .swiper-button-prev{background: none;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;}
	.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 28px;color: #eee;}

	.ny-banner img{margin-top: 60px; height: 185px;}
	
	.product ul li{ width:48%;}
	.pro_list .left_detail{width: 100%; }
	
	.my-kefu{display: none;}

	
}

@media screen and (max-width: 880px) {
	.hza{margin:35px auto;}
	.index-about-left{width:100%;}
	.index-about-left-title{font-size:25px;}
	.index-about-left-nr{font-size: 14px; line-height: 27px;}
	.index-about-right{width:100%; margin-top: 25px; display:none;}

	.infou-ul{margin:0;}
	.infou-ul li {float: left;width: 47%; margin-bottom: 35px;}
	.infou-ul li h3 {font-size:19px;}

	.index-products-title,.index-title{font-size:26px;}

	.c-flex .item {width: 50%;}

	.w-newsList1 .news-imgbox{width:100%;}
	.w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
	.w-newsList1 .news-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; }
	:root .w-newsList1 .news-text{ top:0;}
	.w-newsList1 .news-h{font-size: 20px;}
	.w-newsList1 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;padding-left: 3%}
	.w-newsList1 .swiper-num{  top: 53%; margin-top: 0;}

	
	.g_news .dtimg{width: 100%;}
	.dtr{width:100%}

    .g_ft .m_fnav a{font-size:14px;padding: 0 2% 0 0;}
    .g_ft .f_ftcon .f_cb{width:100%;}
    .g_ft .cpr{width:100%; text-align:left; margin-top:20px;}

	.ny-about-left-wb,.ny-about-right{width: 100%;}

	.client li{float: left;width: 48%;}
	
	.product ul{ margin-left:0;}
	.product ul li{width:100%;  margin-left:0;}
	
	.pro_list .left_detail .cp_top{font-size: 14px;}
	.pro_list .left_img{ width:100%;}
	
	.cx-product-01 .list .pic{ width:100%; }
	.cx-product-01 .list .text{ width:100%; margin-top: 30px;}
	
	.news_list ul{margin-left: 0;font-size: 0px;}
	.news_list li{ width: 100%;margin-left: 0; margin-bottom: 5%;}
	.news_list li .title_er{margin: 20px 10px;}
	.NewsDetailed h3{font-size:18px;}
	.fanhui{display: none;}

	.ContactBlock .l_cont{float: left; width: 100%; }
	.ContactBlock .map{float: right; width: 100%;}
	
	.ContactBlock .map #map_container{height:450px;}

	
	#map_container{height:400px;}

}
@media screen and (max-width: 580px) {
	.sp_logo img{margin:auto;max-height:35px; padding-top:6px;}
	.infou-ul ul { margin-left:0;}
	.infou-ul li {width: 100%;margin-left: 0;}
	
	.w-newsList1 .swiper-num{  top: 46%; margin-top: 0; display:none;}

	.cx-news-02 .list .bd{padding-top:8px;}
	.cx-news-02 .list .hd h3{font-size:17px;}
	.cx-news-02 .list .pic{width:38%;}
	.cx-news-02 .list .text{width:calc(100% - 40%);}
	.cx-news-02 .list .bd p{height:30px;line-height:27px;font-size:13px;-webkit-line-clamp:1;}

	.col-sm-6 { width: 100%; float: left; padding: 0 15px; box-sizing: border-box;}

}