@charset "utf-8";
/* CSS Document */
@media (min-width: 980px) and (max-width:1120px) {
    .inInfos .news li a{width:100%}
    .inInfos .news em{display:none;}
}
    
@media (min-width: 980px) and (max-width:1200px) {
body{width:100%;}
.header .top{width:100%;}
.topNav .con{width:100%;}
.leftCom{display:none;}
.leftForm{display:none;}
.leftewm{display:none;}
.leftWrap{width:100%;float:none;}
.rightWrap{width:100%;max-width:1200px;float:none;padding:0 2%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.leftNav ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.leftNav2 ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav2 ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.proNali ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.proNali ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;overflow: hidden;}
.inPro{padding:0 2%;}
.pd2{padding:0 2%;}
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
body{width:100%;}
.index-banner{display:none;}
.header .top{width:100%;}
.topNav .con{width:100%;}
.headerzizhi{display:none;}    
.headserch{padding-left:30px;}  
.topNav dl{width:11.5%;}
.topNav dt a{width:80px;}
.inInfos .about {float: none;width: 100%;height: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.inInfos .news {float: none;width: 100%;margin-top: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.inInfos .news em{right: 10px;}
.ileft{width: 22%;}
.mdlgrid{grid-template-columns: 100%;}
.mdlgridtit:nth-child(2n){border-left:none;}
.footer-nav .con{grid-template-columns: repeat(4, 25%);}
.footer-nav .wx{display:none;}
.leftCom{display:none;}
.leftForm{display:none;}
.leftewm{display:none;}
.leftWrap{width:100%;float:none;}
.rightWrap{width:100%;max-width:1200px;float:none;padding:0 2%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.leftNav ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.leftNav2 ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav2 ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.proNali ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.proNali ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;overflow: hidden;}
.allgrid{grid-template-columns: repeat(4, 1fr);}
.inPro{padding:0 2%;}
.pd2{padding:0 2%;}
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
body{width:100%;;}
.index-banner{display:none;}
.header{height:95px;}
.header .top{width:100%;}
.topNav .con{width:100%;}    
.headerzizhi{display:none;}   
.headserch{padding-left:15px;width: 95%;}  
.headtel{display:none;}
.menu{position:absolute; right:0;  top:5px; width:50px; height:50px; background:url(../images/menu_btn1.png)/*tpa=http://www.yupan91.com/skin/images/menu_btn1.png*/ 50% 50% no-repeat; background-size:40%; }
.menu.cur{background:#e60b0b url(../images/menu_btn.png)/*tpa=http://www.yupan91.com/skin/images/menu_btn.png*/ 50% 50% no-repeat;background-size:40%; }
.wrapBgg{display:none; background:rgba(0,0,0,.4); position:fixed; left:0; top:0; height:200%; width:100%; z-index:10;}
.topNav{display:none; position:fixed; right:0;top:50px; background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.4);}
.topNav dl{float: none;}
.topNav dl a{font-size:0.85em; display:block; border-bottom:1px solid #e3e3e3;padding:0.5em 2em;line-height:30px;}
.topNav .xunjia{display:none;}
.cpgrid{grid-template-columns: repeat(3, 1fr)}
.index-brand .item .itembox .boxright{width:0;}
.inInfos .about {float: none;width: 100%;height: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.inInfos .news {float: none;width: 100%;margin-top: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.inInfos .news em{right: 10px;}
.ileft{width: 22%;}
.mdlgrid{grid-template-columns: 100%;}
.mdlgridtit:nth-child(2n){border-left:none;}
.footer-nav .con{grid-template-columns: repeat(4, 25%);}
.footer-nav .wx{display:none;}
.footer-nav dd{display:none;}
.leftCom{display:none;}
.leftForm{display:none;}
.leftewm{display:none;}
.leftWrap{width:100%;float:none;}
.rightWrap{width:100%;max-width:1200px;float:none;padding:0 2%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.leftNav ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.leftNav2 ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav2 ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.proNali ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.proNali ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;overflow: hidden;}
.yewuyuanlist{grid-template-columns: auto 45%;grid-gap: 20px 20px;}
.proBard .list {margin-top: 70px;}
.search{padding-top: 16px;}
.allgrid{grid-template-columns: repeat(3, 1fr);}
.groupImg{float:none; width:100%;}
.brandcon{float:none; width:100%;}
.pageNp{grid-template-columns: repeat(1, 1fr);}
.newsTj{grid-template-columns: repeat(1, 1fr);}
.brandCon img:first-child{padding-left:0px;max-width: 100%;margin: 20px;float: none;}
.inPro{padding:0 2%;}
.pd2{padding:0 2%;}
.checkcode{width:100%;}
.footlogo{grid-template-columns: repeat(4, 1fr);}
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
body{background:#fff;line-height:150%;color:#595959;width:100%;;}
.index-banner{display:none;}
.header .top{width:100%;}
.topNav .con{width:100%;}    
.headerzizhi{display:none;}    
.cpgrid{grid-template-columns: repeat(2, 1fr)}
.footer-nav .wx{display:none;}
.footer-nav dd{display:none;}
.leftCom{display:none;}
.leftForm{display:none;}
.leftewm{display:none;}
.leftWrap{width:100%;float:none;}
.rightWrap{width:100%;max-width:1200px;float:none;padding:0 2%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.leftNav ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.leftNav2 ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.leftNav2 ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;}
.proNali ul{width: 100%;background: #eee;display: -moz-box;display: -webkit-box;display: box;}
.proNali ul li{-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;overflow: hidden;}
.proBard .list {margin-top: 70px;}
.search{padding-top: 8px;}
.newsTop dt{float:none;width:100%;}
.newsTop dd{float:none; width:100%;margin-top: 20px;}
.allgrid{grid-template-columns: repeat(2, 1fr);}
.leftNav2 .iconRight{background:url(../images/icon-down2.png)/*tpa=http://www.yupan91.com/skin/images/icon-down2.png*/ no-repeat;}
.inPro{padding:0 2%;}
.pd2{padding:0 2%;}
.checkcode{width:100%;}
.footlogo{grid-template-columns: repeat(4, 1fr);}
}

  
#content-wrapper .row {opacity: 1;transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;}
#content-wrapper .row.hidden {opacity: 0;transform: translateY(50px);border-bottom: none;}
/* 定义一个淡入的动画 */
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  
  25% {
    opacity: 1;
    transform: translateY(0);
  }
}