.title{width: 100%;padding:25px 0;line-height:25px;text-align:center;font-size:16px;font-family:"Arial";letter-spacing:2px;}
.title span{height:25px;font-size:22px;margin-right:10px;font-weight:bolder;}
.title b{height:25px;font-size:18px;}
.more {width:70%;height:40px;line-height:40px;display:block;background:#000;margin:30px auto;font-size: 14px;color: #FFF;text-align: center;}



.proMain{width:100%;height:auto;margin:75px auto auto auto;overflow:hidden;}
@media(max-width : 350px) and (min-width : 320px)  { 
	.proMain{margin-top:60px;}
}


.proCon{width:90%;height:auto;margin:0 auto;}
.proCon .celCon{width:100%;height:auto;margin:0 auto 30px auto;border-bottom:1px dashed #000;padding-bottom:30px;}
.proCon .celCon img{width:100%;height:auto;z-index:-1;}
.proCon .celCon .contain{width:94%;height:auto;margin:-50px 3% 0 3%;background-color:#fff;}
.proCon .celCon .contain .tit{width:100%;height:60px;line-height:60px;overflow:hidden;}
.proCon .celCon .contain .hot{background:url(../images/hot.png) no-repeat top left;}

.proCon .celCon .contain .tit h3{width:50%;height:60px;text-align:left;float:left;margin-left:12px;display:block;}
.proCon .celCon .contain .tit span{width:35%;height:60px;text-align:right;float:right;font-size:14px;color:#4c4c4c;display:block;margin-right:12px;}
.proCon .celCon .contain p{width:100%;height:auto;padding:0 12px;text-align:justify;line-height:2rem;}
.proCon .celCon .contain .btn{width:100%;height:40px;padding:0 12px;margin-top:15px;}
.proCon .celCon .contain .btn a{width:40%;float:left;height:40px;display:block;background:#202020;color:#fff;text-align:center;line-height:40px;margin-right:20%;}
.proCon .celCon .contain .btn a.bgr{background:#d0000e;margin-right:0;}



.slideBox .hd{width:100%;position:relative;top:0px;text-align:center;}
.slideBox .hd ul li{width:10px;height:10px;background:#fff;border-radius:100%;border:1px solid #000;margin:0px 6px;display:inline-block;text-indent:-9999px;}
.slideBox .hd ul li.on{background:#000;}

.slideBox .bd{margin:0 auto;width:90%;}
.slideBox .bd ul li{height:auto;overflow:hidden;margin:30px auto 0px auto;}
.slideBox .bd ul li a{width:100%;height:auto;display:block;overflow:hidden;position:relative;}
.slideBox .bd ul li a img{width:100%;height:auto;position:absolute;top:0;z-index:-1;border:1px solid #f6f6f6;}
.slideBox .bd ul li a .docInfor{width:90%;margin:0 auto;height:230px;margin-top:10%;color:#000;text-align:right; font-weight:bold;}
@media(max-width : 350px) and (min-width : 320px)  { 
	.slideBox .bd ul li a .docInfor{height:170px;}
}

.slideBox .bd ul li a .docInfor em{width:80px;height:2px;background:#000;display:block;margin:0 0 10px auto;  }
.slideBox .bd ul li a .docInfor b{width:100%;display:block;font-size:1.2rem; line-height:1.5rem;margin-top:10px;  }
.slideBox .bd ul li a .docInfor span{width:40%;height:3.5rem;background:#000;color:#fff;display:block;margin:1rem 0 auto auto;text-align:center;line-height:3.5rem;font-weight:normal;}
.slideBox .bd ul li a .docInfor span.bgr{background:#d0000e;}

#slideBox1{margin-bottom:30px;}
#slideBox1 ul li img{width:100%;height:auto;margin-bottom:10px;}

/*indexChoice*/
.indexChoice { width:100%; background:#fff; margin-bottom:10px; overflow: hidden;}

.owl-carousel .owl-item{float: left;}
/* fade */
.prev-quote{z-index:99999;background-image:url(/new2017/images/prev1.png);background-repeat:no-repeat;width:16px;height:16px;background-size:16px 16px;height:16px;position:absolute;left:30px;margin-top:20%;	}
.next-quote{z-index:99999;background-image:url(/new2017/images/next1.png);background-repeat:no-repeat;width:16px;height:16px;background-size:16px 16px;height:16px;position:absolute;right:30px;margin-top:20%;}

.quote-item img{border-radius:100%;max-width:150px;margin:0 auto;border:1px solid #f6f6f6;}
.quote-item p{font-size:14px;line-height:25px;text-align:justify;padding:0 30px;font-weight:lighter;font-family:'Microsoft Yahei';}

@media screen and (orientation:landscape) {
	.next-quote{margin-top:25%;}
	.prev-quote{margin-top:25%;	}
	.quote-item p{width:180px;margin-left:auto;margin-right:auto;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.next-quote{margin-top:13.1%;}
	.prev-quote{margin-top:13.1%;	}
    .quote-item p{width:180px;margin-left:auto;margin-right:auto;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.next-quote{margin-top:18.3%;}
	.prev-quote{margin-top:18.3%;	}
	.quote-item p{width:180px;margin-left:auto;margin-right:auto;}
}