﻿
/*Common For Max 960*/
@media only screen and (max-width: 1000px) {
.wp {width: 960px;}
.nav li a{width: 80px;}
.logo, .logo img{height: 60px;width: auto;}
.logo{margin-top: 12px;}
.g-row .col-l{display: none;}
.g-row .col-r{float: none;width: 100%;}
.prodetails .img{float: none;margin:0 auto;width: 384px;overflow: hidden;}
.proshow-Box{margin: 0 auto;}
 .prodetails .txt{margin:20px 0 0 0;}
 .ul-pic li{width: 50%;}
 .ul-aservice li{width: 100%;margin-bottom: 5px;}
 .move-search{display: block;}

.fixm-ab{
	display:none
}
.fixm{
	display:none
}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
.wp {width: 768px;}

}

@media only screen and (min-width: 768px) {
.fixm-ab{
	display:none
}
.fixm{
	display:none
}

}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
.sj-hd{display: block;}
.wp {width: 98%;}
 .pc-hd{display: none;}
#bd{margin-top: 60px;}
/*.g-ad{height: 300px;}*/
 .jqZoomPup,.zoomdiv{display: none !important;}
 .ul-imgtxt li .box{margin-left: 15px;}
 .ul-imgtxt{margin-left: -15px;}
 .ul-imgtxt li{width: 50%;margin-bottom: 15px;}
 .ul-imgtxt li .txt p{font-size: 12px;}
 .g-page{padding-top: 10px;}
 .g-ad{margin-bottom: 20px;}

.fixm-ab{
  display:block;
  height: 56px;
}
.fixm{
   display:block;
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0px;
  /*background: #4c4c4c;*/
  background: #1b1d81;
  z-index: 999;
}
.fixm.ab{
   position: absolute;
   z-index:1;
}
.fixm ul{
  width: 100%;
}
.fixm li{
  width: 25%;
  float:left;
  padding: 6px 0 2px;
  background: url(../images/bcm5.png) no-repeat right center;
  background-size: 2px 58px;
}
.fixm li a{
    display: block;
    position: relative;
}
.fixm li a>img{
  display: block;
  margin: 0 auto 2px;
  width: 23px;
}
.fixm li p{
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.fixm li a .ewmbox{
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50%;
    bottom: 49px;
    display: none;
}
.fixm li a.on .ewmbox,.fixm li a.active .ewmbox{
    display: block;
}
.fixm li a .ewmbox img{
    width: 100%;
    height: 100%;
}
.fixm li.cur{
  background: none;
}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
#bd{margin-top: 50px;}
.sj-logo,.sj-logo img{height: 40px;}
 .sj-nav{top:50px;}
 /*.g-ad{height: 250px;}*/
 .hd-tab li {width: 33.3%;}
 .hd-tab li a{width: auto;}
 .proshow-Box{width: 300px;}
 #BigImage img{width: 300px !important;height: 300px !important;}
 .prodetails .img{width: 302px;}
 #mycarousel{width: 240px !important;}
 .proshow-Box .jcarousel-skin-tango .jcarousel-next-horizontal{right:60px !important;}
 #banner .slick-dots li a{width: 10px;height: 10px;}
 #banner .slick-dots li{margin:0 3px;}
 .ul-pic li{width: 100%;}
 .ul-pic li .box{padding-bottom: 0;}
 #allmap{height: 250px;}
 .about .box{padding-left: 0;}
}

