body{ margin:0; padding:0; background:#fff url(img/bg1.png) repeat; color:#666; font-family: "Times New Roman", Georgia ;} a:link{ color:#666; text-decoration:none; } a:visited{ color:#666; } a:hover{ color:#333; } .clr{ clear:both;} .z{ float:left;} .y{ float:right;} .header{ margin:0 auto; width:1002px; background:#fff; } .container{ margin:0 auto; width:1002px;} .top{ overflow:hidden; } #mytop{display:none; height: 20px; line-height:20px; font-size:12px; overflow:hidden; } .top1{ margin:0px auto; margin-top:10px; width:1002px; height:100px; border:#fff solid 1px; background:url(img/banner.png) no-repeat ; overflow:hidden;} .top1 .tel{ display:none; margin-top:20px; text-indent:80px; text-align:right; } .top1 .tel .n{ display:block; font-size:28px; font-weight:bold; color:#2c73cd; line-height:2em; } .top2{ margin:0 0; height:240px; background:#fff url(img/bnr.jpg) no-repeat center top;} .logo{ width:400px; height:80px; background:url(img/logo.png) no-repeat left center;} .header-menu{ position:relative; margin-top:0px; height:40px; line-height:40px; background:#09f; overflow:hidden; } .nav{ float:left; margin-left:0px; width:1002px; overflow:hidden;} .nav ul{ float:left; margin-top:0px; width:1002px; padding-left:6px;} .nav li{ float:left; line-height:39px; overflow:hidden;} .nav li a{ float:left; font-family:"微软雅黑"; width:95px;height:40px; text-align:center; font-size:16px; color:#fff;} .nav li a:hover{ color:#ff0; } .nav li a.foc{ color:#ff0;} .wp{ margin:0 auto; width:1002px; background:#fff; overflow:hidden;} .f0{ margin-top:0px; height:0px;background:#fff url(img/g2.jpg) no-repeat center top; overflow:hidden;} .f1{width: 1002px; height:520px; margin-left:0px; overflow:hidden; } .f1 .bt{ height: 40px;width: 100%;background: url("img/line-icon.jpg") no-repeat left 30px;font-size: 14px;color: #000;} .f1 .bt h4{height: 40px; line-height:33px; margin-left:20px; margin-top:0px; margin-right:0px; background: url("img/pnl.png") no-repeat right top; font-weight:normal; } .f1 .bt .more{ float: right;font-size: 12px;color: #0062C3;font-weight: normal;padding-right: 10px; } .f1 .pnl0{ float:left; margin-top:10px; width:500px; height:240px;} .f1 .pnl1{ float:left; margin-left:10px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px; width:790px; height:300px; line-height:2em;} .f1 .pnl2{ float:left; margin-left:10px; margin-top:10px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; width:790px; height:180px;} .f1 .pnl2 .lt{ float:left; width:390px; height:180px; overflow:hidden;} .f1 .pnl2 .gt{ float:left; width:390px; height:180px; margin-left:10px; overflow:hidden;} .f1 .bnn{ float:left; margin-top:-10px;margin-left:2px;width:200px; height:520px; background:url("img/kh.jpg") no-repeat left 30px; } .f1 .ct{ margin:0px 0px; padding:5px 0px; background:#fff; border:#c0a76d solid 1px; } .f1 .ct .wd{ margin:5px 10px; overflow:hidden; } .f1 .pnl1 .ct .wd{ margin:5px 10px; overflow:hidden; } .f1 .pnl1 .ct .wd img{ width:320px; height:240px; } .f1 .pnl2 .ct .wd{ height:112px; overflow:hidden; } .f1 ul{ width:100%; } .f1 ul li{list-style-type: none;line-height:27px; background: url("img/Nav1.gif") no-repeat 0px 4px; text-indent:10px; margin-left:10px; margin-right:10px; border-bottom:#333 dotted 1px; white-space:nowrap; overflow:hidden; } .f1 ul.hdl{ float:left; width:100%; height:54px; overflow:hidden; } .f1 ul.hdl li{float: left;width: 100%;font-size: 16px; line-height:48px; border-bottom:#ccc solid 0px; font-weight: bold;text-align: center; } .f1 ul.hdl li a{color:#0062AD;} .f1 .ft{ height: 8px;width: 100%;background: url("img/pnl.png") no-repeat left bottom;} .f1 .ft dd{ display:block; height: 8px; margin-left:10px;background: url("img/pnl.png") no-repeat right bottom;} .f2{ margin-top:10px; overflow:hidden;} /* background:url(img/b3.jpg) no-repeat center top; */ .f3{ height:300px; background:#fff; overflow:hidden; } .f3 .bt{ height: 40px;width: 100%;background: url("img/line-icon.jpg") no-repeat left 30px;font-size: 14px;color: #000;} .f3 .bt .tit{ float:left; margin-left:10px; color:#06c; font-family:"微软雅黑"; font-size:14px; } .f3 .bt .tit_en{ float:left; margin-left:10px; color:#ccc; font-family:"Comic Sans MS"; font-size:14px; } .f3 .bt h4{height: 40px; line-height:33px; margin-left:20px; margin-top:0px; margin-right:0px; background: url("img/pnl.png") no-repeat right top; font-weight:normal;} .f3 .bt .more{ float: right;font-size: 12px;color: #0062C3;font-weight: normal;padding-right: 10px; } .f3 .pnl0{ float:left; margin-top:10px; width:325px; height:275px; border:#c0a76d solid 0px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;} .f3 .pnl1{ float:left; margin-left:10px; margin-top:10px; width:325px; height:275px; border:#c0a76d solid 0px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;} .f3 .pnl2{ float:left; margin-left:10px; margin-top:10px; width:330px; height:275px; border:#c0a76d solid 0px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;} .f3 .ct{ height:235px; border:#c0a76d solid 1px; } .f3 .ct .topimg{ width:300px; margin-top:10px; margin-left:10px; } .f3 ul{ float:left; width:100%; } .f3 ul li{list-style-type: none;line-height:27px; margin-left:10px; margin-right:10px; border-bottom:#ccc dashed 1px; white-space:nowrap; overflow:hidden; } .f5{ background:#fff; overflow:hidden; } .f5{width: 1002px; margin-left:0px;} .f5 .bt{ float: left; height: 40px;width: 100%;background:url("../images/line-icon.jpg") no-repeat left 30px;font-size: 14px;color: #000;} .f5 .bt h4{height: 40px; line-height:33px;margin-left:20px; margin-top:0px; margin-right:0px; background: url("../images/pnl.png") no-repeat right top; font-weight:normal; } .f5 .bt .more{ float: right;font-size: 12px;color: #0062C3;font-weight: normal;padding-right: 10px; } .f5 .ct{ float: left; width:1000px; margin-top:0px; height:285px; background:#fff; border:#c0a76d solid 1px; overflow:hidden; } .f5 .ct .wd{ margin:10px 10px; height:270px; overflow:hidden; } .f5 ul{ float:left;list-style-type: none; } .f5 ul li{ float:left;list-style-type: none; width:170px; margin-top:10px; margin-left:10px; overflow:hidden; } .f5 ul li .c_pic{ float:left; } .f5 ul li .c_pic img{ float:left; width:160px; height:220px; border:#ca6 solid 1px; padding:2px; } .f5 ul li .c_txt{ float:left; width:160px; height:26px; margin-top:2px; text-align:center; } .f5 .ct .scr{ width:9000px; height:190px; } #img1,#img2{float:left;} .f5 .ft{ float:left; height: 8px;width: 100%;background: url("../images/pnl.png") no-repeat left bottom;} .f5 .ft dd{ display:block; height: 8px; margin-left:10px;background: url("../images/pnl.png") no-repeat right bottom;} /* 焦点图css */ .f5 .slideBox{ width:450px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd; } .f5 .slideBox .hd{ width:450px; height:40px; overflow:hidden; position:absolute; right:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index:1; } .f5 .slideBox .bg{ height:40px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:-1; } .f5 .slideBox .hd ul{ overflow:hidden; zoom:1; float:right; margin-right:10px; } .f5 .slideBox .hd ul li{ float:left; margin-right:4px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .f5 .slideBox .hd ul li.on{ background:#f00; color:#fff; } .f5 .slideBox .bd{ position:relative; height:100%; z-index:0; } .f5 .slideBox .bd li{ zoom:1; vertical-align:middle; } .f5 .slideBox .bd img{ width:450px; height:300px; display:block; } .friendlink{ margin:0 auto; width:966px; height:62px; background:url(img/you.jpg) no-repeat; overflow:hidden; margin-top:20px;} .friendlink .bt{ float:left; width:66px; height:62px; overflow:hidden; text-indent:-200px;} .friendlink .nr{ float:left; width:860px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-left:20px;} .friendlink .nr a, .friendlink .nr a img{ float:left;margin:10px 15px 0 0; width:auto; color:#000; height:18px; line-height:18px; } .footer{ min-width:1002px; background:#0099ce; border-top:#f60 solid 0px; padding:10px 0px; overflow:hidden;} .footer .footnav{ margin-top:20px; height:40px; line-height:40px; background:#18b3ec; } .footer .footnav ul{ margin:0; padding:0; list-style:none;} .footer .footnav ul li{ float:left; padding:0px 30px; height:40px;} .footer .footnav ul li:hover{ background:#0ad;} .footer .footnav ul li a{ color:#fff; font-weight:bold;} .footer .ewm{ float:right; margin-top:10px; } .footer .lct{ display:none; float:left; margin-top:10px; width:520px; color:#999; border-left:#222 solid 0px; font-size:14px; } .footer .lct .hd{ height:70px; background:url("img/lgf.png") no-repeat left top; } .footer .lct .bd{ margin-top:10px; line-height:2em; } .footer .lct .bd a{ color:#ccc; } .footer .lct .bd a:hover{ color:#fff; } .footer .cct{ display:none; float:right; margin-top:10px; padding-left:140px; width:460px; color:#fff; border-left:#fff solid 1px; font-size:14px; } .footer .cct .hd{ color:#999; font-size:18px; } .footer .cct .bd{ margin-top:30px; } .bottom{ min-width:1002px; padding:15px 10px; background:#0099ce;color:#fff; text-align:center;} .bottom a{color:#fff; } .bottom a:hover{ color:#fff; } .cp2{ height:520px; background:url("img/g3.jpg") no-repeat center top;} .gy1{ height:520px; background:url("img/g2.jpg") no-repeat center top;} .gy2{ height:300px; background:url("img/g1.jpg") no-repeat center top;} .xw1{ height:300px; background:url("img/g1.jpg") no-repeat center top;} .xw2{ height:300px; background:url("img/g1.jpg") no-repeat center top;} .xw3{ height:300px; background:url("img/g1.jpg") no-repeat center top;} .hb{ display:none;} .pt{ background:#fff; font-size:12px; text-align:right; overflow:hidden;} .pt ul{ margin-top:10px; margin-right:10px; list-style:none;} .pt li{ list-style:none; display:inline;} /*列表页*/ .ls{ margin-top:20px; overflow:hidden;} .ls .mn{ float: right; width:760px; overflow:hidden;} .ls .mn .bt{ height:60px; border-bottom:#ccc solid 0px; text-align:center; background:url("img/h1.jpg") no-repeat center bottom; color:#333; font-size:32px; overflow:hidden;} .ls .mn .ct{ padding:10px 10px; overflow:hidden;} .ls .mn .ct ul{ margin:0; padding:0; list-style:none;} .ls .mn .ct ul li{ padding-left:20px; margin-top:10px; height:30px; position:relative; background:url(../images/line.jpg) no-repeat 0 bottom; } .ls .mn .ct ul li a{ color:#333; float:left;} .ls .mn .ct ul li .thmlk{ width:300px; height:200px; overflow:hidden;} .ls .mn .ct ul li .dtm{ float:right; margin-top:10px; margin-right:20px; font-size:12px; overflow:hidden;} .ls .mn .ct ul li .dtm .md{ float:left; overflow:hidden;} .ls .mn .ct ul li .dtm .yr{ float:left; font-size:16px; overflow:hidden;} .ls .mn .ct ul li .cttlk{ margin-top:10px; font-size:14px; overflow:hidden;} .ls .mn .ct ul li .cttlk h2{ padding:10px 20px; font-weight:normal; overflow:hidden;} .ls .mn .ct ul li .cttlk p{ padding:10px 20px; color:#333; overflow:hidden;} .ls .mn .ct ul li .more{ float:right; width:45px; height:45px; background:url("img/m2.png") no-repeat center top; } .ls .mn .ct ul li:hover{ box-shadow:5px 5px 15px #a95; } .ls .mn .ct ul li:hover h2{ color:#e08831; } .ls .mn .ct ul li:hover .more{ background:url("img/m1.png") no-repeat center top; } .ls .mn .ct .hd{ line-height:30px;} .ls .mn .ct .bd{ line-height:30px; height:90px;} .ls .mn .ct .btm{ line-height:20px; height:20px;} .ls .mn .ct .btm .btn{ float:left; margin-left:10px;} .ls .mn .page{ padding:10px 10px; overflow:hidden;} .ls .mn .page ul{ float:right; margin:0; padding:0; list-style:none;} .ls .mn .page ul li{ float:left; padding:0 5px; height:40px;} .ls .mn .page ul li:hover{ background:#eee;} .ls .mn .page ul li a{ color:#666; font-weight:bold;} .ls .sd{ float:left; width:170px; min-height:440px; margin-left:20px; background:#F5FCF4; overflow:hidden;} .ls .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-align:center; color:#18b3ec; font-size:18px; overflow:hidden;} .ls .sd .pic{ margin-top:10px; text-align:center;} .ls .sd .bd{ margin-top:10px; padding:10px 10px; font-size:12px; line-height:2em; } .ls .sd .bd li{ font-size:14px; line-height:2em; text-align:center; } .prd{ margin-top:20px; overflow:hidden;} .prd .mn{ float: right; width:760px; overflow:hidden;} .prd .mn .bt{ height:60px; border-bottom:#ccc solid 0px; text-align:center; background:url("img/h1.jpg") no-repeat center bottom; color:#333; font-size:32px; overflow:hidden;} .prd .mn .ct{ padding:10px 10px; overflow:hidden;} .prd .mn .ct ul{ margin:0; padding:0; list-style:none;} .prd .mn .ct ul li{ float:left; margin-top:30px; margin-left:20px; width:160px; height:270px; border:#ccc solid 1px; text-align:center;} .prd .mn .ct ul li:hover{ box-shadow:5px 5px 15px #a95;} .prd .mn .ct ul li a{ color:#333;} .prd .mn .ct .pic{ float:left; margin-left:0px; margin-top:0px; width:160px;} .prd .mn .ct .pic img{ width:160px; height:240px; } .prd .mn .ct .tit{ float:left; margin-left:0px; width:160px; line-height:30px; text-align:center; } .prd .mn .page{ padding:10px 10px; overflow:hidden;} .prd .mn .page ul{ margin:0; padding:0; list-style:none;} .prd .mn .page ul li{ float:left; padding:0 5px; height:40px;} .prd .mn .page ul li:hover{ background:#eee;} .prd .mn .page ul li a{ color:#666; font-weight:bold;} .prd .sd{ float:left; width:170px; min-height:440px; margin-left:20px; background:#F5FCF4; overflow:hidden;} .prd .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-align:center; color:#18b3ec; font-size:18px; overflow:hidden;} .prd .sd .pic{ margin-top:10px; text-align:center;} .prd .sd .bd{ margin-top:10px; padding:10px 10px; font-size:12px; line-height:2em; } .prd .sd .bd li{ font-size:14px; line-height:2em; text-align:center; } /*内容页*/ .show{ margin-top:20px; overflow:hidden;} .show .bt{ height:60px; border-bottom:#ccc solid 0px; text-align:center; background:url("img/h1.jpg") no-repeat center bottom; color:#333; font-size:32px; overflow:hidden;} .show .mn{ float:right; width:760px; margin-top:20px; margin-right:20px; margin-bottom:20px; border:#ccc solid 1px; box-shadow:5px 5px 10px #ccc; overflow:hidden;} .show .mn .ct{ padding:10px 10px; overflow:hidden;} .show .mn .ct ul{ margin:0; padding:0; list-style:none;} .show .mn .ct ul li{ padding:0px 30px; height:140px;} .show .mn .ct ul li:hover{ background:#eee;} .show .mn .ct ul li a{ color:#666; font-weight:bold;} .show .mn .ct .hd{ height:50px; line-height:50px; border-bottom:#ccc solid 0px; background:#2574d0; color:#fff; text-align:center; font-size:24px; overflow:hidden;} .show .mn .ct .bd{ padding:10px 10px; line-height:30px; min-height:600px;} .show .mn .ct .bd img{ max-width:720px;} .show .mn .it{ line-height:20px; height:20px;} .show .mn .it .mg{ float:left; margin-left:10px;} .show .mn .page{ padding:10px 10px; border-top:#ccc solid 1px; overflow:hidden;} .show .mn .page ul{ margin:0; padding:0; list-style:none;} .show .mn .page ul li{ float:left; padding:0 5px; height:40px;} .show .mn .page ul li:hover{ background:#eee;} .show .mn .page ul li a{ color:#666; font-weight:bold;} .show .sd{ float:left; width:170px; min-height:440px; margin-left:20px; margin-top:20px; background:#F5FCF4; overflow:hidden;} .show .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-align:center; color:#18b3ec; font-size:18px; overflow:hidden;} .show .sd .pic{ margin-top:10px; text-align:center;} .show .sd .bd{ margin-top:10px; padding:10px 10px; font-size:12px; line-height:2em;} .show .sd .bd li{ font-size:14px; line-height:2em; text-align:center; } /*自定义页*/ .sgl{ margin-top:20px; overflow:hidden;} .sgl .bt{ height:66px; border-bottom:#ccc solid 0px; text-align:center; color:#333; font-size:32px; overflow:hidden;} .sgl .tid_1{ background:url("img/t2.png") no-repeat center bottom; color:#fff; font-size:0px; overflow:hidden;} .sgl .ct{ padding:10px 10px; margin:20px 10px; border:#ccc solid 1px; box-shadow:5px 5px 10px #ccc; line-height:30px; overflow:hidden;} .sgl .ct .pic{ text-align:center;} .sgl .ct p{ text-indent:2em;} .sgl .mn{ float:right; width:760px; margin-top:20px; margin-right:20px; margin-bottom:20px; overflow:hidden;} .sgl .mn .bt{ height:60px; border-bottom:#ccc solid 0px; text-align:center; background:url("img/h1.jpg") no-repeat center bottom; color:#333; font-size:32px; overflow:hidden;} .sgl .mn .ct{ padding:10px 10px; overflow:hidden;} .sgl .mn .ct .ctzh{ height:790px; background:#fff url(img/zb1.jpg) no-repeat center top; overflow:hidden;} .sgl .mn .ct .ctzm{ padding:0px 20px; background:#fff url(img/zb3.jpg) repeat-y center top; color:#0f71c8; overflow:hidden;} .sgl .mn .ct .ctzf{ height:270px; background:#fff url(img/zb2.jpg) no-repeat center top; overflow:hidden;} .sgl .sd{ float:left; width:170px; min-height:440px; margin-left:20px; background:#F5FCF4; overflow:hidden;} .sgl .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-align:center; color:#18b3ec; font-size:18px; overflow:hidden;} .sgl .sd .pic{ margin-top:10px; text-align:center;} .sgl .sd .bd{ margin-top:10px; padding:10px 10px; font-size:12px; line-height:2em;} .sgl .sd .bd li{ font-size:14px; line-height:2em; text-align:center; } @media (max-width: 1002px) { /* 1002px */ .top2{ height:240px; } }