@charset "utf-8";
/*banner*/
.num_banner{ width:100%; height: 510px; background: url(../images/num/num_banner.png) no-repeat center top;}
.number_swiper{ width:100%; height: 750px; margin-top: 50px;}
.number_list{ width:100%; overflow: hidden;}
.number_list ul{ width:1300px; height: auto;}
.number_list ul li{ float: left; width:288px; height: 342px; border: 1px solid #999999; box-sizing: border-box; overflow: hidden; padding: 0 8px; position: relative; margin: 0 15px 15px 0; display: inline;}
.number_list ul li h3{ width:100%; height: 46px; line-height: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color:#666;}
.number_list ul li .img_box{ width:100%; height: 168px; overflow: hidden;}
.number_list ul li .img_box img{ width:100%; height: 168px;}
.number_list ul li p{ width:100%; height: 75px; line-height: 25px; overflow: hidden; color:#666; font-size:14px; color:#666; margin-top: 10px;}
.number_list ul li .btn{ width:120px; height: 36px; border: 1px solid #9b9996; border-radius:18px; position: absolute; bottom:8px; right:8px; overflow: hidden; box-sizing: border-box;}
.number_list ul li .btn a{ display: inline-block; width:100%; height: 34px; line-height: 34px; background: #87231d; color:#fff; font-size: 14px; text-align: center;}
.number_list ul li .btn a:hover{ background: #fff; color:#87231d;}
.number_swiper .swiper-pagination-bullet{ width:76px; height: 10px; background: #999; border-radius:5px; opacity: 1;}
.number_swiper .swiper-pagination-bullet-active{ background: #34302f; border-radius:5px;}
.number_tab{ width:920px; height: 80px; background: #fff; border-radius:40px; box-shadow: 0 2px 3px rgba(0,0,0,.1); position: absolute; top:-120px; left:50%; margin-left:-460px; text-align: center;}
.number_tab span{ display: inline-block; margin: 0 40px; padding-left: 25px; position: relative; cursor: pointer; height: 80px; line-height: 80px; font-size: 24px; color:#333;}
.number_tab span i{ display: inline-block; width:10px; height: 10px; border-radius:5px; background: #fff; position: absolute; top:35px; left:0;}
.number_tab span.cur i{ background: #87231d;}
.number_show{ width:100%; overflow: hidden; margin-top: 50px;}
.number_show .item{ display: none;}
.number_info{ width:100%; overflow: hidden;}
.number_info .title_cn{ width:100%; line-height: 50px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; color:#333; text-align: center;}
.number_info .img_box{ float: left; width:600px; height: 370px; }
.number_info .img_box img{ width:600px; height: 370px;}
.number_info .img_con{ float: right; width:560px; height: 370px;}
.number_info .img_con .title_cn{ width:100%; line-height: 50px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 28px; color:#333; text-align: left}
.number_info .img_con .title_en{ width:100%; line-height: 34px; overflow: hidden; font-size: 18px; color:#666; word-wrap: break-word; white-space: normal; word-break: break-all;}
.number_info .img_con p{ line-height: 25px; height: 250px; overflow: hidden; font-size: 14px; color:#666;}
.number_table{ width:100%; overflow: hidden;}
.number_table table{ width:100%; border: 1px solid #999; background: #faf7f2;}
.number_table table tr th{ height: 50px; line-height: 50px; border-right:1px solid #999; border-bottom:1px solid #999; font-size: 20px; color:#333; }
.number_table table tr td{ height: 50px; line-height: 50px; border-right:1px solid #999; border-bottom:1px solid #999; font-size: 20px; color:#666; text-align:center;}
.number_serve{ font-size: 20px; color:#666; line-height: 36px;}