﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1650px) {
	.dyip,.derp,.dsanp{  padding:3.5% 2% }
	
	.contain{max-width:97%; }
	
	.foot .box{padding:0 2% }
}
@media screen and (max-width: 1450px) {
	.logo{width: 300px;}
	.nav02{padding-left: 290px;}
	.w_wbox{padding: 10px 2%; }
	.nav02 .navigation > li > a{padding: 0 45px;}
}
@media screen and (max-width: 1250px) {
	.nav02 .navigation > li > a{padding: 0 36px;}
}

@media screen and (max-width: 1180px) {
	
	header,.w_wbox{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 #e2e2e2;}
	.sp_logo{padding:10px 0 0 10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:50px;}
	.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: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: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: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}
	/*-----------------------------手机导航结束----------------------------------------*/


	.banner{margin-top: 70px;}
	.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;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}
	
	.dyip .title{font-size:24px; }
	.dyip .swiper-slide h2{font-size: 14px;}
	
	.derp .box .t_name .font34{font-size:32px; }
	.derp .box .txt .txt_wm{font-size: 14px; line-height: 27px;}
	.derp .box .txt .txt_wm h2{font-size:24px; padding-bottom: 5px;}
	
	.derp .box .t_name{float: right; width: 40%; margin-top: 15px;}
	.derp .box .t_name .gimg{width: 100%;}
	.derp .box .txt{float: left; width: 56%; }
	.index-more a{ margin: 15px 0;}
	
	.dsanp .titb{font-size:24px; }
	.dsanp .id_news ul{margin-left: 0;}
	.dsanp .id_news ul li{width: 100%; margin-left:0; margin-bottom: 22px;}
	.dsanp .id_news ul li .xcon .date{font-size:18px;}
	.dsanp .id_news ul li .xcon .xbt{font-size: 14px; line-height: 28px;}
	
	
	.banner_pic{margin-top: 70px;}
	.inner_content{padding:20px 0; }
	
	.intitle{width: 100%; margin:25px 0;}
	.intitle h2{font-size:25px;}
	
	.bread_content .bread_box{width:100%; padding:20px 0;font-size:14px;}
	.bread_content .inner_nav{float:left;width:100%; }
	.bread_content .inner_nav ul{margin-top: 0; margin-bottom: 15px; display:flex;flex-flow:wrap}
	.bread_content .inner_nav ul li a{display:inline-block;padding:12px 15px;font-size:15px;}
	
	.inner_content .inner_about img{max-width:100% !important; margin: 10px 0 !important;}
	
	.left-menu{display: none;}
	.right_content{width: 100%;float: left;}
	
	.main-contact h2{font-size:25px;}
	.main-contact .send-msg{float:left;padding:25px 0;width:100%;}
	.main-contact .way{float:left;padding-top:5px;width:100%;}
	
	#map_container{height:450px; margin:10px 0;}

}

@media screen and (max-width: 880px) {
	
	.derp .box .t_name{float: left; width: 100%; margin: 22px 0;}
	.derp .box .txt{float: left; width: 100%; }
	.derp .box .txt .txt_wm{text-align:inherit;}
	.index-more a{display: inline-block;width: 125px;height: 36px;line-height: 36px; font-size: 15px;}

	
	.foot .box .foot_b{ margin-top: 20px; }
	
	.inner_content .inner_about{font-size:14px; line-height:28px; }
	
	.user_editor img{display: block; width: 100% !important; float: left !important;}
	.user_editor table td{max-width: 100%;font-size:14px;}
	
	.about03 .box{margin-bottom: 30px;}
	.about03 .years-box .text{font-size: 14px; }
	
	.f-sty01{font-size: 22px; }
	
	.about06 .box{ font-size:14px; line-height: 27px;}
	.about06 .icon li{width: 32.8%; margin-bottom: 18px;}
	
	.Ulimg li{width: 48%; }
	.products li{float: left;width: 48.667%; box-shadow: none;}
	
	.products_t .left{width:100%;}
	.products_t .right{width: 100%;float: left; margin-top: 20px;padding-bottom: 25px; border-bottom: 1px dashed #ccc;}
	.products_t .left .gallery-thumbs {width: 100%; height: 20%;box-sizing: border-box;padding-top: 10px; position:inherit; }
	.products_t .right .buy{position:inherit; margin-top: 20px;}
	
	.pro_con video{width:100% !important;}
	
	.news li .pimgs{width:125px; }
	.news li .info_n{width: calc(100% - 145px); }
	.NewsDetailed-content{line-height:28px;font-size:14px;}
	
	.client li{float: left;width:31.333%;}
	.fanhui{display: none;}
}