/* css document by 安小弈 */ body { font-size:12px; font-family:"微软雅黑", arial; background:url(/uploads/image/smimages/body_bg.jpg) repeat-x; color:#000000; line-height:23px; } * { margin:0; padding:0; } a { text-decoration:none; color:#333; } a:hover { color:#f34500; } .dtxx p:hover { color:#f34500; } img { vertical-align:top; border:0; } ul, li { list-style:none; } /*头部*/ #head { width:900px; height:116px; margin:0 auto; } #top { width:900px; height:77px; padding-top:5px; } #top .logo { margin:6px 0 0 25px; float:left; } #top .search { width:220px; height:65px; float:right; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: "微软雅黑"; color: #000000; } #top .search p { line-height:45px; text-align:right; } #top .search p a { padding:0 10px; background:url(/uploads/image/smimages/a_bg.jpg) no-repeat right center; height:45px; text-decoration:none; color:#000000 font-family: "微软雅黑";} #top .search p a.nobg { background:none !important; } #top .search p input { float:left; width:180px; height:12px; border:1px solid #655f53; background:#fcf2cf; padding:3px; } #top .search p input.submt { display:inline-block; margin-left:5px; background:url(/uploads/image/smimages/search_but.jpg) no-repeat; width:22px; height:18px; border:1px solid #655f53; padding:0; text-indent:-999px; cursor:pointer; } /*导航*/ #nav{ font-size:12px; height:34px; position:relative; z-index:100; width:900px; height:34px;} #nav li{ float:left; list-style:none; position:relative; width:99px; height:34px; border-right:1px solid #fff;} #nav a{ display:block; height:36px; width:99px; line-height:34px; background:#949494; color:#fff; text-decoration:none; text-align:center; overflow:hidden; float:left;} #nav a:hover{ background:#369; color:#fff; float:left;} #nav ul li a.selt{ background:#007ab9; } #nav ul ul{ visibility:hidden; position:absolute; left:0px; top:34px; width:97px; } #nav ul li:hover ul.second, #nav ul a:hover ul.second { visibility:visible; } #nav ul ul li { clear:both; text-align:left; border-right:none;} #nav ul ul a:hover { background:#007ab9; color:white; } #nav .third{ top:0px; left:100px; width:97px;} #nav ul ul li:hover ul.third, #nav ul ul a:hover ul.third { visibility:visible; } #nav ul ul a:hover { background:#007ab9; color:white; } #nav ul ul ul li{ border-right:none;} #nav ul ul ul a { background:#000;} #nav ul ul ul a:hover { background:#b45b3e; color:#369; } #nav table{ border-collapse:collapse; } #nav ul.second a, #nav ul.third a { padding-left: 10px; width: 150px; text-align: left; } /*中间部分*/ #center { width:900px; margin:0 auto; height:auto; clear:both; overflow:hidden; } /*banner开始*/ .focusbox { width:900px; height:400px; border:none; margin:15px auto; clear:both; position:relative; overflow:hidden; z-index:0; } .focusbox .slidecon { width:898px; position:absolute; top:0; left:0; } .focusbox .slidecon a { float:left; } .focusbox .slidecon img { width:898px; height:268px; } .focusnav { position:absolute; bottom:5px; right:5px; } .focusnav li { float:left; width:22px; height:22px; line-height:22px; background:#ccc; font-size:12px; color:#f60; font-family:"\9ed1\4f53"; display:inline; margin-left:4px; text-align:center; cursor:pointer; position:relative; z-index:0; } .focusnav li span { width:22px; height:22px; position:absolute; display:line-block; top:0; left:0; } .focusnav li b { width:22px; height:22px; position:absolute; top:0; left:0; display:line-block; z-index:1; text-decoration:none; font-weight:normal; } .focusnav li.select { background:#007cc2; color:#fff; } /*banner结束*/ .intro { width:900px; clear:both; } .sid_lft { width:555px; float:left; background:url(/uploads/image/smimages/lft_bg.jpg) no-repeat left top; padding-top:70px; height:835px; } .shl_blogo { clear:both; border:1px solid #e2e2e2; width:283px; margin:0 auto 20px; padding:10px; text-align:center; } .sid_lft .txt { width:490px; text-indent:24px; clear:both; padding-left:10px; } .sid_lft .x_line { width:490px; height:2px; background:url(/uploads/image/smimages/x_line.jpg) repeat-x left bottom; margin:35px 0 35px 10px; } .sid_rgt { width:340px; float:right; background:url(/uploads/image/smimages/rgt_bg.jpg) no-repeat left top; padding-top:60px; height:845px; } .flow { background:#f0f0f0; width:305px; padding:0 15px 0 20px; height:128px; } .minhegt { height:55px !important; } .ftop_pad { padding:10px 15px 0 20px; } .flow_step { width:240px; margin:0 auto; height:auto; } .flow_step_lft { background:url(/uploads/image/smimages/step_bg.jpg) no-repeat; width:160px; float:left; } .flow_step_lft h2 { color:#ff9300; font-size:14px; font-weight:bold; text-align:center; line-height:40px; } .arrow { background:url(/uploads/image/smimages/arrow.jpg) no-repeat; width:27px; height:89px; margin:0 auto; clear:both; } .flow_step_rgt { width:135px; padding:0 0 0 8px; float:right; } .flow_step_rgt a { color:#007cc2; padding:0 2px; display:inline; } .flow_step_rgt a:hover { color:#f60; } .cont_foot { width:898px; height:98px; border:1px solid #e2e2e2; background:#9d9d9d; clear:both; margin:15px auto; } .cont_foot li { background:url(/uploads/image/smimages/li_line.jpg) no-repeat right center; width:179px; height:98px; float:left; text-align:center; } .cont_foot li.nobg { background:none; } .cont_foot li img { margin:15px auto; } /*common页中间部分*/ #menu { width:200px; float:left; margin-right:15px; height:auto; } #menu a { background:url(/uploads/image/smimages/menu_bg.jpg); width:200px; height:30px; margin:0 0 15px 0; text-align:left; line-height:30px; color:#2d2d2d; font-size:14px; font-weight:bold; display:block; text-indent:20px;} #menu a:hover, #menu a.selt { background:url(/uploads/image/smimages/selt_bg.jpg); color:#fff; } #menu img { border:1px solid #e2e2e2; margin:5px 0 20px 0; } #com_cont { width:685px; float:right; } #com_cont .tit { background:url(/uploads/image/smimages/x_line.jpg) left bottom repeat-x; height:30px; line-height:30px; } #com_cont .tit a { color:#6d6d6d; } #com_cont .tit a:hover { color:#007cc2; } #com_cont .com_txt { background: none; border: none; border-bottom:none; height: auto !important; min-height: 500px; width: 683px; padding-top:10px;} #wraper{width:830px;padding-left:20px;margin-top:30px;} /*middle*/ .middle{ width:900px; margin:0 auto; font-family: "微软雅黑"; color: #000000; } /*service*/ .service{ width:900px; height:240px; background:url(/uploads/image/smimages/service_bg.jpg) no-repeat; margin:12px 0;} .ser{ width:220px; height:220px; float:left;} .ser b{ display:block; width:220px; height:64px;} .ser p{ display:block; width:220px; height:88px;} .ser ul{ display:block; width:220px; padding-top:18px;} .ser ul li{ display:block; width:80px; height:25px; line-height:25px; background: no-repeat 20px 10px; padding-left:28px; float:left; overflow:hidden;} .ser ul li a{ color:#231f20; text-decoration:none;} .ser ul li a:hover{ color:#f34500; text-decoration:underline;} .service .n01 b{ background:url(/uploads/image/smimages/service_title.gif) no-repeat center 0;} .service .n01 p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat 0 bottom;} .service .n02 b{ background:url(/uploads/image/smimages/service_title.gif) no-repeat center -44px;} .service .n02 p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat -164px bottom;} .service .n03 b{ background:url(/uploads/image/smimages/service_title.gif) no-repeat center -88px;} .service .n03 p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat -328px bottom;} .service .n04 b{ background:url(/uploads/image/smimages/service_title.gif) no-repeat center -132px;} .service .n04 p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat -492px bottom;} .service .n01:hover p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat 0 0;} .service .n02:hover p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat -164px 0;} .service .n03:hover p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat -328px 0;} .service .n04:hover p{ background:url(/uploads/image/smimages/service_icon.gif) no-repeat -492px 0;} /*底部*/ #foot { width:100%; background:url(/uploads/image/smimages/foot_bg_g.gif) repeat-x; height:130px; font:"微软雅黑" color:#ffffff } .foot_cont { width:900px; margin:0 auto; } .foot_lft { width:495px; float:left; background:url(/uploads/image/smimages/foot_line.jpg) right center no-repeat; margin:0 20px 0 0; height:110px; padding-top:20px; position:relative; } .foot_lft img { position:absolute; left:130px; top:93px; } .foot_rgt { width:200px; float:right;background:url(/uploads/image/smimages/foot_logo.gif) no-repeat left center; padding-left:180px; height:110px; padding-top:20px; } /*自适应高度*/ #center:after { display:block; height:0; clear:both; visibility:hidden; } #center { display:inline-block; } /*\*/ #center { display:block; } /* end easy clearing */ /*\*/ #sid_lft, #sid_rg, #menu, #com_cont { padding-bottom:32767px !important; margin-bottom:-32767px !important; font-size: 10px; color: #000000; } @media all and (min-width: 0px) { #sid_lft, #sid_rg, #menu, #com_cont { padding-bottom:0 !important; margin-bottom:0 !important; } #sid_lft:before, #sid_rg:before, #menu:before, #com_cont:before { content: ''; display:block; background:inherit; padding-top:32767px !important; margin-bottom:-32767px !important; height:0; } } #dc{width:900px;height:898px;margin:0 auto;border:1px;color:#cccccc;background:#ffffff} #dc .lb1 { background-color:#fcfcfc;height: 250px;width: 282px;border: thin solid #cdcdcb; display:block; margin:10px 8px 5px 8px; float:left; } #dc .lb1 .lb11 { font-family: "微软雅黑"; font-size: 16px; font-style: normal; color: #000000; text-indent: 2px; margin:10px 5px 5px 5px; text-indent: 12px; background-color: #ededed; position:relative; width:270px; height:25px; } #center #dc .lb1 .lb11 .more { position:absolute; left:220px;top:10px; height:10px; width:41px; } #dc .lb1 .lb12 { height: 80px; width: 80px; margin:5px 2px 5px 2px; float:left; } #dc .lb1 .lb12 .lb121{ width:75; height:75; margin:6px 0px 6px 0px; } #dc .lb1 .lb13 { height: 80px; width: 180px; float:left; margin:5px 2px 5px 2px; display:block; font-family: "微软雅黑"; color: #000000; } #dc .lb1 .lb14 { height: 80px; width: 80px; margin:5px 2px 5px 2px; display:block; float:left; } #dc .lb1 .lb14 .lb142{ width:75; height:75; margin:6px 0px 6px 0px; } #dc .lb1 .lb15{ height: 80px; width: 180px; float:left; margin:5px 2px 5px 2px; display:block; font-family: "微软雅黑"; color: #000000; } #dc .lb2 { background-color:#fcfcfc; height: 250px; width: 282px; border: thin solid #cdcdcb; margin:10px 10px 5px 0px; float:left; display:block; } #dc .lb2 .lb21 { font-family: "微软雅黑"; font-size: 16px; font-style: normal; color: #000000; text-indent: 12px; background-color: #ededed; margin:10px 5px 5px 5px; position:relative; width:270px; height:25px; } #center #dc .lb2 .lb21 .more { position:absolute; left:220px;top:10px; height:10px; width:41px; } #dc .lb2 .lb22 { height: 80px; width: 80px; margin:5px 2px 5px 2px; float:left; } #dc .lb2 .lb22 .lb221{ width:75; height:75; margin:6px 0px 6px 0px; } #dc .lb2 .lb23 { height: 80px; width: 180px; float:left; margin:5px 2px 5px 2px; display:block; font-family: "微软雅黑"; color: #000000; } #dc .lb2 .lb24 { height: 80px; width: 80px; margin:5px 2px 5px 2px; display:block; float:left; } #dc .lb2 .lb24 .lb241{ width:75; height:75; margin:6px 0px 6px 0px; } #dc .lb2 .lb25{ height: 80px; width: 180px; float:left; margin:5px 2px 5px 2px; display:block; font-family: "微软雅黑"; color: #000000; } #dc .lb3{ background-color:#fcfcfc; height: 250px; width: 287px; border: thin solid #cdcdcb; margin:10px 0px 5px 10px; float:left; display:block; } #dc .lb3 .lb31 { font-family: "微软雅黑"; font-size: 16px; font-style: normal; color: #000000; text-indent: 12px; margin:10px 5px 5px 5px; background-color: #ededed; position:relative; width:275px; height:25px; } #center #dc .lb3 .lb31 .more { position:absolute; left:225px;top:10px; height:10px; width:41px; } #dc .lb3 .lb32 { height: 80px; width: 85px; margin:5px 2px 5px 2px; float:left; } #dc .lb3 .lb32 .lb321{ width:75; height:75; margin:6px 0px 6px 0px; } #dc .lb3 .lb33 { height: 80px; width: 180px; float:left; margin:5px 2px 5px 2px; display:block; font-family: "微软雅黑"; color: #000000; } #dc .lb3 .lb34 { height: 80px; width: 80px; margin:5px 2px 5px 2px; display:block; float:left; } #dc .lb3 .lb34 .lb341{ width:75; height:75; margin:6px 0px 6px 0px; } #dc .lb3 .lb35{ height: 80px; width: 180px; float:left; margin:5px 2px 5px 2px; display:block; font-family: "微软雅黑"; color: #000000; } #dc .anli { height: 325px; width: 895px; float:left; margin:0px; border: 1px solid #cdcdcb; } #center #dc .anli .jxal { z-index:3; position: absolute; margin-top:-10px; margin-left:-10px; } #dc .anli a { display:block; float:left; width:195px; height:285px; margin:10px 0px; cursor:pointer; } #dc .anli .jt1 { float: left; margin:130px 0px 130px 5px; background:url(/uploads/image/smimages/left.png) no-repeat; width:50px; height:50px; cursor:pointer; } #dc .anli .jt1:hover{background:url(/uploads/image/smimages/left1.png) no-repeat;} #center #dc .anli .anli1 { float: left; margin:0px 5px; width: 860px;!important; height:325px; } #dc .anli .jt2 { float: right; margin:130px 5px 130px 5px; background:url(/uploads/image/smimages/right.png) no-repeat; width:50px; height:50px; cursor:pointer; } #dc .anli .jt2:hover{background:url(/uploads/image/smimages/right1.png) no-repeat;} #dc .hyxx { height: 280px; width:287px; float:left; margin:10px 0px; border: thin solid #cdcdcb; font-family: "微软雅黑"; color: #000000; } #dc .hyxx .hyxx1{ margin: 0px; background-color: #ededed; width:auto; height:28px; position:relative; width:287px; } #center #dc .hyxx .hyxx1 .more { position:absolute; left:248px;top:10px; height:10px; width:41px; } #dc .hyxx .hyxx2 {font-size: 12px; color: #000000; display:block; width:262px; padding-top:12px; float:left; margin:0px 0px 0px 10px;} #dc .hyxx .hyxx2 li{ display:block; width:260px; height:28px; line-height:28px; background:url(/uploads/image/smimages/icon_3.jpg) no-repeat left; float:left; padding-left:12px;} #dc .hyxx .hyxx2 span { font-family: "微软雅黑"; font-size: 12px; color: #000000; float: right; padding-right: 5px; } #dc .dtxx { height: 280px; width:290px; float:left; margin:10px 10px; border: thin solid #cdcdcb; font-family: "微软雅黑"; color: #000000; } #dc .dtxx .dtxx1 { margin: 0px; background-color: #ededed; width:auto; height:28px; position:relative; width:290px; } #center #dc .dtxx .dtxx1 .more { position:absolute; left:250px;top:10px; height:10px; width:41px; } #dc .dtxx .dtxx2 { font-size: 12px; color: #000000; display:block; width:265px; padding-top:12px; float:left; margin:0px 0px 0px 10px; } #dc .dtxx .dtxx2 p { display:block; width:265px; height:28px; line-height:28px; background:url(/uploads/image/smimages/icon_3.jpg) no-repeat left; float:left; padding-left:12px; } #dc .dtxx .dtxx2 li{ display:block; width:260px; height:28px; line-height:28px; background:url(/uploads/image/smimages/icon_3.jpg) no-repeat left; float:left; padding-left:12px;} #dc .dtxx .dtxx2 span { font-family: "微软雅黑"; font-size: 12px; color: #000000; float: right; padding-right: 5px; } #dc .gywm { height: 280px; width:290px; float:left; margin:10px 0px; border: thin solid #cdcdcb; font-family: "微软雅黑"; color: #000000; } #dc .gywm .gywm1 { color: #000000; margin: 0px; background-color: #ededed; width:auto; height:28px; position:relative; width:290px; } #center #dc .gywm .gywm1 .more { position:absolute; left:250px;top:10px; height:10px; width:41px; } #dc .gywm .gywm2{ display:block; width:130px; height:125px; float:left; margin:5px 5px 0px 5px;} #dc .gywm .gywm3{ color: #000000; text-decoration: none; text-indent: 24px; margin:5px; } .kflc {width:900px; margin:0 auto; height:100px; background:#ededed; } .kflc .kflc00 { width:80px; height:80px; margin:10px 10px 10px 30px; float:left; background:url(/uploads/image/smimages/lc00.png) no-repeat; display:block; } .kflc .kflc00:hover{background:url(/uploads/image/smimages/lc0001.png) no-repeat;} .kflc .kflc000 { background-color: f0f0f0; width:35px; height:35px; margin:30px 5px; float:left; } .kflc .kflc01 { width:80px; height:80px; margin:10px 10px; float:left; background:url(/uploads/image/smimages/lc01.png) no-repeat; display:block; } .kflc .kflc01:hover{background:url(/uploads/image/smimages/lc011.png) no-repeat;} .kflc .kflc02 { background-color: f0f0f0; width:80px; height:80px; margin:10px 10px; float:left; background:url(/uploads/image/smimages/lc02.png) no-repeat; display:block; } .kflc .kflc02:hover{background:url(/uploads/image/smimages/lc021.png) no-repeat;} .kflc .kflc03 { background-color: f0f0f0; width:80px; height:80px; margin:10px 10px; float:left; background:url(/uploads/image/smimages/lc03.png) no-repeat; display:block; } .kflc .kflc03:hover{background:url(/uploads/image/smimages/lc031.png) no-repeat;} .kflc .kflc04 { background-color: f0f0f0; width:80px; height:80px; margin:10px 10px; float:left; background:url(/uploads/image/smimages/lc04.png) no-repeat; display:block; } .kflc .kflc04:hover{background:url(/uploads/image/smimages/lc041.png) no-repeat;} .kflc .kflc05 { background-color: f0f0f0; width:80px; height:80px; margin:10px 20px; float:left; background:url(/uploads/image/smimages/lc05.png) no-repeat; display:block; } .kflc .kflc05:hover{background:url(/uploads/image/smimages/lc051.png) no-repeat;}