7/* CSS Document */ @charset "utf-8"; /************************************* * 鏂囦欢鍚嶇О锛歴tyle.css * 浣 鑰咃細鍚堣偉鏄撴捣鍗庢櫙缃戠粶绉戞妧鏈夐檺鍏徃 http://www.yhhjwl.com * 鍒涘缓鏃ユ湡锛?017-03 * 鍐呭姒傝:缃戠珯鍏敤鏍峰紡鏂囦欢 *************************************/ ul,ol,li{list-style:none;overflow:hidden;} *{list-style:none;margin:0px; padding:0px;} p,div{margin:0px; padding:0px;overflow:hidden;} img{display:block;border:0;} a{text-decoration:none;} body{font-family:"Microsoft Yahei","寰蒋闆呴粦";padding:0px;margin:0;width:100%;color:#000;position:relative;overflow-x:hidden} html{width:100%;height:100%;} .clear{ clear:both;} input,textarea,select{ outline:none;} /**********************/ .header{width:100%;height:90px;overflow:visible;position:absolute;/*display:fixed;*/top:0px;left:0px;z-index:100} .header #body{position:relative;width:100%;height:90px;overflow:visible} .header #body #logo{float:left;height:70px;margin-left:97px;margin-top:10px;} .header #body #logo img{height:70px;} .top{overflow:visible;position:fixed;top:0px;left:0px;z-index:100;background:rgba(2,2,2,0.6)} /*瀵艰埅鑿滃崟*/ .header #body #menu{float:right;margin-right:8%;width:60%;height:90px;overflow:visible;} .header #body #menu ul{width:100%;height:90px;overflow:visible;} .header #body #menu ul li{position:relative;float:left;width:16%;height:90px;font-size:20px;color:#fff;text-align:center;line-height:90px;overflow:hidden;} .header #body #menu ul li p{width:100%;height:90px;font-size:20px;color:#fff;text-align:center;line-height:90px;overflow:hidden} .header #body #menu ul li p a{float:left;width:100%;height:90px;font-size:20px;color:#fff;text-align:center;line-height:90px;} .header #body #menu ul li p a:hover{float:left;width:100%;height:90px;font-size:20px;color:#fff;text-align:center;line-height:90px;overflow:visible} .header #body #menu ul li:nth-child(1){width:16%;height:90px;font-size:20px;color:#fff;text-align:center;} .header #body #menu ul li:nth-child(1) a{width:100%;height:90px;font-size:20px;color:#fff;text-align:center;} .header #body #menu ul li:nth-child(1).on{width:16%;height:90px;font-size:20px;color:#fff;text-align:center;font-weight:bold} .header #body #menu ul li:nth-child(1).on a{width:100%;height:90px;font-size:20px;color:#fff;text-align:center;} .header #body #menu ul li.on{float:left;font-weight:bold;width:16%;height:90px;font-size:20px;color:#fff;text-align:left;line-height:90px;} .header #body #menu ul li.on a{float:left;width:100%;height:90px;font-size:20px;color:#fff;text-align:left;line-height:90px;} .header #body #menu ul li .sub{position:absolute;top:80px;left:0;width:100%;padding-bottom:10px;background:#fff;z-index:2000;display:none;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .header #body #menu ul li:hover{float:left;width:16%;height:90px;font-size:20px;color:#fff;text-align:center;line-height:90px;overflow:visible} .header #body #menu ul li:hover .sub{display:block} .header #body #menu ul li .sub ul{clear:both;margin-top:0px;width:100%;padding:0px} .header #body #menu ul li .sub ul li{float:left;margin-top:10px;width:100%;height:22px;line-height:22px;text-align:center;font-size:16px;color:#505050} .header #body #menu ul li .sub ul li a{float:left;width:100%;height:100%;font-size:16px;color:#505050} .header #body #menu ul li .sub ul li a:hover{center;font-size:16px;color:#000;background:#4EC4EA} .header #body #menu ul li .sub .tpk{float:left;margin-top:48px;margin-left:30px;width:180px;height:200px;} .header #body #menu ul li .sub .tpk img{width:100%;height:100%} #footer{margin-top:60px;width:100%;height:auto;background:#f5f5f5;padding-bottom:0px;} #footer #body{margin-top:50px;margin-left:auto;margin-right:auto;width:100%;;background:#fff;} /* #footer #body #ac{margin-top:30px;:0 auto;width:100%;height:100px;} #footer #body #ac #fgsmc{float:left;height:100px;line-height:100px;font-size:18px;color:#000;text-align:left} #footer #body #ac #ftel{float:right;height:100px;line-height:100px;font-size:18px;color:#000;text-align:left} */ #footer #body #fl{float:left;width:70%;height:560px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;border-right:1px solid #ededed} #footer #body #fl #flogo{width:90%;height:120px;margin-top:60px;margin-left:auto;margin-right:auto;background-image: url(../images/flogo.png); background-position:left top; background-repeat:no-repeat;} #footer #body #fl #fcd{margin:0 auto;width:90%;;border-top:1px solid #ededed;} #footer #body #fl #fcd ul{margin-top:50px;width:100%;} #footer #body #fl #fcd ul li{float:left;width:20%;} #footer #body #fl #fcd ul li p{width:100%;height:40px;text-align:left;line-height:30px;font-size:20px;color:#505050;border-bottom:1px solid #ededed} #footer #body #fl #fcd ul li p a{font-size:20px;color:#000} #footer #body #fl #fcd ul li ul{width:100%;margin-top:20px;} #footer #body #fl #fcd ul li ul li{width:100%;height:50px;text-align:left;line-height:50px;font-size:18px;color:#505050} #footer #body #fl #fcd ul li ul li a{font-size:18px;color:#505050} #footer #body #fr{float:left;width:30%;height:560px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;} #footer #body #fr #xx{margin-top:60px;margin-left:auto;margin-right:auto;width:90%;height:230px;} #footer #body #fr #xx .gsmc{width:100%;heigbt:60px;text-aslign:left;line-height:30px;font-size:20px;color:505050} #footer #body #fr #xx p{width:100%;heigbt:40px;text-aslign:left;line-height:40px;font-size:18px;color:505050} #footer #body #fr #wxk{margin-top:40px;margin-left:auto;margin-right:auto;width:90%;} #footer #body #fr #wxk ul{width:100%;} #footer #body #fr #wxk ul li{float:left;width:20%;padding-top:20%;margin-left:4%;display:inline;position:relative;} #footer #body #fr #wxk ul li:nth-child(1){margin-left:0px;position:relative;} #footer #body #fr #wxk ul li p{width:100%;height:30px;line-height:30px;text-align:center;font-size:12px;color:#666} #footer #body #fr #wxk ul li img{width:100%;position:absolute;left:0px;top:0px;} #footer #body #bq{border-top:1px solid #ededed;margin:0 auto;padding:0px;text-indent:0em;width:94%;height:40px;line-height:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;text-align:left;font-size:14px;color:#505050} #footer #body #bq a{font-size:14px;color:#505050} /* #footer #body #bc #wxdz{float:right;width:30%;height:300px;} #footer #body #bc #wxdz #dzbt{width:100%;height:40px;text-align:left;line-height:30px;font-size:24px;color:#000} #footer #body #bc #wxdz #fdz{width:100%;height:60px;text-align:left;line-height:30px;font-size:24px;color:#000} #footer #body #bc #wxdz #fwx{margin-top:10px;width:100%;height:180px;} #footer #body #bc #wxdz #fwx #wxk{float:left;width:160px;height:160px;} #footer #body #bc #wxdz #fwx #wxk img{width:160px;height:160px;} #footer #body #bc #wxdz #fwx #tsk{float:left;width:160px;height:160px;text-align:center;line-height:160px;font-size:16px;color:#505050} #bq{margin:0 auto;width:100%;height:40px;background:#fff;text-align:center;line-height:40px;font-size:14px;color:#505050} #bq span{margin-left:30px;} #bq a{font-size:14px;color:#505050} /***************/ /*鍐呴〉妯箙*/ #banner{width:100%;height:580px;background-position:center top;background-repeat:no-repeat;background-size:100% 100%} .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:580px;} .lubo_box{ position: relative; width: 100%; height:580px; } .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:580px; opacity: 0;filter:alpha(opacity=0);} .lubo_box li a{ display: block;width: 100%; height: 100%;} .lubo_box li img{ width: 100%; height: 580px;} .lubo_box li:nth-child(1){opacity: 1;filter:alpha(opacity=100);} .cir_box{ overflow: hidden; position: absolute; z-index: 100;} .cir_box li{ float: left; width: 30px; height: 10px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);} .cir_on{ background: #000 !important;} .lubo_btn{ position: absolute; width: 100%; top: 140px;} .left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .left_btn{ float: left;display:none;} .right_btn{ float: right;display:none;} /*鑴氶儴*/ /* #footer{width:100%;height:240px;background-color:#fff;padding-top:60px;border-top:1px solid #000;} #foot{margin:0 auto;width:1280px;height:200px;position:relative;overflow:visible;} #foot .l{float:left;width:750px;height:200px;} #foot .l .cd{float:left;width:200px;height:200px;} #foot .l .cd .bt{width:200px;height:40px;font-size:18px;color:#000;text-align:left;line-height:40px;} #foot .l .cd li{float:left;width:200px;height:30px;text-align:left;line-height:30px;} #foot .l .cd li a{font-size:14px;color:#505050;} #foot .l .cd li a:hover{color:#0170BF;} #foot .l .lx{float:left;width:300px;height:200px;text-align:left;font-size:14px;line-height:30px;} #foot .l .lx .bt{width:300px;height:40px;font-size:18px;color:#000;text-align:left;line-height:40px;} #foot .r{float:right;width:500px;height:200px;position: relative;overflow:visible;} #foot .r ul{float:right;width:480px;height:100px;overflow:visible;position: relative;} #foot .r ul li{float:left;width:120px;height:35px;text-align:center;font-size:16px;padding-top:100px;color:#505050;cursor:pointer;} #foot .r ul li:nth-child(1){background-image:url(../images/f01.jpg);background-position:center top;;background-repeat:no-repeat;position: relative;overflow:visible;} #foot .r ul li:nth-child(1) div{position:absolute;width:120px;height:120px;padding:0px;top:-30px;left:-10px;text-align:center;border:5px solid #fff;display:none;} #foot .r ul li:nth-child(1) div img{width:120px;height:120px;margin:0 auto;} #foot .r ul li:nth-child(1).on div{position:absolute;width:120px;height:120px;padding:0px;top:-30px;left:-5px;text-align:center;/*overflow:visible;*/border:5px solid #fff;display:block;} /* #foot .r ul li:nth-child(2){background-image:url(../images/f02.jpg);background-position:center top;;background-repeat:no-repeat;position: relative;overflow:visible;} #foot .r ul li:nth-child(2) div{position:absolute;width:120px;height:120px;padding:0px;top:-30px;left:-10px;text-align:center;border:5px solid #fff;display:none;} #foot .r ul li:nth-child(2) div img{width:120px;height:120px;margin:0 auto;} #foot .r ul li:nth-child(2).on div{position:absolute;width:120px;height:120px;padding:0px;top:-30px;left:-5px;text-align:center;/*overflow:visible;*/border:5px solid #fff;display:block;} /* #foot .r ul li:nth-child(3){background:url(../images/f03.jpg);background-position:center top;;background-repeat:no-repeat;} #foot .r ul li:nth-child(4){background:url(../images/f04.jpg);background-position:center top;background-repeat:no-repeat;} #foot .r ul li:nth-child(1).on{background-image:url(../images/f01.jpg);background-position:center top;background-repeat:no-repeat;position: relative;overflow:visible;color:#0186D1;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #foot .r ul li:nth-child(2).on{background:url(../images/f02on.jpg);background-position:center top;background-repeat:no-repeat;color:#0186D1;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #foot .r ul li:nth-child(3).on{background:url(../images/f03on.jpg);background-position:center top;background-repeat:no-repeat;color:#0186D1;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #foot .r ul li:nth-child(4).on{background:url(../images/f04on.jpg);background-position:center top;background-repeat:no-repeat;color:#0186D1;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #footer .bq{margin:0 auto;width:1280px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#505050;} #footer .bq span{margin-left:30px;font-size:14px;color:#505050;} #footer .bq span a{font-size:14px;color:#505050;} /*鍙嬫儏閾炬帴*/ #link{width:100%;min-width:1280px;min-height:50px;background-color:#fff;border-top:1px solid #eee;} #link .nr{margin:0 auto;width:1280px;min-height:50px;line-height:30px;color:#ccc;font-size:13px;} #link .nr a{font-size:13px;color:#ccc;float:left;margin-left:10px;} #link .nr span{float:left;} #tcts{position:absolute;width:300px;height:60px;background:#FF1D00;left:50%;margin-left:-150px;margin-top:-300px;z-index:9999;border-radius:5px;text-align:center;line-height:60px;color:#ffffff;display:none;font-size:18px;} /* 杩斿洖椤堕儴 */ .go-top{position: fixed;bottom:150px;right: 10px;width 46px;z-index: 999;} .go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);} .go-top a:last-child{margin-bottom: 0;} .go-top .go{background-position: 0 -150px;} .go-top .go:hover{background-position: 0 -250px;} .go-top .feedback{background-position: 0 -100px;} .go-top .feedback:hover{background-position: 0 -300px;} .go-top .uc-2vm{background-position: 0 0;} .go-top .uc-2vm:hover{background-position: 0 -350px;} /* .go-top .share{background-position: 0 -50px;} .go-top .share:hover{background-position: 0 -200px;} */ .go-top .uc-2vm-pop{ position: absolute;right: 60px;top: -100px; width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1); background: #fff; } .go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;} .go-top .uc-2vm-pop .logo-2wm-box{position: relative;}