﻿@media only screen and (max-width: 1200px) {	
	.banner .item { height: 550px; }	
	.center { padding-left: 15px; padding-right: 15px; }
	.search { width: 100%; }
	
	.probox .center { padding-left: 0; padding-right: 0;}
	
	.customer.center { padding-left: 5px; padding-right: 5px; }
	.customer_list { margin-top: 30px; }
	.customer_list li { padding: 10px; }
	
	.about_news { padding-left: 15px; padding-right: 15px; }
	.about_news .news.center { padding-left: 0; padding-right: 0; }

	.Details_videoBox { height: 400px; }
	

	/* 内页样式 */
	.qebang-col-space30.products { margin: 0; }
  .products .qebang-col-lg9, .products aside { padding: 0; }
  .List .products, .List .AriticleList { padding-left: 15px; }
}    
    
@media only screen and (max-width: 1199px) {
	.pt100 { padding-top: 80px; }
	.pb100 { padding-bottom: 80px; }
	.mt100 { margin-top: 80px; }
	header { padding-top: 25px;}
	header .head { height: 90px; padding-bottom: 25px; }
	header .logo { left: 15px; transform: translateX(0); -webkit-transform: translateX(0); }
	header .head .fr { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }
	
	.probox_nav_list { padding: 10px 20px; }
	.probox_nav_list li a { line-height: 48px;}
	
	.youshi_nav h3 b { font-size: 40px; margin-bottom: 0; }
	.youshi_nav .line { margin-top: 50px;}
	.youshi_list li { padding-bottom: 30px; margin-bottom: 25px; }
	.youshi_text { padding-bottom: 15px; }
	.prev_next { bottom: 25px; }
	
	.shortcut_menu .fr a { padding-right: 20px; }
}
    
@media only screen and (max-width: 992px) {
	.pt100 { padding-top: 60px; }
	.pb100 { padding-bottom: 60px; }
	.mt100 { margin-top: 60px; }
	.mb100 { margin-bottom: 60px; }
	
	.banner .item { height: 450px; }
	
	.number_list {padding: 40px 25px; }
	.number_list h3 { font-size: 48px; }
	.number_list h3 small { top: -15px;}
	
	.probox_nav , .probox_bigpic , .probox_pic { padding: 10px; }
	.probox_nav:after { top: 10px; right: 10px; bottom: 10px; left: 10px; }
	.probox_nav h3 { line-height: 60px; font-size: 20px; }
	.probox_nav_list li a { padding-left: 25px; line-height: 38px; }
	.probox_nav_list li a:after { left: 5px; }
	.probox_text { padding: 20px; }
	.probox_pic a h3 { font-size: 14px; }
	
	.youshi:after { margin-left: -17%; }
	.youshi_nav h3 b { font-size: 36px; }
	.youshi_nav .line { margin-top: 50px;}
	.youshi_list li { padding-bottom: 25px; margin-bottom: 20px; }
	.youshi_text { padding-bottom: 15px; }
	.prev_next { bottom: 25px; }
	
	.youshi_right { padding-left: 40px; }
	.youshi_text h3 { font-size: 18px; }
	
	.title { font-size: 30px; }
	.customer.center { padding-left: 10px; padding-right: 10px; }
	.customer_list { margin-top: 20px; }
	.customer_list li { padding: 5px; }
	
	.about_title { font-size: 32px; line-height: 50px; }
	.about_text { padding-top: 35px; width: 100%; }
	
	.news { padding-top: 50px; }
	.news_title { padding: 0 30px 20px; }
	.news_title h3 { font-size: 20px; }
	.news_title h3 span { font-size: 28px; }
	.newsBox .fl { padding-right: 40px; }
	.newsBox .fr { padding-left: 40px; }
	.newsBox { padding: 30px 30px 40px; }
	.news_dl dl dt { margin-bottom: 0; }
	.news_dl dl dd.sj { font-size: 12px; }
	.news_list li a { line-height: 36px; }
	
	footer { padding-top: 50px; }
	.shortcut_menu .fr { float: left; }
	.shortcut_menu .fr a { padding-right: 50px; }
	.foot_box { padding-top: 50px; }
	
	
	/* 内页样式 */
	.content { padding: 60px 0; }
}
    
    
    
@media only screen and (max-width: 768px) {	
	header { padding-top: 15px; }
	header .head { height: 60px; padding-bottom: 15px;}
	header .logo img { max-height: 60px; }
	header .head .fr { top: 15px; }
	header .menu { top: 15px; }
	.banner .item { height: 300px; }
	
  .number_list h3 { font-size: 36px; }
	.number_list p { font-size: 14px; font-weight: normal; }
	
	.probox .center { padding-left: 5px; padding-right: 5px;}
	.probox_nav , .probox_bigpic , .probox_pic { padding: 5px; }
	.probox_nav:after { top: 5px; right: 5px; bottom: 5px; left: 5px; }
	.probox_nav_list { padding: 20px;}
	.probox_nav_list:after { content:""; display: block; visibility: hidden; clear: both; }
	.probox_nav_list li a { line-height: 34px; }
	
	.youshi:after { display: none; }
	.youshi_nav { width: 100%; padding-bottom: 25px; }
	.youshi_nav .line { width: 100%; max-width: 100%; }
	.youshi_list { max-width: 100%; }
	.youshi_list li { width: 45%; max-width: 45%; float: left; margin-right: 5%; }
	.youshi_list li:nth-child(3) , .youshi_list li:nth-child(4) { margin-bottom: 0; }
	.youshi_right { width: 100%; padding-left: 0; }
	.youshi_right:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f6f6f6; z-index: -1;}
	.youshi_text { padding-right: 15px; padding-top: 35px; }
	.youshi_text h3 { left: 15px; top: 35px; }
	.youshi_text p { padding-top: 15px; }
	.prev_next { left: 15px; bottom: 15px; }
	
	.newsBox .fl { width: 100%; padding-right: 0; }
	.newsBox .fr { width: 100%; padding-left: 0; border-left: none; margin-top: 40px;}
	.news_list li a { line-height: 40px; font-size: 14px; }
	
	.foot_box .fr { float: left; margin-top: 40px; }
	 
	.Details_videoBox { height: 300px; }
	
	/* 内页样式 */
	.site { padding: 10px 0; }
	.content { padding: 40px 0; }
	.products, .AriticleList { float: none !important; }
}

@media only screen and (max-width: 767px) {
	.probox_nav_list li { float: left; width: 50%; }
	.probox_nav_list li a { line-height: 50px; }
}

@media only screen and (max-width: 600px) {
	.number_list { width: 50%; padding: 30px; }
	.number_list:nth-child(2n):after { display: none; }
	.number_list:nth-child(1):before , .number_list:nth-child(2):before {position: absolute; left: 50%; bottom: 0; content: ""; width: 46px; height: 1px; background: #4069c8; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

	.List .AriticleList .newslist a span { position: relative; top: auto; right: auto; line-height: 24px; }
	.List .AriticleList .newslist a b { margin-bottom: 0; }
}

@media only screen and (max-width: 520px) {
	.pt100 { padding-top: 40px; }
	.pb100 { padding-bottom: 40px; }
	.mt100 { margin-top: 40px; }
	.mb100 { margin-bottom: 40px; }
	
	header { padding-top: 10px; }
	header .head { height: 40px; padding-bottom: 10px;}
	header .logo img { max-height: 40px; }
	header .head .fr { display: none; }
	header .menu { top: 10px; }
	
	.banner .item { height: 200px; }
	
	.number_list { padding: 30px 20px; }
	.number_list h3 { font-size: 30px; }
	
	.probox_text { padding: 15px; }
	.probox_click { margin-top: 40px; }
	.probox_click a { width: 140px; border-radius: 0; font-size: 14px; font-weight: normal; }
	.probox_click a.click_online { margin-left: 10px; }
	.probox_nav_list li a { line-height: 40px; }
	
	.youshi_nav .line { margin-top: 35px; margin-bottom: 25px; }
	.youshi_text { padding: 15px; }
	.youshi_text h3 { position: relative; left: auto; top: auto; }
	.youshi_text p {padding-top: 10px; margin-top: 10px; }
	.prev_next { position: relative; left: auto; bottom: auto; padding-bottom: 20px; }
	
	.customer_list li a p { line-height: 40px; height: 40px; }
	
	.news_title { padding: 0 15px 10px; height: 41px; }
	.news_title h3 { font-size: 16px; }
	.news_title h3 span { display: none;}
	.news_moreClick { margin-top: 0; }
	.news_moreClick a { font-size: 12px; margin-right: 8px; }
	.news_moreClick a:hover:after , .news_moreClick a.hover:after { bottom: -10px; }
	.news_pic { margin-bottom: 15px; }
	.news_dl dl dt a { font-size: 14px; }
	.newsBox { padding: 20px 15px 30px; }
	.newsBox .fr { margin-top: 25px; }
	
	
	.shortcut_menu .fr a { padding-right: 30px; }
	.foot_flClick { margin-bottom: 20px; }
	.foot_flClick a { font-size: 16px; }
	.foot_box { padding-top: 40px; }
	.foot_box .fr dt { padding-right: 20px; }
	.foot_box .fr dt p { font-size: 18px; }

	.Details_videoBox { height: 280px; }
	
	/* 内页样式 */
  .site h3 { font-size: 20px; } 
  
}

@media only screen and (max-width: 320px) {
	.banner .item { height: 150px; }
	
	.number_list { padding: 20px 10px; }
	.number_list h3 { font-size: 24px; }
	.probox_nav_list li { box-sizing: border-box; padding-right: 10px; }
	.probox_nav_list li a { padding-left: 15px; }
	.probox_text { padding: 10px; }
	.probox_click { margin-top: 30px; }
	.youshi_nav h3 b { font-size: 32px; }
	.youshi_list li h3 { font-size: 16px; }
	
	.customer_list li a p { line-height: 30px; height: 30px; }
	.Details_videoBox { height: 200px; }
}