@media screen and (min-width:300px) and (max-width:960px) {
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, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, 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; }
/* 对齐方式 */
img{ max-width:100%;}
.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+ */ }
.tit_bg { display: none }
.content,.tabBox{ width:100%;}
.head { background-color: #184aa1; height: 50px; position: fixed }
.logo { width: 200px; height: 28px; margin-top: 10px; margin-left: 10px; }
.menu { padding-top: 0; width: 100%; position:fixed; right: 0; top: -3px; }
.menu ul { display: none; clear: both; padding: 10px 0; }
.nav-toggle { display: block; -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: relative; overflow: hidden; width: 70px; height: 50px; float: right; clear: both }
.nav-toggle:before { color: #ffffff; font-style: normal; font-weight: normal; font-variant: normal; font-size: 38px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height: 50px; speak: none; width: 100%; top: 0; left: 10px; }
.nav-toggle.active:before { content: "x"; font-size: 24px; }
.menu li { float: none; width: 100%; display: block; text-align: center; clear: both; height: 30px; line-height: 30px; font-size: 16px; }
.menu li a { padding: 0; display: block; color: #ffffff; }
.menu li span { display: none }
.mob_men_title { background: url(../images/mob_men_title.png) center bottom no-repeat; height: 70px; text-align: center; width: 100%; }
.mob_men_title p { color: #fff; text-align: center; line-height: 60px; font-size: 28px; }
.mob_men_bg { background: url(../images/mob_men_title.png) bottom center no-repeat; height: 20px; width: 100%; clear: both; }
.t1,.t4{ margin:10px auto 0; position:relative; text-align:left; padding-left:18px; background-color: #184aa1; height: 50px; line-height:50px; color:#ffffff; font-size:18px;}
.t1 img{ display:none}
.t1:before,.t4:before{ content:""; position:absolute; right:18px; top:50%; margin-top:-6px; width:12px; height:12px; border-bottom:3px solid #ffffff; border-right:3px solid #ffffff; transform:rotate(-45deg)}
.t1.on:before,.t4.on:before{ transform:rotate(45deg); top:40%;}
.t1 p,.t3 p,.t4{ display:block}
.tabBox .hd,.tabBox .bd{ display:none}
.tabBox1 .bd,.tabBox1 .hd{ display:block}
.tabBox2 .bd,.tabBox2 .hd{ display:block}
.tabBox { margin:0px auto; width:100%;}
.tabBox .tit1,.tabBox .tit3{ width:100%; margin:0 auto;}
.tabBox .tit1,.tabBox .tit3 { height:auto; background-color:#ffffff;}
.tabBox .tit1 li,.tabBox .tit3 li { float:none; display: block; font-size: 15px; width:100%; text-align:left; margin:0;}
.tabBox .tit1 li a,.tabBox .tit3 li a { display: block; border:0px; color:#555555; border-bottom:1px solid #E2E2E2; height:46px; line-height:46px; border-radius:0;}
.tabBox .tit1 li.on a,.tabBox .tit1 li a:hover,.tabBox .tit3 li.on a,.tabBox .tit3 li a:hover { border:0; border-bottom:1px solid #E2E2E2; color: #184aa1; text-decoration: none; }
.tabBox .tit1 li span,.tabBox .tit3 li span {     display: block;
    width: 100%;
    height: 46px;
    padding-left: 16px;
    line-height: 46px;
    text-align: left;
    background: url(../images/n_nav_span.jpg) center right no-repeat; }
.tabBox .tit1 li.on a span,.tabBox .tit1 li a:hover span,.tabBox .tit3 li.on a span,.tabBox .tit3 li a:hover span{ background:url(../images/n_nav_span1.jpg) no-repeat center right;}
.tabBox .tu_list li { width:46%; margin:2%; float:left; display:inline; overflow:hidden; position:relative}
.t2{ width:10%;}
.con_l,.con_r{ width:87%; padding-left:3%;}
.con_bg1{ margin:15px auto 0; padding:10px;}
.t2 img{ width:90%;}
.list{ padding-left:0px; margin-left:-10px;}
.con_r{ padding-top:15px;}
.slideBox { padding-top: 50px; }
.h50.mar_t15.pad_l45{ line-height:30px; margin-top:0; padding-left:20px;}
.t3{ margin:10px auto 0; position:relative; text-align:left; padding-left:18px; background-color: #184aa1; height: 50px; line-height:50px; color:#ffffff; font-size:18px;}
.t3 img{ display:none}
.tu_list1,.tu_list3{ margin:15px auto 0; width:100%;}
.tu_list1 li{ width:94%; margin:3%; float:none; display:block}
.tu_list3 li{ width:100%; margin:15px 0; float:none; display:block}
.tu_list1 li img,.tu_list3 li img{ width:100%;}
.bot_bg{ margin:15px auto 0;}

.tabBox .tit2 { height:48px; width:80%; margin:0 auto;}
.tabBox .tit2 li { width:50%;}
.tabBox .tit2 li a { height:48px;}
.tabBox .tit2 li span{ width:100%; padding-top:0;}
.tabBox .tit2 li span.icon1,.tabBox .tit2 li span.icon2,.tabBox .tit2 li span.icon3,.tabBox .tit2 li span.icon4,.tabBox .tit2 li span.icon5,.tabBox .tit2 li span.icon6{ background-image:none;}
.tabBox .tit3 li span.icon1,.tabBox .tit3 li span.icon2,.tabBox .tit3 li span.icon3,.tabBox .tit3 li span.icon4,.tabBox .tit3 li span.icon5,.tabBox .tit3 li span.icon6,.tabBox .tit3 li span.icon7,.tabBox .tit3 li span.icon8,.tabBox .tit3 li span.icon9,.tabBox .tit3 li span.icon10,.tabBox .tit3 li span.icon11{ background:url(../images/n_nav_span.jpg) no-repeat right center; padding-top:0}
.c_us_con{ margin:15px auto 0; padding:15px;}
.c_us_tit{ height:50px;}
.c_us_tit span{  font-size:22px; border-top:3px solid #184aa0; line-height:50px; clear:both}
.c_us_con1{ background:none; width:100%; margin:15px 0 0 0; padding:0;}
.c_us_l{ float:none; width:100%; padding-top:10px; padding-bottom:10px; text-align:center; margin:0 auto; background-color:#184aa0; line-height:40px;}
.c_us_l span{ text-align:center; line-height:40px; display:inline-block; padding-left:15px;}
.c_us_r{ float:none; width:100%; margin-top:15px;}
.c_us_r dl dd{ font-size:14px}
.bot_bg1{ display:none}
.tit3.hd,.tabBox .tit1{ display:none}
.tabBox .tu_list1{ margin-left:0;}
.c_xl_tit{ height:50px;}
.c_xl_tit span{  font-size:22px; line-height:40px; clear:both}
.c_xl_date{ height:30px;}
.c_xl_date span{  font-size:14px; line-height:50px; clear:both}
.c_xl_pos{ height:30px;}
.c_xl_pos span{  font-size:14px; line-height:30px; clear:both}
.c_xl_pic{ padding:0; margin:10px auto;}

.br_l{ width:100%; padding:15px 0;}
.br_l img{ max-width:90%;}
.br_r{ width:100%; padding:15px;}
.br_r h1{ font-size:36px}
.br_con{ height:auto; padding-top:0px;}
.br_con1{ width:100%;}
.br_con2{ padding:20px; margin:15px auto 0;}
.br_con2 img{ max-width:90%; margin-top:20px;}
.br_con3{ margin:15px auto 0; height:auto; background-size:cover; padding:15px;}
.tu_list2{ margin:0;}
.tu_list2 li{ margin-top:15px; margin-right:0; width:100%}
.tu_list2 li img{ width:100%;}
.mark_con{ padding:20px 10px; height:auto; margin:15px auto;}
.mark_tab{ padding:0; margin:15px auto 0;}
.mark_con img,.mark_tab img{ width:100%;}