/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-04-22 10:20:37
*/
/*banner*/
.wrap{width: 16rem !important;}


#ejdh{width: 100%;height: 0.65rem;line-height: 0.65rem;background: #f5f5f5;}
#ejdh a{color: #333;padding:0 0.2rem;}
#ejdh a:hover{color: #e60012;}
#ejdh .fr a{border-right:1px solid #cccccc;padding:0 0.25rem;}
#ejdh .fr a:last-child{border-right: none;padding-right: 0;}
#ejdh .fl a:first-child{padding-left: 0;}



#banner{width: 100%;height: 6rem;background: url(../image/banner.jpg)no-repeat center;background-size: cover;text-align: left;color: #fff;font-size: 0.18rem;}
#banner p{font-size: 0.4rem;padding-top: 2.6rem;padding-bottom: 0.2rem;}


#lanmu{width: 100%;height: 2rem;background: #fff;}
#lanmu a{width: 1.75rem;height: 0.65rem;line-height: 0.65rem;border:1px solid #333333;display: block;float: left;border-radius: 0.65rem;text-align: center;font-size: 0.16rem;margin-right: 0.25rem;margin-top: 0.68rem;}
#lanmu a:last-child{margin-right: 0;}
#lanmu a:hover,#lanmu a.on{background: #e60012;color: #fff;border:1px solid #e60012;}


#gexin{width: 100%;padding-bottom: 1rem;background: #f7f7f7;}
#gexin .biao{text-align: center;font-size: 0.26rem;color: #333333;padding-top: 1.2rem;padding-bottom: 0.7rem;}

#gexin li{width: 100%;height: 4.5rem;background: #fff;position: relative;margin-bottom: 0.6rem;}
#gexin li .fl{width: 7rem;height: 4.5rem;overflow: hidden;}
#gexin li .fl img{width:100%;display: block;transition:0.5s;}
#gexin li .fl:hover img{transform:scale(1.1);}
#gexin li .fr{width: 7.3rem;height: 3.7rem;margin-right: 0.8rem;font-size: 0.16rem;color: #666666;line-height: 0.25rem;}
#gexin li .fr .yin{text-transform: uppercase;color: #cccccc;padding-top: 0.7rem;}
#gexin li .fr p{color: #333333;font-weight: bold;padding-top: 0.15rem;padding-bottom: 0.2rem;}
#gexin li .fr hr{width: 100%;height: 1px;border:none;outline: none;background: #d9d9d9;margin:0.2rem 0;}
#gexin li .shuzi{position: absolute;right: 0.8rem;bottom:0.8rem;color: #e60012;font-size: 0.86rem;opacity: 0.2;font-family: 'din';}

#gexin li .more{width: 1.1rem;border-bottom:1px solid #e60012;line-height: 0.55rem;height: 0.55rem;font-size: 0.16rem;transition:0.5s;display: block;color: #e60012;margin-top: 0.7rem;}
#gexin li .more span{float: right;}
#gexin li .more:hover{width: 1.3rem;}

#gexin #hide{display: block;text-align: center;font-size: 0.24rem;color: #e60012;margin: 0.75rem auto 0;width: 2.85rem;height: 0.32rem;font-weight: bold;cursor: pointer;}
#gexin #hide img{display: inline-block;margin-left: 0.1rem;width:0.32rem;height: 0.32rem;float: left;}
#gexin #hide span{display: inline-block;float: left;}