@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%; min-width: 100%; overflow-y: scroll }
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; }
/* 对齐方式 */
.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+ */ }
#container, .sections, .section,.page{ height:auto}
.arr,.tit,.bot_l,.bot_r,.logo1,.menu ul,.w2{ display: none }
.menu{ position:relative; margin-left:inherit; left:inherit; opacity:1; float:right; width:100%; height:auto}
.menu_icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(menu_icon.png) no-repeat;
    background-size: 30px 30px;
    position: absolute;
    right: 10px;
    top:-50px;
	z-index:999
}
.menu.no{ display:block}
.menu ul{ width:100%; background-color:rgba(255,255,255,.95); right:0}
.menu ul li{ line-height:42px; text-align:center; border-bottom:1px solid #e5e5e5}
.menu ul li span{ display:none}
.menu li a{ line-height:42px; height:42px; text-align:center; padding:0; color:#555; font-weight:normal;}
.menu li.on a,.menu li a:hover{ background:none #db0103; color:#fff; width:100%;}
.bot_bg,.bot_bg1{ height:auto}
.bot_bg{ position:inherit; margin:20px auto 0;}
.bot_c{ width:100%; box-sizing:border-box; padding:0; float:inherit; text-align:center; line-height:24px;}
.logo{ width:80%; margin:0 5%; float:inherit; padding:15px 0;}
.head{ position:relative; left:inherit; top:inherit; width:100%; height:auto; margin:0}
.head1{ height:auto; padding:15px 10px; box-sizing:border-box}
.head1 .logo{ width:100%; padding:0; margin:0}
.logo img,.contain{ width:100%}
.head1 .logo img.w1{ width:70%; margin-right:0;}
.head1 .logo img.w2{ width:25%; float:right; margin-right:0}
.arr1{ display:none}
.page { width: 100%; box-sizing: border-box; position: inherit; }
.page_bg{ padding:15px;}
.tu_list li { width: 50%; }
.list{ margin:0px auto 0;}
.list li { width: 98%; height: auto; margin: 10px 1%; padding-bottom: 15px; }
.page { padding: 15px; }
.tit1 { background: none; height:auto; line-height: 43px; }
.tit1 span { background-size: 100% 100%; width: 35%; }
.tit1 a { right: 0; top: 10px; }
.tit1_r{ position:inherit; margin:0 auto; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:10px;}
.tit1 .tit1_r a{ text-align:left; top:0}
.sections, #section1 { opacity: 1 }
.con, .con1 { margin: 0; padding: 10px 0 }
.con img, .con1 img { float: inherit; margin: 10px 5%; width: 90%; max-height: inherit; clear: both; }
.con2 { float: inherit; width: 100%; margin: 0; padding-bottom: 10px; }
.con2 img { width: 100% }
.con3_l{ float: inherit; width: 100%; height: auto; padding-left: 0; }
.con3_r { float: inherit; width: 100%; }
.con3_r li, .tu_list1 li { float: left; width: 48%; margin: 10px 1% 0 1%; height: auto }
.tu_list1, .list2, .list1, .con3 { margin: 10px auto 0; }
.mar_t40 { margin-top: 15px; }
.con4_l,.con7_l,.con3_l,.con5_l,.con6_l { float: inherit; width: 100%; padding-left: 0; }
.con4_r,.con7_r,.con3_r,.con5_r,.con6_r{ float: inherit; width: 100%; padding-right: 0; margin-top: 10px; }
.list2 li img { width: 33%; height: auto; margin-left: 0px; }
.list2 li h3 { height: 25px; overflow: hidden; margin-bottom: 0 }
.con7_l img,.con7_r img{ width:27%; padding-right:10px; box-sizing:border-box}
.con5, .con6{ padding:0}
.con5_r img,.con6_r img{ width:100%}
.con7_l img, .con7_r img{ width:50%; margin-left:25%}
.bot{ padding:22px 10px; width:100%; margin:0 auto; box-sizing:border-box}
.ydms_l,.ydms_r{ width:100%; background:none}
.ydms_r li{ float:inherit; width:100%; box-sizing:border-box}

}
@media screen and (min-width:960px) and (max-width:1200px) {
	.page{ width:96%;}
	.contain{ width:96%; margin:0 auto;}
	.bot_bg,.menu{ display:none;}
	.head{ width:100%; left:0; margin-left:0}
	.con5, .con6{ padding:0}
	.con5_l,.con6_l,.con7_l ul, .con7_r ul{ width:70%; padding-left:10px; box-sizing:border-box}
	.con5_r,.con6_r,.con7_l img,.con7_r img{ width:27%; padding-right:10px; box-sizing:border-box}
	.con5_r img,.con6_r img{ width:100%}
	.con2 { width: 30%; margin:0 1.5%;}
	.list1 li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.con4_l,.con7_l,.con3_l{ width:49%; padding-left:0;}
	.con4_r,.con7_r,.con3_r{ width:49%; padding-right:0;}
	.tu_list1 li,.con3_r li{ width:48%; min-height:160px; position:relative; margin:0 1% 2% 1%; display:inline;}
	.tu_list1 li img,.con3_r li img{ width:100%}
	.list2 li img{ margin-left:0}
	.con7_l img,.con7_r img{ margin-right:0}
	.con3_r li{  min-height:auto;}
	.ydms_l{ width:40%}
	.ydms_r{ width:57%; background:none}
	.ydms_r li{ float:inherit; width:100%; box-sizing:border-box}

}
@media screen and (min-width:1200px) and (max-width:1377px) {
	.head{ margin-left:178px; left:0; width:83%; top:20px;}
	.menu{ left:0; margin-left:0}
	.page{ width:1022px; margin-left:178px;}
	.con5, .con6{ padding:0}
	.con5_l,.con6_l,.con7_l ul, .con7_r ul{ width:70%; padding-left:10px; box-sizing:border-box}
	.con5_r,.con6_r,.con7_l img,.con7_r img{ width:27%; padding-right:10px; box-sizing:border-box}
	.con5_r img,.con6_r img{ width:100%}
	.con2 { width: 30%; margin:0 1.5%;}
	.list1 li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.con4_l,.con7_l,.con3_l{ width:49%; padding-left:0;}
	.con4_r,.con7_r,.con3_r{ width:49%; padding-right:0;}
	.tu_list1 li,.con3_r li{ width:48%; min-height:160px; position:relative; margin:0 1% 2% 1%; display:inline;}
	.tu_list1 li img,.con3_r li img{ width:100%}
	.list2 li img{ margin-left:0}
	.con7_l img,.con7_r img{ margin-right:0}
	.con3_r li{  min-height:auto;}

}
@media screen and (min-width:1378px) and (max-width:1556px) {
	.menu{ left:0; margin-left:0}
	.page{ width:1200px; margin-left:178px;}
	.head{ margin-left:178px; left:0;}
}

@media screen and (max-height:700px) {
	.bot_bg { display: none }
	.menu li a{ height:54px; line-height:54px;}
	.head{ margin-left:178px; left:0; top:17px;}
	.con, .con1,.con5_l,.con6_l li, .con7_l li, .con7_r li{ font-size:14px; line-height:30px;}
	.con img,.con1 img{ width:24%}
	.con5_l{ width:77%}
	.con5_r{ width:20%}
	.list1, .con3,.mar_t40,.tu_list1, .list2,.mar_t30{ margin:15px auto 0;}
	.list2 li{ margin-bottom:10px}
	.list2 li h3{ margin-bottom:5px;}
	
}