@charset "utf-8";
/* CSS Document */


#banner{width: 100%;height: 500px;overflow: hidden;}
#banner img{width: 100%;display: block;}
/* 面包屑导航 */
.xnv{width: 1200px;height: 80px;margin: 0 auto;line-height: 80px;}
.xnv a{color: #333;padding: 0 5px;}
.xnv span{padding-right: 10px;font-size: 24px;display: block;float: left; margin-top:31px; }
/* 列表内容 */
.list{width: 1200px;margin: 0 auto;height: 1894px;}
.list .left{width: 300px;float: left;margin-right: 40px;margin-right: 40px;}
.list .left .title{width: 300px;height: 86px;background: #c9151e;padding-top: 34px;margin-bottom: 20px;}
.list .left .title h2{font-size: 30px;font-weight: normal;text-align: center;color: #fff;line-height: 30px;}
.list .left .title span{font-size: 14px;text-transform: uppercase;color:rgba(255,255,255,0.60);text-align: center;display: block;font-family: "arial";line-height: 14px;margin-top: 10px;}
.list .left .qie {width: 300px;height: 56px;overflow: hidden;margin-bottom: 10px;transition: 0.5s;}
.list .left .qie .fenlei{width:298px;height:54px;border: 1px solid #ccc;}
.list .left .qie .fenlei a{font-size: 18px;color: #333;line-height: 54px;float: left;margin-left:40px;}
.list .left .qie .fenlei span{float: right;margin-right: 40px;width: 14px;height: 14px;overflow: hidden;margin-top: 21px;}
.list .left .qie .fenlei span img{transition: 0.5s;}
.list .left .qie ul{margin-top: 10px;}
.list .left .qie li{width: 300px;height: 50px;background: #ededed;margin-bottom: 1px;}
.list .left .qie li span{color: #666;line-height: 50px;float: left;margin-left: 40px;}
.list .left .qie li a{color: #666;line-height: 50px;float: left;margin-left: 15px;}
.list .left .qie li:hover a,.list .left .qie li.cur a{color:#c9151e; }
.list .left .qie li:hover span,.list .left .qie li.cur span{color:#c9151e; }

/* 激活 */
.list .left .active{height: auto;}
.list .left .active .fenlei{background: #c9151e;border-color:#c9151e; }
.list .left .active .fenlei a{color: #fff;}
.list .left .active .fenlei span img{transform: translateY(-14px);}

/*广告图*/
.list .left .ad{width: 300px;height: 200px;margin-top: 20px;position: relative;}
.list .left .ad img{display: block;}
.list .left .ad p{text-align: left;font-size: 22px;padding-left: 14px;line-height: 35px;color: #fff;position: absolute;top: 60px;left: 30px;}
.list .left .ad p span{display: block;font-weight: bold;font-size: 28px;font-family: 'arial'}

/*右侧内容*/
.list .right{width: 860px;float: left;}
.list .right .youshi{height: 156px;}
.list .right .youshi h1{width: 120px;height: 104px;background: url("../images/list/jiagong.jpg") no-repeat center center;text-align: center;font-size: 34px;line-height: 44px;padding-top: 16px;font-family: "宋体";font-weight: bolder;float: left;}
.list .right .youshi .text{width: 714px;margin-left: 26px;float: left;}
.list .right .youshi .text span{font-size: 24px;color: #333;text-align: left;display: block;}
.list .right .youshi .text hr{width: 30px;height: 2px;background: #999;border: none;float: left;margin: 20px 0 15px 0;}
.list .right .youshi .text p{text-align: left;font-size: 15px;line-height: 25px;clear: left;color: #666;}

/* 产品*/
.chanp{margin-top: 36px;}
.chanp .title {border-bottom: solid 3px #ddd;padding-bottom: 14px;}
.chanp .title span{border-bottom:solid 3px #c9151e; font-size: 24px;color: #333;padding-bottom: 14px;}
.chanp .box_con .box{width: 858px;height: 336px;border: solid 1px #ddd;margin-top: 30px;}
.chanp .box_con .box:hover{border: solid 1px #c9151e;}
.chanp .box_con .box .pic{width: 440px;height: 316px;float: left;overflow: hidden;margin:10px;}
.chanp .box_con .box .pic img{display: block;transition: 0.5s;width:100%;}
.chanp .box_con .box .pic img:hover{transform: scale(1.05);}
.chanp .box_con .box .wenzi{float: left;width: 310px;margin-left: 35px;}
.chanp .box_con .box .wenzi span{font-size: 20px;line-height: 24px;color: #333;margin-top: 50px;display: block;}
.chanp .box_con .box .wenzi .canshu{width: 363px;margin-top: 25px;line-height:34px;font-size: 16px;}
.chanp .box_con .box .wenzi .canshu p{font-size: 14px;color: #666;line-height: 30px}
.chanp .box_con .box .wenzi a{width: 160px;height: 50px;background: #999;border-radius: 25px;display: block;line-height: 50px;text-align: center;float: left;clear: left;color: #fff;margin-top: 28px;font-size: 16px;}

.chanp .box_con .box:hover a{background:#c9151e;}

.yema{width: 520px;height: 30px;float: right;margin-top: 60px;}
.qian:hover{background: #c9151e;color: white;}
.yema li a{width: 30px; height: 30px;line-height: 30px;font-size: 14px;border-radius: 3px;text-align: center;color: #333;float: left;margin: 0px 5px;border: 1px #ddd solid;}
.yema li a:hover{background:#c9151e;color: white;}