@media screen and (max-width:639px) {
/*——– 主页 ————–*/
*{box-sizing:border-box;}
.header{width:93%;}
#headertop{width:100%; height:100%;}
#headertop .navtop{text-align:center;}
#headertop .navtop a{width:30%;}
#headertop .navtop img{width:90%;}
#headertop .navtop .toptext{float:none;	font-size:18px;	padding:13px 0; width:100%;}
#headertop .navtop .toptext b{font-size:14px;}
#headertop .navtop .navtel{float:none;}
#headertop .navtop form{width:100%;}
#headertop .navtop .navtel a{display:none;}
#headertop .navtop .navtel li{display:none;}
.search-keyword{width:75%;}

/*——– 菜单栏 ————–*/
  #cssmenu {
    width: 100%;
	padding-top: 10px;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	background-color:#043f8d;
  }
  #cssmenu ul ul { background-color:#f2f2f2; text-align:center;}
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li {width:100%; height:45px; border-top: 1px solid rgba(120, 120, 120, 0.15);}
  #cssmenu ul li a{height:45px; width:100%;}
  #cssmenu > ul > li > a{padding:10px; font-weight:normal; color:#fff;}
  #cssmenu ul li:hover { height:auto;}
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul ul li a {
    width: 100%;
	height:45px;
  }
  #cssmenu > ul > li {
    float: none;
    display: block;
	color:#fff;
  }
  #cssmenu ul ul li a {
    font: 1.0rem/1.4em Montserrat,sans-serif;
    color: #043f8d;
    background: none;
	padding-left:0px;
	line-height:45px;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #fff;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 10px;
    color: #fff;
	background: #043f8d;
	font: 1.1rem/1.4em Montserrat,sans-serif;
    cursor: pointer;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 45px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 20px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }


.w1570{ width:100%;}
.banner{height:100%; margin-top:10px;}
.banner .br-text{text-align:center;}
.br-list ul{width:100%;}
.br-list ul li{width:50%;}
.br-list ul li h3 a{font-size:16px;}
.br-list .brlist-tt{font-size:26px;}
.probanner{height:100%;}
.probanner .br-text{text-align:center;}
.br-cat{padding:20px 0;}
.br-cat .brlist-tt{font-size:26px;}
.br-cat ul{width:100%;}
.br-cat ul li{width:50%;}
.soubanner{height:100%;}
.soubanner .br-text{text-align:center;}
.br-dif{padding:50px 0;}
.br-dif .brlist-tt{font-size:26px;}
.br-dif ul li{margin:0; width:auto; background-color:#f2f2f2; padding:15px 30px; float:none;}
.br-dif ul li img{width:100%;}
#featureContainer{width:90%;}
#feature{width:100%; overflow:hidden;}
#block{width:80%; overflow:hidden;}
.featureBox{width:100%;}
#featureContainer ul.indus{margin:20px 0;}
.footer .powered{width:93%;}
.footer .powered .w1340{width:100%;}
.banner .w1340{width:100%;}
.probanner .w1340{width:100%;}
.soubanner .w1340{width:100%;}
.footer{padding-top:20px;}
.footer .powered ul{width:50%;}
.arc_selector{margin-top:10px;}
/*——– 大类 ————–*/
.list{width:100%; margin-top:10px; margin-bottom:15px;}
.w1340{width:93%;}
.pleft{width:100%;}
.pleft .tbox{width:99.7%}
.pright{width:100%;}
.e2 li{width:100%;}
.e2 li a{width:100%; margin:0;}
.e2 li .btn_list{width:100px;}

.rtext{margin-bottom:0;}
.rtext h2{font-size:16px;}
.listbox{margin-top:20px;}
/*——– 产品页 ————–*/
.amiddle .picview{width:100%;}
.picture-big{width:auto;}
.picture-big img{width:100%;}
.amiddle .infolist{width:100%; margin:12px 0 20px 0;}
.amiddle .infolist span{width:15%;}
.amiddle .infolist p{width:85%;}
.amiddle .order{width:auto; margin:0;}
.btn-shop{width:100%; margin-left:0; text-align:center; float:none;}
.br-btn1{margin-right:0; line-height:50px;}
#head_list{width:93%; height:50px; line-height:50px;}
#featureShop{width:100%;}
#pro-block{width:80%;}
.e2 li .btn_list a{width:auto;}
.aleft{margin:0;}
.viewboxar .title{height:auto; padding-top:10px;}
.viewboxar .title h2{padding-bottom:0px;}
.viewboxar .content{text-align:center;}
.service-us{display:block; margin:0px;}
.service-left{width:100%;}
.service-left img{width:100%;}
.list_sj .list_ms{padding:25px 0;}
.list_ms h1{font-size:150%;}
.list_ms .des{padding-bottom:0;}
.br-list #brlist-tt {font-size:26px;}
#brlist-tt h2{padding-bottom:0px;}
.brlist-tt h2{padding-bottom:0px;}
}

@media screen and (max-width:1023px) and (min-width:640px) { 
/*——– 主页 ————–*/
.header{width:93%;}
#headertop{width:100%; height:100%;}
#headertop .navtop{text-align:center;}
#headertop .navtop .toptext{float:none;	font-size:20px;	padding:10px 0;}
#headertop .navtop .toptext b{font-size:14px;}
#headertop .navtop .navtel{float:none;}
#headertop .navtop form{width:100%;}
#headertop .navtop .navtel li{display:none;}
.search-keyword{width:75%;}
.toggle{display:block; margin-top:10px;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #000000; padding:10px 10px; font-size:16px;}
.toggle a:hover{ color:#ffffff;}
.toggle a.active{color:#ffffff;}
#headermenu{display:none;}
.header #headermenu{float:none; margin:0; position:absolute; overflow-x:hidden; z-index:999;}
.header #headermenu ul{ width:100%; float:none !important; margin-top:0;  background-color:#222222;}
.header #headermenu ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;}
#headermenu ul li a{padding:5px 10px; display:block; color:#ffffff !important;}
#headermenu ul li a:hover{color:#ff8a00;}
#headermenu ul li ul, #headermenu ul li ul ul{ display:block !important;}
#headermenu ul li ul li a:before{content:"\00BB \00a0";}
#headermenu ul li ul li a{padding-left:20px !important;}
#headermenu ul li ul li ul li a{padding-left:30px !important;}
#headermenu ul li span{line-height:30px;}
#headermenu ul li:hover > ul{box-shadow:none;}
#headermenu ul li:hover > ul li{display:none;}

/*——– 菜单栏 ————–*/
  #cssmenu {
    width: 100%;
	padding-top: 10px;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	background-color:#043f8d;
  }
  #cssmenu ul ul { background-color:#f2f2f2; text-align:center;}
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li {width:100%; height:45px; border-top: 1px solid rgba(120, 120, 120, 0.15);}
  #cssmenu ul li a{height:45px; width:100%;}
  #cssmenu > ul > li > a{padding:10px; font-weight:normal; color:#fff;}
  #cssmenu ul li:hover { height:auto;}
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul ul li a {
    width: 100%;
	height:45px;
  }
  #cssmenu > ul > li {
    float: none;
    display: block;
	color:#fff;
  }
  #cssmenu ul ul li a {
    font: 1.0rem/1.4em Montserrat,sans-serif;
    color: #043f8d;
    background: none;
	padding-left:0px;
	line-height:45px;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #fff;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 10px;
    color: #fff;
	background: #043f8d;
	font: 1.1rem/1.4em Montserrat,sans-serif;
    cursor: pointer;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 45px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 20px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }

.w1570{ width:100%;}
.banner{height:100%; margin-top:10px;}
.banner .br-text{text-align:center;}
.banner .w1340{width:100%;}
.br-list ul{width:100%;}
.br-list ul li{width:33%;}
.br-list .brlist-tt{font-size:30px;}
.probanner{height:100%;}
.probanner .br-text{text-align:center;}
.probanner .w1340{width:100%;}
.br-cat{padding:20px 0;}
.br-cat .brlist-tt{font-size:30px;}
.br-cat ul{width:100%;}
.br-cat ul li{width:33%;}
.soubanner{height:100%;}
.soubanner .br-text{text-align:center;}
.soubanner .w1340{width:100%;}
.br-dif{padding:20px 0;}
.br-dif .brlist-tt{font-size:26px;}
.br-dif ul li{margin:0; width:25%; background-color:#f2f2f2; padding:15px 4%;}
.br-dif ul li img{width:100%;}
.br-dif ul li span{font-size:17px;}
.br-dif ul li p{font-size:16px;}
.br-dif ul li a{font-size:17px;}
#featureContainer{width:90%;}
#feature{width:100%; overflow:hidden;}
#block{width:90%; overflow:hidden;}
.featureBox{width:50%;}
#featureContainer ul.indus{margin:20px 0;}
.footer .powered{width:93%;}
.footer .powered .w1340{width:100%;}
.banner .w1340{width:100%;}
.probanner .w1340{width:100%;}
.soubanner .w1340{width:100%;}
.footer{padding-top:20px;}
.footer .powered ul{width:25%;}
/*——– 大类 ————–*/
.list{width:100%; margin-top:10px; margin-bottom:15px;}
.w1340{width:93%;}
.pleft{width:100%;}
.pleft .tbox{width:99.7%}
.pright{width:100%;}
.e2 li{width:50%;}
.e2 li a{width:100%; margin:0;}
.e2 li .btn_list{width:100px;}
#featureContainer .brpro-ttt{padding:0 0 15px 0;}
#featureContainer .brpro-tt{padding:50px 0 10px 20px;}
.rtext{margin-bottom:0;}
.rtext h2{font-size:16px;}
.listbox{margin-top:20px;}
#featureShop{width:100%;}
#pro-block{width:100%;}
.amiddle .picview{width:100%;}
.picture-small{text-align:center;}
.amiddle .infolist{width:auto; margin:20px 50px;}
.amiddle .order{width:auto;}
.aleft{margin:0;}
#head_list{width:93%;}
}

@media screen and (max-width:1599px) and (min-width:1024px) { 
#cssmenu > ul {width:100%;}
#cssmenu > ul > li { width:10%; text-align:center;}
#cssmenu > ul > li > a { padding:8px 0 20px 0; font:0.8rem/1.4em Montserrat,sans-serif; font-weight:bold;}
#cssmenu ul ul { top:33px;}
#headertop{width:95%;}
#headertop .navtop .toptext{width:330px; padding:10px 0 0 20px;}
#headermenu ul li{font:0.95rem/1.4em Montserrat,sans-serif;}
.w1570{width:100%;}
.banner .br-text{padding:50px 0 0 50px;}
.banner .w1340{width:90%;}
.br-list .brlist-tt{font-size:30px;}
.br-list ul{width:90%;}
.br-list ul li{width:16.5%;}
.br-list ul li h3{font-size:17px;}
.probanner .w1340{width:90%;}
.probanner .br-text{padding:50px 0 0 50px;}
.br-cat .brlist-tt{font-size:30px;}
.br-cat ul{width:90%;}
.br-cat ul li h3{font-size:17px;}
.soubanner{width:100%;}
.soubanner .w1340{width:90%;}
.soubanner .br-text{padding:50px 0 0 50px;}
.br-dif .brlist-tt{font-size:30px;}
.br-dif ul li{width:23.5%; margin:0 1.9%;}
.br-dif ul li img{width:100%;}
.br-dif ul li span{font-size:17px;}
.br-dif ul li p{font-size:16px;}
.br-dif ul li a{font-size:17px;}
#featureContainer{width:90%;}
#feature{width:100%; overflow:hidden;}
#block{width:90%; overflow:hidden;}
.featureBox{width:33%;}
.footer .powered{width:93%;}
.footer .powered .w1340{width:100%;}
#head_list{width:93%;}
}