@charset "utf-8"; /* CSS Document */ /* * @description 网站通用样式、欢迎页样式 * @author GuoR * @Date 2016/5/11 */ /*通用样式*/ *{margin:0; padding:0;} body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";min-width:810px;} ul,ol,dl{list-style:none;} img{border:none;} a{text-decoration:none} form,input{vertical-align:middle;margin:0;padding:0;border:0;} i{ font-style:normal;} /*通用底部样式*/ .bottom{height:40px;width:100%;background:#372911;color:#e4ddd0;text-align:center;font-size:16px;line-height:40px;} /*欢迎页*/ .hy{width:100%;height:1080px;background:url(../images/HYBJ.jpg) no-repeat top center;} .hy ul{width:810px;height:52px;margin:0 auto;padding-top:772px;} .hy ul li{float:left;width:158px;height:37px;margin:7px 4px 0 0;position:relative;} .hy ul li a{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;left:-3px;top:-7px;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;} .hy ul li:hover a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;width:166px;height:52px;} .hy .djjr{display:block;width:304px;height:62px;margin:72px auto 0;} /*主体样式*/ .top{width:100%;height:91px;background:url(../images/top.jpg) no-repeat top center;} .main{width:100%;height:1250px;background:url(../images/BJ.jpg) no-repeat top center;} .banner{width:805px;height:361px;margin:0 auto;position:relative;} .fhzy{display:block;width:76px;text-align:center;height:20px;line-height:20px;font-size:14px;background:#3c2f23;color:#FFF;border:2px solid #3c2f23;border-radius:10px;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;} .fhzy:hover{background:#FFF;color:#3c2f23;} .fhzy1{position:absolute;bottom:0;right:3px;} .fhzy2{position:absolute;bottom:0;left:0;} .nav{margin:35px auto;width:755px;padding-left:50px;height:38px;padding-top:9px;background:url(../images/navBJ.png) no-repeat top left;} .nav li{width:139px;text-align:center;height:38px;line-height:38px;float:left;margin:0 4px;font-size:18px;position:relative;} .nav li div{display:inline-block;transform:skew(-30deg);width:100%;height:100%;background:#887854;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;position:absolute;left:0;top:0;z-index:2;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;} .nav li img{position:absolute;top:-9px;left:50%;margin-left:-5px;z-index:1;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;} .nav li a{display:block;width:100%;height:100%;transform:skew(30deg);color:#FFF;} .nav li:hover div{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} .nav li:hover img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .nav .Selected div{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} .nav .Selected img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .mainM{width:760px;margin:0 auto;overflow:hidden;} .mainM li{float:left;width:184px;height:170px;margin:0 3px;} .mainM li img{border:2px solid #3c2f23;border-radius:2px;} .mainM li p{width:180px;text-align:center;height:46px;line-height:46px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"宋体";font-size:20px;} .mainM li p a{color:#030000;} /*分页样式*/ .fenye{text-align:center;height:72px;line-height:52px;font-size:16px;margin-top:20px;} .fenye li{display:inline-block;*display:inline;*zoom:1;margin:0 6px;color:#231815;vertical-align:middle;} .fenye li a{color:#46372a;} .fenye li a:hover{color:#F00;} .fenye .fenyeM a{color:#F00;}