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

@media (max-width: 1000px){
	.dis{ display: none;}
	.mdis{ display:block;}
	/*nav*/
	.apptop {width:100%; height:70px; background:#fff; background-size:100% 50px; position:relative; z-index:8888; box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.applogo { position:absolute; top:10px; left:10px; height:50px; overflow:hidden;}
	.applogo img { height:50px; float:left; margin-right:10px;}
	.applogo span{ line-height:50px; font-family:"微软雅黑"; font-size:18px; color:#444;}
	.appmenu {width:24px; height:24px; overflow:hidden; position:absolute; top:50%; margin-top:-12px; right:15px; cursor:pointer;}
	.appmenu p {width:100%; height:3px; background:#282b86; border-radius:3px; position:absolute; top:0; left:0;}
	.appmenu .p1 {top:8px;}
	.appmenu .p2 {top:16px;}
	.appmenu_on .p1, .appmenu_on .p2 {top:11px;}
	.appmenu_on .p1 {transform:rotate(135deg);}
	.appmenu_on .p2 {transform:rotate(-135deg);}
	
	#menu {width:100%; height:100%; overflow:hidden; display:none;}
	#menu ul {width:100%; margin:0 auto;}
	#menu ul li {width:100%; height:42px; line-height:42px; text-indent:20px; border-top:1px solid #f0f0f0;}
	#menu ul li a {color:#2b2b2b; width:100%; height:42px; display:block; background:#fff; text-transform:uppercase;}
	#menu ul li a:hover {color:#fff; background:#282b86;}
	#menu .menu_son {height:38px; line-height:38px;}
	#menu .menu_son a {height:38px;}
	
	.nav_on a {background:#0061ae !important;}
	.nav_on a:hover {color:#fff !important;}
	
	.mwarp{ width:100% !important;}
	.mwarp90{ width:90% !important; margin:0 5%;}
	.mwarp80{ width:80% !important; margin:0 10%;}
	.mg5{ margin:0 5%;}
	.mg10{ margin:0 10%;}
		
	.position {width:100%; padding-bottom:20px;}
	.position dt {width:100%; height:36px; background:#30328c; position:relative; margin-bottom:1px;}
	.position dt a {font-size:14px; font-weight:bold; line-height:36px; padding-left:15px; display:block; position:relative; z-index:2; color:#fff;}
	.position dt span {font-size:18px; height:22px; line-height:22px; position:absolute; top:7px; right:15px; z-index:1; color:#fff;}
	.position dd {width:100%; height:36px; border-bottom:1px solid #eee; background:#f8f8f8; display:none;}
	.position dd a {font-size:12px; font-weight:bold; line-height:36px; padding-left:15px; display:block; position:relative; z-index:2;}
	
	.i_title{ background:url(../images/i_title_bg.png) no-repeat center; color:#2f318b; height:34px; line-height:34px; font-family:"微软雅黑"; font-size:18px;}
	
	.m_news_btn ul li{ float:left; background:#f2f3f5; text-align:center; width:50%; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px;}
	.m_news_btn ul li.on{ background:#30328c; color:#fff;}
	.m_news_top{ position:relative;}
	.m_news_top img{ display:block;}
	.m_news_top div{ position:absolute; width:100%; bottom:0; height:48px; line-height:48px; background:rgba(48,50,120,.6); text-indent:20px; color:#fff; font-family:"微软雅黑"; font-size:14px;}
	.m_news_list ul li{ line-height:30px; width:100%; overflow:hidden;}
	
	.m_pro_warp{ width:50%; float:left;}
	.m_pro_box{ border:3px solid #30328a; position:relative;}
	.m_pro_box img{ display:block;}
	.m_pro_box div{ width:100%; text-align:center; height:30px; line-height:30px; background:rgba(48,50,138,.7); position:absolute; bottom:0; color:#fff; font-family:"微软雅黑"; font-size:13px;}
	.swiper-pro-btn{ text-align:center; padding-top:15px;}
	.swiper-button-right .fan{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
	.swiper-pro-btn{ text-align:center;}
	.swiper-button-left,.swiper-button-right{ position:static; display:inline-block; width:auto; height:auto;}
	.abotton{ display:inline-block; border:1px solid #ddd; padding:0 20px; height:30px; line-height:30px; margin:0 10px;}
	.abotton i{ font-size:20px !important;}
	
	.i_about_warp{ width:100%; float:none;}
	.i_three_warp{ width:100%;}
	.i_three_box{ margin:0;}
	.m_bot_contact{ background:#353535; width:100%;}
	
	.m_contact_div{line-height:20px; margin:18px 0; color:#fff; font-family:"微软雅黑"; font-size:14px;}
	.m_contact_div:after {content: ""; display: block; clear: both;}
	.m_contact_div .txt {width: calc(100% - 50px); float: right;}
	.m_contact_icon{ float:left; width:40px; height:40px; line-height:40px; text-align:center; margin-right:10px; background:#e62129; border-radius:30px;}
	.m_contact_icon i{ font-size:18px !important;}
	
	.copyright{ font-size:12px;}
	.copyright span{ display:block;}
	
	.pro_pic_warp{ width:100%; float:none;} 
	.pro_pic_box{ padding:5px; box-sizing:border-box;}
	.pro_title_box{ margin-left:0; margin-top:20px;}
	.pro_catename{ font-size:16px; line-height:30px;}
	.pro_title{ font-size:16px; line-height:30px;}
	.pro_contact{ width:140px; height:42px; line-height:42px; font-size:14px;}
	.pro_q_title{ font-size:16px; line-height:30px;}
	.pro_q_con{ font-size:14px;}
	
	.pro_list_warp{ width:100%;}
	.pro_list_box{ margin:10px 0;}
	
	.honor_list_warp{ width:100%;}
	.honor_list_box{ margin:10px 0;}
	
	.special_style img{ width:100%;}
	
	.single_title{ font-size:22px;}
	.line{ height:2px;}
	.event_box{ width:90%;}
	
	.newsliin .word_pad{ padding-left:10px; padding-right:10px; padding-top:20px;}
	.newsliin .img{ display:none;}
	.news_next{ display:none;}
	.news_msg_con img{ width:100%;}
	.newsliin .word{ padding-right:10px;}
	
	.pb_waterfall{
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari 和 Chrome */
		column-count:2;
	}
	
	.quality_warp{ width:100%; float:none;}
	.quality_box{ width:100%; margin:0;}
	
	.contact_l{ width:100%; float:none;}
	.contact_r{ width:100%; float:none;}
	
	.probox {width:100%; float:none; margin-bottom:25px;}
	.probox_pad{ margin:0;}
	.probox .pic{ margin-bottom:10px;}
	.probox img{ width:100%;}
	.probox .pic1{ width:100%;}
	.probox .pic2 {top:0; left:0; box-shadow:0 1px 20px rgba(0,0,0,.125); width:100%;}
	.probox .pic3 {top:0; left:0; width:100%;}
	
	.pro_scroll{ max-height:none; overflow-x:scroll; overflow-y:hidden;}
	.pro_scroll::-webkit-scrollbar {width:5px;}
	.pro_scroll::-webkit-scrollbar:horizontal {height:5px;}
	.pro_scroll::-webkit-scrollbar-track {background-color:#f0f0f0;}
	.pro_scroll::-webkit-scrollbar-thumb {background-color:#cccccc;}
	.pro_table{ min-width:1200px;}
	
	.business_warp{ width:100%; float:none;}
	.business_box{ margin:0 0 20px 0;}
	
	.m_history{ background:#EFEFEF; width:92%; border-radius:5px; overflow:hidden; padding:10px 4%; margin-bottom:20px;}
	.m_history_title{ overflow:hidden;}
	.m_history_year{ background:url(../images/m_history_logo.png) no-repeat left center; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#444; text-indent:50px; line-height:40px; float:left;}
	.m_history_btn{ float:right; margin-right:10px; line-height:40px; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
	.m_history_btn i{ font-size:20px !important;}
	.m_history_content{ line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; padding-top:5px; border-top:1px solid #ddd; display:none;}
	.m_history_on .m_history_title .m_history_btn{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);  -o-transform:rotate(360deg);}

	.about_style p img{ width:100%;}
}