@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1024px){
	.header .logo span{ display:none}
	.xunpan{ display:none;}
	}
@media screen and (min-width:768px) and (max-width:1024px){
	/*首页*/
	.layer{ width:96%;}
	.nav .nav_list li{ padding:0 15px; font-size:14px;}
	.news ul li span img{ margin-top:15px;}
	.header .mb_nav{ display:none;}
	.header{ border-bottom:1px solid rgba(255,255,255,0.2); height:70px;}
	.header .logo{ line-height:70px;}
	.header .mb_nav .nav_box{ display:block;}
	.nav{ display:block;}
	.nav_icon{ display:block; margin-top:20px;}
	.header .head_title{display:block;}
	.serach{ width:auto;}
	.serach input[type=text]{ width:66%;}
	.news_contact li{ margin-bottom:0;}
	.news_contact{ margin-bottom:0;}
	.product{ padding-top:0;}
	.content{ padding-top:20px;}
	.footer .foot_nav li a{ font-size:14px;}
	.footer .foot_nav li{ padding:0 20px;}
	.pro_contact li{ width:50%;}
	.news_contact li .news_cr p{ line-height:18px; height:72px;}
	.news_contact li{ margin-bottom:20px;}
	/*IN page*/
	.side_nav{ width:32%;}
	.within_product{ width:66%;}
	.within_product h2{ padding-bottom:0;}
	.side_nav h3 a{ padding:0 10px;}
	.side_nav h3{ font-size:15px;}
	.contact_from textarea{ width:96%; font-size:14px;}
	.xunpan{ display:none;}
}
@media screen and (min-width:641px) and (max-width:767px){
	/*首页*/
	.layer{ width:96%;}
	.header{ height:60px;}
	.header .layer{ width:100%;}
	.header .layer{ overflow:inherit;}
	.header .mb_nav .serach{ display:block; width:95%; position:relative;}
	.header .logo{ float:left; line-height:60px; margin-left:10px;}
	.header .logo img{height: 60px;}
	.header .mb_nav{ display:block;}
	.header .mb_nav .nav_box{ display:none; top:60px;}
	.nav{ display:none;}
	.nav_icon{ display:block; margin-top:16px;}
	.footer .foot_nav li{ padding:0 10px;}
	.header .head_title{display:none !important;}
	.header .nav_box .head_title1{ display:block !important; text-align:center; float:none; padding:8px 0; margin:0;}
	.banner{ margin-top:0;}
	.banner .layer{ width:100%;}
	
	.content{ padding-top:20px;}
	.product{ padding:10px 0;}
	.pro_contact li{ width:50%;}
	.news_contact li{ width:100%; margin-bottom:20px;}
	/*IN page*/
	.nav1{ display: none;}
	.side_nav{ width:99%; margin-bottom:20px; float:none;}
	.within_product{ width:99%;float:none;}
	.side_nav li .navigate_two_tree{ display:none;}
	.side_nav li .navigate_two_tree li a{ padding:2px 40px;}
	.side_nav li .navigate_two_tree li{ line-height:26px;}
	.side_nav li .navigate_two_tree li a{background: url(../images/link_bg2.gif) no-repeat 25px center;}
	.within_product h2{ padding-bottom:0;}
	.side_nav h3 a{ padding:0 10px;}
	.side_nav h3{ font-size:15px;}
	.contact_from textarea{ width:96%; font-size:14px;}
	.side_nav>h2>span{ display: block;}
	.side_nav>ul,.side_nav>ul>li>ul,.add{ display: none;}
	.within_product ul li{ width: 50%;}
	.xunpan{ display:none;}
	
}
@media screen and (min-width:0px) and (max-width:640px){
	/*首页*/
	.side_nav>ul,.side_nav>ul>li>ul,.add{ display: none;}
	.side_nav>h2>span{ display: block;}
	.layer{ width:96%; margin: 5px auto;}
	.header{ height:50px;}
	.header .layer{ width:100%;}
	.header .layer{ overflow:inherit;}
	.header .mb_nav .serach{ display:block; width:95%; position:relative;}
	.header .logo{ width:70%;line-height:50px; margin-left:5px;}
	.header .logo img{height: 50px; width: 90%;}
	.header .mb_nav{ display:block;}
	.header .mb_nav .nav_box{ display:none;}
	.nav{ display:none;}
	.nav_icon{ display:block;}
	.header .head_title{display:none !important;}
	.header .nav_box .head_title1{ display:block !important; text-align:center; float:none; padding:8px 0; margin:0;}
	.footer .foot_nav li{ padding:0 10px;}
	.footer{ height:auto; padding-bottom:12px; text-align:center;}
	.footer .foot_nav{ width:100%; overflow:inherit;}
	.footer .foot_nav li{ width:33.33%; float:left; border:none; padding:5px 0; text-align:center;}
	.footer .foot_nav li a{ font-size:13px;} 
	.banner{ margin-top:0;}
	.banner .layer{ width:100%;}
	.swiper-button-next, .swiper-button-prev{ width:30px; height:30px; margin-top:-15px;-moz-background-size:30px 30px; -webkit-background-size:30px 30px;background-size:30px 30px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:5px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:5px;}
	
	.content{ padding-top:0px;}
	.con_title{ height:50px; line-height:50px;}
	.con_title a{ margin-top:12px;}
	.about_contact img{ width:100%; padding-top:0;}
	.about_contact p{ line-height:22px;}
	.product{ padding:10px 0;}
	.pro_contact li{ width:100%; margin-bottom:5px;}
	
	.news_contact{ padding-bottom:0;}
	.news_contact li{ width:100%;}
	.news_contact li .news_cr h5{ width:100%; height:25px; line-height:25px; font-size:18px;}
	.news_contact li .news_cr p{ width:100%; height:72px; line-height:18px;}
	/*IN page*/
	
	.side_nav{ width:99%; margin-bottom:20px;float:none;}
	.within_product{ width:99%;float:none;}
	.side_nav li .navigate_two_tree{ display:none;}
	.side_nav li .navigate_two_tree li a{ padding:2px 40px;}
	.side_nav li .navigate_two_tree li{ line-height:26px;}
	.side_nav li .navigate_two_tree li a{background: url(../images/link_bg2.gif) no-repeat 25px center;}
	.within_product h2{ padding-bottom:0;}
	.side_nav h3 a{ padding:0 10px;}
	.side_nav h3{ font-size:15px;}
	.page_nav{ margin:0; }
	.page_nav .layer{padding:10px 0}
	.img_left img{ width:100%;}
	.within_product ul li{ width:100%;}
	.within_product .within_news{ padding:30px 15px;}
	.header .serach input.search_key{ width:100%;}
	.contact_from input.name{ width:98%;}
	.contact_from textarea{ width:95%;}
	.contact_from .submit{ width:40%;}
	.footer p{ font-size: 12px;}
	.skype,.tel_bg{ display: none;}
	.xunpan{ width:85px; padding:5px 0; background:rgba(21,75,133,1); position:fixed; bottom:0; right:-59px; color:#fff; text-align:center; font-size:14px; line-height:20px;  border-top-left-radius:5px; cursor:pointer; z-index:100;}

}