@charset "utf-8";
/* CSS3 Document */
@media (max-width: 1600px){
	.i_logo,.i_logo a{ height:130px; line-height:130px;}
	.i_nav{ height:44px; line-height:44px;}
	.i_pro_hot{ font-size:24px;}
	.i_pro_more{ width:110px; height:36px; line-height:36px; font-size:22px; top:85px;}
	.i_pro_warp .i_pro_box{ margin:5% 20% 0 20%}
	.i_pro_warp p{ font-size:12px; width:90%; margin:0 5%; margin-top:10px;}
	.i_news_title{ position:absolute; z-index:2; bottom:0; width:90%; background:rgba(0,183,239,.7); height:80px; color:#fff; padding:10px 5%; font-size:18px; font-family:"微软雅黑"; line-height:40px;}
	.l_pro_warp .i_pro_box{ margin:5% 20% 0 20%}
	.l_pro_warp p{ font-size:12px; width:90%; margin:0 5%; margin-top:10px;}
}

@media (max-width: 1200px){
	.dis{ display: none;}
	.mdis{ display:block;}
	/*nav*/
	.apptop {width:100%; height:70px; background:#00b7ef; background-size:100% 50px; position:relative; z-index:8888; box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.applogo { position:absolute; top:18px; left:10px; height:50px; overflow:hidden;}
	.applogo img { height:36px; float:left; margin-right:15px;}
	.applogo span{ line-height:50px; font-family:"微软雅黑"; font-size:26px; letter-spacing:5px; color:#00ac54;}
	.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:#fff; 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:#00b7ef;}
	#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%;}
		
	.m_list_menu{ height:50px; width:100%; background:#f8f8f8; line-height:50px;}
	.m_list_menu_l{ float:left; font-family:"微软雅黑"; font-size:16px; border-left:3px solid #00b7ef; color:#444; text-indent:10px; height:20px; line-height:20px; margin:15px 0; margin-left:15px;}
	.m_list_menu_r{ float:right; width:50px; height:50px; text-align:center;}
	.m_list_menu_r i{ font-size:20px; color:#00b7ef;}
	.m_list_smenu{ display:none;}
	.m_list_menu_r_on{ display:inline-block; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	.m_list_smenu_ul{ display:none;}
	.m_list_smenu div{ text-indent:25px; font-family:"微软雅黑"; font-size:14px; border-bottom:1px solid #eee; line-height:46px; background:#fff;}
	.m_list_smenu div b{ font-family:"微软雅黑"; font-size:26px; line-height:42px; height:46px; float:right; color:#009b4c; width:50px; text-align:center; display:inline-table; text-indent:0;}
	.m_list_smenu_ul li{ font-family:"微软雅黑"; font-size:14px; text-indent:35px; line-height:46px; border-bottom:1px solid #ddd; background:url(../images/m_menu_icon.jpg) no-repeat 25px center #f8f8f8;}
	
	.swiper-slide img{ display:block;}
	.i_pro_title{ width:50%;}
	.i_pro_warp{ width:50%;}
	.i_pro_hot{ font-size:18px; top:30px; left:20px;}
	.i_pro_more{ width:90px; height:28px; line-height:28px; font-size:18px; top:60px; left:20px; border:2px solid #00b7ef}
	.i_pro_warp .i_pro_box{ margin:15% 25% 0 25%}
	.i_pro_warp p{ line-height:20px;}
	.i_about_txt{ width:100%; float:none;}
	.i_about_title{ margin-top:0; padding-top:80px; margin-bottom:30px; font-size:30px;}
	.i_about_txt p{ font-size:15px;}
	.i_about_more{ width:90px; height:28px; line-height:28px; font-size:18px; border:2px solid #00b7ef}
	.i_title{ margin:40px 0; font-size:18px;}
	.i_four_warp{ width:100%; float:none;}
	.i_four_box{ width:100%; margin:0;}
	.i_four_box h1{ margin-bottom:20px;}
	.i_news_warp{ width:100%; float:none; margin-bottom:50px;}
	.i_news_box{ width:90%; margin:0 5%;}
	.i_news_more{ width:90px; height:28px; line-height:28px; font-size:18px; border:2px solid #00b7ef; margin-top:0;}
	.i_news_catename{ height:36px; line-height:36px; font-size:18px; width:220px; top:-17px;}
	.i_news_title{ height:50px; line-height:25px; font-size:16px;}
	
	.copyright{ line-height:24px; padding:10px 0;}
	
	.l_pro_warp{ width:50%;}
	.pro_msg_pic{ width:100%; float:none;}
	.pro_msg_r{ width:100%; float:none;}
	.pro_other_warp{ width:50%;}
	
	.page_content img{ width:100%; display:block;}
	
	.pb_waterfall{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari 和 Chrome */
	column-count:2;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
	}


}
