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

@media (max-width: 1200px){
	.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;}
	.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:#0061ae; 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:#0061ae;}
	#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%;}
	
	.mBan .slideBox .hd span{ width:8px; height:8px;}
	.search_box{ float:none; padding-top:16px; width:100%; margin-top:0;}
	.search_input{ width:85%;}
	.search_submit{ width:15%; background:url("../images/search_btn.jpg") no-repeat center #1862cf;}
	
	.position {width:100%; margin-top:-3px; padding-bottom:20px;}
	.position dt {width:100%; height:36px; background:#24bcdc; 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 #ccc; background:#f4f4f4; display:none;}
	.position dd a {font-size:12px; font-weight:bold; line-height:36px; padding-left:15px; display:block; position:relative; z-index:2;}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;}
	.swiper-pagination-bullet{ width:8px; height:8px;}
	
	.m_icon_btn{ line-height:20px;}
	.m_icon_btn i{ font-size:20px; color:#0061ae;}
	.m_in_nav_display{ display:none;}
	
	.copyright{ line-height:24px; padding:10px 0;}
	
	.i_title_en{ font-size:30px;}
	.i_title_box{ height:24px; line-height:24px;}
	.i_title_zn{ font-size:24px; height:24px; margin:0 70px;}
	.i_title_line{ height:2px; top:13px;}
	
	.m_pro_warp{ width:90%; margin:0 5%;}
	
	.carousel {}
	.carousel-cell {
	  width: 66%;
	  height: 120px;
	  margin-right: 10px;
	  counter-increment: carousel-cell;
	}
	
	.carousel-cell img{ width:100%;}
	
	/* cell number */
	.carousel-cell:before {
	  display: block;
	  text-align: center;
	  /*content: counter(carousel-cell);*/
	  line-height: 200px;
	  font-size: 80px;
	  color: white;
	}
	
	.m_about_txt{ background:#0061ae; width:100%;}
	.m_about_t1{ text-align:center; color:#fff; font-family:"微软雅黑"; font-size:24px; margin-bottom:10px; padding-top:20px; text-transform:uppercase;}
	.m_about_t2{ text-align:center; color:#fff; font-family:"微软雅黑"; font-size:18px;}
	.m_about_p{ width:90%; margin:0 5%; color:#fff; line-height:26px; font-family:"微软雅黑"; text-align:center; padding:30px 0; font-size:14px;}
	.m_about_more{ width:120px; height:40px; line-height:40px; background:#fff; border-radius:20px; font-family:"微软雅黑"; font-size:14px; text-align:center; margin:0 auto;}
	.m_about_more a,.m_about_more a:link,.m_about_more a:hover,.m_about_more a:visited{ color:#008cd6; display:block;}
	
	.m_honor_bg{ background:url("../images/m_honor_bg.jpg") no-repeat center; width:100%; height:640px; background-size:cover;}
	.m_honor_warp{ width:90%; margin:0 5%;}
	.m_honor_t1{ text-align:center; color:#008cd6; font-family:"微软雅黑"; font-size:24px; margin-bottom:10px; padding-top:40px; text-transform:uppercase;}
	.m_honor_t2{ text-align:center; color:#008cd6; font-family:"微软雅黑"; font-size:18px;}
	.m_honor_p{ width:90%; margin:0 5%; color:#444; line-height:26px; font-family:"微软雅黑"; text-align:center; padding:30px 0; font-size:14px;}
	
	.m_honor_box{ overflow:hidden; width:100%;}
	.m_honor_box .bd ul li{ width:260px; float:left; text-align:center;}
	.m_honor_box .bd ul li img{ width:250px;}
	
	.m_fangan_bg{ background:#008cd4; width:100%; padding:50px 0;}
	.m_fangan_t1{ text-align:center; color:#444; font-family:"微软雅黑"; font-size:24px; margin-bottom:10px; padding-top:40px; text-transform:uppercase;}
	.m_fangan_t2{ text-align:center; color:#444; font-family:"微软雅黑"; font-size:18px;}
	.m_fangan_warp{ width:90%; margin:0 5%; background:#fff; overflow:hidden; padding-bottom:40px;}
	.m_fangan_warp i{ font-size:40px !important;}
	.m_fangan_warp .i_fangan_icon{ width:80px; height:80px; line-height:80px;}
	.m_fangan_warp .i_fangan_box h1{ font-size:14px; margin:0 10%; width:80%; line-height:18px;}
	.m_fangan_warp .i_fangan_box h2{ font-size:12px; margin-top:5px;}
	
	.m_news_t1{ font-family:"微软雅黑"; font-size:24px; color:#444; text-transform:uppercase; text-align:center; margin-bottom:10px;}
	.m_news_t2{ font-family:"微软雅黑"; font-size:18px; color:#444; text-align:center;}
	.m_news_warp{ width:50%; float:left; overflow:hidden;}
	.m_news_box{ margin:5px 10%;}
	.m_news_box img{ width:100%; display:block;}
	.m_news_title{ line-height:30px; font-family:"微软雅黑"; font-size:14px; height:60px;}

	.bottom_bg{ height:100%;}
	
	.m_in_nav_warp{ width:90%; padding:5%;}
	.m_in_nav_title{ font-family:"微软雅黑"; color:#0061ae; font-size:18px; font-weight:bold; line-height:20px; margin-bottom:20px;}
	.m_in_nav_box{ line-height:46px; border-bottom:1px solid #eee; font-family:"微软雅黑"; font-size:14px; position:relative;}
	.m_in_nav_box span{ position:absolute; right:0; top:8;}
	.m_in_nav_box span i{ font-size:14px;}
	.m_in_nav_box a{ display:block;}
	
	.pro_list_warp{ width:50%;}
	.pro_list_pic{ overflow:hidden; padding-top:10px; margin-bottom:15px;}
	.pro_list_pic img{ width:130px; height:130px;}
	.pro_list_tit{ margin-bottom:10px;}
	.pro_buy{ padding-top:10px;}
	
	.pro_pic_msg_warp{ width:100%; float:none;}
	.pro_size_msg_warp{ width:100%; float:none;}
	
	.about_ban{ height:300px;}
	.about_ban_t1{ margin-top:50px; font-size:26px; line-height:30px;}
	.about_ban_t2{ margin-top:20px;}
	.about_ban_send{ margin-top:30px;}
	.about_txt_t1{ font-size:30px; margin-bottom:20px;}
	
	.about_icon_warp{ width:50%;}
	.about_icon_box{ margin:20px;}
	.about_icon_div{ height:126px; line-height:126px; border:2px solid #008cd6}
	.about_icon_div i{ font-size:44px;}
	.about_icon_box p{ height:90px;}
	
	.about_man_t1{ font-size:30px;}
	.about_man_t2{ font-size:30px;}
	
	
	.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;
	}
	
	.news_div{ height:100%; overflow:hidden; padding-bottom:20px;}
	.news_pic{ display:none;}
	.news_p{ width:100%}
	.news_title{ margin:0 2%; margin-bottom:10px; font-size:16px;}
	.news_con{ margin:0 2%; height:100%;}
	.news_date{ margin-right:10px;}
	
	.project_picl{ float:none; width:100%;}
	.project_picr{ float:none; width:100%;}
	.project_t1{ font-size:22px;}
	.project_t2{ font-size:20px;}
	.project_con{ float:none; width:94%; margin:3%;}
	
	.pro_pic_msg_warp{ height:380px;}
	.pro_pic_msg_box .swiper-container{ height:380px !important;}
	.pro_size_pic img{ 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_size_msg_table,.pro_technical_msg_table{ min-width:780px;}
	
	.job_warp{ float:none; width:100%;}
	.job_box{ height:100%; margin:15px 0; width:100%;}
}