/*banner滚动*/
#ibframe {position:relative;padding:0;overflow:hidden;z-index:2;}
#ibframe .item{margin-bottom:0;}
#ibframe .left,#ibframe .right{background-image:none;}
#ibframe .left i,#ibframe .right i{position:relative;top:45%;width: 50px;height: 50px;line-height: 50px;text-align: center;background-color: rgba(0,0,0,0.7);border-radius: 50%;display:inline-block;font-size:32px;}
#ibframe img,#bar img{width:100%;}
#ibframe .carousel-caption{bottom:17%;left:auto;right:60%;width:500px;height:450px;padding:80px 25px 30px 0;}
#ibframe .carousel-caption h3{font-size:24px;line-height:36px;font-weight:bold;color:#ffffff;text-transform:uppercase;margin-bottom:10px;text-shadow:3px 3px 3px #333;}
#ibframe .carousel-caption p{font-size:16px;line-height:24px;color:#ffffff;padding:40px 0 0 130px;}
#ibframe .carousel-caption span{position:absolute;right:-200px;bottom:0;display:inline-block;width:160px;height:65px;line-height:65px;font-size:16px;text-transform:uppercase;border:2px solid #ffffff;text-align:center;background-color:#bf1e2e;}
#ibframe .carousel-caption span:hover{background-color:#ffffff;border-color:#bf1e2e;color:#bf1e2e;text-shadow:none;}
#ibframe .carousel-indicators{bottom:0;}
#ibframe .carousel-indicators li{display:inline-block;width:35px;height:4px;margin:0 8px;cursor:pointer;background-color:#e1e6e9;border:none;border-radius:0;position:relative;}
#ibframe .carousel-indicators li:before{}
#ibframe .carousel-indicators li:hover,#ibframe .carousel-indicators li.active{background:#fff;}

@media screen and (min-width:992px ) and (max-width:1229px) {
    #ibframe .bframetxt{padding:20px 0 15px;}
    #ibframe .bframetxt .txt p{display:none;}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #ibframe .left i,#bframe .right i{top:35%;width:30px;height:30px;line-height:30px;font-size:20px;}
    #ibframe .carousel-indicators{margin-bottom:0;line-height:1;}
    #ibframe .carousel-indicators li{width:12px;height:12px;margin:0 6px;}
    #ibframe .carousel-indicators li:before{width:8px;height:8px;top:2px;left:2px;}
    #ibframe .carousel-indicators li.active{margin:0 6px;}
    #ibframe .carousel-indicators li:hover{margin:0 6px;}
}


.frame{padding-top:50px;padding-bottom:50px;}
.frame .title{margin-bottom:50px;text-align:center;}
.frame .title h2{font-size:32px;line-height:36px;margin-bottom:20px;}
.frame .title span{display:block;width:60px;height:2px;background-color:#333;position:relative;margin:0 auto;}
.frame .title span:before{content:"";position:absolute;left:-16px;background-color:#8e8e8e;width:10px;height:2px;}
.frame .title span:after{content:"";position:absolute;right:-16px;background-color:#8e8e8e;width:10px;height:2px;}
.frame .title p{margin-top:25px;}
@media screen and (min-width:992px ) and (max-width:1229px) {
    .frame{padding-top:30px;padding-bottom:30px;}
    .frame .title h2{font-size:24px;line-height:30px;margin-bottom:8px;}
}
@media (min-width:768px) and (max-width:991px) {
    .frame{padding-top:30px;padding-bottom:30px;}
    .frame .title h2{font-size:24px;line-height:30px;}
}
@media (max-width:767px){
    .frame{padding-top:30px;padding-bottom:0px;}
    .frame .title h2{font-size:24px;line-height:30px;}
}

#frame1 .list{}
#frame1 .list .item{float:left;width:33.33%;text-align:center;cursor:pointer;padding:0 30px;}
#frame1 .list .item+.item{border-left:1px solid #909090;}
#frame1 .list .item>i{font-size:72px;display:block;}
#frame1 .list .item>span{font-size:40px;line-height:45px;margin-bottom:10px;display:block;}
#frame1 .list .item>p{font-size:20px;}
#frame1 .list .item:hover>i{color:#bf1e2e;}
#frame1 .list .item:hover>span{color:#bf1e2e;}
@media (max-width:767px){
   #frame1 .list .item{ width: 33.33%; border: 0!important; padding:0 0px;}
   #frame1 .list .item>i{ font-size: 40px;}
   #frame1 .list .item>span{ font-size: 18px;}
   #frame1 .list .item>p{ font-size: 14px;}
}

#frame2{display:table;}
#frame2 .left{display:table-cell;width:50%;padding:25px 0;}
#frame2 .left h2{font-size:24px;line-height:32px;margin-bottom:50px;}
#frame2 .left p{font-size:16px;line-height:32px;margin-bottom:40px;}
#frame2 .left a.link{display:block;width:170px;height:50px;background-color:#bbb;font-size:16px;line-height:50px;}
#frame2 .right{position:relative;display:table-cell;width:50%;padding-left:50px;}
#frame2 .right .img{position:absolute;-webkit-transition: 0.8s;transition: 0.8s;}
#frame2 .right .img0{left:50px;bottom:0;z-index:2;}
#frame2 .right .img1{top:0;right:0;z-index:1;}
#frame2 .right .move{display:block;width:50px;height:50px;line-height:50px;text-align:center;background-color:#bf1e2e;color:#ffffff;font-size:24px;position:absolute;bottom:15px;right:25px;z-index:3;}

@media (max-width:767px){
   #frame2 .left{ width: 100%;}
   #frame2 .right{ display: none;}
}

#frame3{}
#frame3 .CertList .poster-btn{}
#frame3 .CertList .poster-btn>i{position:absolute;width:40px;height:80px;top:55%;background-color:#bf1e2e;text-align:center;line-height:80px;font-size:24px;color:#ffffff;}
#frame3 .CertList .poster-prev-btn{left:0%;}
#frame3 .CertList .poster-prev-btn>i{left:5%;}
#frame3 .CertList .poster-next-btn{right:0%;}
#frame3 .CertList .poster-next-btn>i{right:5%;}

#frame4{padding-top:200px;padding-bottom:200px;}
#frame4 .title>i{font-size:50px;color:#ffffff;font-size:82px;}
#frame4 .title h2{color:#ffffff;}
#frame4 .title span{background-color:#ffffff;}
#frame4 .title p{color:#ffffff;margin-top:25px;}


#frame5 .title p{color:#aeaeae;}
#frame5 .catelist{margin:0 -20px;}
#frame5 .catelist .item{float:left;width:25%;padding:0 15px;margin-bottom:30px;}
#frame5 .catelist .item:nth-child(4n+1){clear:left;}
#frame5 .catelist .item .img{border:1px solid #dadada;}
#frame5 .catelist .item .txt{padding:20px 0 0;text-align:center;}
#frame5 .catelist .item .txt h3{font-size:16px;}

@media (max-width:767px){
   #frame5 .catelist .item{ width: 50%;}
   #frame5 .catelist .item:nth-child(2n+1){clear:left;}
}

#frame6{}
#frame6 .WorkList .poster-list .poster-item>a{border:8px solid rgba(255,255,255,0.8);border-radius:5px;}
#frame6 .WorkList .poster-btn>i{position:absolute;width:40px;height:80px;top:42%;background-color:#bf1e2e;text-align:center;line-height:80px;font-size:24px;color:#ffffff;}
#frame6 .WorkList .poster-prev-btn{left:-60px;}
#frame6 .WorkList .poster-prev-btn>i{left:5%;}
#frame6 .WorkList .poster-next-btn{right:-60px;}
#frame6 .WorkList .poster-next-btn>i{right:5%;}


#frame7{}
#frame7 .NewsList{margin:0 -20px;}
#frame7 .NewsList .box{float:left;width:33.33%;padding:0 20px;}
#frame7 .NewsList .item{border:1px solid #dadada;background-color:#ffffff;}
#frame7 .NewsList .item .txt{padding:35px 20px;}
#frame7 .NewsList .item .txt h3{font-size:16px;line-height:20px;font-weight:bold;margin-bottom:15px;}
#frame7 .NewsList .item .txt span{font-size:14px;line-height:18px;color:#b6b6b6;display:block;margin-bottom:10px;}
#frame7 .NewsList .item .txt p{font-size:14px;line-height:22px;height:88px;overflow:hidden;}

@media (max-width:767px){
   #frame7 .NewsList .box{ width: 100%; margin-bottom: 20px;}
}


.item .img{overflow:hidden;}
.item .img img{width:100%;-webkit-transition: 0.5s;transition: 0.5s;}
.item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}


/*旋转木马基本样式*/
.poster-main{
	width: 100%;
	height: auto;
	position: relative;
	margin: 30px auto;
}
.poster-main a,.poster-main img{
	display:block;
}
.poster-main .poster-list{
	width: 1000px;
	height: 500px;
}
.poster-main .poster-list .poster-item{ 
	width: 200px;
	height: 500px;
	position:absolute;
	left:0;
	top:0;
}
.poster-main .poster-btn{ 
	position:absolute;
	top:0;
	z-index:10; 
	cursor:pointer;  
}
.poster-main .poster-prev-btn{
	left:0; 
}
.poster-main .poster-next-btn{
	right:0; 
}