*{ margin: 0; padding: 0; } a { color:#333; cursor: pointer; text-decoration: none; } ul,li{ list-style-type: none; } body { width:100%; height:100%; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; margin:0; padding:0; background:#ffffff; } .clear{ clear:both; } /*index.html*/ .top-box{ width:100%; height:476px; position:relative; } .head-box{ width:100%; height:25px; background:rgba(0,0,0,0.6); } .login-box{ width:160px; height:25px; float:right; } .login-box li{ width:80px; height:25px; float:left; } .login-box li a{ display:block; width:80px; height:25px; color:#ffffff; font-size:12px; text-align:center; line-height:25px; } .login-box li a:hover{ text-decoration:underline; } .login-box li a:hover,.login-box li a:active,.login-box li a:link,.login-box li a:visited{ color:#ffffff; } .top-mid{ width:600px; height:280px; padding:10px; margin:57px auto 48px; } .logo-box{ width:210px; height:74px; margin:0 auto; } .search-box{ width:600px; height:50px; margin:60px auto 20px; background:#ffffff; border-radius:4px; box-shadow:0 0 15px #cccccc inset; } .search-txt{ width:550px; height:50px; float:left; } .search-txt input{ width:520px; height:50px; padding:0 15px; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; font-size:16px; border:none; background:none; } ::-webkit-input-placeholder { color: #929292; } .search-btn{ width:50px; height:50px; float:right; border-radius:0 4px 4px 0; } .search-btn button{ width:50px; height:50px; display:block; border:none; background:none; background:url(../img/index/search.png) no-repeat; background-size:30px 29px; background-position:10px 10px; } .hot-search-box{ width:600px; height:50px; } .hot-search-box ul li{ float:left; font-size:14px; color:#ffffff; margin:0 10px 0 0; } .hot-search-box ul li a{ display:block; font-size:14px; color:#ffffff; text-decoration:underline; } .hot-search-box ul li a:hover,.hot-search-box ul li a:active,.hot-search-box ul li a:link,.hot-search-box ul li a:visited{ color:#ffffff; } .nav{width:100%; height:45px; border-top:1px solid #514d4c; margin:0 auto; background:rgba(0,0,0,0.4); z-index:2000; position:relative; } .nav ul{ width:900px; height:45px; margin:0 auto; } .nav ul li{ float:left; width:100px; text-align:center; height:45px; line-height:45px; } .nav ul li a:link{color:white;text-decoration:none;} .nav ul li a{ width:100px; height:45px; display:block; color:#ffffff; font-size:14px; text-align:center; line-height:45px; margin:-1px auto 0; } .nav ul li a:hover{background:#4c4b4b;z-index:2000;} .show{background:#313131;} .fixednav{position:fixed;top:0px;left:0px;width:100%;z-index:2000; background:#313131; } .nav ul li>dl dt{ background:#313131; z-index:2000; } .content{ width:1140px; height:auto; margin:0 auto; } .bottom_img { width: 1140px; margin: 100px auto 80px; height: 236px; z-index:0; } .fujian-box{ width:1000px; height:auto; margin:0 auto; z-index:0; } .img1 { width: 250px; float: left; z-index:0; } .year-box { color: #ca588f; width:131px; height:auto; margin:0 auto; z-index:0; } .yearimg { font-size: 110px; height: 140px; width: 131px; margin:0 auto; text-align:center; } .work { color: #1881be; width:131px; height:auto; margin:0 auto; z-index:0; } .workimg { font-size: 110px; height: 140px; width: 131px; margin:0 auto; text-align:center; } .worklan { font-size: 55px; text-align: center; } .time{ width:131px; height:auto; margin:0 auto; } .timeimg { margin: 0 auto; height: 140px; width: 131px; } .timelan { font-size: 55px; text-align: center; color: #00a29a; } .weather { color: #d64c6e; width:140px; height:auto; margin:0 auto; } .weaimg { height: 140px; width: 140px; } .wealan { font-size: 55px; text-align: center; } /*----------- 从底部上升的遮罩效果 开始---------------------------*/ .contentbox{ width:1140px; height: 203px; margin:30px 0; } .con{ width: 360px; height: 203px; float: left; position: relative; cursor: pointer; overflow: hidden; } .contentbox li:nth-child(1),.contentbox li:nth-child(2){ margin-right:30px; } .con img{ width:360px; height: 203px; } .txt{ position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); } .txt h3{ font-weight: normal; } .txt p{ font-size: 14px; display: block; line-height: 20px; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -moz-margin-before: 1em; -moz-margin-after: 1em; -moz-margin-start: 0px; -moz-margin-end: 0px; } /*------------- 从底部上升的遮罩效果 结束 ------------------------------*/ .add1-box{ width:1140px; height:405px; margin:50px 0; } /*焦点图*/ .focus{position:relative;width:720px;height:405px;margin:auto;} .focus img{width:720px;height:405px;} .focus .fPic{position:absolute;left:0px;top:0px;} .focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;} .focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:50px;line-height:50px;background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;} .focus .shadow a{text-decoration:none;color:#fff;font-size:14px;overflow:hidden;margin-left:10px;} .focus .fcon{position:relative;width:100%;float:left;display:none;background:#000 } .focus .fcon img{display:block;} .focus .fbg{bottom:15px;right:10px;position:absolute;height:21px;text-align:center;z-index:200;} .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focus .D1fBt a{position:relative;display:inline;width:12px;height:12px;border-radius:7px;margin:0 5px;color:#B0B0B0;text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;} .focus .D1fBt .current,.focus .D1fBt a:hover{background:#01a29c;} .focus .D1fBt i{display:none;} .focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(2017wmly-focus_btn.png) no-repeat;} .focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;} .focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;} .focus .prev:hover{background-position:0 0;} .focus .next:hover{background-position:-40px 0;} .part3-title p{ width: 120px; height: 30px; border-bottom: 1px solid #01a29c; text-align: center;} .add1-news-box{ width:360px; height:380px; margin:0 auto 0; float:right; } .add1-news-title{ width:330px; height:35px; border-bottom:1px solid #d8d8d8; margin:0 auto 15px; color:#01a29c; line-height:45px; font-size:14px; padding:0 10px; } .add1-news-list li{ width:330px; height:35px; padding:0 10px; border-bottom:1px dashed #d8d8d8; } .add1-news-list li a{ display:block; width:100%; height:100%; font-size:14px; line-height:35px; } .add1-news-list li a p{ width:23em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .part3{ width:1140px; height:420px; border-top:1px dashed #d8d8d8; padding:40px 0; margin-bottom:50px; } .part3-left{ width:355px; height:510px; float:left; margin:0 25px 0 0; } .part3-title{ width:320px; height:30px; padding:0 0 0 10px; font-size:24px; line-height:30px; margin-bottom:30px; color:#01a29c; } .aboutUs{ width:453px; height:300px; margin-bottom:20px; overflow:hidden; } .aboutUs p{ color:#838486; text-indent:2em; font-size:14px; line-height:23.5px; letter-spacing:1px; } .readmore{ width:150px; height:40px; } .readmore a{ display:block; width:100%; height:100%; color:#ffffff; } .readmore a .moretxt{ display:block; width:90px; height:40px; padding:0 10px; background:#01a29c; text-align:left; line-height:40px; font-size:14px; float:left; } .arrow{ display:block; width:40px; height:40px; background:#2f2f2f; float:left; } .part3-center{ width:514px; height:420px; float:left; margin:0 25px 0 0; border-right: 1px dashed #b3b3b3; } .newsList li{ width:430px; height:40px; padding:0 8px; list-style-type:circle; display:block; overflow:hidden; border-bottom:1px dashed #b3b3b3; line-height:45px; } .newsList li a .newsl-title:hover{ text-decoration:underline; } .newsList li a{ display:block; color:#838486; font-size:14px; } .newsList li a:active,.newsList li a:hover,.newsList li a:link,.newsList li a:visited{ color:#838486; } .listicon{ display:block; width:6px; height:6px; margin:20px 9px 0 0; background:url(2017wmly-list.jpg) no-repeat; float:left; } .newsl-title{ float:left; display:block; width:320px; height:40px; overflow:hidden; } .part3-right{ width:565px; height:420px; float:right; } .scrolltext{ width:565px; height:300px; margin-bottom:20px; overflow: hidden; } .list6{height:300px;overflow:hidden;width:100%;} .list6 li{ width:565px; height:80px; padding:10px 0; } .qyList-l{ width:142px; height:80px; overflow-y:hidden; float:left; margin:0 10px 0 0; } .qyList-l img{width:142px; height:80px;} .qyList-r{ width:413px; height:80px; float:left; } .qytitle{ color:#01a29c; font-size:14px; width:413px; white-space:nowrap; overflow:hidden; line-height:26px; font-weight:bold; } .qyjianjie{ width:413px; height:50px; overflow:hidden; color:#838486; font-size:12px; line-height:22px; margin-top: 10px; } .friend-link{ width:1140px; height:auto; margin:0 auto 0px; } .friend-link-title{ width:1130px; height:30px; padding:0 0 0 10px; font-size:24px; line-height:30px; margin-bottom:30px; color:#01a29c; } .friend-link-title p{ width:120px; height:30px; border-bottom:1px solid #01a29c; text-align:center; } .friend-icon{ width:1140px; height:260px; margin:10px 0; } .friend-icon li{ width:228px; height:260px; float:left; margin:0; } .friend-icon li a{ display:block; width:208px; height:260px; margin:0 auto; } .friend-icon li a:hover{ background:#eeeeee; } .friend-link-img{ width:208px; height:160px; } .friend-link-txt{ width:206px; height:59px; border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; text-align:center; padding:20px 0; } .friend-link-name{ font-size:16px; line-height:22px; margin-bottom:10px; } .friend-link-btn{ width:100px; height:25px; color:#ffffff; background:#01a29c; margin:0 auto; text-align:center; line-height:25px; font-size:14px; } .foot-box{ width:100%; height:130px; padding:50px 0; background:#eeeeee; } .footcontain{ width:1140px; height:130px; margin:0 auto; } .foot-logo-box{ width:150px; height:53px; margin-bottom:15px; } .foot-l{ width:800px; height:60px; float:left; } .fast-link{ width:800px; height:20px; font-size:12px; color:#aeaeae; } .fast-link a{ color:#aeaeae; } .fast-link a:hover{ text-decoration:underline; } .fast-link .shu{ margin:0 8px; } .copyright-box{ width:800px; height:40px; font-size:12px; color:#aeaeae; line-height:20px; } .copyright-box a{ color:#aeaeae; } .copyright-box a:hover{ text-decoration:underline; } .foot-r{ width:102px; height:130px; position:fixed; right:10px; bottom:30px; z-index:100; } .codebox{ width:102px; height:102px; margin:0 0 5px 0; } .code-txt{ width:60px; height:20px; margin:0 auto; border-radius:10px; font-size:12px; background:#aeaeae; text-align:center; line-height:20px; } .part3-title a,.friend-link-title a{ color: #01a29c;} .part3-title a span,.friend-link-title a span{color: #e38928;} .tt_title{ width: 720px; margin: auto; padding-top: 30px; line-height: 2} .tt_title_first a{ font-size: 32px; color:#01a29c } .tt_title_list>a{display: inline-block; width: 317px; padding-left: 15px; background: url(2017wmly-list.jpg) no-repeat 0 center; } .tt_title_list a.more{ width: 45px; color: #01a29c; padding-right: 0} .txt h3{ padding: 0 15px}