﻿@media screen and (max-width:996px){
	*{ box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 14px;}
	img{ max-width:100%}
	
	.contain,.bot{ width: 100%; overflow: hidden;}
	.logo{ padding:20px 0; float: inherit; width:70%; margin-left: 3%;}
	.t_no,.tit_bg,.more,.bar_list span,.con1_l li a span,.con1_l li.on a span, .con1_l li a:hover span,.line,.con1_l,.bot_l,.bot_r,.bar_list,.zxft_tit2{ display: none;}
	.menu_icon{ position: absolute; display: block; width: 32px; height: 32px; background: url(menu_icon.png) no-repeat; right: 10px; top: 30px; z-index: 999;}
	.ss_con{ width: 90%; margin: 0 auto; float: inherit;}
	.inp1{ width: 85%;}
	.btn1{ width: 12%; margin-left:3%;}
	.bar_list{ margin-top:10px;}
	.head .mar_t35{ margin-top: 0;}
	.head{ position: relative; z-index: 3;}
	.head .contain{ z-index: 3; overflow:visible;}
	.menu{ float: inherit; width:33%; height: auto; position: absolute; right: 0; top:35px; z-index: 9999; background-color: #ffffff; display: none;}
	.menu li{ background-image: none; float: inherit; width: 100%;}
	.menu li a{ padding: 0 12px; line-height: 45px; font-size: 15px; height: auto; color: #555555;}
	.tit1 li.on a, .tit1 li a:hover{ font-size: 15px;}
	.con{ padding: 10px 10px 0 10px; border: 0;}
	.list ul{ padding-top:5px;}
	.list li{ line-height: 30px; font-size: 14px; background-position-y: 13px;}
	.slideBox .bd li .title1,.slideBox .bd li .txt-bg{ height:44px; line-height:44px; font-size: 14px;}
	.bar_list{ padding: 0;}
	.tit1 li{ margin-right: 10px;}
	.tit1 li a,.tit2_l{ font-size: 14px;}
	.bar_list li{ width: 33.3%; height: 34px; line-height: 34px; margin-bottom: 5px;}
	.bar_list li a{ background-size: contain; background-position-y: center;}
	.tit_r,.bot_l,.con_l,.con_r,.con1_l,.con1_r,.gl_l,.gl_r,.bot_c,.con2_l,.con2_r,.con_bg1 .con2_l,.con_bg1 .con2_r,.con_bg2 .con2_l,.con_bg2 .con2_r,.con_bg3 .con2_l,.con_bg3 .con2_r,.con_bg4 .con2_l,.con_bg4 .con2_r,.zxft_l,.zxft_r,.zxft_l1,.zxft_r1{ float: inherit; width: auto;}
	.bot_c span{ display: block; clear: both;}
	.con1{ border: 0; padding: 0 10px; margin: 0;}
	.con1_l,.con1_r{ height: auto;}
	.con1_r>div{ padding: 0; height: auto;}
	.icon_list li{ width: 33.3%; height: 100px;}
	.icon_list li span{ height: 46px;}
	.icon_list li span img{ height: 100%;}
	.con_bg{ background-image: none;}
	.icon_list1 li a{ padding-bottom: 15px; height: auto;}
	.con_bg3 .list ul{ padding-top: 0;}
	.bot_bg{ padding:15px 10px; margin-top:10px;}
	.icon_list1 li span{ height: 35px;}
	.icon_list1 li span img{ height: 100%;}
	
	.gl_con{ background-image: none;}
	.gl_con_b,.gl_tit{ display: none;}
	.gl_l{ padding-bottom: 0;}
	.gl_list{ margin: 0; background-color: #ecf8fd;}
	.gl_list>ul{white-space:nowrap; overflow-x: auto; text-align: center; font-size: 0;}
	.gl_list>ul>li{ float: inherit; display: inline-block; font-size: 16px; margin-bottom: 0; border: 0;}
	.gl_list>ul>li a{ border: 0; padding: 0 10px; background-image: none; background-color: transparent;}
	.gl_list>ul>li.on a{ background-image: none;}
	.gl_list>ul>li.on ul{ display: none;}
	.gl_r{ margin-top: 10px;}
	.gl_list1 li{ position: relative; padding: 8px 0 36px 15px; background-position-y: 20px;}
	.gl_list1 li span{ position: absolute; left:15px; bottom: 8px;}
	.tu_list{ margin-right: -10px;}
	.tu_list li{ width: 50%; margin-top: 10px;}
	.tu_list li .tu2,.tu_list li .box1{ margin-right: 10px;}
	.gl_tit3 span em{ padding: 0 50px;}
	.xl_con,.wytw{ padding: 10px;}
	.xl_tit{ font-size: 18px; line-height: 26px; margin-top: 10px; padding: 0 10px; text-align: left; font-weight: normal;}
	.xl_tit1{ padding:0 10px 15px 10px; margin-top: 10px; line-height: 20px; text-align: left;}
	.xl_tit2{ display: none;}
	.xl_con{ font-size: 14px; padding: 10px; line-height:28px;}
	
	.zxft_r h3{ padding-bottom: 50px; position: relative; font-size: 16px; font-weight: normal;}
	.zxft_r h3 a.ftsl{ position: absolute; float: inherit; left: 0; bottom: 10px;}
	.myzj_list li{ padding-right: 0;}
	.myzj_list li span{ position: relative; display:inline-block; margin-top: 10px; right: initial;}
	.myzj_list li span.fxjg{ right: initial; margin-left: 10px;}
	.zxft_con2{ padding-right: 0; margin-top: 0; height: auto;}
	.zxft_con3{ padding: 0; line-height: 28px;}
	#wytw{ padding: 0;}
	.footer_21_wzdh_tit .yqlj_tit1 li{ float: inherit; width: auto;}
	.con_l, .con_r{ height: auto;}
	.contain.mar_t20{ margin-top: 0;}
	.con_r,.con1_r,.con2_l{ margin-top: 10px;}
	.header_21_font{ display: block;}
	.header_21_tit{ top: -4em; right: 0;}
	.header_21_ss{ width:calc(100% - 20px);}
	.header_21_font li:nth-child(2),.header_21_font li:last-child em{ display: none;}
	
}

@media screen and (max-width:375px){
	.icon_list1 li a{ height: 112px;}
	.tit2 li a{ padding: 0 5px;}
}
@media screen and (min-width:1000px) and (max-width:1280px){
	
	body,.bot_tit li>p,.bot_tit1,.tit1 .more a,.btn1,.btn2{ font-size: 14px;}
	.contain{ width:1000px;}
	.menu li,.tit1 li a{ font-size: 16px;}
	.tit1 li{ margin-right: 15px;}
	.bot_c{ width: 820px;}
	.con_r .list li{ line-height: 32px; font-size: 14px; background-position-y: 14px;}
	.slideBox .bd li img{ height: 337px;}
	.list li,.bot_con1 li{ font-size: 14px;}
	.bot_con1 li{ line-height: 32px;}
	.bot_bg{ margin-top: 15px; padding: 25px 0;}
	.bot_tit{ margin-top: 10px;}
	.tit3,.tit3 span{ background-size: 30% auto;}
	.icon_list li span{ height: 66px;}
	.gl_con{ background-position-x: -6.5%;}
	.con_l, .con_r{ height: 340px;}
}
@media screen and (min-width:1281px) and (max-width:1366px){
	.contain{ width:1200px;}
	
}