.container-content{padding-bottom: 40px;background: url(/_customizationredindexstyle/img/bg-big.png) no-repeat;background-size: cover;}
.tab{ width: 260px; margin-right: 28px;}
.tab .title{ padding-top: 24px;}
.tab .title li{ float: left; width: 90px; color: #FFFFFF; text-align: center; line-height: 26px; font-size: 12px; background-color: #a24b4a; cursor: pointer;}
.tab .title li.on{ color: #a24b4a; background-color: #FFFFFF; font-size: 17px; line-height: 30px; position: relative; top: -4px;}
.tab .bd ul{ background-color: #FFFFFF; margin-top: -4px;height: 400px;}
.tab .bd ul li{ padding: 14px 17px 0; position: relative; font-size: 13px;}
.tab .bd ul li:nth-child(1n+9){ display: none;}
.tab .bd ul li.one img{ position: absolute;}
.tab .bd ul li.one{height: 50px;}
.tab .bd ul li.one a{ padding-left: 90px;}
.tab .bd ul li .list{ position: absolute;top: 16px; width: 18px; height: 18px; font-size: 12px; text-align: center; border: 1px solid #e1e1e1; color: #b4b4b4;line-height: 15px;}
.tab .bd ul li .list.hot{ color: #FFFFFF; background-color: #e28f3d; border: 1px solid #e28f3d; z-index: 2;}
.tab .bd ul li .time{ color: #cacaca; position: absolute; bottom: -4px; right: 17px;font-size: 12px;}
.tab .bd ul li a{ padding-left: 27px;display: block;height: 34px;color: #373737;}
.banner{ position: relative; overflow: hidden; padding-top: 50px;}
.banner .bd{ position: relative; z-index: 1;}
.banner .bd img{ width: 712px;height: 398px;}
.banner .bd li.on{ z-index: 10;}
.banner .hd{position: absolute;right: 10px;bottom: 22px;z-index: 2;}
.banner .hd li{ float: left; width: 76px; height: 41px; border: 1px solid #FFFFFF;margin-right: 10px; cursor: pointer;}
.banner .hd li:after{content: ""; display: block;width: 76px; height: 41px;background-color: rgba(0, 0, 0, 0.4);position: relative;top: -40px;left: -1px;}
.banner .hd li.on:after{display: none;}
.banner .hd li img{width: 74px; height: 39px;}
.banner .hd li.on{width: 76px; height: 41px; position: relative; top: -3px; left: -3px;}
.content{ margin-top: 45px; overflow: hidden;}
.content .header{ margin-bottom: 15px; height: 40px; line-height: 40px; background: #f4f4f4; border-left: 10px solid #9e302f;}
.content .header .name{ margin-left: 10px; font-size: 18px;}
.content .header .name .icon{ display: inline-block; width: 22px; height: 22px; position: relative; top: 6px; margin-right: 15px;}
.content .header .name .icon.icon-1{ background: url(/_customizationredindexstyle/img/iocn-1.png) no-repeat;}
.content .header .name .icon.icon-2{ background: url(/_customizationredindexstyle/img/iocn-2.png) no-repeat;}
.content .header .name .icon.icon-3{ background: url(/_customizationredindexstyle/img/iocn-3.png) no-repeat;}
.content .header ul{ float: right;}
.content .header ul li{float: left;font-size: 14px;box-sizing: border-box;color: #d6d6d6;}
.content .header ul li a{padding: 0 10px;margin: 0 4px;color: #5e5e5e !important;display:  inline-block;min-width: 162px;text-align: center;}
.content .header ul li.on a, .header ul li:hover a{ border-bottom: 2px solid #a24b4a;color: #333;}
.content .display_left{ width: 202px; height: 330px; float: left;}
.content .display_center{ width: 528px;float: left; height: 330px; margin-left: 5px;}
.content .display_center ul{ margin-bottom: 15px; overflow: hidden;}
.content .display_center ul li{ float: left; margin-left: 12px; width: 164px;}
.content .display_center ul li img{ float: left; width: 164px; height: 115px;}
.content .display_center ul li p{ font-size: 14px; line-height: 22px;height: 160px;}
.content .display_right{ width: 250px; float: left; margin-left: 15px;}
.content .display_right .title{ padding-left: 19px; height: 30px; line-height: 30px; border-left: 10px solid #e28f3d; font-size: 20px;}
.content .display_right li{ margin-left: 9px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 35px; font-size: 14px;}
.content .display_right li span{float: right;}
.content .display_right li a{color: #676767;}
.content .display_right li a:before{content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: #dddddd; margin: 0 13px 2px 0;}
.content .display_right li.one a:before{background: #ff4444;}
.content .display_right li.two a:before{background: #ff8f44;}
.content .display_right li.three a:before{background: #ffcc44;}
.content .display_right .detail_more{ font-size: 12px; float: right; margin-right: 10px;color: #8f8f8f;}
.more{ color: #9ba6ac; margin: 0 12px 0 202px;}
.picScroll-left{ overflow: hidden; position: relative;}
.picScroll-left .bd ul li{ float: left; _display: inline; overflow: hidden;}
.picScroll-left .bd ul li .pic{ text-align: center;}
.picScroll-left .bd ul li .pic img{ width: 238px; height: 156px; display: block;}
.picScroll-left .bd ul li .title{ line-height: 24px;}
.picScroll-left li{ margin-right: 17px; border: 1px solid #e8e8e8; box-sizing: border-box;}
.picScroll-left li h3{ font-size: 15px; color: #282828; margin: 5px 10px;}
.picScroll-left li p{ font-size: 12px; color: #9b7f7f; padding: 0 10px 10px;}
.picScroll-left li p span:nth-child(2){ float: right;}
.picScroll-left .prev, .picScroll-left .next{ position: absolute; top: 67px; width: 32px; height: 66px; z-index: 2;}
.picScroll-left .prev{ background: url(/_customizationredindexstyle/img/btn1.png);}
.picScroll-left .next{ background: url(/_customizationredindexstyle/img/btn2.png); right: 0;}
.box-2{position: relative;}
.box-2 .hd a{position: absolute;left: 0;top: 33px;width: 16px;height: 34px;z-index: 2;cursor: pointer;}
.box-2 .hd .next{left: auto;right:0;background: url(/_customizationredindexstyle/img/btn4.png);}
.box-2 .hd .prev{background: url(/_customizationredindexstyle/img/btn3.png);}
.box-2 img{ width: 192px; height: 99px;}
.box-2 li{ float: left; margin-right: 13px;}