.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .clearfix { zoom: 1; } .clearit { clear: both; height: 0; font-size: 0; overflow: hidden; } a { color: #666; text-decoration: none; } a:hover { color: #e8d226; text-decoration: none; } .fd-clr::after { content: ""; clear: both; display: block; height: 0; } .fd-left { float: left !important; width : 179px; } .fd-right { float: right !important; } .top { width: 100%; height: 80px; position: fixed; background-color: #fff; z-index: 9999; border-bottom: 7px solid #f2f2f2; } .navbox { width: 1208px; margin: 0 auto; } .navbox h1 { float: left; margin-top: 14px; } .navright { float: right; } .navbox .nav { float: left; position: relative; margin-right: 3px; } .navbox .nav1 { float: left; position: relative; margin-right: 3px; margin-top: 14px; } .navlist { position: absolute; left: 0; top: 80px; z-index: 9999; /*background-color: #00924b;*/ background-color: #008d88; padding-bottom: 25px; display: none; } .navbox .nav a { font-size: 18px; color: #000; width: 130px; line-height: 80px; text-align: center; display: block; } .navbox .nav1 a { font-size: 18px; color: #000; width: 130px; line-height: 80px; text-align: center; } .navbox .navon { /*background-color: #00924b;*/ background-color: #008d88; } .navbox .navon a { color: #c69b6e; } .navbox .nav:hover div a { /*background-color: #00924b;*/ background-color: #008d88; color: #c69b6e; } .navbox .navlist a { color: #fff; line-height: 40px; font-size: 16px; } .navbox .navlist a:hover { border-bottom: 1px solid #fff; border-top: 1px solid #fff; color: #c69b6e; line-height: 38px; } #kinmaxshow { visibility: hidden; width: 100%; overflow: hidden; padding-top: 80px; } #kinmaxshow .kmsprefix_kinmaxshow_button { margin-left: -40px; } .newsbox { width: 1208px; margin: 0 auto; } .tit { width: 558px; height: 62px; border-bottom: 2px solid #dbb890; border-top: 2px solid #dbb890; margin: 80px auto 45px; text-align: center; line-height: 62px; font-size: 18px; color: #333; font-weight: 600; position: relative; } .english { display: block; width: 122px; height: 16px; background: no-repeat; position: absolute; left: 230px; top: -10px; } .news { width: 500px; height: 135px; background-color: #f9f9f9; float: left; margin: 0 38px 35px 0; padding: 25px 15px 25px; } .news:hover { -webkit-transform: translate(2px, 2px); -moz-transform: translate(2px, 2px); transform: translate(2px, 2px); box-shadow: 3px 3px 9px #b3b3b3; } .news:hover a { color: #c69b6e; } .neven { margin-right: 0; } .ndetal { float: left; width: 300px; padding-left: 20px; } .ndetal h4 a { font-size: 16px; color: #333; display: block; border-bottom: 1px solid #f1f1f1; padding-bottom: 7px; } .ndetal span { display: block; height: 32px; padding: 12px 0; background: no-repeat 42px -75px; } .ndetal p { line-height: 20px; padding-top: 3px; width: 300px; height: 43px; overflow: hidden; } .more { width: 204px; height: 41px; background-color: #4a4947; text-align: center; line-height: 41px; color: #fff; margin: 54px auto 78px; } .more a { display: block; color: #fff; } .more:hover { background-color: #d7b997; } .mark { width: 100%; background: repeat; overflow: hidden; } .mark .english { background-position: 0 -27px; left: 216px; } .main { overflow: hidden; width: 1100px; margin: 0 auto; } .view { width: 255px; height: 242px; margin: 5px 5px; float: left; border: 5px solid #fff; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; } .view .mask, .view .content { width: 255px; height: 242px; position: absolute; overflow: hidden; top: 0; left: 0; z-index: 999; } .view img { display: block; position: relative; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; font-weight: 600; } .view p { font-family: georgia, serif; font-size: 12px; position: relative; color: #fff; padding: 8px 20px 10px; text-align: center; font-weight: 600; line-height: 22px; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } .view a.info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .view-second img { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .view-second .mask { background-color: rgba(115, 146, 184, 0.7); width: 300px; padding: 60px; height: 300px; -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-second h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); transform: translate(200px, -200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-second p { -webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); transform: translate(-200px, 200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-second a.info { -webkit-transform: translate(0px, 100px); -moz-transform: translate(0px, 100px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate(0px, 100px); -webkit-transition: all 0.2s 0.1s ease-in-out; -moz-transition: all 0.2s 0.1s ease-in-out; -o-transition: all 0.2s 0.1s ease-in-out; -ms-transition: all 0.2s 0.1s ease-in-out; transition: all 0.2s 0.1s ease-in-out; } .view-second:hover .mask { -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=100)"; filter: alpha(opacity = 100); opacity: 1; -webkit-transform: translate(-80px, -125px) rotate(45deg); -moz-transform: translate(-80px, -125px) rotate(45deg); -o-transform: translate(-80px, -125px) rotate(45deg); -ms-transform: translate(-80px, -125px) rotate(45deg); transform: translate(-80px, -125px) rotate(45deg); } .view-second:hover h2 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .view-second:hover p { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .view-second:hover a.info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } .map { width: 1100px; margin: 63px auto 0; } .mtit { width: 281px; height: 70px; background: no-repeat 0 0; } .madv { width: 1100px; height: 111px; background: no-repeat 156px -93px; margin-top: 75px; } .mmap { width: 720px; height: 585px; margin: 0 auto 30px; } .linkbox { width: 100%; background-color: #f5f5f5; overflow: hidden; } .link { width: 1100px; margin: 0 auto; padding: 37px 0 30px; overflow: hidden; } .linklist { float: left; margin-right: 120px; } .linklist h4 a { font-size: 14px; font-weight: 600; color: #333; display: block; margin-bottom: 24px; } .linklist li a { display: block; padding-bottom: 4px; color: #333; } .code { width: 135px; height: 135px; float: right; } .bottom { width: 100%; /*background-color: #00924b;*/ background-color: #008d88; } .bottomcen { width: 1100px; margin: 0 auto; text-align: center; color: #fff; font-size: 12px; padding-top: 25px; } .bottomcen p { padding-bottom: 25px; } .bottomcen p a { color: #fff; display: inline-block; padding: 0 10px; } .banner { width: 100%; height: 270px; padding-top: 80px; background: 0 80px; } .banner img{ height: 100%; } .bancen { width: 1100px; margin: 0 auto; } .center1 { width: 1100px; margin: 50px auto 0; overflow: hidden; padding-bottom: 50px; } .cleft { width: 290px; margin-right: 40px; min-height: 500px; } .cleft li a { display: block; height: 90px; line-height: 90px; margin-bottom: 20px; font-size: 18px; color: #000; padding-left: 30px; } .cleft li a:hover { background: no-repeat 240px -120px #f7f7f7; } .clefton { background: no-repeat 240px -120px #f7f7f7; } .cright { width: 770px; position: relative; } .crighttit { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .crighttit h2 { color: #333; font-size: 22px; } .crighttit span { padding: 20px 10px 5px 0; display: inline-block; font-size: 12px; color: #999; } .cright p { line-height: 26px; padding-bottom: 20px; text-align: justify; } .cmagazine li,.cmagazine p,.cmagazine a{ box-sizing: border-box; } .cmagazine { border-top: 2px solid #dbb890; padding-top: 30px; padding-left: 0px; padding-right: 0px; } .cmagazine li { margin-bottom: 10px; float: left; padding:10px 17px 10px 17px; border:1px solid #e4e9e2; border-radius:5px; width:190px; height:260px; } .cmagazine li:hover{ background: #e4e9e2; } .cmagazine li a{ display: block; } .cmagazine li a img{ height:220px; width:156px; } .cmagazine li a p{ position:relative; height:10px; font-size:10px; width:156px; } .cmagazine li a p span:last-child{ font-size:10px; position:absolute; left: 90px; } .cnews, .cpic { border-top: 2px solid #dbb890; padding-top: 30px; } .cnews img{ max-width: 100% !important; height: auto!important; width:expression(this.width > 760 ? "760px" : this.width)!important; } .cnews li { line-height: 50px; font-size: 15px; border-bottom: 1px dashed #ddd; padding-left: 15px; background: no-repeat 0 -193px; } .cnewstit { color: #dbb890; font-size: 18px; font-weight: 600; position: absolute; right: 5px; top: 1px; } .cpic li { float: left; padding: 15px; position: relative; } .cpic li img { width: 225px; height: 213px; } .cpic li:hover span { background-color: #00924b; box-shadow: 0 0 5px #000; } .cpic li span { position: absolute; left: 15px; bottom: 0; display: block; width: 215px; height: 50px; background-color: rgba(0, 0, 0, 0.4); color: #fff; padding-left: 10px; line-height: 50px; font-weight: 600; font-size: 16px; } /* 鍒嗛〉tcdpagecode */ .tcdpagecode { padding: 0 20px 55px; text-align: center; color: #ccc; width: 1100px; margin: 0 auto; } .tcdpagecode a { display: inline-block; color: #666; display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #ddd; margin: 0 2px; border-radius: 4px; vertical-align: middle; } .tcdpagecode a:hover { text-decoration: none; border: 1px solid #fca807; } .tcdpagecode span.current { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 2px; color: #fff; background-color: #ffbb00; border: 1px solid #fca807; border-radius: 4px; vertical-align: middle; } .tcdpagecode span.disabled { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 2px; color: #bfbfbf; background: #f2f2f2; border: 1px solid #bfbfbf; border-radius: 4px; vertical-align: middle; } /* 寮瑰嚭灞傜櫥闄� */ .logindiv { padding: 0; float: none; width: 998px; background: #fff; position: fixed; /* display:none; */ z-index: 1000; border: 1px solid #999; } .logindiv .logindetail { padding: 30px 80px 50px; font-size: 18px; color: #000; } .logindiv .logindetail .xz { font-size: 24px; color: #ff6600; background: .png') no-repeat 1px 1px; padding: 0 0 30px 35px; } .logins { padding-left: 20px; } .logindiv .logindetail p { padding-bottom: 20px; } .logindiv .login-tit { height: 50px; position: relative; background-color: #009843; } .logindiv .btnbox { padding: 40px 0 0; text-align: center; } .logindiv .loginbtn { width: 105px; height: 35px; border-radius: 3px; background-color: #009843; border: 1px solid #009843; cursor: pointer; font-size: 16px; color: #fff; font-weight: 600; margin-right: 10px; } .logindiv .floginbtn { background-color: #ddd; border: 1px solid #ddd; } .logindiv .loginchose { margin-right: 12px; } .logindiv .login-tit i.closelogindiv { width: 36px; height: 28px; display: block; background: no-repeat 0 -257px; position: absolute; top: 13px; left: 953px; cursor: pointer; } .mask { width: 100%; height: 100%; background: #333; opacity: 0.5; left: 0; margin: 0; padding: 0; position: fixed; top: 0; z-index: 999; }