@media screen and (min-width:300px) and (max-width:1024px) {
html, body { width: 100%; height: 100%; -webkit-text-size-adjust: none; text-size-adjust: none; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
a, img { -webkit-touch-callout: none; } /* 禁止长按链接与图片弹出菜单 */
html, body, h1, h2, h3, h4, h5, h6, p, br, form, input, button, textarea, select, fieldset, legend, blockquote, ul, ol, li, dl, dt, dd, pre, table, caption, tr, td, th, article, aside, details, figcaption, figure, footer, header, hgroup, menu, smenu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, smenu, nav, section, summary, audio, video { display: block; }
body { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; min-width: 100%; }
* { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }
/* 对齐方式 */
.ta_j { text-align: justify; text-justify: inter-ideograph; -webkit-text-align-last: justify;/*chrome 20+*/ }
.ta_av { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* 水平居中*/ -webkit-box-align: center; -ms-flex-pack: center;/* IE 10 */ -webkit-justify-content: center; justify-content: center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack: center; -ms-flex-align: center;/* IE 10 */ -webkit-align-items: center; align-items: center; }
.ta_avC { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* 垂直居中 */ -webkit-box-pack: center; -ms-flex-align: center;/* IE 10 */ -webkit-align-items: center; align-items: center; }
/* 盒子布局 */
.d-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.b-flex { -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */ -webkit-flex: 1;          /* Chrome */ -ms-flex: 1;				  /* IE10 */ flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }


.max,.top_col1,.rig1,.con3,.lef3,.rig3,.btm,.btm_con{ width: 100%; }
.con3,.lef3{ margin-top:0px;}
.cen3{ width:100%; float:left; margin-left:0px;}
.con1{ width:100%; height:auto; margin:0 auto; margin-top:15px;}
.con1 span.next{ margin-right:18px; display:block;}
.hd{ display:block; margin-right:20px;}
.top_col1 img{ width:90%; float:left;}
.top_col2, .con2, .btm_lef, .btm_rig, .top_col3{display:none;}
.menu { width: 100%; background:none; background-color:#0d82ff; border-bottom:0; position:relative; right:0; top:0; z-index:999; margin-top:-50px;}
.menu ul { display: none; clear: both }
.menu li a{ color:#ffffff;}
.nav-toggle { display: block; background-color:#0d82ff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position:absolute; right:15px; top:10px; overflow: hidden; width:40px; height:35px;}
.nav-toggle:before { font-style: normal; font-weight: normal; font-variant: normal; font-size:40px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height:30px; speak: none; width: 100%; top: 0; left:0px; color:#FFF; background-color:#0d82ff;}
.nav-toggle.active:before { content: "x"; font-size: 32px; color:#FFF; background-color:#0d82ff;}
.menu li { float: none; width: 100%; display: block; background-color:#0d82ff; text-align: center; clear: both; height: 50px; border-right: 0; line-height: 50px; font-size: 16px; }
.menu li a { padding: 0; display: block; border-bottom: 1px solid #ffffff; height:49px; line-height:49px;}
.menu li span { display: none }
.menu li a:hover{ background:none; background-color:#0d82ff;}
.con1,.lef1{ padding:0; margin:0;}
.lef1{ position:relative; width:95%; margin:0 auto; margin-top:10px; margin-left:2.5%;}
.rig1{ padding:10px;}
.btm,.btm_con{ margin:0px; padding:0px; height:auto;}

.gl_dqwz img{ padding-left:8px; padding-right:5px;}
.gl_cen1,.gl_lef1,.gl_rig1{ width:100%; margin:0px; padding:0px;}
.gl_lef1{ border-bottom:none; text-indent:0;}
.gl_tit2 li{ padding-right:20px; text-indent:0; text-align:center;}
.gl_tit2 li a{ display:block; background:url(17fgw_gl_ico3.png) no-repeat right center;}
.gl_tit2 li a:hover,.gl_tit2 li.on a,.gl_tit2 li.on a:hover{ display:block; background:url(17fgw_gl_ico4.png) no-repeat right center; text-decoration:none; color:#1573d6;}
.fy_list a{ display:inline-block; height:35px; line-height:25px;}
.fy_list{ margin-top:20px; margin-bottom:20px;}

.zxft_cen li{ height:auto; padding:15px 0px 15px; border-bottom:1px #bdbdbd dotted;}
.zxft_cen li .zxft_tu{ width:90%; margin:0 auto; text-align:center;}
.zxft_cen li .zxft_co{ width:98%; margin:0 auto; margin-top:10px; line-height:30px; padding:0px 10px;}
.zxft_cen li .zxft_co span{ color:#1573d6;}

.ftsl_cen{ width:100%; height:auto; margin-top:15px;}
.gl_uist li{ width:48%; max-height:205px; float:left; margin-left:1%; margin-right:1%; line-height:45px; margin-top:5px; text-align:center; overflow:hidden;}

.spgs_con,spgs_scn{ display:block; padding:0px; margin:0px; font-size:13px; padding-top:10px;}

.xl_con1{ width:92%; background:url(17fgw_xl_bg1.jpg) repeat-x top center; margin:0 auto; margin-top:10px; padding-top:10px;}
.xl_con1 p img{ width:100%; margin-top:5px; margin-bottom:10px;}

.gl_list li h2{ padding-right:20px; text-indent:0; text-align:center;}
.gl_list li h2 a{ display:block; background:url(17fgw_gl_ico3.png) no-repeat right center;}
.gl_list li h2 a:hover,.gl_list li.on h2 a,.gl_list li.on h2 a:hover{ display:block; background:url(17fgw_gl_ico4.png) no-repeat right center; text-decoration:none; color:#1573d6;}
.con2,.con4{display:block;height:auto; margin-top:0}
.con4{ padding-bottom:15px;}
.con2 span,.con4 span{width:100%;float:inherit;display:block;text-align:  center;background-color: #0c82fe;}
.con2 ul,.con4 ul{float:inherit;width:100%;padding:15px 0 5px 15px;}
.con2 ul{ padding:10px 0;}
.con4 li{ float:left; width:50%; margin-left:0; height:auto; line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.con2 li{ width:47%; margin:0 0% 10px 2%; padding:0; height:auto}
.con2 li img{ width:100%;}
}


@media screen and (max-width:768px){
	.btm_cen{ width:100%; height:auto; line-height:24px; text-align:center; padding:10px 15px;}

}
@media screen and (min-width:300px) and (max-width:374px) {
	.xxgk_con1{ margin:0px 20px; height:315px; border:1px #ffe4e4 solid; clear:both;}
	.xxgk_lef1{ width:100%; height:135px; background-color:#fff4f3; line-height:50px; text-align:center; font-size:15px; font-weight:bold;}
	.xxgk_lef1 img{ margin-top:15px;}
	.xxgk_lef1:hover img { display:block; text-align:center; margin:0 auto; transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all .5s ease-out; -webkit-transition: all .5s ease-out; margin-top:15px; }
	.xxgk_rig1{ width:100%;}
	.xxgk_rig1 ul{ width:90%; float:right; margin-top:13px; clear:both;}
	.xxgk_rig1 li{ height:26px; background:url(17fgw_cio2.png) no-repeat left center; line-height:26px; text-indent:12px;}
	.gtu1 li img{ padding-left:15px; padding-right:10px;}
}