@media screen and (min-width:375px) {
  html {
    font-size: calc(100% + 2 * (100vw - 375px)/ 39);
    font-size: calc(16px + 2 * (100vw - 375px)/ 39)
  }
}
@media screen and (min-width:414px) {
  html {
    font-size: calc(112.5% + 4 * (100vw - 414px)/ 586);
    font-size: calc(18px + 4 * (100vw - 414px)/ 586)
  }
}
@media screen and (min-width:600px) {
  html {
    font-size: calc(125% + 4 * (100vw - 600px)/ 400);
    font-size: calc(20px + 4 * (100vw - 600px)/ 400)
  }
}
@media screen and (min-width:1000px) {
  html {
    font-size: calc(137.5% + 6 * (100vw - 1000px)/ 1000);
    font-size: calc(22px + 6 * (100vw - 1000px)/ 1000)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100),
only screen and (min-device-pixel-ratio: 1.5) {
   	.ibrand-list li:first-child:before,
   	.ibrand-list li:after,
   	.foot-b:after {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
}  
@media only screen and (-webkit-min-device-pixel-ratio: 2.0),
only screen and (min--moz-device-pixel-ratio: 2.0),
only screen and (-o-min-device-pixel-ratio: 200/100),
only screen and (min-device-pixel-ratio: 2.0) {
   	.ibrand-list li:first-child:before,
   	.ibrand-list li:after,
   	.foot-b:after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),
only screen and (min--moz-device-pixel-ratio: 2.5),
only screen and (-o-min-device-pixel-ratio: 250/100),
only screen and (min-device-pixel-ratio: 2.5) {
    .ibrand-list li:first-child:before,
   	.ibrand-list li:after,
   	.foot-b:after {
        -webkit-transform: scaleY(0.33333334);
        transform: scaleY(0.33333334);
    }
}      
      
@media screen and (max-width:750px) {
	.logobox{ left: 3%; margin-left: 0;}
	.online-aside{ right: 0; margin-right: 0;}
	.menu-box{ left: 0; margin-left: 0;}
	.sm-menu{ left: 0; margin-left: 0; width: 100%;}
	.sm-nav{ left: 0; margin-left: 0; width: 100%;}
	.about-adddemo{border: 0px none; padding-bottom: 1px;}
	.about-adddemo:after{content:'';position:absolute;border:1px solid #ccc;top:-50%;right:-50%;bottom:-50%; left:-50%;-webkit-transform:scale(0.5);transform:scale(0.5); z-index: -1;}
	.add-list{ border-top:0px none;}
	.add-list:before{content: ""; width: 100%; height: 0; position:absolute; border-top:1px solid #ccc; left:0; top:0; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);z-index: -1;}
	.add-list dd{ border-left:0px none;}
	.add-list dd:before{ content: ""; width: 0; height: 100%; position:absolute; border-left:1px solid #ccc; top:0; left:0; bottom:0; -webkit-transform:scaleX(0.5); transform:scaleX(0.5);z-index: -1;}
	.nav-dropload,.internet-list li,.info-time,.case-dropload,.case-list li{ border-bottom: 0px none;}
	.nav-dropload:before,.internet-list li:before,.info-time:before,.case-dropload:before,.case-list li:before{ content: ""; width: 100%; height: 0; position:absolute; border-bottom:1px solid #ccc; left:0; bottom:0; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);z-index: -1;}
	.case-list li:nth-of-type(even):after{-webkit-transform:scaleX(0.5); transform:scaleX(0.5);}
    .case-list li:before{ z-index:2;}
    .case-content1 .case-list li:before, .case-content1 .case-list li:after { display: none;}
	.internet-list li:before{  border-bottom:1px solid #eee;}
	.info-time:before{ border-bottom: 1px solid #ddd;}
	.hr-list dd{ border: 0px none; border-radius:0;}
	.hr-list dd:before{ content: ''; position: absolute; top: 0; left: 0; border: 1px solid #ccc; border-radius:1rem; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
	.md-modal{ left:0; margin-left: 0; right: 0; width: 100%;}
}
@media screen and (max-width:480px){
	.nav-dropload a{ padding-right: 1.2rem;}
}