@charset "utf-8";
/*  CSS Document  2010-8-11 yukelong.com all right reserved  */
body{background-color:#FFF;margin:0;padding:0;font-size:11pt;font-family:Arial,Helvetica,sans-serif;line-height:1.7em;color:#333;background:#FFF url(../images/nav-bg.jpg) repeat-x top center}
a,img{border:none}
a:link,a:visited{text-decoration:none;color:#1C79B4}
a:hover{color:#C30}.links a,.links a:visited{border-bottom:dashed 1px #1C79B4}
.links a:hover{border-bottom:dashed 1px #FFF}
.button,a.button,a.button:visited   {display:block;line-height:24px;border-bottom:none;background:url(../images/button-bg.jpg) no-repeat center top;width:75px;border:1px solid #FFF;cursor:pointer;color:#FFF;padding-left:25px}
a.button:hover{background:url(../images/button-bg.jpg) left bottom;color:#FFF}
.wrap{width:980px;margin:0 auto 0 auto}
.content{width:746px;float:left;padding:15px 15px 40px 15px}
.c-h2 {font-family:"微软雅黑","文泉驿正黑体", "黑体", Arial;margin-top:0;margin-bottom:20px;padding-top:15px;position:relative;height:28px;border-bottom:dotted 1px #CCC;z-index:0}
.c-h2  em,.c-h2 span{font-size:10pt;font-style:normal;color:#94B6E4;font-family:Arial,Helvetica,sans-serif}
.c-h2  em{position:absolute;right:5px;bottom:5px}
.c-h2 b{font-size:14pt;font-weight:normal}
.c-h2 .keyword{margin:0}
.c-h2 .submit {position:absolute;top:7px;right:7px;z-index:1;height:24px;width:24px;background:transparent url(../images/item/search.gif) no-repeat center center;border:none}
.content h3.line{background:url(../images/about_bg.jpg) no-repeat center bottom;border-bottom-style:none}
/* error */
.error-404{padding:40px 80px 40px 80px}
.error{padding:40px 40px 40px 250px;background:url(../images/error-bg.gif) no-repeat left 40px}
.error h2{margin-bottom:20px}
.error li{line-height:30px}
#google-form input.gsc-input {border-left:1px solid #E2E3EA;border-right:1px solid #E2E3EA;border-bottom:1px solid #E3E9EF;border-top:1px solid #ABADB3;width:300px;padding:5px;margin-right:15px}
#google-form input.gsc-search-button{background: transparent url(../images/item/search_btn.gif) no-repeat right top;border:none;height: 26px;width: 26px;font-size: 13px;line-height: 26px;cursor:pointer;padding-right:60px}
#google{margin-left:80px}
#google .gs-title{font-size:12pt}
#google .gsc-cursor-page{padding:0 5px 0 5px;border:solid 1px #CCC;text-decoration:none}
#google .gs-result b{color:#C30}
#google .gsc-tabsArea{display:none}
/*#google .gs-visibleUrl-short{display:none}
#google .gs-visibleUrl-long{display:block}*/
/* nav */
.nav-list{width:180px;border:1px solid #EEE;float:right;margin-top:15px}
.nav-list img{margin:10px;width:160px}
.ul-nav,.ul-nav-sub{margin-top:10px;margin-bottom:10px;padding-left:0;list-style-type:none;margin-left:0}
.ul-nav li{overflow:hidden}
.ul-nav strong{display:block;line-height:30px;cursor:pointer;background:#2283AE url(../images/nav-list-bg.jpg) no-repeat right top;padding-left:10px;height:30px;color:#FFF}
.ul-nav-sub    a,.ul-nav-sub   a:visited{padding-left:25px;display:block;line-height:30px;height:30px;border-bottom:none;background:url(../images/item/nav-arrow.gif) 5px top no-repeat;margin-left:5px;border-bottom:solid 1px #EEE}
.ul-nav-sub  a:hover{color:#36444D;background-position:5px bottom}
/* pic */
a.pic,a.pic:visited{text-align:right;font-size:9pt;width:200px;position:absolute;z-index:100;top:0;right:0;border:1px solid #CCC;padding:5px;background-color:#FFF}
a.pic img{width:100%}
a.pic  span{display:block;background:url(../images/item/magnifier.gif) no-repeat right center;padding-right:20px;line-height:18px}
/*related px*/
.related{height:125px}
.related li{float:left;margin-left:10px;border:solid 1px #CCC;padding:5px;width:160px}
.related  a,.related a:visited{display:block;height:90px;width:158px;position:relative;overflow:hidden}
.related img{width:158px;height:90px}
.related  div{position:absolute;left:0;bottom:-20px;text-align:center;width:158px;background-image:url(../images/alpha-70.png);color:#FFF;line-height:20px}
/* warning */
.warning{border:2px solid #EEE}
.warning h3{padding-top:5px;padding-bottom:5px;margin-top:0;border-bottom:solid 2px #EEE}
.warning  .ul0{margin-left:35px}
.warning  .ul0 li{width:120px;float:left;margin-right:20px;margin-left:20px}
.warning li img{padding-bottom:15px}
/* services */
.services{float:left;width:445px;margin-left:15px}
.services li{height:80px;margin-bottom:25px}
.services h3{padding:0;margin:0;font-size:12pt;color:#2186B2;font-family: Arial, Helvetica, sans-serif}
.services h3 span{font-size:11pt;color:#0C0}
.services img{padding:1px;float:left;height:75px;width:75px;margin-right:20px}
/*body*/
.header .wrap{position:relative;height:72px;z-index:108;background: url(../images/nav-bg.jpg) repeat-x center top;z-index:2}
.header .logo {z-index:109;position:absolute;left:0;top:0;margin:0;padding:0;height:98px;width:259px}
.header .logo a{display:block;height:98px;width:259px;background:url(../images/logo.jpg) no-repeat left top}
.header .logo a span {display:none}
#lang  {cursor:pointer;position:absolute;top:6px;right:0;width:60px;height:20px;border:1px solid #FFF;background: url(../images/lang.gif) no-repeat center center}
#lang select{width:90px;height:20px;margin:0}
#langbar{height:20px;overflow:hidden}
#nav{line-height:38px;height:38px;background:url(../images/nav-bg.jpg) repeat-x left top;padding-bottom:10px;width:606px;margin-left:335px}
#nav li{float:left;background:url(../images/nav-bg-hover.gif) repeat-x 0 38px;padding-right:1px;height:38px;line-height:38px;position:relative}
#nav li.hover{background-position:0 -40px}
#nav li  a,#nav  li a:visited{color:#FFF;border-bottom:none;display:block;height:38px;width:95px;text-align:center;background:url(../images/nav-line-bg.jpg) no-repeat right top;line-height:38px}
#nav ul {border-right:solid 1px #1F86B3;border-bottom:solid 1px #1F86B3;border-left:solid 1px #1F86B3;position:absolute;left:-1px;top:38px;width:171px;z-index:109;padding:10px 10px 40px 10px;background:#4CC0E8 url(../images/peony_small.gif) no-repeat right bottom}
#nav ul li{border-bottom:solid 1px #34A2CD;z-index:110;height:28px;background-image:none}
#nav ul li  a,#nav ul li a:visited{text-align:left;padding-left:10px;width:160px;line-height:28px;height:28px;background-image:none}
#nav ul.sub3{background-color:#248BB6;position:absolute;left:90px;top:0;width:130px;z-index:112;background-image:none;padding-bottom:10px}
#nav ul.sub3 li{height:28px}
#nav ul.sub3  a,#nav ul.sub3 a:visited{width:120px}
#nav ul li a:hover{background-color:#299DCF}

#main{background-color:#FFF;margin-top:30px;padding-bottom:20px;z-index:0;position:relative}

#main.product{}
#main.product .pd-state {min-height:190px;height:auto !important;overflow:visible;height:190px}
#main.product .pd-state li{line-height:24px;height:24px}
#main.product .list{height:690px}
#main.product .list li{float:left;width:165px;height:230px;position:relative;padding-left:21px}
#main.product .list .info{width:155px;padding:5px;border:1px solid #FFF;overflow:hidden;height:200px;background:#FFF url(../images/peony_small.gif) no-repeat -200px bottom;position:absolute;left:0;top:0;z-index:1}
#main.product .list .des {display:none;text-indent:22pt;margin-bottom:0}
#main.product .list .icon{display:block;height:45px;width:48px;position:absolute;right:25px;top:5px;z-index:3;background-repeat:no-repeat;background-position:left top}
#main.product .list .rcmd{background-image:url(../images/tip-rcmd.png)}
#main.product .list .new{background-image:url(../images/tip-new.png)}
#main.product .list .info img{width:149px;height:175px;padding:1px;border:1px solid #CCC;background-color:#FFF}
#main.product .list  a,#main.product .list a:visited{width:154px;display:block;float:left;height:150px;overflow:hidden;border-bottom:solid 1px #CCC;margin-bottom:15px;margin-right:15px}
#main.product .list h4 {border-bottom:solid 1px #FFF;margin-bottom:5px;color:#1C79B4;text-align:center;padding-top:0;font-size:15px;font-weight:normal;margin-top:0;display:block}
#main.product .list h4 span{font-size:11pt;color:#CCC;margin-left:10px;display:none}#main.product .list div.hover a,#main.product .list div.hover a:visited{height:175px;margin-bottom:0;border-bottom:solid 1px #CCC}
#main.product .list div.hover {width:400px;background-position:right bottom}
#main.product .list div.hover .des{display:block}
#main.product .list div.hover h4{border-bottom:solid 1px #CCC;padding-top:5px;padding-bottom:5px}
#main.product .list div.hover h4 span{display:inline}
#main.project{}
#main.project .list li{height:160px;display:block;position:relative;padding-left:240px;z-index:1}
#main.project .list .imgbox{width:200px;position:absolute;left:0;top:0;height:120px;padding:13px;background:url(../images/pic-bg.jpg) no-repeat right bottom}
#main.project .list .imgbox a{display:block;width:200px;overflow:hidden;height:120px;border:1px solid #EEE}
#main.project .list .imgbox img{width:100%}
#main.project .list  h4{height:24px;border-bottom:solid 1px #CCC;padding-top:0;position:relative}
#main.project .list  em{font-size:10pt;position:absolute;top:5px;right:5px;color:#999;font-style:normal}
#main.project .list  em  span{float:left;width:25px;display:block;height:20px}
#main.project .list .button{margin-left:400px}
#main.project .list .full-view{height:0;width:0;position:relative;z-index:2}
#main.project .list .full-view .box{background-color:#FFF;position: absolute;width:600px;top: -335px;left:10px;border:solid 1px #CCC;visibility: hidden}
#main.project .list .full-view .box div{overflow:hidden;height:380px;margin:10px 10px 0 10px;background-color: #CCC;padding:1px;border:solid 1px #D6D6D6;background:#FFF url(../images/ajax_loading_bar.gif) no-repeat center center}
#main.project .list .full-view .box img{width:576px;display:block}
#main.project .list .full-view b{margin:0;padding:0 0 10px 15px}
#main.project .content .c-h2 .date{color:#CCC;font-size:11pt;position:absolute;right:5px;bottom:0}
#main.project .gallery {border: 1px solid #EEE;margin-bottom:15px;text-align:center;height:300px;overflow:hidden}
.tip-pj{width:160px;background-image:url(../images/alpha-30.png);color:#FFF;font-weight:600;text-align:center}
/*forum*/
#main.forum{}
#main.forum .hot {background:url(../images/item/hot.gif) no-repeat 150px center}
#main.forum .tbsorter .pdate{text-align:left;color:#999}
#main.forum .tbsorter .count{text-align:center}
#main.forum .tbsorter .reply{text-align:right;color:#999}
#main.forum .tbsorter td.blocked{background:url(../images/item/warning.gif) no-repeat center center}
#main.forum .tbsorter td strong{text-align:left;display:block}
#main.forum .tbsorter td.moveto {background: url(../images/item/arrow_right.gif) no-repeat center center}
#main.forum .tbsorter td.check {background: url(../images/item/check.gif) no-repeat center center}
#main.forum .tbsorter td.istop {background: url(../images/item/arrow-down.gif) no-repeat center center}
#main.forum .content{background:no-repeat right 40px}
#main.forum .xinwen{background-image:url(../images/forum/xinwen-bg.jpg)}
#main.forum .youhui{background-image:url(../images/forum/youhui-bg.jpg)}
#main.forum .job{background-image:url(../images/forum/shouhou-bg.jpg)}
#main.forum .fuwu{background-image:url(../images/forum/notice-bg.jpg)}
#main.forum .post {margin-bottom:30px;height:100px;min-height:100px;height:auto !important;overflow:visible;position:relative}
#main.forum .content {padding:10px}
#main.forum .content .pad15{margin:0 0 10px 20px;padding-left:30px}
#main.forum .content .texts{border-left:solid 1px #EEE}
/* gpost */
#main.forum .state {line-height:20px;height:20px;border-bottom:solid 1px #CCC;position:relative;color:#999;font-weight:bold}
#main.forum .state span{position:absolute;right:0;bottom:0}
#main.forum .op{height:16px}
#main.forum .op span{display:block;float:left;height:16px;width:16px;margin-right:5px}
#main.forum .avatar{background:#FFF url(../images/forum/avatar-guest.jpg);padding:1px;left:0;top:30px;height:35px;width:35px;position:absolute;border:1px solid #CCC}
#main.forum .u-offical .avatar{background-image:url(../images/forum/avatar-offical.jpg)}
#main.forum .u-unrate{background: url(../images/item/warning.gif) no-repeat 686px 10px}
/*about*/
#main.about .sketchup{border:solid 1px #CCC;padding:1px;width:100%}
#main.about .advantage{display:block;padding:20px}
#main.about .tab{height:38px;padding:0px;background:url(../images/about_bg.jpg) no-repeat 400px 36px}
#main.about .tab a{background:url(../images/about-tab.gif) no-repeat center top;display:block;float:right;height:38px;width:121px;margin-right:5px;line-height:38px;text-align:center;font-size:22px}
#main.about .tab img{margin-top:10px}
#main.about .tab a.cur{background-position:center bottom}
/*us*/
#main.about .us .advantage .sec{float:left;width:33%;background:url(../images/advantage-li-bg.jpg) no-repeat left top;padding-left:15px;width:295px}
#main.about .us .advantage .sec li{margin-bottom:15px;height:55px;display:block}
#main.about .us .advantage .sec li img{padding:1px;height:50px;width:50px;margin-right:15px}
/*history*/
#main.about .culture .history li{background:transparent url(../images/item/date.gif) no-repeat left 5px;padding-left:30px;margin:0 0 12px 25px}
#main.about .culture .photos {background-color: #FFF;margin:0 0 0 30px;padding:2px;border:2px solid #EEE;width:400px;height:436px;position:relative}
#main.about .culture .photos .p-box {height:436px;width:400px;overflow:hidden}
#main.about .culture .photos .p-con{width:1300px}
#main.about .culture .photos ul{height:40px;margin-top:5px;position:absolute;left:4px;bottom:5px;width:396px;background-image:url(../images/alpha-30.png);color:#FFF}
#main.about .culture .photos li {float:left}
#main.about .culture .photos li.tip{line-height:40px;text-align:right;width:135px;display:block}
#main.about .culture .photos a {display:block;height:40px;width:80px;margin-right:5px;color:#FFF}
#main.about .culture .photos ul img{height:38px;width:78px;border:1px solid #FFF}
#main.about .culture .pj-example li {line-height:30px}
/*lab*/
#main.about .lab .great-hall{width:965px;margin-top:2px;border:1px solid #EEE;height:280px;padding:5px;background:url(../images/flash/default.jpg) no-repeat right top;position:relative;background-color:#1E90C6;overflow:hidden}
#main.about .lab .background{background:url(../images/main_bg.gif) no-repeat center top;padding:10px}
#main.about .lab .great-hall table{position:absolute;bottom:5px;right:5px}
#main.about .lab .great-hall table td {height:50px;width:50px}
#main.about .lab .great-hall table div{display:none}
#main.about .lab .great-hall table td img{border:solid 1px #09C;padding:1px;height:48px;width:48px}
#main.about .lab .great-hall table td img.hover{border:solid 1px #FFF}
#main.about .lab .staff{position:absolute;height:150px;width:500px;left:5px;top:-300px;background-image:url(../images/alpha-30.png);color:#FFF}
#main.about .lab .staff .portrait{padding:2px;border:1px solid #3FA1D0;height:120px;width:100px;margin:15px;background-color:#15658A}
#main.about .lab .staff h3{color:#FFC;display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#3FA1D0}
#main.about .lab .staff h3 em{font-size:11pt;font-family:Arial,Helvetica,sans-serif;font-style:normal}
/*cert*/
#main.cert .cert li{float:left;height:140px;width:200px;border:1px solid #CCC;margin:15px}
#main.cert .cert li a{display:block;height:130px;width:190px;overflow:hidden;margin:5px;color:#FFF;position:relative}
#main.cert .cert img{width:190px;background-color:#FFF}
#main.cert .cert li div{position:absolute;height:24px;bottom:0;width:190px;left:0;background-image:url(../images/alpha-70.png);line-height:24px;text-align:center;z-index:105}
.lightbox div{width:500px;margin-right:auto;margin-left:auto;height:400px;color:#FFF;font-weight:bold}
.lightbox div img {border:solid 1px #CCC;padding:1px}
/*contact*/
#main.contact #contact{background-color:#FFF}
#main.contact .telephone{line-height:100px;overflow:hidden}
#main.contact .telephone h2{height:50px;width:240px;border:1px solid #CCC;padding:20px;line-height:50px;margin-left:40px;text-align:center;font-family:Arial,Helvetica,sans-serif;color:#2283AE;background:url(../images/peony.gif) no-repeat 200px -20px;margin-right:40px;display:block}
#main.contact #map{border:1px solid #CCC;padding:10px;position:relative;height:320px}
#main.contact .map-photo{position:absolute;left:10px;z-index:102;width:109px;height:30px;bottom:10px}
#main.contact .map-photo-con{position:absolute;top:18px;right:428px;bottom:10px;height:260px;width:400px;padding:5px}
/*login*/
#login{width:400px;margin-right:auto;margin-left:auto;margin-top:30px;background:url(../images/peony.gif) no-repeat right 30px;height:350px;padding-top:20px;padding-right:40px;padding-bottom:20px;padding-left:40px;margin-bottom:0}
#login .validate{width:100px;line-height:24px;height:24px}
#login-warning{padding-top:10px;border-top:solid 1px #CCC;margin-top:15px;color:#C30;font-weight:bold}