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


#daohang{width: 100%;height: 1rem;color: #fff;line-height: 1rem;border-bottom: 1px solid rgba(255,255,255,0.2);position: fixed !important;top:0;left:0;z-index: 1000;background: #fff;}
#daohang .pc-nav li a{color: #333 !important;}
#daohang .pc-nav li:hover a,#daohang .pc-nav li.active a{border-bottom: 2px solid #e60012 !important;color:#e60012 !important;}
#daohang .fl .wen{color:#333 !important;}
#daohang .fl a img{margin-top: -0.48rem !important;}
#daohang .fr .wechat img{margin-top: -0.22rem;}


#ejdh{width: 100%;height: 0.65rem;line-height: 0.65rem;background: #f5f5f5;margin-top: 1rem;}
#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;}



.title{font-size: 0.42rem;color: #333333;text-transform: uppercase;text-align: center;padding-top: 1rem;padding-bottom: 0.4rem;font-weight: bold;}
.title span{color: #e60012;display: inline-block;}

#she .bottom{width: 16rem;margin:0 auto;margin-top: 0.5rem;}
#she .bottom a{width: 4.7rem;height: 4.34rem;display: block;float: left;margin-right:0.95rem;}
#she .bottom a:last-child{margin-right: 0;}
#she .bottom a .tu{width: 4.7rem;height: 3.54rem;overflow: hidden;}
#she .bottom a .tu img{width: 100%;display: block;transition:0.5s;}
#she .bottom a:hover .tu img{transform: scale(1.1);}
#she .bottom a .wen{width: 90%;height: 0.8rem;background: #e60012;line-height: 0.8rem;color: #fff;font-size: 0.2rem;padding:0 5%;}
#she .bottom a .wen i{float: right;}
#she .bottom a:hover .wen{background: #004da2;}

#jishu{width: 100%;height: 8.3rem;background: url(/statics/images/fanan/jishu.jpg)no-repeat center;margin-top: 1rem;}
#jishu .fl{width: 6rem;height: 8.3rem;overflow: hidden;}
#jishu .fl img{width: 100%;display: block;}
#jishu .fr{width: 5.6rem;height: 4.2rem;background: rgba(230,0,18,0.8);margin-top: 2rem;margin-right: 0.5rem;color: #fff;padding: 0 0.8rem;}
#jishu .fr p{font-size: 0.54rem;font-weight: bold;padding-top: 0.8rem;}
#jishu .fr span{font-size: 0.18rem;display: block;margin-top: 0.05rem;}
#jishu .fr hr{width: 100%;height: 1px;background: rgba(255,255,255,0.5);outline: none;border:none;margin: 0.4rem 0 0.6rem;}
#jishu .fr .wen{font-size: 0.28rem;}



#yuyue{width: 100%;height: 2.57rem;display: block;background: url(/statics/images/index/yuyue.png)no-repeat center;margin-top: -0.85rem;background-size: cover;}
#yuyue .fl{font-size: 0.36rem;color: #333333;margin-top: 1.1rem;margin-left: 3.5rem;font-family: 'phtb';font-weight:bold;}
#yuyue .fl a{color: #e60012;}

#yuyue .but{margin-top: 1.4rem;display: block;float: right;}
#yuyue .but span{float: right;width: 0.5rem;height: 0.48rem;background: url(/statics/images/index/red.png)no-repeat left;text-align: center;color: #fff;font-size: 0.16rem;transition:0.5s;color: #fff;overflow: hidden;}
#yuyue .but i{display: block;width: 1.6rem;height: 0.48rem;border: 1px solid #999999;line-height: 0.48rem;text-indent: 0.2rem;font-size: 0.16rem;}
#yuyue .but:hover span{width: 0.75rem;color: #fff;}

#xiaoguo{width: 100%;padding-bottom: 1rem;background: #f7f7f7;}
#xiaoguo .wrap{width: 100%;height: 5rem;}
#xiaoguo li{width: 25%;float: left;text-align: center;text-transform: uppercase;color: #999999;margin-top: 1rem;}
#xiaoguo li p{font-size: 0.26rem;color: #333333;padding-top: 0.5rem;line-height: 0.35rem;padding-bottom: 0.1rem;}
#xiaoguo li .tu{width: 1.6rem;height: 1.6rem;overflow: hidden;margin:0 auto;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.02);border-radius: 50%}
#xiaoguo li .tu img{width: 100%;display: block;}
#xiaoguo li:hover .tu img{margin-top: -1.6rem;}
#xiaoguo .more{text-align: center;font-size: 0.2rem;color: #e60012;width: 100%;display: block;}
#xiaoguo .more span{padding-left: 0.1rem;}


#bijiao .bottom{width: 100%;height: 8.3rem;background: url(/statics/images/fanan/bijiao.jpg)no-repeat center;background-size: cover;}
#bijiao li{width: 3rem;height: 8.3rem;border-right:1px solid #82878d;float: left;color: #fff;}
#bijiao li:last-child{border-right: none;}
#bijiao li .ico{display: none;margin-top: 0.8rem;font-size: 0.24rem;text-transform:uppercase;}
#bijiao li p{font-size: 0.3rem;font-weight: bold;width: 0.05rem;padding-left: 1.2rem;text-align: center;padding-top: 50%;}
#bijiao li hr{width: 100%;height: 1px;background: rgba(255,255,255,0.5);outline: none;border:none;margin:0.4rem 0;display: none;}
#bijiao li .shu{color: #fff;margin-top: 0.9rem;display: inline-block;display: none;font-size: 0.88rem;color: rgba(255,255,255,0.5);font-family: 'din';}
#bijiao li .wen{font-size: 0.18rem;line-height: 0.3rem;display: none;}

#bijiao li.active,#bijiao li:hover{width:5.05rem;height: 8.3rem;padding:0 1rem;background: rgba(0,0,0,0.1)}
#bijiao li.active p,#bijiao li:hover p{padding: 0 !important;width: 100%;text-align: left;font-size: 0.48rem;font-weight: bold;}
#bijiao li.active .ico,#bijiao li:hover .ico{display: block;margin-bottom: 1.7rem;}
#bijiao li.active .ico img,#bijiao li:hover .ico img{transform:rotate(360deg);}
#bijiao li.active hr,#bijiao li:hover hr{display: block;}
#bijiao li.active .wen,#bijiao li:hover .wen{display: block;}
#bijiao li.active .shu,#bijiao li:hover .shu{display: inline-block;}




#shebei .bottom{width: 14.04rem;margin:0 auto;margin-top: 0.5rem;}
#shebei .bottom a{width: 6.22rem;height: 4.51rem;display: block;float: left;margin:0 0.4rem;}
#shebei .bottom a .tu{width: 6.22rem;height: 3.71rem;overflow: hidden;}
#shebei .bottom a .tu img{width: 100%;display: block;transition:0.5s;}
#shebei .bottom a:hover .tu img{transform: scale(1.1);}
#shebei .bottom a .wen{width: 90%;height: 0.8rem;background: #808080;line-height: 0.8rem;color: #fff;font-size: 0.2rem;padding:0 5%;}
#shebei .bottom a .wen i{float: right;}
#shebei .bottom a:hover .wen{background: #e60012;}


#xiaoguo2{width: 100%;padding-bottom: 1rem;background: #f7f7f7;}
#xiaoguo2 .wrap{width: 100%;height: 3.5rem;}
#xiaoguo2 a{width: 25%;float: left;text-align: center;text-transform: uppercase;color: #999999;margin-top: 0.7rem;display: block;}
#xiaoguo2 a p{font-size: 0.26rem;color: #333333;padding-top: 0.3rem;line-height: 0.35rem;padding-bottom: 0.1rem;}
#xiaoguo2 a .tu{width: 1.24rem;height: 1.24rem;overflow: hidden;margin:0 auto;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.02);border-radius: 50%}
#xiaoguo2 a .tu img{width: 100%;display: block;margin-top: -1.24rem;}
#xiaoguo2 a:hover .tu img{margin-top: 0rem;}
#xiaoguo2 a:hover,#xiaoguo2 a:hover p{color: #e60012;}