锘?left{ float:left; overflow:hidden;} .center{ float:left; overflow:hidden;} .right{ float:right; overflow:hidden;} .w1120{ width:1120px; margin:auto; clear:both; overflow:hidden;} #flash{ width:100%; padding:111px 0px 0px 0px; height:485px; float:left; clear:both; overflow:hidden; position:relative;} .header_bg{ position:absolute; left:0px; top:0px; width:100%; height:110px; border-bottom:solid 1px #EEE; background:#FFF; z-index:10;}/*background: rgba(255,255,255,0.6);*/ /*.header_bg{ position:absolute; left:0px; top:0px; width:100%; height:110px; background:url(../images/topbg.png) center 0px no-repeat;z-index:10;box-shadow: 0 2px 8px 4px #F0F0F0;}*/ .header{position:absolute; left:0px; top:0px; width:100%; height:110px; z-index:20; overflow:visible;} .header .w1120{ overflow:visible;} .header .left{ width:360px; height:109px; padding:0px 0px 0px 0px;} .header .left img{ width:360px; height:109px; } .header .right{ padding:30px 0px 0px 0px; overflow:visible;} .header .link{ line-height:24px; text-align:right; position:relative; z-index:3;} .header .link .stxb{ display:block; float:left; width:130px; height:22px; line-height:22px; background:#FFF; border:solid 1px #CCC; border-right:none; margin:0px 0px 0px 5px; text-indent:4px; color:#999;} .header .link .sbtn{ display:block; float:left; width:22px; height:24px; line-height:24px; text-align:center; border:solid 1px #CCC; border-left:none; background:url(../images/index_03.jpg) right 0px no-repeat;} .header .link>a{ display:block; margin:0px 10px; float:left; color:#666;} .header .link i{ display:block; float:left;} .header .link em{ display:block; float:left; width:85px; z-index:3; position:relative;} .header .link em>a{ display:block; position:absolute; right:0px; top:0px; height:24px; padding:0px 15px 0px 10px; background:url(../images/i11.gif) right center no-repeat; z-index:20000;color:#666;} .header .link em>a.on{ background:#FFF; padding:0px 14px 0px 9px; height:23px; line-height:23px; border:1px solid #d0d6e2; border-bottom:0;} .nav-list{ display:none; background:#FFF; position:absolute; right:0px; top:23px; width:238px; padding:8px 15px;border:1px solid #d0d6e2;} .nav-list dl{ width:100%; float:left; clear:both; padding:5px 0px; border-top:dotted 1px #ccc;} .nav-list dl.fist{ border-top:0 none;} .nav-list dt{ color:#f99d32; padding-bottom:2px; font-weight:bold; text-align:left;} .nav-list dt a{ color:#f99d32;} .nav-list dd{ width:243px; overflow:hidden;} .nav-list dd a{ display:block; float:left; width:76px; margin-right:5px; overflow:hidden; text-align:left;} .nav{ width:1120px; position:absolute; left:50%;top:50px; margin-left:-560px;} .nav_ul{ float:right; display:block;} .nav_li{ float:left; color:#424242; font-size:15px; font-weight:bold; display:block; padding:0px 0px 0px 30px; position:relative; z-index:2;} .nav_li_hover{ z-index:1;} .nav_li .on{ display:block; float:left; height:39px; position:relative; z-index:90000; cursor: pointer; color:#424242; font-size:18px; font-weight:normal;} .nav_li_hover .on{ background:url(../images/i07.png) no-repeat center bottom; color:#f98b0c;} .subnav{ position:absolute; left:6px; top:39px; background:#646e71; opacity:0.7; filter:Alpha(Opacity=70); line-height:30px; width:120px; padding:10px 0px; z-index:80000; display:none; overflow:hidden;} .subnav2{ left:14px;} .subnav li{ width:100%;font-size:16px; font-weight:normal; text-align:center;} .subnav li a{color:#FFF; font-size:16px;} .subnav li a:hover{color:#f98b0c;} /* .sub-ul01{left:38px; width:740px; } .sub-ul02{left:35px; width:560px;} .sub-ul03{left:35px; width:560px;} .sub-ul04{left:35px; width:560px;} .sub-ul05{left:35px; width:560px;} .sub-ul06{left:35px; width:560px;} .sub-ul07{ left:0px; width:200px;} .subnavbg{ position:absolute; left:0px; top:109px; width:100%; background:#646e71;opacity:0.5;filter:Alpha(Opacity=50); height:30px; display:none;} */ #flash .nav_bg{ position:absolute; left:0px; bottom:0px; width:100%; height:134px; background:#FFF; z-index:10;} #flash .nav2{ position:absolute; left:0px; bottom:0px; width:100%; height:134px; z-index:11;} #flash .nav2 ul{ width:1007px; clear:both; margin:auto; overflow:hidden;} #flash .nav2 ul li{ width:305px; height:134px; float:left; text-align:center;} #flash .nav2 ul .li0{ background:url(../images/b1.png) center 15px no-repeat;} #flash .nav2 ul .li1{ background:url(../images/b2.png) center 15px no-repeat; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} #flash .nav2 ul .li2{ background:url(../images/b3.png) center 15px no-repeat;} #flash .nav2 ul li b{ display:block; width:100%; padding:54px 0px 0px 0px; line-height:30px; float:left; clear:both; font-size:18px; color:#333; font-weight:normal;} #flash .nav2 ul li i{ display:block; width:100%; line-height:30px; float:left; clear:both; font-size:14px; color:#666;} #flash .nav2 ul li a:hover{ color:#ffb403;} #banner{ width:100%; height:500px; float:left; clear:both; position:relative;} #notice{ width:100%; height:40px; line-height:40px; border-bottom:solid 1px #e5e5e5; background:#f9f8f7; float:left; clear:both; overflow:hidden;} #notice>div{ width:1120px; clear:both; margin:auto; overflow:hidden;} #notice b{ display:block; float:left; width:90px; font-size:14px; background:url(../images/icon_notice.png) 10px center no-repeat; overflow:hidden; font-weight:normal; text-indent:40px;} #notice ul{ width:1020px; float:left; overflow:hidden;} #notice li{ width:100%; height:40px; line-height:40px; clear:both; float:left; overflow:hidden;} #notice li i a{ color:#ffb403; padding-left:20px;} #bottom{ width:100%; height:48px; line-height:48px; background:#434343; float:left; clear:both; border-bottom:solid 2px #424242;} #bottom i{ width:115px; float:left; color:#FFF; font-size:16px;} #bottom i a{ color:#FFF;} #footer{width:100%; padding:10px 0px 20px 0px; background:#606060; float:left; clear:both; overflow:hidden;} #footer .left{ width:920px;} #footer .right{ width:200px;} #footer ul li{ width:115px; float:left; line-height:28px;} #footer ul li a{ display:block; width:100%; float:left; clear:both; color:#c2c2c2; font-size:14px;} #footer ul li a:hover{color:#ffd05b;} #footer em{ display:block; padding:10px 0px 0px 0px; float:left; width:82px; text-align:center; margin-right:10px; color:#FFF;} #footer em i{ line-height:30px; font-size:15px; color:#ffd05b;} #copy{ width:100%; background:#515151; height:70px; line-height:70px; color:#FFF; text-align:center; float:left; clear:both; overflow:hidden;} #copy a{ color:#FFF;} .top{ float:left; clear:both; width:100%; height:80px; line-height:80px; overflow:hidden;} .top b{ font-weight:normal; font-size:30px; margin-right:20px;} .top i{ font-size:20px;} .top .refresh{ float:right; height:28px; line-height:28px; padding:30px 0px 0px 0px;} .body{ float:left; clear:both; width:100%; overflow:hidden; padding:10px 0px;} #index1{ padding:20px 0px 30px 0px;} #index1 .body{ height:404px; padding:10px 0px;} #index1 .left{ width:550px;} #index1 .left ul { width:570px;height:404px; overflow:hidden; float:left; display:none;} #index1 .left ul li { width:265px; float:left; margin-right:20px;} #index1 .left ul .img { display:block; width:100%; overflow:hidden; margin-bottom:20px;} #index1 .left ul .img img { display:block; width:100%; height:190px;-o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #index1 .left ul .img img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #index1 .left ul .time { width:50px; height:50px; float:left; background:#9c9c9c; color:#FFF; text-align:center; font-family:Arial; font-size:12px;} #index1 .left ul .time .day { display:block; font-size:20px; font-weight:bold; padding-top:10px;} #index1 .left ul .n, #index1 .left ul .text { margin-left:60px; display:block; overflow:hidden;} #index1 .left ul .n { font-size:16px; line-height:24px; height:48px; padding:1px 0px 1px 0px; font-weight:normal; margin-bottom:12px; color:#333;} #index1 .left ul .text { line-height:22px; height:132px; overflow:hidden; color:#666;} #index1 .left ul .text a { color:#666;} #index1 .left ul li:hover .time { background:#ffb403;} #index1 .left ul li:hover .n { color:#ffb403;} #index1 .right{ width:530px;} #index1 .right .top .inb{ width:auto; float:right; padding-top:30px;} #index1 .right .top .inb a{ display:block; width:28px; height:27px; float:left; background-image:url(../images/inews_btn_0730.png);} #index1 .right .top .inb_prev { background-position:0 0; margin-right:3px;} #index1 .right .top .inb_prev:hover { background-position:0 -27px;} #index1 .right .top .inb_next { background-position:-28px 0;} #index1 .right .top .inb_next:hover { background-position:-28px -27px;} #index1 .right .top .more { float:right; height:28px; line-height:28px; padding:30px 10px 0px 0px;} #index1 .right .top .more a { color:#666;} #index1 .right #scroll{ width:530px; height:404px; overflow:hidden;} #index1 .right li { width:488px; height:96px; border:solid 1px #dadada; margin-bottom:10px; padding:15px 20px; overflow:hidden;} #index1 .right li:hover { background:#f6f6f6;} #index1 .right .n { display:block; width:100%; height:30px; line-height:30px; font-size:18px; color:#424242;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-weight:normal;} #index1 .right .time { width:100%; display:block; line-height:26px; color:#999;} #index1 .right .text { width:100%; line-height:20px; height:40px; overflow:hidden; color:#898989;} #index1 .right a:hover .n { color:#FF0000;} #index2 ul{ width:1161px; overflow:hidden; float:left; clear:both; padding:0px 0px 30px 0px;} #index2 ul li{ float:left; width:346px; margin-right:41px; overflow:hidden;} #index2 ul li em{ display:block; width:346px; height:346px; overflow:hidden; float:left; clear:both; text-align:center;} #index2 ul li em img{ width:346px; height:346px; -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #index2 ul li em img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #index2 ul li span{display:block; width:346px; height:40px; line-height:40px; text-align:center; font-size:18px; overflow:hidden; float:left; clear:both;} #index3 .body{ padding:40px 0px 40px 0px;} #index3 .left{ width:260px; margin-right:20px; overflow:hidden;} #index3 .left li{ width:260px; height:174px; padding:10px 0px 0px 0px; margin:0px 0px 32px 0px;} #index3 .left li em{ display:block; width:100%; height:30px; line-height:30px; font-size:24px; overflow:hidden;} #index3 .left li span{ display:block; width:100%; height:50px; line-height:25px; margin:20px 0px; font-size:14px; overflow:hidden; text-indent:2em;color:#898989;} #index3 .left li>a{ display:block; width:124px; height:36px; line-height:36px; text-align:center; border:solid 1px #9a9a9a; border-radius:18px; background:#FFF;} #index3 .left li>a:hover{ border:solid 1px #525252; background:#525252; color:#FFF;} #index3 img{-o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #index3 img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #index3 .center{ width:280px; margin-right:20px;} #index3 .center>div{ width:280px; height:184px; margin:0px 0px 32px 0px; overflow:hidden;} #index3 .center img{ width:280px; height:184px;} #index3 .right{ width:540px; height:400px; position:relative;} #index3 .right div { position:absolute; left:0px; top:0px; width:480px; height:90px; padding:20px 30px; background:rgba(255,255,255,0.3); overflow:hidden; z-index:10000;} #index3 .right div em{ display:block; width:100%; height:30px; line-height:30px; font-size:24px; overflow:hidden;} #index3 .right div em a{ color:#424242;} #index3 .right div span{ display:block; width:100%; height:50px; line-height:25px; margin:15px 0px; font-size:14px; overflow:hidden; text-indent:2em; color:#424242;} #index3 .right div>a{ display:none; width:124px; height:36px; line-height:36px; text-align:center; border:solid 1px #9a9a9a; border-radius:18px; background:#FFF;} #index3 .right div>a:hover{ border:solid 1px #525252; background:#525252; color:#FFF;} #index3 .right img{ width:540px; height:400px;} #index3 .right .bg{background:#FFF; opacity:0.2; filter:Alpha(Opacity=20);position:absolute; left:0px; top:0px; width:540px; height:400px; overflow:hidden; z-index:999;} #nav_index{ float:left; clear:both; width:100%; height:60px; background:#f7f5f4; overflow:hidden; display:none;} #nav_index a{display: inline-block; height:58px; line-height:58px; border-bottom:solid 2px #f7f5f4; padding:0px 15px; font-size:16px;} #nav_index a:hover{ color:#ffb403;} #nav_index .curr{ color:#ffb403;border-bottom:solid 2px #ffb403;} #container{ width:1120px; padding:30px 0px; clear:both; margin:auto; overflow:hidden;} #right{ width:250px; float:right; overflow:hidden;} #right .category{ width:100%; float:left; clear:both; overflow:hidden; padding:0px 0px 20px 0px;} #right .category dl{ width:100%; overflow:hidden; float:left;} #right .category dl dt{ width:100%; float:left; clear:both; margin-bottom:10px; height:36px; line-height:36px; padding:0px 0px 12px 0px; font-size:28px; border-bottom:solid 1px #dbd4cd; color:#f99d32; overflow:hidden;} #right .category dl dd{ width:100%;} #right .category dl dd a{ display:block; float:left; clear:both; margin-top:10px; width:100%; height:40px; line-height:40px; background:#f99d32; cursor:pointer; font-size:18px; text-align:center; color:#FFF;} #right .category dl .dd{ display:none;} #right .category dl .dd a{ height:36px; line-height:36px; background:#fbeee0; font-size:14px; color:#666;} #right .pic{ float:left; clear:both; width:210px; background:#f7f5f4; padding:20px; overflow:hidden; margin:0px 0px 20px 0px; z-index:1;} #right .pic .top2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:24px; color:#333;} #right .pic .body2{ width:100%; height:310px; float:left; clear:both; margin:15px 0px 0px 0px; overflow:hidden;} #right .pic .body2 ul{ width:100%; height:310px; overflow:hidden;} #right .pic .body2 ul li{ width:100%; height:150px; margin-bottom:10px; overflow:hidden; position:relative;} #right .pic .body2 ul li span{ display:block; width:100%; height:30px; line-height:30px; position:absolute; left:0px; bottom:0px; background:#424242;opacity:0.5;filter:Alpha(Opacity=50); z-index:1;} #right .pic .body2 ul li em{ display:block; width:96%; height:30px; line-height:30px; position:absolute; left:0px; bottom:0px; z-index:2; text-align:center; font-size:14px; color:#FFF; overflow:hidden;z-index:1;} #right .pic .body2 ul li img{ width:100%; height:150px;} #right .news{ float:left; clear:both; width:210px; background:#f7f5f4; padding:20px; overflow:hidden;} #right .news .top2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:24px; color:#333;} #right .news .body2{ width:100%; float:left; clear:both; margin:15px 0px 0px 0px; overflow:hidden;} #right .news .body2 i{ color:#ffb403;} #right .news .body2 a{ display:block; width:100%; height:48px; line-height:24px; float:left; clear:both; overflow:hidden; margin:0px 0px 10px 0px;} #left{ width:850px; float:left; overflow:hidden;} #top{ width:100%; overflow:hidden; height:36px; line-height:36px; padding:0px 0px 12px 0px; float:left; border-bottom:solid 1px #dbd4cd; margin-bottom:20px;} #top em{float:left; display:block; font-size:28px; color:#f99d32;} #top span{ float:right; display:block; text-align:right; overflow:hidden; padding-right:10px;} #top span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#FF0000;} #body{ width:850px; float:left; overflow:hidden;} #newslist{ width:100%; float:left; overflow:hidden;} #newslist ul li{ float:left; width:820px; background:#f7f5f4; margin:0px 0px 20px 0px; padding:15px 15px; overflow:hidden;} #newslist ul li:hover{} #newslist ul .left{ width:200px; height:145px;} #newslist ul .left img{ width:200px; height:145px; -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #newslist ul .left img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #newslist ul .right{ width:600px;} #newslist ul .right a{ display:block; width:100%; float:left; clear:both; height:40px; line-height:40px; overflow:hidden; font-size:22px; color:#333;} #newslist ul .right a:hover{ color:#FF0000;} #newslist ul .right .details{ width:100%; float:left; clear:both; overflow:hidden; padding:10px 0px 0px 0px;} #newslist ul .right em{display:block; float:left; width:500px; height:90px; line-height:30px; font-size:16px; color:#626262; text-indent:2em; overflow:hidden;} #newslist ul .right span{ display:block; float:right; border: 1px solid #dbdbdb; background:url(../images/ntime.png) no-repeat center 14px; height: 30px; width: 75px; padding-top: 45px; font-size: 12px; text-align: center; border-radius: 4px; margin: 5px 0 0 0px; } #newslist2{ width:100%; float:left; overflow:hidden;} #newslist2 ul li{ float:left; width:850px; margin:0px 0px 20px 0px; padding:15px 0px; overflow:hidden; border-bottom:dotted 1px #CCC;} #newslist2 ul li:hover{} #newslist2 ul .left{ width:60px; height:60px; line-height:30px; padding:5px; font-size:22px; text-align:center; background:#F0F0F0F0;} #newslist2 ul .left b{ display:block; width:100%; text-align:center;} #newslist2 ul .left span{ display:block; width:100%; text-align:center; font-size:14px;} #newslist2 ul .right{ width:750px;} #newslist2 ul .right a{ display:block; width:100%; float:left; clear:both; height:30px; line-height:30px; overflow:hidden; font-size:22px; color:#333;} #newslist2 ul .right a:hover{ color:#FF0000;} #newslist2 ul .right .details{ width:100%; float:left; clear:both; overflow:hidden; padding:10px 0px 0px 0px;} #newslist2 ul .right em{display:block; float:left; width:100%; height:50px; line-height:25px; font-size:14px; color:#626262; text-indent:2em; overflow:hidden;} #details{width:100%; float:left; overflow:hidden;} #details h1{ color:#383838; font-size:24px; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;} #details .date{ width:100%; line-height:36px; overflow:hidden; text-align:center; color:#666; border-top:1px dashed #dbd4cd; border-bottom:1px dashed #dbd4cd;} #details .date span{ margin:0px 15px;} #details .date b{ color:#FF0000;} #details .details{ width:100%; overflow:hidden; line-height:2em; padding:0px 0px; float:left;} #lingdaoguanhuai{ float:left; clear:both; overflow:hidden; width:800px; padding:25px; background:#f7f5f4;} #lingdaoguanhuai>div{ float:left; clear:both; overflow:hidden; width:800px; background:url(../images/wei_line.png) center 0px repeat-y;} #lingdaoguanhuai dl{ float:left; clear:both; padding:30px 0px; overflow:hidden; width:800px; background:url(../images/wei_spot.png) center 24px no-repeat;} #lingdaoguanhuai .dl{ background:url(../images/wei_anchor.png) center 0px no-repeat;} #lingdaoguanhuai dt{ float:left; width:375px; padding:15px 25px 15px 0px; overflow:hidden;} #lingdaoguanhuai dt img{ width:375px;} #lingdaoguanhuai dd{ float:right; width:375px; padding:60px 0px 15px 25px; overflow:hidden; line-height:30px; font-size:16px;} #lingdaoguanhuai .dl dt{ float:right; padding:15px 0px 15px 25px;} #lingdaoguanhuai .dl dd{ float:left; padding:60px 25px 15px 0px; text-align:right;} .about-his-item{ background:url(../images/his_hr01.gif) repeat-y 141px top; overflow:hidden; width:100%;} .about-his-item .box{float:left; margin:0px 0px 0px 127px; overflow:hidden; width:650px;} .about-his-item h2{ background:url(../images/his_i01.png) no-repeat left top; height:33px; padding:10px 0 5px 42px; margin-left:127px;line-height:33px; font-size:22px; color:#e4961a; font-weight:normal;} .about-his-item02 h2{ color:#968780} .about-his-item .his-conts .cont{ background:url(../images/his_i03.png) no-repeat 9px 11px; padding-left:33px;} .about-his-item .his-conts .cont dl{ background:url(../images/his_bg01_t.png) no-repeat left top; width:100%; margin-top:10px; color:#fff;} .about-his-item .his-conts .cont dt{ background:url(../images/his_hr02.png) repeat-x left bottom; font-size:18px; height:35px; margin:0 27px 0 33px; padding-top:8px; line-height:35px; font-family: "榛戜綋" ;} .about-his-item .his-conts .cont dd{background:url(../images/his_bg01_b.png) no-repeat left bottom; padding:0px 28px 15px 33px; line-height:28px;} .about-his-item02 .his-conts h2{ background-image:url(../images/his_i02.png); color:#968780;} .about-his-item02 .his-conts .cont{ background-image:url(../images/his_i04.png);} .about-his-item02 .his-conts .cont dl{ background-position:-856px 0px; color:#968780;} .about-his-item02 .his-conts .cont dd{background-position:-856px bottom;} .about-his-item-last .his-conts { padding-bottom:0;} .about-his-item-last .his-conts .cont { width:13px; height:24px; font-size:0;} #culture{float:left; clear:both; overflow:hidden; width:100%;} #culture dl{ float:left; clear:both; width:100%; overflow:hidden; padding:0px 0px 20px 0px;} #culture dt{ float:left; clear:both; overflow:hidden; width:100%; height:40px; line-height:40px; background:#f99d33; text-indent:20px; color:#FFF; font-size:16px; font-weight:bold; overflow:hidden;} #culture dd{ float:left; clear:both; overflow:hidden; width:100%; height:40px; line-height:40px; background:#fbeee0; text-indent:20px; color:#626262; overflow:hidden;} #culture .dd{ background:#FFF;} #piclist .item { width:100%; float:left; clear:both; overflow:hidden; padding:25px 0px px 0px;} #piclist .item .tit{ width:100%; height:30px; float:left; background:url(../images/hr02.gif) repeat-x left bottom; padding-bottom:10px; margin:0px 0px 20px 0px; color:#f99d33; line-height:30px; overflow:hidden;} #piclist .item .tit span{ float:left; background:url(../images/i14.gif) no-repeat left 10px; display:block; padding-left:20px; font-size:20px;} #piclist .item .tit a{ float:right; border-radius:5px; display:block; height:20px; line-height:20px; width:60px; color:#FFF; background:#CCC; margin:10px 0px 0px 0px; font-weight:normal; text-align:center;} #piclist .item .tit a:hover{background:#fbeee0;color:#f99d32;} /* #piclist ul{width:872px; float:left; clear:both; overflow:hidden; padding:25px 0px 0px 0px;} #piclist ul li{ float:left; width:196px; margin:0px 22px 20px 0px; overflow:hidden;} #piclist ul li span{ display:block; width:100%; height:160px; overflow:hidden;} #piclist ul li span img { display:block; width:100%; height:160px;-o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #piclist ul li span img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #piclist ul li em{display:block; width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:14px;} */ #piclist ul{width:870px; float:left; clear:both; overflow:hidden; padding:0px 0px 0px 0px;} #piclist ul li{ float:left; width:250px; padding:9px; border:solid 1px #EBEBEB; background:#f7f5f4; margin:0px 20px 20px 0px; overflow:hidden;} #piclist ul li:hover{ border:solid 1px #fbeee0; background:#fbeee0;} #piclist ul li:hover a{ color:#f99d32;} #piclist ul li span{ display:block; width:250px; height:220px; text-align:center; overflow:hidden;} #piclist ul li span img { -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #piclist ul li span img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #piclist ul li em{display:block; width:100%; padding:10px 0px 0px 0px; height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:16px;} #unitlist{ width:100%; padding-top:20px; float:left; overflow:hidden;} #unitlist>div{ width:100%; float:left; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:dotted 1px #CCC;} #unitlist .left{ float:left; overflow:hidden; height:160px; width:300px; padding:2px; background:#FBFBFB; border:solid 1px #CCC; text-align:center;} #unitlist .left img{ height:160px; width:300px; -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #unitlist .left img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #unitlist .right{ float:right; overflow:hidden; height:160px; width:530px; overflow:hidden;} #unitlist .right b{ display:block; width:100%; height:40px; line-height:40px; overflow:hidden; text-align:left;} #unitlist .right b a{ color:#333; font-weight:normal; font-size:18px;} #unitlist .right span{ display:block; background:#f7f5f4; text-indent:2em; width:100%; height:28px; line-height:28px; color:#5d5d5e; overflow:hidden; float:left; margin-bottom:5px;} #unitlist .right span a{ color:#FF0000; font-size:14px;} #unitlist .right span strong{ color:#FF0000;} #unitlist .right span i{ color:#005BAC;} #unitlist .right em{ display:block; width:100%; height:84px; line-height:28px; color:#5d5d5e; overflow:hidden; float:left; text-indent:2em; } /*jqzoom*/ .jqzoom{ width:100%; position:relative; border: overflow:hidden} .zoomdiv{z-index:10000;position:absolute; top:100px; left:0px; background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #piclist2{ width:850px; float:left; overflow:hidden;} #piclist2 ul{ width:870px; overflow:hidden; padding-bottom:10px;} #piclist2 li{ width:415px; margin-right:20px; float:left; overflow:hidden; margin-bottom:20px; text-align:center;} #piclist2 li span{ display:block; width:405px; height:300px; padding:4px; border:solid 1px #CCC; text-align:center; overflow:hidden;} #piclist2 li span img{ width:405px; height:300px; -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} #piclist2 li span img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);} #piclist2 li em{ display:block; width:413px; border:solid 1px #CCC; border-top:none; height:40px; line-height:40px; text-align:center; overflow:hidden; background:url(../images/imgbg.jpg) 0px bottom repeat-x;} #piclist2 li em a{ font-size:16px;} #contact{ width:100%; float:left; clear:both; overflow:hidden; padding:20px 0px 0px 0px;} #contact .item { width:100%; float:left; clear:both; overflow:hidden; padding:30px 0px px 0px;} #contact .item .tit{ width:100%; height:30px; float:left; background:url(../images/hr02.gif) repeat-x left bottom; padding-bottom:10px; margin:0px 0px 20px 0px; color:#f99d33; line-height:30px; overflow:hidden;} #contact .item .tit span{ float:left; background:url(../images/i14.gif) no-repeat left 10px; display:block; padding-left:20px; font-size:20px;} #contact .item .tit em{ float:left; display:block; padding-left:20px; font-size:18px; font-weight:bold;} #contact .details { width:810px; float:left; clear:both; overflow:hidden; padding:0px 20px 40px 20px; line-height:30px; font-size:16px;} #contact .details b{color:#f99d33; font-size:18px; font-weight:normal;} #contact .details img{ width:24px; margin-right:5px;} .join_ico{ text-align:center; margin-top:40px; font-size:24px; color:#424242;} .join_ico a{ display:inline-block; transition:none; } .join_ico .bt1{ height:93px; overflow:hidden; margin-bottom:8px;} .join_ico .bt1 a{width:93px; height:93px; background-image:url(../images/join_ico.png); background-repeat:no-repeat; background-position:top;} .join_ico .bt1 a:hover{ background-position:bottom;} .join_ico .bt2{ padding:20px 0px;} .join_ico .bt3 { margin-top:5px;} .join_ico .bt3 a{ width:128px; height:40px; line-height:40px; border:1px solid #424242; color:#524202; font-size:20px; } .join_ico .bt3 a:hover{ background:#424242; color:#fff;} .product_details{ display:none; width:100%; float:left; clear:both; overflow:hidden; margin:0px 0px 20px 0px;} .product_details .details{ float:left; clear:both; margin:0px 0px 10px 0px; width:810px; font-size:16px; line-height:30px; padding:20px; background:#f7f5f4;} .product_details .details span{ color:#FF0000;} .product_details ul{ float:left; width:860px; padding:0px 0px 0px 0px;} .product_details ul li{ float:left; width:160px; border:solid 1px #EEE; margin: 0px 10px 10px 0px; background: #FFF; z-index:1; overflow:hidden; position:relative;} .product_details ul li img {display: block; width: 100%; height:200px; -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} .product_details ul li p{ display:none; position:absolute; left:0px; top:0px; width:100%; height:200px; background:rgba(0,0,0,0.3) url(../images/fdj.png) center center no-repeat; overflow:hidden;} .product_details ul li:hover img{-o-transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform: scale(1.05);} .product_details ol{ float:left; width:860px; padding:0px 0px 0px 0px;} .product_details ol li{ float:left; width:160px; border:solid 1px #EEE; margin: 0px 10px 10px 0px; background: #FFF; z-index:1; overflow:hidden; position:relative;} .product_details ol li img {display: block; width: 100%; height:125px; -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s;} .product_details ol li p{ display:none; position:absolute; left:0px; top:0px; width:100%; height:125px; background:rgba(0,0,0,0.3) url(../images/fdj.png) center center no-repeat; overflow:hidden;} .product_details ol li:hover img{-o-transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform: scale(1.05);} .indexaboutpic{ float:left; clear:both; overflow:hidden; width:1140px; padding:0px 0px 20px 0px;} .indexaboutpic li{ float:left; width:265px; margin-right:20px;} .indexaboutpic .box { position:relative; overflow:hidden;} .indexaboutpic .img { display:block; width:100%; height:0; padding-bottom:433px; overflow:hidden;} .indexaboutpic .img img { display:block; width:100%; height:433px;} .indexaboutpic .layer { width:100%; height:54px; background:url(../images/black_op60.png); position:absolute; left:0; bottom:0; color:#fff; text-align:center; color:#fff;} .indexaboutpic ._n { font-size:20px; padding:15px 0; height:24px; line-height:24px;} .indexaboutpic ._text { font-size:14px; padding:0 20px; display:none;}