@charset "utf-8"; /* CSS Document */ /* * @description * @author GuoR * @Date 2019/3/11 */ /*通用样式*/ /* html{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */ *{margin:0; padding:0;} html,body{height:100%;} body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";background:#FFF;min-width:1100px;} 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;} /*头部样式*/ .top{width:100%;height:60px;text-align:center;line-height:60px;font-size:20px;color:#000;box-shadow:0 5px 5px #ccc;background:#e2d0c4;letter-spacing:5px;} .banner{width:1100px;height:400px;margin:20px auto 50px;} .nav{width:1100px;height:37px;margin:0 auto 70px;} .nav li{width:160px;height:37px;float:left;margin:0 57.5px;} .main1{width:100%;height:823px;background:url(../image/Mbj1.jpg) no-repeat top center;overflow:hidden;} .main1 .mainM{width:1100px;height:100%;margin:0 auto;background:url(../image/mainshi.png) no-repeat top left;overflow:hidden;} .main1 .jieshao{width:1020px;height:165px;padding:40px 0 0 80px;} .main1 .jieshao p{text-indent:2em;line-height:26px;font-size:14px;width:980px;letter-spacing:1.5px;} .main1 .mainCKGD{line-height:32px;color:#333;float:right;margin-top:50px;clear:both;letter-spacing:2px;} .main1 .main1M{width:1100px;overflow:hidden;clear:both;} .main1 li{float:left;width:251px;height:188px;margin:0 12px 45px;} .main1 li img{width:251px;height:188px;box-shadow:3px 4px 2px #ccc;} .main2{width:100%;height:871px;background:url(../image/Mbj2.jpg) no-repeat top center;} .main2 .mainM{width:1100px;height:100%;margin:0 auto;background:url(../image/mainci.png) no-repeat top right;overflow:hidden;} .main2 .jieshao{max-width:210px;height:625px;float:right;writing-mode:vertical-rl;writing-mode:tb-rl;margin:70px 100px 50px 0;overflow:hidden;} .main2 .jieshao p{text-indent:2em;line-height:26px;font-size:14px;letter-spacing:1.5px;} .main2 .mainCKGD{line-height:32px;color:#333;float:left;margin-top:41px;margin-left:690px;letter-spacing:2px;} .main2 .main1M{width:702px;overflow:hidden;float:left;margin-left:26px;} .main2 li{float:left;width:251px;height:188px;margin:0 0 30px 100px;} .main2 li img{width:251px;height:188px;box-shadow:3px 4px 2px #ccc;} .main3{width:100%;height:818px;background:url(../image/Mbj3.jpg) no-repeat top center;} .main3 .mainM{width:1100px;height:100%;margin:0 auto;background:url(../image/mainqu.png) no-repeat top left;overflow:hidden;} .main3 .jieshao{width:1020px;height:165px;padding:40px 0 0 80px;} .main3 .jieshao p{text-indent:2em;line-height:26px;font-size:14px;width:980px;letter-spacing:1.5px;} .main3 .mainCKGD{line-height:32px;color:#333;float:right;margin-top:50px;clear:both;letter-spacing:2px;} .main3 .main1M{width:1100px;overflow:hidden;clear:both;} .main3 li{float:left;width:251px;height:188px;margin:0 12px 45px;} .main3 li img{width:251px;height:188px;box-shadow:3px 4px 2px #ccc;} .main4{width:100%;height:889px;background:url(../image/Mbj4.jpg) no-repeat top center;} .main4 .mainM{width:1100px;height:100%;margin:0 auto;background:url(../image/mainfu.png) no-repeat top right;overflow:hidden;} .main4 .jieshao{max-width:210px;height:625px;float:right;writing-mode:vertical-rl;writing-mode:tb-rl;margin:70px 100px 50px 0;overflow:hidden;} .main4 .jieshao p{text-indent:2em;line-height:26px;font-size:14px;letter-spacing:1.5px;} .main4 .mainCKGD{line-height:32px;color:#333;float:left;margin-top:41px;margin-left:690px;letter-spacing:2px;} .main4 .main1M{width:702px;overflow:hidden;float:left;margin-left:26px;} .main4 li{float:left;width:251px;height:188px;margin:0 0 30px 100px;} .main4 li img{width:251px;height:188px;box-shadow:3px 4px 2px #ccc;} /*弹出样式*/ #tanchu{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,0.6);} /*20160318修改高度*/ .tanchuM{width:956px;height:609px;position:relative;margin:0 auto;} .tanchuBJ{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../image/tanchuBJ.png);background-size:100% 100%;z-index:999;} .tanchu{width:956px;height:609px;position:absolute;left:0;top:0;z-index:1000;} .tanchuGB{position:absolute;right:9px;top:9px;} .tanchuMM{width:872px;margin:19px 0 0 49px;} .tanchuMM h1{text-align:center;color:#FFF;font-size:20px;font-weight:100;height:26px;line-height:26px;margin-bottom:10px;} .tanchuMUL{width:100%;height:480px;overflow:hidden;} .tanchuMUL li{width:218px;height:160px;float:left;position:relative;} .tanchuMUL li img{width:187px;height:140px;box-shadow:3px 7px 5px #2c1111;} .tanchuMUL li p{width:187px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#000;position:absolute;left:0;top:110px;z-index:102;overflow:hidden;} .tanchuMUL li span{width:187px;height:30px;position:absolute;left:0;top:110px;background:#FFF;z-index:101;filter:alpha(opacity=80);opacity:0.8;} /*分页样式*/ .tanchuMB{text-align:center;margin-top:12px;height:45px;line-height:45px;clear:both;} .tanchuMB li{display:inline-block;*display:inline;*zoom:1;margin:0 12px;color:#FFF;vertical-align:middle;width:45px;height:100%;font-size:18px;border:1px solid #FFF;border-radius:50%;overflow:hidden;} .tanchuMB li a{background:none;color:#FFF;display:block;width:100%;height:100%;-moz-border-radius:50%;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .tanchuMB li a:hover{background:#FFF;color:#333;} .tanchuMB .tanchuMBM a{font-size:32px;} .tanchuMB li .tanchuMBH{background:#FFF;color:#333;} /*底部样式*/ .bottom{width:100%;text-align:center;height:123px;line-height:123px;color:#fff;font-size:16px;background:#666;letter-spacing:2px;}