@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,hr,th,td{ margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-weight:normal;font-size:100%;}
table{ border-collapse:collapse;border-spacing:0;}
ol,ul{ list-style:none;}
abbr,acronym,img{ border:none;}
select,input,button,textarea{ font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:100%;font-style:normal;font-weight:normal;line-height:normal;vertical-align:middle;}
body,th,td{ font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;color:#000;}
a{ text-decoration:none;color:#000;}
a:hover{ text-decoration:none;color:#ff8400;}
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
*+html .clearfix{ min-height:1%;} 
.clearfloat{ clear:both; height:0;font-size:1px;line-height:0px;}

.alg_c{ text-align:center;}
.fr{ float:right;}
.mt10{ margin-top:10px;}
.mt30{ margin-top:30px;}

.layout{ }



/* 首页 专题图片切换 */
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.events { list-style: none; }
.callbacks_container { position: relative;height:220px; width:256px; }
.callbacks_container .tt_box_t{ position:absolute; top:0; left:0; z-index:10}
.callbacks_container .tt_box_b{ position:absolute; bottom:0; left:0; z-index:10}
.callbacks { position:relative; list-style:none; overflow:hidden; width:256px; padding: 0; margin: 0; }
.callbacks li { position:absolute; width:256px; left: 0; top: 0; }
.callbacks img { display:block; position:relative; z-index: 1; height:220px; width:256px; border:0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 12px; text-shadow:none; color:#fff; background:#004e8b; background:url(../n_images/tt_index_over.png) repeat; left:0; right:0; bottom:0; padding: 3px 20px; margin:0; max-width:none; text-align:center; }
.callbacks_nav { position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top:55%; left:0; opacity:0.9; z-index:3; text-indent:-9999px; overflow: hidden; text-decoration:none; height:25px; width:24px; background:transparent url("../n_images/case_arr.png") no-repeat 0 0; margin-top: -35px; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: 0 100%; right:0; }

/
/*----------- 内页样式 -----------*/
.local{ height:45px; font:12px/48px "Microsoft Yahei",Arial,sans-serif; color:#2c2c2c; background:url(../n_images/bg_local.gif) repeat-x 0 100%;}
.local_con{ width:980px; margin:0 auto; padding:0 8px;}

.m_left,.m_right{ float:left; display:inline-block; margin:18px 0 0; height:auto; overflow:hidden;}
.m_left{ width:225px;}
.left_t{ height:50px; background:url(../n_images/bg_left_t.gif) no-repeat 0 100%; overflow:hidden;}
.left_c{ min-height:500px;height:auto!important; _height:500px; padding:0 10px; background:url(../n_images/bg_left_c.gif) repeat-y 0 0; overflow:hidden;}
.left_c p{ text-indent:12px; font:14px/24px "Microsoft Yahei",Arial,sans-serif;color:#777474; margin:12px 0 0;}
.left_f{ height:38px; background:url(../n_images/bg_left_f.gif) no-repeat 0 0;}

.left_tit{ height:40px;font:18px/40px "Microsoft Yahei",Arial,sans-serif; color:#2c2c2c; background:url(../n_images/bg_left_tit.gif) no-repeat 0 100%; margin:8px 10px 0;}
.leftnav{ margin:10px auto 0; width:185px; }
.leftnav li{ float:left; width:180px; font:15px/30px "Microsoft Yahei",Arial,sans-serif;border-bottom:1px solid #d9d9d9;}
.leftnav li a{ color:#494646;background:url(../n_images/ico_arrgry.gif) no-repeat 3px 50%; padding-left:30px; }
.leftnav li a:hover,.leftnav li a.lcur{ color:#145e93; background:url(../n_images/arr_right.gif) no-repeat 3px 50%;}
.showsub{ background:url(../n_images/arr_down.gif) no-repeat 0 50%;height:30px;}
.subnav{ display:none; margin-left:15px; width:150px;}
.subnav li{ width:130px;}
.subnav li a.subcur{ color:#145e93; background:url(../n_images/arr_right.gif) no-repeat 0 50%;}



/* Case 项目详细-推荐浏览 */
.case_left,.case_right{ float:left; display:inline-block; height:auto; overflow:hidden; }
.case_left{ width:555px; margin-right:10px;}
.case_pic_t{ width:555px; height:7px; background:url(../n_images/bg_case_bpic.gif) no-repeat 0 0; overflow:hidden;}
.case_pic_b{ width:553px; height:485px; background:#e5e5e5;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;  padding-bottom:6px; overflow:hidden; position:relative; }

.case_pic_s{ width:555px; height:70px; background:url(../n_images/bg_case_spic.gif) no-repeat 0 0;}
.case_pic_s ul{ margin-left:6px;}
.case_pic_s ul li{ float:left; display:inline; width:auto; margin:7px 6px;overflow:hidden;}
.case_pic_s ul li a{ height:55px; padding-bottom:6px;}
.case_pic_s ul li a img{ border:1px solid #fff;}
.case_pic_s ul li a:hover{ padding-bottom:6px; background:url(../n_images/ico_arrwh.gif) no-repeat 50% 100%;}

.case_right{ width:395px;font:14px/26px sans-serif;}
.case_t{ width:395px; height:6px; background:url(../n_images/bg_case_t.gif) no-repeat 0 0; overflow:hidden;}
.case_f{ width:395px; height:6px; background:url(../n_images/bg_case_f.gif) no-repeat 0 0; overflow:hidden;}
.case_c{ width:369px; height:auto; padding:4px 12px 8px; overflow:hidden; background:#fff; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9; color:#494646;}
.case_info{ }
.case_info li{ float:left; width:100%;}
.case_info li span,.case_info li p{ float:left; display:inline-block;}
.case_info li span{ width:80px;}
.font18{ font:bold 18px/36px "Microsoft Yahei",Arial,sans-serif; color:#474747;}
.download{ margin:6px 0 0;}
.download img{ vertical-align:middle; margin:0 2px;}
.download p img{ margin:6px 3px;}
.txtblue{ font:bold 16px/36px "Microsoft Yahei",Arial,sans-serif; color:#1a78b5;}

/*Case 项目详细 图片切换*/
#bigcase{ position:relative; width:540px; height:400px;overflow:hidden;padding:0 7px 7px;}
#bigcase .ui-els-hide{ display:none }
#bigcase ul{ position:absolute; z-index:99; }
.casePrev,.caseNext{ position:absolute; z-index:100; display:inline-block;top:186px; cursor:pointer;}
.casePrev{ left:15px; }
.caseNext{ right:17px; }
#case_play_prev{ background:url(leftbig.png); width:50px; height:48px; display:block; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/leftbig.png');}
#case_play_next{ background:url(rightbig.png) no-repeat; width:50px; height:48px; display:block; _background:none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/rightbig.png');}
#play_pre{}
#play_next{}

#cases{ width:555px; height:70px; background:url(bg_case_spic.gif) no-repeat 0 0; padding:7px 6px 0;}
* HTML #cases{ height:100% }
#cases li{ float:left; display:inline; width:auto; margin:0 6px;overflow:hidden;}
#cases li a{ display:block; height:55px; padding-bottom:6px;}
#cases li a:hover{ background:url(ico_arrwh.gif) no-repeat 50% 100%;}
#cases li a img{ border:1px solid #ececec;}
#cases li a:hover img,#cases li a.current img{ border:1px solid #fff;}
.image a img,.caseItem a img{ }

/* Case 项目详细-推荐浏览 */
.tuijian{ position:relative; margin:0 auto; width:540px; height:400px; padding-bottom:7px; overflow:hidden; }
.tuijian .ui-els-hide{ display:none }
.bigbtnPrev,.bigbtnNext{ z-index:100; position:absolute; width:50px; height:48px; top:186px; cursor:pointer; }
.bigbtnPrev{ left:15px; }
.bigbtnNext{ right:17px; }
#big_play_prev.#big_play_next{ width:50px; height:48px; display:block; _background:none;}
#big_play_prev{ background:url(leftbig.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='al_files/leftbig.png');}
#big_play_next{ background:url(rightbig.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='al_files/rightbig.png');}

.tjlist{ /*position:relative; */width:395px; margin:18px auto 0; }
.tjlist ul{ position:absolute; z-index:99; }
.tjlist li{ float:left; display:inline-block; width:115px; height:auto; margin:0 10px; overflow:hidden;}
.tjlist li img{ width:115px; height:78px; overflow:hidden;}
.tjlist li .ptit{ width:115px; text-indent:5px; height:auto; padding-top:5px; background:#fff; font:14px/24px "Microsoft Yahei",Arial,sans-serif; color:#222;}
.tjlist li .ptit a{ display:block; color:#494949;}
.tjlist li .ptit a:hover{ color:#d40a0a;}
.tjlist li .case_f{ display:block; width:115px; height:18px;background:url(bg_casetit.gif) no-repeat 50% 100%;}
.tjlist li span{ display:block; margin-right:5px; text-align:right; font-size:12px; color:#494949;}
.tjlist li .arrbk{ display:inline-block; width:12px; height:12px; background:url(ico_arrbk.gif) no-repeat 0 0; margin:14px 8px 0 0;}

.tjs{ width:555px; height:70px; background:url(bg_tuijian_f.gif) no-repeat 0 0; padding:7px 6px 0;}
* HTML .tjs{ height:100% }
.tjs li{ float:left; display:inline; width:auto; margin:0 6px;overflow:hidden;}
.tjs li a{ display:block; height:55px; padding-bottom:6px;}
.tjs li a:hover{ background:url(ico_arrwh.gif) no-repeat 50% 100%;}
.tjs li a img{ border:1px solid #ececec;}
.tjs li a:hover img,.tjs li a.current img{ border:1px solid #fff;}
.tjs .first{}
.tjs .btnPrev{}
.tjs .last{}
.tjs .btnNext{}