﻿
@-ms-viewport {
  width: device-width;
}


@media (min-width: 0px) and (max-width: 768px) {
	overflow:scroll;overflow-x:hidden;
	.clear_20px{height:0; clear:both;}
	.mainWarp{float:none;width:100%;}
	.page_container{float:none;width:100%;}
	
	/*首页*/
	.banner{height: auto; width:100%; margin:0 auto;height:260px!important;}
	.flickerplate {
	position:relative;
	width:100%;
	height:260px!important;
	background-color:#e6e6e6;
	overflow:hidden
}
	.flickerplate ul.flicks>li{

	height:260px!important;

	overflow:hidden
}
.flickerplate ul.flicks>li{background-size:100% 260px;}
	
	
	.indexTabs{width:100%; padding:20px 0; margin:20px auto; text-align:left; background:#093e5e;}
	.indexTabs h1{font-size:32px; line-height:32px; height:32px; text-align:center !important; margin:20px 0; padding:0;color:#fff;font-weight:normal;}
	.indexTabs .item{width:auto; margin:0 15px; float:none; text-align:left;color:#fff;border-top:1px dashed #fff;padding:10px 0 0 0;}
	.indexTabs .item h3{font-size:18px; line-height:36px; height:36px; text-align:left !important; margin:0; padding:0;color:#fff;}
	.indexTabs .item p{margin:10px 0 15px 0; line-height:180%; font-size:15px;color:#fff;}


	
	.sy_acs{ margin:30px auto 0 auto; color:#676767;text-align:center; font-size:15px; line-height:24px; padding:0 15px;}
	.sy_acs img{width:100%;}
	.sy_acs .b1{width:48%; padding:30px 0;float:left; text-align:center;color:#fff; font-weight:bold;font-size:26px;margin:0 1% 10px 1%;background:#0080cc;}
	.sy_acs .b1 span{font-size:13px;font-weight:normal;margin:10px 0 0 0; display:block;}
	.sy_acs .item{display:none;}

	.sy_acs2{display:none;}
	
	.sy_acs3{width:92%;padding:0; height:auto;background:#FFFFFF; margin:0 auto 20px auto;color:#676767;}
	.sy_acs3 h1{font-size:32px; line-height:32px;height:32px; text-align:center !important; margin:10px auto 30px auto; padding:0;color:#093e5e;font-weight:normal;}
	.sy_acs3 .item{width:100%; margin:0 auto 15px auto; float:none; text-align:left; border-bottom:1px dashed #ccc; padding-bottom:15px;}
	.sy_acs3 .item h3 a{font-size:15px; line-height:22px; text-align:left !important; margin:0; padding:0;color:#676767;}
	.sy_acs3 .item p{margin:10px 0 15px 0; line-height:180%; font-size:15px;color:#676767;display:none}
	.sy_acs3 .item img{margin:0 0 8px 0; width:100%;}
	.sy_acs3 .btn_mr{margin:0 auto;color:#093e5e; background:none;border:1px solid #093e5e;}
	.sy_acs3 .btn_mr:hover{ color:#fff!important;border-radius:6px;background:#2478be;border:1px solid #2478be;}

	.sy_acs4{display:none;}
	
	#slide_zhuanqu {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding:0;
	}

#slide_zhuanqu .sjal,
#slide_zhuanqu .sjal .sjsal {
    width: 100%;
    height: auto;
    overflow: hidden;
	text-align:center;
	margin:0 auto  !important;
}

#slide_zhuanqu .sjal .sjsal img {position: relative;width: 80% !important; max-width:480px; height: auto !important; margin:0 auto 15px auto; text-align:center;}


	/*页面顶部*/
	.header_container {width:100%;height: auto;}
	.top_header{width:100%;z-index:999;}
	.top_header .pull-left{display:none;}
	.top_header .pull-right{float:none; text-align:left; padding:12px 0 0 10px;}
	.top_header .pull-right span{display:none;}
	.top_header .col-sm-6{width:auto; margin:0 20px 0 0;}
	.headTop{width:100%; height:auto;display:block;  background:#FFFFFF;position:static;}
	.headTop .head_left {padding:40px 0 0 0; height:auto; width:100%;float:none;}
	.headTop .head_left .logo{margin:0 3%; float:none; width:94%; max-width:400px;}
	.headTop .logo-text{padding:0; float:none; margin:0 0 0 10px; width:100%;}
	.headTop .logo-text p{margin:0; padding:0; font-size:16px;}
	.headTop .head_right,.headTop #datebox{display:none;}
	
	.footer{display:none;}
	.copyright span{display:none;}
	
	
	/*子菜单*/
	.pageLeft{float:none;width:100%; height:auto;z-index:99; clear:left; display:block;padding:0;}
	.pageLeft .newsbox{display:none;}
	.pageLeft .page_btn {border:0; padding:0; margin:0;width:100%;z-index:99;}
	.pageLeft .page_btn .title{ display:none;}
	.pageLeft .page_btn dl{ margin:0; width:100%;}
	.pageLeft .page_btn dl dd{float:left !important; margin:0 0 5px 0; width:100%; padding:0 0 0 5px; background:none; height:auto; line-height:42px;}
	.pageLeft .page_btn dl dd a{color:#093e5e;  background:url(arrow2.png) no-repeat left 6px; padding:0 0 0 12px; margin:0 0 0 5px; height:auto; font-size:13px;}
	.pageLeft .page_btn a:hover{color:#0080cc;}
	
	/*内页正文*/

	
	.pageRight{float:none; width:90%;padding:0 !important; margin:0 auto;background:#FFFFFF;}
	.pageRight .lv_tree{width:100%; border:0; margin:0; padding:20px 0 0 0; height:auto !important; z-index:99;}
	.pageRight .lv_tree .pic{width:100%;margin:0; padding:0; height:auto; overflow: hidden;}
	.pageRight .lv_tree_con{display:none;}
	.pageRight .lv_tree .title{ height:30px; position:inherit; z-index:99; padding:0 0 10px 0;margin:0 0 10px 0;color: #f8f8f8 !important; line-height:30px; display:block; background:#fff;border:0; }
	.pageRight .lv_tree .title h3{display:block; float:none;color: #666 !important;line-height:30px;height:30px;border:0; }
	.pageRight img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 300 ? "100%" : this.width)!important;}
	.pageRight p{margin:0 !important; padding:0 !important;}
	.pageRight #vcastr3{width:320px; height:240px;}
	.pageRight #iframe,.pageRight #iframe_br{display:none;}
	.pageRight .col-md-12{width:96%;}
	
	.pageRight .zbf .pic{float:none;  position:static; margin:0; text-align:center; border-top:0; padding:10px 0;}
	.pageRight .download{ padding:0;}
	.pageRight .download .item{ text-align:center; width:100%; margin:0 30px 30px 0; float:none;}

	.pageRight .zhanpin .item{width:90%; margin:10px 0 20px 0; float:none; padding:15px 5%;}
	.pageRight .zhanpin .item .pic{height:160px;}
	
	
	.pageRight .btn_page{width:auto; padding:0 20px; margin:0 0 20px 0; min-width:100px;}
	.pageRight .tabcss img{width:auto !important; height:auto !important;}
	
	
	/**页面尾部*/
	.back_top{display:none;}
	.footer{ padding:10px 0; height:15px; margin:0 auto; overflow:hidden;background:#093e5e;}
	.footer .r1,.footer .r2,.footer .r3{float:none; display:block; width:100%; height:auto; margin:0; padding:10px;}	
	.footer .r1,.footer .r2,.footer .r4{display:none;}
	.footer .r3{ overflow:hidden;}
	.footer .r3 .email{width:200px;}
	.copyright { padding:0;}
	.copyright .txt{padding:5px;}
	.copyright span,.copyright .logo{display:none;}
	#wechat_modal{display:none;}
	#ad_right{display:none;}
	
	
/*折叠菜单效果**/

.container {width: 100%;margin: 0 auto;	overflow:hidden;}
.container img{width:100%;}
.container h2.acc_trigger{height:auto; line-height:200%; font-size:12px; }
.container h2.acc_trigger a{padding:5px 5px 5px 40px;}
.container .acc_container{ width:100%; border:0; padding:0; margin:0;}
.container .acc_container .block{padding:10px 0; margin:0;}

}

/*手机自适应菜单*/
header .header_wrapper {z-index:99999999;}

header nav {z-index:99999999;}


a.menu_toggler {
	display:none;
}
header .mobile_menu_wrapper {
	display:none;
	
}
nav.mobile_header {
	display:none!important;
}



	
@media only screen and (min-width: 761px) {
	header .mobile_menu_wrapper {
		display:none!important;
	}
}

@media (max-width: 767px) {
	.header_wrapper {
		z-index:99999999;position:absolute; top:0px; left:0px;width:100%;
	}
	.header_wrapper .navBar{display:none !important;}

	a.menu_toggler {
		display:block!important;
		width:26px;
		height:22px;
		position:absolute;
		right:10px;
		top:6px;
		border:1px solid #093e5e;
		background:url(menu_btn.png) no-repeat 0 0;
		z-index:9999999;
	}
	header .mobile_menu {
		padding: 0px;
		z-index:999999999 !important;
		margin:20px 0 0 0;
		background:#0080cc; 
		
	}
	header .mobile_menu li {width:100% !important;}
	header .mobile_menu .home{width:100% !important;}
	header .mobile_menu dl{ display:none;}

	header .mobile_menu li a{background:#093e5e; color:#fff;}
	header .mobile_menu li a:hover{background:#0080cc; color:#fff;}
	header .mobile_menu li a,
	header .mobile_menu .sub-menu li a {
		line-height:19px!important;
		font-size:13px!important;
		color:#fff!important;
		display:block!important;
		text-align:center!important;
		padding:10px!important;
		text-align:left!important;
		border-bottom:#fff 1px solid;
	}
	header .mobile_menu .sub-menu {
		display:block!important;
		visibility:visible!important;
	}
	header .mobile_menu .sub-menu li a{
		padding-left:30px!important;
	}
	header .mobile_menu .sub-menu li ul.sub-menu li a {
		padding-left:50px!important;
	}
}

