/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {

	/* pagewrap */
	#pagewrap, #head_top, #main_nav, footer .bot_top {
 width: 90%;
}
 .dis_pad {
display:none !important;
}
 footer .bot_bot {
padding: 1em 5%;
}
 #main_nav li.tit {
width: 13.9%;
}
 #main_nav li .nav_hidden li {
width:100%;
}
	/*产品中心*/
	.pro_cen .list_img {
margin-right:-2.33%;
}
 .pro_cen .list_img li {
width:31%;
margin-right:2.33%;
}
 .pro_mid .left p, .pro_bot p {
margin: 12px 0;
}
 .solution_list a {
display:block;
line-height:35px;
background:#ededed;
float:left;
width:21%;
margin:1% 10px;
text-align:center;
}
 .crumbs p {
width:90%;
}
 .nav .ch {
display: inline-block;
vertical-align: top;
overflow: hidden;
width:22.4%;
margin:0 1% 15px 1%;
height:auto;
}
.newslist_right ul li {
width: 90%;}
}
@media screen and (max-width: 900px) {
.flow2 p {
width:250px;
margin-left:480px;
padding-top:40px;
display:block;
}
.flow8 p {
width:260px;
display:block;
z-index:1;
position:absolute;
left:510px;
top:30px;
}
.newslist_right ul li {
width: 90%;}
}
@media screen and (max-width: 860px) {
 .pro_top .right dl dd {
width:78%;
float:left;
height:auto;
}
 .pro_mid .left p, .pro_bot p {
margin: 8px 0;
}
 .epc_box {
width:98% !important;
}
.newslist_right ul li {
width: 90%;}
}
@media screen and (max-width: 820px) {
.flow {
width:560px;
display:block;
overflow:hidden;
margin:0 auto;
width:100%;
height:1050px;
overflow:hidden;
}
.flow p {
margin:0px;
padding:0px;
width:40%;
margin-left:50%;
padding-top:0px;
}
.flow1 {
background:url(../images/flow1.jpg) no-repeat center;
height:165px;
}
.flow2 {
background:url(../images/flow2.jpg) no-repeat center;
height:200px;
position:relative;
top:-20px;
}
.flow3 {
background:url(../images/flow3.jpg) no-repeat center;
height:160px;
position:relative;
top:-100px;
}
.flow4 {
background:url(../images/flow4.jpg) no-repeat center;
height:200px;
position:relative;
top:-200px;
}
.flow5 {
background:url(../images/flow5.jpg) no-repeat center;
height:190px;
position:relative;
top:-290px;
}
.flow6 {
background:url(../images/flow6.jpg) no-repeat center;
height:180px;
position:relative;
top:-370px;
}
.flow7 {
background:url(../images/flow7.jpg) no-repeat center;
height:230px;
position:relative;
top:-430px;
}
.flow8 {
background:url(../images/flow8.jpg) no-repeat center;
height:200px;
position:relative;
top:-530px;
}
.flow8 p {
position:static;
}
.epc_nav li a {
margin:0 auto;
border:1px solid #ddd;
display:block;
width:60px;
height:30px;
font-size:12px;
line-height:30px;
}
.epc_nav li a:hover {
background:#bc1c21;
text-decoration:none;
z-index:999;
color:#fff;
}
.list_intro {
    height: 170px;
}
.newslist_right ul li {
width: 90%;}
}
 @media screen and (max-width: 780px) {
 .pro_top .right dl dd {
width:73.5%;
float:left;
height:auto;
}
 footer .f_list {
width:18%;
float:left;
margin-right:2.5%;
}
 #main_nav li.tit {
width: 13.8%;
}
 #main_nav li ul.hidden2 {
left:-105px;
width:300px;
z-index:112121212;
}
#main_nav li ul.hidden3 {
width:400px;
left:-155px;
z-index:112121212;
}
.list_intro {
    height: 170px;
}
.newslist_right ul li {
width: 90%;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {

	/* header */
	#pagewrap {
width:94%;
}
 section, side, article {
margin-top:1.2em;
float:none;
width:98%;
margin: 0 auto;
}
 .main_image {
height:188px;
}/*待定*/
 #head_top, #main_nav, footer .bot_top, .pro_top .right {
 width: 100%;
}
 .drawer-toggle {
display: inline-block;
}
 h1, h2, h3, h4, h5, h6 {
 line-height: 1.4em;
 margin: 1em 0 .4em;
 font-weight:normal;
}
	/* display */
  footer .bot_top, .pro_cen .tansuo span, .bot2, footer .bot_bot p span, div.top_pho {
display:none;
}
 footer .bot_bot p {
text-align:center;
}
 .newslist_page a.page_more {
display:none;
}
.pro_cen .list_img p{ display:none;}
	/* 尺寸 */	
	footer .bot_bot {
padding: 1em 1%;
}
 .pro_cen .list_img li {
width:46%;
margin-right:4%;
}
 .pro_cen .list_img {
margin-right:-4%;
width:auto;
}
 .pro_top .left {
float:none;
width:70%;
height:auto;
overflow:hidden;
margin:0 auto;
}
 .pro_top .left img {
width:100%;
height:auto;
}
 .pro_top .right dl dd {
width:80%;
float:right;
}
 .pro_mid .left {
float:none;
width:98%;
}
 .pro_mid .right, .pro_bot .yuanli {
float:none;
width:90%;
margin:0 auto;
}
 .crumbs p {
width:98%;
}
 .newslist_page a {
padding:2.2%;
}
 .page_pre, .page_next {
width:15px !important;
height:15px !important;
padding:2.2% !important;
}
 #ind_left, #ind_right {
width:98%;
float:none;
margin-top:2em;
margin:0 auto;
}
 #btn_prev, #btn_next {
background-size:70%;
}
 #btn_prev {
left:5%;
}
 #btn_next {
right:5%;
}
 #main_nav li.tit {
width:90%;
margin:0 auto;
float:none;
height:50px;
line-height:50px;
border:0px;
}
 #main_nav .tit span {
margin-left:15px;
}
 #main_nav a:hover {
text-decoration:none;
color:#ccc !important;
}
 .pic_right1 {
width:300px;
height:auto;
overflow:hidden;
clear:both;
margin-left:20px;
margin-bottom:20px;
}
 .nav .ch {
width:45%;
margin:0 2% 15px 2%;
}
/*新闻*/
	.newslist_page {
width:70%;
}
 .news_xiangguan, .news_tuijian {
float:none;
width:98%;
margin:0 auto;
}
 .news_page {
height:125px;
}
 .news_page .page_left, .news_page .page_right {
float:none;
width:100%;
display:block;
clear:both;
}
 .news_page .page_left {
margin-bottom:15px;
}
 div.flicking_con {
bottom:5px;
}
 .bottom_wite {
 height:35px;
 overflow:hidden;
 padding:10px 0;
 position: fixed;
 width: 100%;
 bottom: 0;
 z-index: 999999;
 background-color:#3853aa;
 padding-left: 7px;
}
.navigation {
width:100%;
height:35px;
overflow:hidden;
}
.navigation a {
 display:block;
 float: left;
 width: 41%;
 color: #fff;
 border-right: 1px solid #6374b3;
 position:relative;
 padding-left:8%;
}
.navigation span {
font-size:16px;
height:35px;
line-height:35px;
position:absolute;
top:5px;
}
.navigation a.no_border {
padding-left:15%;
width:34%;
}
footer {
margin-bottom:55px;
border-bottom:1px solid #ccc;
}
.pro_tit {
display:none;
}
.solution_list {
width:100%;
}
.solution_list a {
display:block;
line-height:35px;
background:#ededed;
float:left;
width:43%;
margin:1% 10px;
text-align:center;
}
#main_nav li span {
display:inline;
}
#main_nav .nav_hidden {
display:none;
}
.prolist, .prolist2, .prolist3, .prolist4 {
width: 100%;
}
.pro_ip {
display:block;
}
 .flow {
width:560px;
display:block;
overflow:hidden;
margin:0 auto;
width:100%;
height:auto;
}
.flow p {
margin:0px;
padding:0px;
width:40%;
margin-left:50%;
padding-top:0px;
}
.flow1, .flow2, .flow3, .flow4, .flow5, .flow6, .flow7, .flow8 {
position: static; top:0px;
}
.list_intro {
    height: auto;
}
.prolei {
font-size: 14px;}
.newslist_right ul li {
width: 90%;}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
 -webkit-text-size-adjust: none;
}
 div.top_logo {
width:65%;
}
 .pro_top .right dl dd {
width:76%;
float:right;
}
 .newslist_page {
width:75%;
margin:15px auto;
height:auto;
overflow:hidden;
}
 div.flicking_con {
bottom:1px;
z-index:1;
}
 .pic_right1 {
width:96%;
height:auto;
overflow:hidden;
margin:2%;
}
 .epc_nav li a {
display:block;
width:30px;
height:40px;
padding:10px 6px;
font-size:12px;
line-height:20px;
background:none;
}
.epc_nav li a:hover {
background:#bc1c21;
text-decoration:none;
z-index:999;
color:#fff;
}
.pro_cen .list_img p{ display:none;}
.list_intro {
    height: auto;
}
.newslist_right ul li {
width: 90%;}
}
 @media screen and (max-width: 400px) {
 .newslist_page {
width:85%;
margin-left:15%;
}
.pro_cen .list_img p{ display:none;}
.list_intro {
    height: auto;
}
.prolei {
font-size: 12px; background:#3853aa; color:#fff;}
.newslist_right ul li {
width: 85%;}
.tupian{ display:none;}
}