/* CSS Document */
.slideBox{width:100%;height:450px;overflow:hidden;position: absolute; left: 0; right: 0;z-index:3}
.slideBox .bd{position:relative;z-index:3;background-color:#fff}
.slideBox .bd ul{width:100% !important}
.slideBox .bd li{width:100% !important;height:450px;overflow:hidden;text-align:center}
.slideBox .bd li a{display:block;height:450px;width:100%}
.slideBox .bd li a img{width:1920px;height:450px;position:absolute;left:50%;margin-left:-960px;top:0;max-width:none;}
.slideBox .hd{position:absolute;z-index:5;bottom:15px;left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
.slideBox .hd li{float:left;margin-right:10px;width:20px;height:20px;line-height:20px;text-align:center;background-color:#38415f;color:#fff;overflow:hidden;cursor:pointer}
.slideBox .hd li:last-child{ margin-right: 0; }
.slideBox .hd li.on{background-color:#f60;color:#fff}

.category3box{ position: relative; height: 450px; }
.category3{ height: 450px; position: relative; z-index: 5; width: 260px; background-color: #ffffff; }
.category3>ul>li{ height:64px; background: #fff url(../images/c3-bg.jpg) center right repeat-y; border-bottom:#dddddd 1px dotted; padding: 12px 8px; }
.category3>ul>li:last-child{ border-bottom: none; }
.category3>ul>li .titbox{ height:40px; padding-left: 40px; padding-right: 20px; line-height: 1.5; position: relative;overflow:hidden; }
.category3>ul>li:nth-child(1) .titbox{ background: url(../images/icon-c3-01.jpg) left center no-repeat;}
.category3>ul>li:nth-child(2) .titbox{ background: url(../images/icon-c3-02.jpg) left center no-repeat;}
.category3>ul>li:nth-child(3) .titbox{ background: url(../images/icon-c3-03.jpg) left center no-repeat;}
.category3>ul>li:nth-child(4) .titbox{ background: url(../images/icon-c3-04.jpg) left center no-repeat;}
.category3>ul>li:nth-child(5) .titbox{ background: url(../images/icon-c3-05.jpg) left center no-repeat;}
.category3>ul>li:nth-child(6) .titbox{ background: url(../images/icon-c3-06.jpg) left center no-repeat;}
.category3>ul>li:nth-child(7) .titbox{ background: url(../images/icon-c3-07.jpg) left center no-repeat;}
.category3>ul>li .titbox .tit{ color: #ea1a56; }
.category3>ul>li .titbox p {height:22px;line-height:22px;overflow:hidden;}
.category3>ul>li .titbox p a{ display: inline-block; margin-left: 8px; font-size: 12px; }
.category3>ul>li .titbox p a:first-child{ margin-left: 0; }
.category3>ul>li .titbox.has-arrow::before{ content:' '; display: inline-block; position: absolute; top:50%; right: 5px; width: 7px; height: 7px; border: solid #dddddd; border-width: 2px 2px 0 0;
	transform: translate(0,-50%) rotate(45deg);
	-ms-transform:translate(0,-50%) rotate(45deg); 	/* IE 9 */
	-moz-transform:translate(0,-50%) rotate(45deg); 	/* Firefox */
	-webkit-transform:translate(0,-50%) rotate(45deg); /* Safari 和 Chrome */
	-o-transform:translate(0,-50%) rotate(45deg); 	/* Opera */
}
.category3>ul>li:hover .titbox.has-arrow::before,
.category3>ul>li.on .titbox.has-arrow::before{ border-color:#ea1a56; }
.category3>ul>li:hover::after,
.category3>ul>li.on::after{ display: block; content: ''; width: 3px; height: 63px; background-color: #ffffff; position: relative; z-index: 9; left: 252px; top: -52px; }
.category3>ul>li:hover,
.category3>ul>li.on{ height:65px; background: #fff; border-left:#ea1a56 4px solid; border-top:#ea1a56 1px dotted; border-bottom:#ea1a56 1px dotted; margin-top:-1px; padding-left:4px; }
.category3>ul>li:hover .child,
.category3>ul>li.on .child{ display: block; }
.category3>ul>li .child{ display: none; position: absolute; background-color: #ffffff; left: 260px; top:0; width: 520px; padding: 20px; border-left:#ea1a56 1px dotted; }
.category3>ul>li .child em{ display: block; color:#ea1a56; position: relative; padding-left: 15px; height: 20px; line-height: 20px; margin-top: 20px; }
.category3>ul>li .child em:first-child{ margin-top: 0; }
.category3>ul>li .child em::after{ content: ' '; position: absolute; width: 5px; height: 16px; background-color: #ea1a56; border-radius: 5px; left: 0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);  }
.category3>ul>li .child ul li{ padding: 10px 0; border-bottom:#dddddd 1px dotted; line-height: 1.5; }
.category3>ul>li .child ul li strong{ display: block; font-weight: normal; margin-bottom: 5px; }
.category3>ul>li .child ul li p a{ display: inline-block; font-size: 12px; }
.category3>ul>li .child ul li p a.imp{ color:#ea1a56; }
.category3>ul>li .child ul li p i{ display: inline-block; padding: 0 10px; color:#dddddd; }
.category3>ul>li .child .adpic{ margin-top: 10px; }
.category3>ul>li .child .adpic img{ width: 100%; }

.notice{ position: relative; padding-left: 30px; }
.notice .tit{ position: absolute; left: 0; height: 40px; line-height: 40px; color:#bfbfbd; }
.notice ul li{ float: left; width: auto; position: relative; padding: 0 40px 0 15px; height: 40px; line-height: 40px; }
.notice ul li::after{ content: ''; width: 5px; height: 5px; background-color: #fb9191; border-radius: 50%; position: absolute; left: 0; top:50%; margin-top: -2px; }

.marquee { width: 100%; overflow: hidden; height:40px; }

.choicebox{ display: block; height: 315px; background: url(../images/discount-bg.jpg) top left no-repeat; padding: 23px 23px 23px 275px; }

.xw-icon-speakl{ position: absolute; left: 0; top: 0; display: block; width: 25px; height: 14px; background:url(../images/icon-speak.png) 0 0 no-repeat; }
.xw-icon-speakr{ position: absolute; right: 0; bottom: 0; display: block; width: 25px; height: 14px; background:url(../images/icon-speak.png) -25px 0 no-repeat; }
