@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;}
    }