/* CSS Document */
/* works_image */
.fwtbd{font-weight:bold;}
.toewsn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.works101{width:100%;position:relative;}
.works102{float:left;width:calc(35% - 10px);overflow:hidden;}
.works102 img{transition:all 0.5s;}
.works102:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.works103{width:calc(65% - 15px);position:absolute;bottom:5px;right:0px;}
.works104{float:left;width:auto;padding-left:10px;padding-right:10px;background-color:#104242; line-height:30px;height:30px;color:#FFFFFF; font-size:16px;text-align:center;}

.works_pic{float:left;width:65%;overflow:hidden;position:relative;background-color:#EEEEEE;}
.works_image{width:100%;overflow:hidden;position:relative;}
.works_image .worksul{width:9999px;overflow:hidden;margin:0;list-style:none;border:0;}
.works_image .worksli{float:left;width:100%;text-align:center;position:relative;}
.works_image .worksli .worksspan{width:100%;top:50%;left:50%;margin-left:-50%;margin-top:-50%;position:absolute;}
.works_image .worksli .worksa{display:block;width:100%;height:650px;}

.fli_ico{float:left;width:calc(35% - 10px);padding-top:15px;padding-right:10px;padding-bottom:10px;overflow:hidden;position:relative;}
.worksa{float:left;margin-left:10px;margin-top:10px;width:calc(25% - 10px);height:0;padding-top:calc(25% - 10px);opacity:0.4;}

.fli_ico .worksa.on{opacity:1;}
.wkbtn_prev,.wkbtn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
.wkbtn_prev{background:url(../images/hover_left.png) no-repeat left top;left:10px;}
.wkbtn_next{background:url(../images/hover_right.png) no-repeat right top;right:10px;}

.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%;}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}