﻿@import url('paging.css');
@charset "utf-8";
/* CSS Document */
.bw li{font-size:18px; height:43px;}
.bw li a {display:block; color:#d2e3b1; width:100%; height:43px;border-bottom:dotted 1px #d2e3b1;line-height: 43px;}
.bw li a:hover{color:#fff; text-decoration:none; border-bottom:dotted 1px #ffffff; display:block;}
.bw li.current-btn a {background:url(../images/arrow.gif) no-repeat right; color:#ffffff; border-bottom:dotted 1px #ffffff;}
.bw li.sub-current-btn a {background:url(../images/sub_arrow.gif) no-repeat right; height:auto;border-bottom:none;}
.bw li a:hover{color:#fff;}

.bw dl {padding-top:0px;}
.bw dt a {display:block; color:#d2e3b1; width:100%; height:15px;line-height: 15px;font-size:12px;border-bottom:0;}
.bw dt a:hover{color:#fff; text-decoration:none;}



.work_sec {height:57px;padding:20px 0 15px;}

.warrleft{ width:35px; height:32px; position:absolute; left:0px;top:348px;cursor:pointer; z-index: 1000;}
.warrright{ width:35px; height:32px; position:absolute; right:0px;top:348px;cursor:pointer; z-index: 1000;}
.limit_page .warrleft { left: 0px; }
.limit_page .warrright { right: 0px; }

.work_p{border-top:dotted 1px #8d8b8e;padding-top:26px; line-height:15px;}

.work-img-item {width:294px; height:70px; position:absolute; right:0px; top:30px;color:#fff;}
.no-video .work-img-item { width:366px; }
.work-img-item ul { width: 288px; height:70px; position:absolute; }
.work-img-item ul li{ background:url(../images/work_little_bg.png) no-repeat bottom; float:left; width:60px; height:70px; margin-right:12px; cursor:pointer; }
.work-img-item img { width: 60px; height: 60px; display: block; }
.work-img-item .hover { width: 58px; height: 58px; border: 1px solid #fff; }
.banner-left{ width:35px; height:32px; position:absolute; left:0px;top:200px;cursor:pointer; z-index: 1000;}/* -65 */
.banner-right{ width:35px; height:32px; position:absolute; right:0px;top:200px;cursor:pointer; z-index: 1000;}

.limit1200 .warrleft { left: 0px; }
.limit1200 .warrright { right: 0px; }
.w350{ width:336px;}
.pl12{ margin:12px 0 0 12px;}
.sec300{ width:300px; height:30px; color:#89858a;z-index:9999;position:relative; top: 0px; left: 0px; }
.sec300_top{width:300px; height:2px;background:url(../images/sec300_top.gif) no-repeat;overflow:hidden;}
.sec300_middle{width:300px; height:25px;line-height:26px;color:#89858a;background:url(../images/sec300_middle.gif) repeat-y;overflow:hidden;text-indent:9px;}
.sec300_cl {width:294px;height:25px;cursor:pointer;padding:0 3px;}
.sec300_middle ul {margin:0;padding:0 3px;}
.sec300_middle ul li {display:block;width:294px;height:25px ;float:left;cursor:pointer;}
.sec300_bottom{width:300px; height:3px;background:url(../images/sec300_bottom.gif) no-repeat;}
.work_box{ width:960px; position:absolute;}
.worklist{width:960px;padding:20px 0;}
.worklist p {line-height:20px;}
.worklist ul {width:1000px;height:277px;}
.worklist ul li {width:300px;float:left; margin-right:30px; margin-bottom:20px;}
.worklist ul li.work-jg{width:960px; height:1px; border-top:dotted 1px #8d8b8e;}
.worklist h3{font-size: 13px; line-height:18px;}
.worklist h3 a{color:#454545;font-family:FrutigerLTStd55Roman;font-weight:bold;}
.worklist p{color:#454545;}
.workpicbg{width:300px; height:228px; background: url(../images/workpicbg.png) bottom left no-repeat;}
.work-single-slide .workpicbg{/*height:188px;*/}
.pr30{ padding:0 30px 0 0;}
a.wl_color{color:#000;}
.txtmore {padding-top:10px;}
.txtmore a{color:#b3d335;}

.work_nav{display:none;}

.show_box_li .show_box_li3 { color: #16a6ec; }


/************以後需要合並的*************/
.pos_r{position:relative;}
.w960 {width:960px;margin:0 auto;} 
.icon_down_cl {background:url(../images/icon_down_cl.png) no-repeat right center;cursor:pointer; _margin-right:2px;}
#conntent{width:100%; min-height:200px; background:url(../images/grcon.jpg) repeat-x;float:left;}

/***************************{Banner#start}*****************************/

/*.bn { margin-bottom: 1px; width: 100%; min-width: 960px; height: 440px; background: #16a6ec url(../images/bn-shadow.png) repeat-x; }*/
.bn { margin-bottom: 1px; width: 100%; min-width: 960px; height: 440px; background-image:url(../images/bn-shadow.png);background-repeat: repeat-x; }
.bn_work {background-color:#16a6ec;}
/*.bn-wrap { position: relative; overflow: hidden; width: 960px; height: 440px; background: url(../images/greentit.jpg) 100% 40px no-repeat; }*/
.bn-wrap { position: relative; overflow: hidden; width: 960px; height: 440px; }
.bn-wrap-work{ background:url(../images/work_tit.png) right 30px no-repeat;}
/**+html .bn-wrap { background-position: 584px 40px; }*/
*+html .bn-wrap-work{ background-position:100% 40px; }
/*.bn-img { margin-top: 32px; width: 540px; height: 386px; padding-top: 8px; background: url(../images/bn-img-sd.png) no-repeat; }*/
.bn-img { position:relative;}
.bn-img-work {width:544px;}
.playbtn{position:absolute; z-index: 10; top:0; left:0; width:544px; height:377px; background:url(../images/playbtn.png) no-repeat center center; }
.play-stage { position:absolute; top:0; left:0; width:544px; height:377px; background:url(../images/playbtn.png) no-repeat center center; cursor: pointer; }
/*.bn-ct { margin-top: 198px; color: #000; font-size: 16px; width: 378px; }*/
.bn-ct {}
.bn_work_ct {width:366px;margin-top:118px; color: #fff; font-size: 16px;}
.bn-ct .more { color: #fff; text-decoration: none; }
.bn-t { height: 33px; font-size: 27px; }
.bn-c { height: 124px; line-height: 25px; }
.bn-item { width: 960px; position: absolute; }
.bn-ctl { position: absolute; right: 0px; bottom: 20px; }
.bn-ctl-item { cursor: pointer; margin-left: 9px; float:left; width:13px; height:13px;background:url(../images/adlistgr.png) no-repeat; list-style:none; }
.bn-ctl .current { background:url(../images/adlist.png) no-repeat; }
.bn-inner { width: 544px; }

.fly-left { background:url(../images/arrworkleft.gif) no-repeat; width:35px; height:32px; position:absolute; left:-120px;top:200px;cursor:pointer; z-index: 1000;}
.fly-left a{width:100%;height:100%;display:block;font-size:0.000001px;}
.fly-right { background:url(../images/arrworkright.gif) no-repeat; width:35px; height:32px; position:absolute; right:-120px;top:200px;cursor:pointer; z-index: 1000;}
.fly-right a{width:100%;height:100%;display:block;font-size:0.000001px;}

.bn-item-wrap { position: relative; width: 960px; }

.work-single{width:960px;}


.qa{ width:280px; margin-top:-1px;margin-left:40px;}
.qatxt{ background:#ebebeb;}
.qatxt li{ padding:35px 0px 20px 25px;font:13px/18px ;}
.qatxt strong{font:bolder 15px/18px ;}

.bottom_t {font-size:18px; color:#8D8B8E; line-height:58px;}


.work-bottom{width:960px;}

.work-single-title{font-size:18px;line-height: 28px; padding: 16px 0;color: #8D8B8E;}
.work-listing-item{ line-height: 1.5; border-top: 1px dotted #8D8B8E; }
.work-listing-item p { margin: 20px 0; font-size:14px;}

ul.qatxt {padding: 0px 20px 20px 20px;}
ul.qatxt li{color:#000; font-size:11px;padding: 0px;margin:0px; line-height: 1.2; font-size: 14px;}
ul.qatxt li.work-side-title{color:#878789; font-size:14px;padding-top:25px;}

.work-single-slide{height:300px; position:relative; overflow:hidden; width:960px;/* margin-top:25px;*/ margin-bottom:30px; border-top:dotted 1px #8d8b8e;}

.work-warrleft{ background:url(../images/arrworkleft.jpg) no-repeat; width:35px; height:32px; position:absolute; left:-100px;top:150px;cursor:pointer; z-index: 1000;}
.work-warrright{ background:url(../images/arrworkright.jpg) no-repeat; width:35px; height:32px; position:absolute; right:-100px;top:150px;cursor:pointer; z-index: 1000;}

.box-c-work{width:640px;}






.work-slide{width:960px;height:715px;position:relative;overflow:hidden;}

.video-item { position: absolute; top: 30px; right: 306px; width: 60px; height: 70px; cursor: pointer; background: url(../images/work_little_bg.png) no-repeat center bottom; }
.video-item span { position: absolute; top: 0px; left: 0px; height: 60px; width: 60px; background: url(../images/playbtn2.png) no-repeat center center; }

.bn-mask { position: absolute; z-index: 10; top: 10px; width: 544px; height: 424px; background: #16a6ec; }
.bn-mask_cat { position: absolute; z-index: 10;  width: 544px; height: 424px; background: #16a6ec; }
.bn-video { position: absolute; z-index: 11; top: 22px; width: 544px; height: 400px; }
.bn-video-close { position: absolute; z-index: 12; width: 13px; height: 13px; top: 27px; left: 530px; color: #fff; font-size: 16px; font-weight: bold; }
.bn-video-close:hover { text-decoration: none; }

.eo-imgpt{ padding-top:17px;}



/*1026--addstyle*/
.work-listing-item ul li{ list-style-type:inherit;}
.work-listing-item ul{ *margin:0 0 0 16px;*list-style-type:inherit;}

.video-share {position: absolute; right:0; top:381px; z-index: 99;}
.video-share img { padding-left:4px;}