/* 效果CSS开始 */
.mod18{width:528px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:528px;position:absolute;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:526px; height:450px; padding-left:75px; padding-right:76px;position:relative;overflow:hidden;  padding-top:40px;}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{ padding-right:1px; width:526px;height:377px;}
.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:127px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on{background:url(../images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}



	.demo{padding: 3em 0;}
		a:hover,a:focus{
		    outline: none;
		    text-decoration: none;
		}
		.tab .nav-tabs{
		    border: 1px solid #ddd;
		}
		.tab .nav-tabs li{
		    margin: 0;
		}
		.tab .nav-tabs li a{
		    font-size: 14px;
		    color: #333;
		    background: #fff;
		    margin: 0;
		    padding: 20px 50px;
		    border-radius: 0;
		    border: none;
		    border-right: 1px solid #ddd;
		    text-transform: uppercase;
		    position: relative;
		}
		.tab .nav-tabs li a:hover{
		    border-top: none;
		    border-bottom: none;
		    border-right-color: #ddd;
		}
		.tab .nav-tabs li.active a,
		.tab .nav-tabs li.active a:hover{
		    color: #fff;
		    border: none;
		    background: #ddd;
		    border-right: 1px solid #ddd;
		}
		.tab .nav-tabs li.active a:before{
		    content: "";
		    width: 58%;
		    height: 4px;
		    background: #fff;
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		}
		.tab .nav-tabs li.active a:after{
		    content: "";
		    border-top: 10px solid #ddd;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    position: absolute;
		    bottom: -10px;
		    left: 43%;
		}
		.tab .tab-content{
		    font-size: 13px;
		    color: #999898;
		    line-height: 25px;
		    background: #fff;
		    padding: 20px;
		    border: 1px solid #ddd;
			
		    border-top: none;
		}
		.tab .tab-content h3{
		    font-size: 24px;
		    color: #999898;
		    margin-top: 0;
		}
		@media only screen and (max-width: 480px){
		    .tab .nav-tabs li{
		        width: 100%;
		        text-align: center;
		    }
		    .tab .nav-tabs li.active a,
		    .tab .nav-tabs li.active a:after,
		    .tab .nav-tabs li.active a:hover{
		        border: none;
		    }
		}



.col-lg-offset-3{margin-left:0;}
.container{width:800px;}
.col-lg-6{width:100%;}

#Section1 p{word-wrap: break-word;
overflow: hidden;}
.mod18 .listBox{display:none;}
.mod18 #nextTop{display:none;}
.mod18 #prevTop{display:none;}