@charset "utf-8"; *{margin:0;padding:0;} body{font-size:13px;font-family:����,Arial, Helvetica, sans-serif; color:#2b2b2b; background:#f9f9f1;} img{border:0;} ul{list-style:none; line-height: 24px;} li{ vertical-align:bottom;} a{color:#2b2b2b; text-decoration:none;} a:hover{ color:#fe7801;} input:focus,textarea:focus {outline: none;} .clear{clear:both;} .blank{font-size:0; height:10px; width:100%;} .blank2{font-size:0; height:4px; width:100%;} .blank3{font-size:0; height:6px; width:100%;} .blank4{font-size:0; height:2px; width:100%;} .blank5{font-size:0; height:5px; width:100%;} .window{ width:74px; height:299px; z-index:999; position:absolute;/* left:0; top:50px;*/ } .online{ width:74px; height:299px; background:url(../images/online.jpg) no-repeat left top;} .online p{ width:74px; height:74px; overflow:hidden; } .online p a{ width:74px; height:74px; display:block;} .online p.totop{ cursor:pointer; } .layout{width:100%; height:auto;} .container-header{ height:104px; margin:0 auto; position:relative; z-index:100; background: url(../images/header.jpg) repeat-x left top;;} .header{ width:1024px; height:104px; margin:0 auto; position:relative; z-index:102;} .logo{ width:538px; height:104px; float:left; overflow:hidden; } .logo img{ width:538px; height:104px; } .search{ width:208px; height:28px; float:right; overflow:hidden; background:url(../images/search.png) no-repeat left top; margin-top:50px; display:inline; } .search p{ float:left; overflow:hidden; } .search p.search-input{ width:160px; height:18px; padding:5px 10px; } .search p.search-input input{ width:160px; height:18px; line-height:18px; border:0;} .search p.search-btn,.search p.search-btn input{ width:24px; height:24px;} .search p.search-btn{ margin:2px; display:inline;} .container-nav{ height:42px; margin:0 auto; position:relative; z-index:600; background: url(../images/nav.jpg) repeat-x left top;;} .nav{ width:1024px; height:42px; margin:0 auto; } .nav li{ width:128px; height:42px; float:left; display:inline; cursor:pointer; position:relative; z-index:608; background:url(../images/nav-li.jpg) no-repeat right top;} .nav li h3{ width:128px; height:42px; line-height:42px; overflow:hidden; font-size:16px; font-weight:normal; font-family:"΢���ź�"; text-align:center; } .nav li.curr h3,.nav li.on h3{ background:url(../images/nav-li-h3.jpg) no-repeat left top; } .nav li.curr h3 a,.nav li.on h3 a{ color:#FFF;} .menu { height:42px; margin:0 auto; } .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:146px; height:42px; text-align:center; color:#2b2b2b; background:url(http://www.syycyy.com/templets/hs/images/nav-li.jpg) no-repeat left top;line-height:42px; font-size:14px; overflow:hidden;} .menu ul {padding:0; margin:0;list-style-type: none; } .menu ul li {float:left; /*margin-right:1px;*/ position:relative;} .menu ul li ul {display: none;} .menu ul li:hover a {color:#fff; background:url(http://www.syycyy.com/templets/hs/images/nav-li-h3.jpg) no-repeat 9px top;} .menu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:128px; height:42px;} .menu ul li:hover ul li a.hide {background:#ddd; color:#000;} .menu ul li:hover ul li:hover a.hide {background:#116594; color:#fff;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#ddd; color:#000;} .menu ul li:hover ul li a:hover {background:#379CD4; color:#fff;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:128px; top:0;} .menu ul li:hover ul li:hover ul.left {left:-128px;} .container-flash{ height:351px; margin:0 auto; position:relative; overflow:hidden; z-index:100;} .flash{ width:1500px; height:351px; margin:0 auto; overflow:hidden; position:absolute; top:0; z-index:200;} .mod_focus .contents{ width:1500px; height:351px; overflow:hidden;} .mod_focus .contents li{width:1500px; overflow:hidden;height:351px; } .mod_focus .contents li img{ width:1500px; height:351px;} .mod_focus .tags{text-align:center; position:absolute; left:1150px; bottom:20px; width:128px; height:12px; overflow:hidden;} .mod_focus .tags li{ overflow:hidden; float:left; margin:0 6px; display:inline; width:20px; height:18px;} .mod_focus .tags a{ float:left; width:20px; height:10px; line-height:10px; background:#FFF; text-align:center; } .mod_focus .tags .focus a{ width:20px; height:10px; line-height:10px; background:#ffd200; color:#fff;} .container-notic{ height:auto; margin:0 auto; border:1px solid #DDD; background:#FFF;} .notic{ width:1020px; height:auto; margin:0 auto;} #notic-list{ width:600px; height:24px; position:relative; overflow:hidden; font-family:"΢���ź�"; font-size:15px;} #notic-list li{ width:600px; height:24px; line-height:24px; } #notic-list li span a{ color:#587ebd;} #notic-list li span a:hover{ color:#fe7801;} .container-main{ height:auto; margin:0 auto; background:#FFF url(../images/main.gif) repeat-x center top;} .main{ width:1024px; height:auto; margin:0 auto;} .about{ width:1024px; height:325px;} .about h2{ width:1024px; height:58px; border-bottom:1px solid #e4e4e4; overflow:hidden;} .about h2 p{ width:252px; height:58px; overflow:hidden; } .about h2 p img{ width:252px; height:58px;} .about-img{ width:272px; height:176px; float:left; padding-right:20px; border-right:1px solid #DDD; overflow:hidden;} .about-img img{ width:272px; height:176px; } .about-cen{ width:710px; height:176px; float:right; overflow:hidden;} .about-cen h3{ width:710px; height:30px; font-weight:normal; font-size:17px; font-family:"΢���ź�"; overflow:hidden;} .aboutc-nr{ width:710px; height:144px; line-height:24px; overflow:hidden;font-size:14px; font-family:"΢���ź�";} .aboutc-nr a{ color:#fe7801;} .intro{ width:1024px; height:280px; border-top:10px solid #0c8dce; background:#FFF;} .intro-line{ width:510px; height:240px; float:left; border-right:1px solid #DDD;} .intro-line h2{ width:460px; height:50px; line-height:50px; font-size:17px; font-weight:bold; font-family:"΢���ź�"; overflow:hidden; margin:0 auto;} .intro-line h2 p{ width:38px; height:18px; background:url(../images/intro-more.jpg) no-repeat left top; float:right; margin-top:16px; display:inline; } .intro-line h2 p a{ width:38px; height:18px; display:block;} .intro-list{ width:460px; height:156px; overflow:hidden; margin:0 auto;} .intro-list li{ width:460px; height:26px; line-height:26px; overflow:hidden; } .intro-list li span{ width:80px; height:26px; line-height:26px; display:block; float:right; text-align:right; overflow:hidden;} .link{ width:1024px; height:auto; } .link li{ width:196px; height:50px; float:left; overflow:hidden; margin-right:11px; margin-bottom:12px; display:inline; } .link li img{ width:196px; height:50px; } .quicklink{ width:1024px; height:auto; } .quicklink p{ width:326px; height:130px; float:left; overflow:hidden; margin-right:23px; display:inline; } .quicklink p img{ width:326px; height:130px; } .container-service{ height:auto; margin:0 auto; background:#f1f1f1 url(../images/service.gif) repeat-x center top;} .service{ width:1024px; height:auto; margin:0 auto;} .serv-title{ width:1024px; height:36px; overflow:hidden; background:url(../images/service-title.jpg) repeat-x left 34px; } .serv-title p{ width:146px; height:30px; line-height:30px; float:left; overflow:hidden; font-weight:bold; font-size:16px; font-family:"΢���ź�"; color:#286dbb; display:inline; } .serv-title p a{ color:#286dbb} .serv-line{ width:146px; height:auto; float:left; overflow:hidden; font-size:15px; font-family:"΢���ź�";display:inline; } .serv-line p{ width:146px; height:26px; line-height:26px; font-size: 12px; overflow:hidden; } .cleft{ width:206px; height:auto; float:left;} .menu{ width:206px; height:auto; margin:0 auto; } .menu h2{ width:176px; height:35px; line-height:35px; font-weight:bold; font-size:15px; color:#FFF; background:url(../images/menu-h2.jpg) no-repeat left top; padding-left:30px; } .menu-list{ width:206px; height:auto; } .menu-list li{ width:176px; height:36px; line-height:36px; background:url(../images/menu-list-li.jpg) no-repeat left bottom; overflow:hidden; padding-left:30px; float:left; margin-bottom:5px; display:inline; } .menu-list li.curr,.menu-list li.on{ background:url(../images/menu-list-li.jpg) no-repeat left top; font-weight:bold;} .menu-list li.curr a,.menu-list li.on a{ color:#ee7e00;} .cright{ width:790px; height:auto; float:right;} .location{ width:780px; height:32px; line-height:32px; text-align:right; overflow:hidden; border-bottom:1px solid #CCC; padding:0 5px; color:#585858;} .location a{ color:#585858;} .location p{ width:160px; height:32px; line-height:32px; padding-left:16px; font-weight:bold; font-size:15px; text-align:left; overflow:hidden; float:left; background:url(../images/location-p.jpg) no-repeat left 8px; color:#4d4d4d;} .txthot{ width:770px; height:122px; background:url(../images/txthot.jpg) no-repeat left top; overflow: hidden;} .txthot h2{ width:750px; height:32px; line-height:32px; font-weight:bold; font-size:13px; overflow:hidden; margin:0 auto; } .txthot-cen{ width:750px; height:48px; line-height:24px; overflow:hidden; margin:0 auto;} .txtlist-title{ width:718px; height:28px; border:1px solid #e8e8e8; background:url(../images/txtlist-title.jpg) repeat-x left top;} .txtlist-title p.txtlt-name{ width:86px; height:28px; line-height:28px; float:left; padding-left:20px;; text-align:left; } .txtlist-title p.txtlt-date{ width:86px; height:28px; line-height:28px; float:right; text-align:center; } .ctxtlist{ width:750px; height:auto; } .ctxtlist li{ width:745px; height:32px; line-height:32px; overflow:hidden; background:url(../images/txtlist.gif) repeat-x left 31px; padding-left:5px; } .ctxtlist li span{ width:76px; height:32px; line-height:32px; display:block; float:right; text-align:left; overflow:hidden; } .ctxtlist li.curr,.ctxtlist li.curr a{ color:#f48900;} .ctxtlist li.curr{ font-weight:bold;} .ctxtlist li.curr span{ color:#383838; font-weight:normal;} .img-list{ width:735px; height:auto;margin: 0 auto;} .img-list li{float:left; height:245px; width:225px; margin:10px 10px;} .img-list li img{ height:225px; width:225px;} .img-list li h3{height:20px; width:225px; line-height:20px; text-align: center;} .img-list li h3 a{color:#6b6b6b; text-decoration:none;font-size: 13px;font-family:"΢���ź�";} .page{ height:20px; margin:0 auto;} .page p{ height:20px; line-height:20px; float:left; margin-left:6px; display:inline; background:#db7a00; text-align:center; font-size:14px; } .page p.pagenum{ width:24px; font-family:Tahoma, Geneva, sans-serif; } .page p a{ color:#FFF;} .page p.pagebtn{ width:42px; } .page p.curr,.page p.on{ background:#dfc5af;} .page p.curr a,.page p.on a{ color:#FFF;} .container-footer{ height:auto; margin:0 auto; background:#0c8dce;} .footer{ width:1024px; height:auto; margin:0 auto; position:relative; z-index:200;} .copyright{ width:600px; height:auto; line-height:24px; text-align:left; overflow:hidden;font-size:13px; font-family:"΢���ź�"; color:#FFF; float:left; } .tongji{ width:300px; height:auto; line-height:24px; float:right; overflow:hidden; color:#FFF;font-size:13px; font-family:"΢���ź�";} .copyright a,.tongji a{ color:#FFF;} .nav li p.curr { display:block;} .nav li p { width:128px; height:auto; position:absolute; overflow:hidden; display:none; z-index:720; } .nav li p span { width:128px; height:auto; background:url(../images/nav-li-p.png) no-repeat left bottom; display:block; padding:10px 0; } .nav li p a { width:128px; height:31px; line-height:31px; display:block; text-align:center; background:url(../images/nav-li-p-a.gif) no-repeat left top; color:#FFF; overflow:hidden; } .nav li p a:hover { background:url(../images/nav-li-p-ahover.gif) no-repeat left top; color:#fed000; }