/*主营业务*/
#mainBusiness {background-color: #fff;padding-top:30px;}
#mainBusiness .content {border: 1px solid #eeeeee;position: relative;}
.mainBusinessLogo{text-align: center;}
.mainBusinessLogo img{display: inline-block;}
.mainBusinessLogo.bcj{background: #e0fff7;}
.mainBusinessLogo.kyj{background: #fde2d6;}
.mainBusinessLogo.tlf{background: #fff4ef;}
#mainBusiness .content .figcaption{height: 72px;}

/*pc端样式*/
@media (min-width: 992px) {
	#mainBusiness .content h4 {padding-left:24px;color: #2d2d2d;}
	#mainBusiness .content p {font-size: 12px;color: #999999;padding: 0 24px;line-height: 24px;}
	#mainBusiness .col-md-4 .content {width: 89%;height: 340px;margin: 0 auto;}
	#mainBusiness .col-md-4 .content h4 {font-size: 16px;color: #333333;font-weight: 600;margin: 24px 0 36px;}
	#mainBusiness .col-md-4 {height: 390px;}
	#mainBusiness .col-md-4 .content:hover {box-shadow:5px 5px 50px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
	#mainBusiness .col-md-4 .content:hover a {text-decoration: none;}
	#mainBusiness .icon { width: 32px;height: 30px; border-left: 2px solid #e6e6e6;background: url(../jpg/icon_arrow.jpg);margin-left: 24px;position: absolute;bottom: 20px;}
	#mainBusiness .col-md-4 .content:hover .icon {display: block;}
	.videoCenter p {margin-right: 8%;}	
    .figcaption:after{content: "..."; font-weight: bold;position: absolute;bottom: 0;right: 24px;background: url(../png/ellipsis_bg.png) no-repeat center; padding: 0 20px 1px 45px;color: #999;}
    /*基本样式*/
    .poster-main{	    width: 1000px;	    height: 500px;	    position: relative;	    margin: 30px auto;    }
    .poster-main a,.poster-main img{	    display:block;	    width: 100%;height: 100%;    }
    .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;  }
   
}

/*pad端独立样式*/
@media (min-width: 768px) and (max-width: 991px) {
	#mainBusiness .content h4 {height: 48px;line-height: 48px;margin-top: 24px;padding-left: 20px;margin-bottom: 0;color: #404040;}
	#mainBusiness .content p {font-size: 12px;color: #999999;line-height: 24px;color: #999;padding-left: 20px;margin-bottom: 30px;padding-right: 90px;}
	#mainBusiness .content {margin-bottom: 20px;box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1);}
	#mainBusiness {margin-bottom: 20px;}
    .figcaption:after{content: "..."; font-weight: bold;position: absolute;bottom: 0;right: 90px;background: url(../png/ellipsis_bg.png) no-repeat center; padding: 0 20px 1px 45px;color: #999;}
}

/*pad和wap端公用样式*/
@media (max-width: 991px) {
	#mainBusiness .icon { width: 32px;height: 30px; border-left: 2px solid #e6e6e6;background: url(../jpg/icon_arrow.jpg);position: absolute;right: 20px;bottom: 30px;}
    .mainBusinessLogo img {width:100%;}
    #mainBusiness li {list-style:none;}
}
/*手机端独立样式*/
@media (max-width: 767px) {
	#mainBusiness .content h4 {height: 30px;line-height: 30px;margin-top: 14px;padding-left: 14px;margin-bottom: 0;color: #404040;}
	#mainBusiness .content p {font-size: 12px;color: #999999;line-height: 24px;color: #999;padding-left: 14px;margin-bottom: 24px;padding-right: 70px;}
	#mainBusiness .content {margin-bottom: 20px;box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1);}
	#mainBusiness {margin-bottom: 20px;}
    .figcaption:after{content: "..."; font-weight: bold;position: absolute;bottom: 0;right: 70px;background: url(../png/ellipsis_bg.png) no-repeat center; padding: 0 20px 1px 45px;color: #999;}
	
}


/*for 1200px or bigger*/
@media only screen and (min-width: 1200px) {
	.onlinemallwrap p.title-cn{font-size: 30px;}
	.onlinemallwrap p.title-eng{font-size: 18px;margin-bottom: 32px;}
	.mall ul li div{width: 245px;height: 130px;}
	.mall ul li div:hover{box-shadow: 5px 5px 50px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
        .mall ul li div img {
            width: 100%;
            height: 100%;
        }
}
/*for 1199px or less*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.onlinemallwrap p.title-cn{font-size: 32px;}
	.onlinemallwrap p.title-eng{font-size: 18px;margin-bottom: 32px;}
	.mall ul li div {width:300px;height:160px;margin: 0 auto;}
	.mall ul li div:hover{background-color: #dfdfe1;}
    .mall ul li div img {width:100%;height:100%;}
}
/*for 992px or 480px*/
@media only screen and (min-width: 768px) and (max-width:992px){
	.onlineMall .container,.col-xs-12,.col-xs-3{padding-left: 0;padding-right: 0;}
	.onlinemallwrap p.title-cn{font-size: 32px;}
	.onlinemallwrap p.title-eng{font-size: 18px;margin-bottom: 32px;}
	.mall ul{width: 100%;margin: 0 auto;}
    .mall ul li {margin-top:20px;}
	.mall ul li div {width:300px;height:160px;margin: 0 auto;}
	.mall ul li div:hover{background-color: #dfdfe1;}
    .mall ul li div img {  width: 100%;  height: 100%;   }
    

}
/*for 480px or less*/
@media only screen and (max-width:768px) {
	.onlineMall .container,.col-xs-12,.col-xs-3{padding-left: 0;padding-right: 0;}
	.onlinemallwrap p.title-cn{font-size: 14px;}
	.onlinemallwrap p.title-eng{font-size: 12px;margin-bottom: 16px;}
	.mall{padding-bottom: 24px;}
	.mall ul{width: 100%;}
	.mall ul li div{width:300px;height:160px;margin: 0 auto;}
	.mall ul li div:hover{background-color: #dfdfe1;}
        .mall ul li div img {
            width: 100%;
            height: 100%;
        }

}