.updown a { position: absolute; bottom: 20px; right: 50px; z-index: 99; opacity: .6;-moz-opacity: .6;-webkit-opacity: .6; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; font : normal 400 20px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; } .updown a:hover {opacity: .3;-moz-opacity: .3;-webkit-opacity: .3;} #s .s-icon { padding-top: 60px; } #s .s-icon span { position: absolute; top: 0; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box; } #s .s-icon span::before { position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; -webkit-animation: sdb10 2s infinite; animation: sdb10 2s infinite; box-sizing: border-box; } @-webkit-keyframes sdb10 { 0% { -webkit-transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } } @keyframes sdb10 { 0% { transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } } /*subbanner*/ .subbanner{background-position: center top;background-repeat: no-repeat;background-size: cover;} .subbanner{max-height: 500px;} .sub-nav{position:absolute;height: 50px;top: -30px;left:50%;background-color: #fff;width: 1200px;margin-left: -600px; -webkit-box-shadow: 0 12px 40px 6px rgba(1, 94, 171, 0.1); box-shadow: 0 12px 40px 6px rgba(1, 94, 171, 0.1);} .sub-nav li{float: left} .sub-nav li a{display: block;line-height: 50px;text-align: center;font-size: 16px;color: #333;padding: 0 30px;border-right: 1px solid #efefef;text-decoration: none;} .sub-nav li a:hover,.sub-nav li a.cur{background-color:#da3232;color: #fff;} /*当前位置*/ .location { font-size: 14px; line-height: 40px; color: rgba(130,96,89,0.6); text-align: right; position: relative; border-bottom: 1px solid #ebe3de; margin: 0 auto; } .location .icon-weizhi1{font-size: 1.8em;} .location .icon-jiantou5{font-size: 0.7em;padding: 25px 0;} .location a { color: rgba(130,96,89,0.6); text-decoration: none; } .location a:hover { color: rgba(130,96,89,0.9); text-decoration: underline; } /*工程案例*/ .case{background-image: url(../images/bg.jpg);background-color: #e8e8e8; height: 650px;padding-top: 30px;} .case .casenav{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;width: 850px;margin: 0 auto;} .case .casenav li{width: 18%;margin: 0 1%; } .case .casenav li a{display: block;color:#72372d;font-size: 14px;line-height: 40px;overflow: hidden;border: 1px solid rgba(130,96,89,0.3);text-align: center;text-decoration: none;position:relative;} .case .casenav li a:hover,.case .casenav .active a{background-color: #da3232;color: #fff;} #caselist{width:1200px;margin: 50px auto 0 auto; display: flex; display:-webkit-flex; justify-content:flex-start; flex-wrap: wrap; -webkit-flex-direction:row; flex-direction: row; } #caselist .item{width:255px;height:250px;margin:20px auto;background-color:#fff; -webkit-box-shadow: 1px 0 25px rgba(130,96,89,0.08); box-shadow: 1px 0 25px rgba(130,96,89,0.08);} #caselist .item a{color:#333;display: block;position:relative;width:100%;height:100%;} #caselist .item a h3{width:100%;font-size:16px;line-height:40px;text-align: center;font-weight:200;z-index:2;position: absolute;bottom:0px;left:0;} #caselist .item a .img{width: 235px;height: 190px;overflow: hidden;z-index:3;position: absolute;top:10px;left:10px; } #caselist .item a .img{background-repeat: no-repeat;background-size:cover;background-position: center center;} #caselist .item a .img i{font-size:4rem;color: #fff;position: absolute;width:40px;height: 40px;text-align: center;left:50%;margin-left: -20px;top:-50%;margin-top: -20px;z-index: 10; } #caselist .item a .img:after{ content: ''; width: 235px;height:0; position: absolute; background-color:rgba(0,0,0,0.6); bottom:0px;left:0px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } #caselist .item:hover{ transform:translateY(-10px);-webkit-transform:translateY(-10px); -webkit-box-shadow: 20px 0 40px rgba(0,0,0,0.08); box-shadow: 20px 0 40px rgba(0,0,0,0.08);} #caselist .item a:hover .img{} #caselist .item a:hover .img:after{height: 190px;} #caselist .item a:hover .img i{top:50%;} #caselist .item a:hover h3{color: #da3232;} .owl-theme .owl-controls .owl-buttons div{position:absolute;top:120px;margin:0;padding:0;background-color:transparent;overflow:hidden;_display:none;} .owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{width: 40px;height:40px;background-color:#826059;font-size:30px;font-family:宋体; line-height:35px; } .owl-theme .owl-controls .owl-buttons .owl-prev{left:-60px;} .owl-theme .owl-controls .owl-buttons .owl-next{right:-60px;} .owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";} .owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";} /* 业务范围 */ .business{background-image: url(../images/service_bg.jpg);background-color: #826059; height: 650px;padding-top: 30px;} .business .business-list{width: 1200px;margin:0 auto;display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;} .business .business-list .business-list-l{width: 580px;height: 400px;} .business .business-list .business-list-r{width: 600px;height: 400px;margin-left: 20px;} .business .business-list .fw{width: 100%;height: 100%;background-image: url(../images/fw-img.jpg);background-repeat: no-repeat;margin: 0;padding: 20px;} .business .business-list .fw h4{font-size: 30px;font-weight: 800;color: #333333;} .business .business-list .fw h5{font-size: 14px;color: #826059;text-transform: uppercase;font-family:Arial, "sans-serif";margin-bottom: 50px;position: relative;} .business .business-list .fw h5:after{ position: absolute; content: ''; left:0px;top:22px; width: 30px;height: 6px;border-radius: 6px; background-color: #da3232; } .business .business-list .fw p{font-size: 14px;color: #888;line-height: 22px;width: 50%;margin-bottom: 50px;} .business .business-list .fw .more{width: 120px;line-height: 35px;background-color: #da3232;border: none;font-size: 14px;color: #fff;margin: 0;border-radius:0;} .business .business-list .fw .more:hover{background-color: #84625b;border-radius:20px;} .business .business-list .fw-list{width:100%;height:100%;display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;} .business .business-list .fw-list li{width: 290px;height: 190px;margin:0 20px 20px 0;} .business .business-list .fw-list li:nth-child(2n){margin:0 0 20px 0;} .business .business-list .fw-list li a{display: block;position: relative;overflow: hidden; width: 100%;height: 100%;} .business .business-list .fw-list li a:after{ content: ''; background-color: rgba(0,0,0,0.4); width: 100%;height: 35px; position: absolute; left:0px;bottom:0; z-index: 1; transition:all 0.5s; -webkit-transition:all 0.5s; /* Safari and Chrome */ -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } .business .business-list .fw-list li a img{width: 100%;position: relative;z-index: 10px;} .business .business-list .fw-list li a h4{position: absolute;width: 100%;top: 138px;left:0;z-index: 11;padding: 15px;color: #fff;} .business .business-list .fw-list li a p {position: absolute;width: 100%;top: 200px;left:0;z-index: 11;padding: 15px;color: #fff;} .business .business-list .fw-list li a:hover img{} .business .business-list .fw-list li a:hover h4{top:0px;} .business .business-list .fw-list li a:hover p{top: 40px;} .business .business-list .fw-list li a:hover:after{height: 100%;background-color: rgba(0,0,0,0.6);} /* 新闻中心 */ .news{background-image: url(../images/bg2.jpg);background-color:#fff;height: 650px;padding-top: 60px;} .news .news-title{width:1200px;margin: 0 auto;position: relative; background-image: url(../images/jt2.png);background-repeat:no-repeat;background-position: right bottom;} .news .news-title h2{color: #826059;font-size: 30px;font-weight: 800;padding: 0;margin: 0;position: relative;} .news .news-title h2:after{ content: ''; background-color: #da3232; width: 30px;height: 6px;border-radius: 6px; top:-15px;left:0; position: absolute;} .news .news-title h3{color: rgba(130,96,89,0.3);font-size: 14px;font-family:Arial, "sans-serif";text-transform: uppercase;padding: 0;margin:10px 0 0 0;} .news-nav{width:210px;margin:0 auto 50px;position: absolute;right: 25px;top:0;} .news-nav li{width:100px;float: left;margin-right:10px;} .news-nav li:nth-child(2){margin-right:0px; } .news-nav li a{display: block;text-align: center;line-height: 34px;;font-size:14px;color:#333;border:1px solid rgba(130,96,89,0.3);} .news-nav li a:hover,.news-nav li .cur{background-color:#da3232;color:#fff;text-decoration: none } .newsdiv{width: 1200px;margin: 50px auto;} .news .news-img{width: 384px; height: 396px; float: left; background-color: rgba(255,255,255,0.5);padding: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.04); box-shadow: 0 0 10px rgba(0,0,0,0.04);} .news .news-img a{display: block;} .news .news-img a .img{width: 362px;height: 300px;overflow: hidden;background-size: cover;} .news .news-img a .img img{width: 100%;} .news .news-img a .title{height: 80px;width: 100%;} .news .news-img a .title h3{font-size:15px;color:#333;text-align: center;padding: 0 30px;line-height: 22px;} .news .news-img:hover{ -webkit-box-shadow: 1px 0 30px rgba(0,0,0,0.08); box-shadow: 1px 0 30px rgba(0,0,0,0.08);} .news .news-img a:hover{text-decoration: none;} .news .news-img a:hover .title h3{text-decoration: none;color: #826059;} .news .news-img a:hover .img img{transform:scale(1.2);-webkit-transform:scale(1.2);} .news .newslist{width:786px;float: right;} .news .newslist li{height: 115px;overflow: hidden;margin-bottom: 25px;background-color:rgba(255,255,255,0.5);padding: 10px 20px 20px 20px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.04); box-shadow: 0 0 10px rgba(0,0,0,0.04);} .news .newslist li a{display: block;position: relative;padding-left:100px;} .news .newslist li a h4{font-size:16px;color: #333; } .news .newslist li a p{font-size:12px;color: #A4A2A2;width: 80%;display: block;} .news .newslist li a .time{position: absolute;background-color: #826059; width: 72px;height: 72px;left: 0;top:0px;padding: 6px 10px 0 10px;text-align: left; font-size:18px;color: #f6f1ec;font-weight:normal;} .news .newslist li a .time span{display: block;text-align: left;font-size: 14px;line-height: 30px;} .news .newslist li:hover{transform:translateY(-10px); -webkit-transform:translateY(-10px); -webkit-box-shadow: 1px 0 40px rgba(0,0,0,0.08); box-shadow: 1px 0 40px rgba(0,0,0,0.08);} .news .newslist li a:hover{ text-decoration: none;} .news .newslist li a:hover h4{color: #da3232;} .news .newslist li a:hover .time{background-color:#da3232;color: #fff;} .news .newslist li a:hover .time span{color: #fff;} /* 太阳娱乐娱城官网8722 */ .about{background-color:#fff;padding-top: 50px;} .about .about-cont{width: 1200px;margin:0 auto;} .about .about-title{margin:30px 0 30px 0;} .about .about-title h2{font-size: 26px;color: #826059;font-weight: 200;padding: 0;margin:0 0 10px 0;letter-spacing: 1px;position: relative;} .about .about-title h2:after{ content: ''; background-color: #da3232; width: 30px;height: 6px;border-radius: 6px; top:-15px;left:0; position: absolute;} .about .about-title h3{padding: 0;margin: 0;font-size: 14px;text-transform: uppercase;color: rgba(130,96,89,0.3);font-family:Arial, "sans-serif";} .about .about-cont .about-txt{font-size: 14px;line-height: 25px;color: #666;margin-bottom: 50px;padding: 0 60px 0 0;} .about .about-cont .more{width: 120px;line-height: 35px;border: 1px solid rgba(130,96,89,0.3);margin: 0;border-radius:0;font-size: 14px;color:#826059; } .about .about-cont .more i{color: #826059;} .about .about-cont .more:hover{background-color: #84625b;border-radius:20px; color: #fff;} .about .about-cont .more:hover i{color: #fff;} /*合作伙伴*/ .client{padding-top: 80px;} .client .title{text-align:center;position: relative;} .client .title h2{text-align:center;font-size: 26px;color: #826059;padding: 0;margin: 0;position: relative;} .client .title h2:after{ content:''; width:100px; height:1px; background-color: rgba(136,96,89,0.2); display:block; position:absolute; left:50%;margin-left:60px;bottom:-30px; } .client .title h2:before{ content:''; width:100px; height:1px; background-color: rgba(136,96,89,0.2); display:block; position:absolute; right:50%;margin-right:60px; bottom:-30px; } .client .title h3{text-align:center;font-size: 14px;text-transform: uppercase; color: rgba(136,96,89,0.4);padding: 10px 0;margin: 0;position: relative;} .client .title:after{ position: absolute; content: ''; left:50%;margin-left: -15px;top:70px; width: 30px;height: 6px;border-radius: 6px; background-color: #da3232; } #partner{display: flex;display:-webkit-flex;justify-content:center;max-width:1100px;width: 96%; margin: 50px auto;padding: 0;} #partner .owl-wrapper-outer{margin:0 auto;} #partner .item{height:60px;margin:0 8px; } #partner .item a{color:#333;display: block;width:100%;height:100%;border:1px solid #efefef;} #partner .item a img{width:150px; height:50px; display: block;margin: 0 auto;} #partner .item a:hover img{} #partner .item a:hover {background-color:#fff; -webkit-box-shadow: 1px 0 30px rgba(0,0,0,0.1); box-shadow: 1px 0 30px rgba(0,0,0,0.1);} /*sub-about*/ .sub-about{width: 100%;height: 100%;} .sub-about .w1200{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;} .sub-about .about-main{width: 1200px;margin: 0 auto;} .about-info{width: 100%; padding: 10px 0 60px 0; background-image: url(../images/about-3.png); background-repeat: no-repeat;background-position: right bottom;} .about-info .about-img{width: 28%;max-width: 458px;} .about-info .about-text{width: 72%;} .about-info .about-text p{font-size: 14px;line-height: 25px;color: #666;} .about-case{width: 100%;padding: 60px 0; background-color: #fbf9f7; background-image: url(../images/about-4.png); background-repeat: no-repeat;background-position: left bottom;} .about-case p{font-size: 16px;line-height: 25px;color: #333; } .about-case .about-case-list{padding: 50px 0;width: 1200px;} .about-case .about-case-list .item{width: 25%;position: relative;} .about-case .about-case-list .item img{margin: 0 auto;width: 235px;height: 196px;display: block; -webkit-box-shadow: 10px 0 25px rgba(0,0,0,0.2); box-shadow: 10px 0 25px rgba(0,0,0,0.2);} .about-case .about-case-list .item span{display: block;position: absolute;z-index: 10;text-align: center; left:50%;margin-left:-117.5px;bottom: 0; width: 235px;line-height: 40px;background-color: rgba(0,0,0,0.5);color: #f6f1ec; } .about-xm{width: 100%;padding: 60px 0;} .about-xm p{font-size: 16px;line-height: 30px;color: #333; } .about-xm .w1200{width: 1200px;margin: 10px 0 60px 0; } .about-xm .about-xm-list{ width: 32%;margin-right:2%; background-color: rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.05); box-shadow: 0 0 40px rgba(0,0,0,0.05); border-radius: 6px; -webkit-border-radius: 6px; padding: 20px;} .about-xm .about-xm-list:nth-child(3){margin-right: 0;} .about-xm .about-xm-list h4{ background-color: #da3232; line-height: 40px; display: block; color: #fff; padding-left: 20px; width: 90%; position: relative;} .about-xm .about-xm-list h4:after{ position: absolute; content: ''; width: 0; height: 0; right:-20px; top:0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #da3232;} .about-xm .about-xm-list h4:before{ position: absolute; content: ''; width: 0; height: 0; right:-20px; bottom:0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #da3232; } .about-xm .about-xm-list ul{} .about-xm .about-xm-list ul li{display: block;line-height: 30px;color: #666;position: relative;padding-left: 20px;} .about-xm .about-xm-list ul li:after{ content: ''; position: absolute; left:0;top:10px; background-color: #ddd3cf; width:10px;height: 10px;border-radius: 50%;-webkit-border-radius: 50%; } .about-us{padding: 60px 0;background-image: url(../images/about-6.png); background-repeat: no-repeat;background-position: right bottom;} .about-us .about-img{width: 50%;} .about-us .about-text{width: 50%;padding:20px 0 0 80px;font-size: 16px;color: #666;line-height: 35px;} /*内页-联系我们*/ .sub-contact {width: 1200px;margin: 0 auto;} .sub-contact .title{font-size: 20px;color: #826059;line-height: 60px;border-bottom: 1px solid #eaeaea;width:100%;position: relative } .sub-contact .title:after{content: '';position: absolute;bottom: 0;left:0;width: 80px;height:5px;background-color:#b29d97; } .sub-contact .sub-contact-info{width: 600px;margin-right: 100px;} .sub-contact .sub-contact-info .txt{padding:30px 0 10px 0; } .sub-contact .sub-contact-info .txt p{font-size: 16px;color: #333;padding-left: 50px;position: relative;display: block;line-height: 50px;} .sub-contact .sub-contact-info .txt i{font-size: 1.5em;color:#b29d97;position: absolute;left:0;top:0;} .sub-contact .sub-contact-message{width: 500px;} .sub-contact .sub-contact-message .form{padding:30px 0 10px 0; } .sub-contact .sub-contact-message .form label{display: block;width: 100%;margin-bottom: 10px;} .sub-contact .sub-contact-message .form input[type="text"],.sub-contact .sub-contact-message .form input[type="tel"]{width: 100%;height: 40px;border: none;background-color: #fff;font-size: 14px;font-weight: 200;text-indent: 10px;} .sub-contact .sub-contact-message .form textarea{width: 100%;height: 80px;border: none;background-color: #fff;font-size: 14px;font-weight: 200;text-indent: 10px;} .sub-contact .sub-contact-message .form input[type="submit"]{border:1px solid #cac8c8;text-align: center;background-color: #faf8f5;line-height: 35px;width: 120px;font-weight:100;color: #826059;font-size: 14px; } .sub-contact-maps{width: 1200px;margin: 60px auto 60px auto;} .sub-contact-maps{ -webkit-box-shadow: 0 13px 42px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 13px 42px 8px rgba(0, 0, 0, 0.05); } /*sub-business*/ .sub-business{padding:0; background-image: url(../images/bg3.jpg);background-repeat: no-repeat;background-position:left bottom;} .sub-business-list{width: 1200px;margin: 0 auto;} .sub-business-list ul{width: 100%;padding: 50px 0;} .sub-business-list ul li{height: 380px;width: 1000px; background-color: #fff;position:relative; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05); box-shadow: 0 0 25px rgba(0,0,0,0.05); } .sub-business-list ul li:hover{ -webkit-box-shadow: 0 0 45px rgba(0,0,0,0.08); box-shadow: 0 0 45px rgba(0,0,0,0.08); -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -10px, 0) } .sub-business-list ul li:hover .img img{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); } .sub-business-list ul li .img{width: 400;height: 280px;position: absolute;top: 50%;margin-top: -140px;overflow: hidden; -webkit-box-shadow: 10px 35px rgba(0,0,0,0.1); box-shadow: 10px 0 35px rgba(0,0,0,0.1); } .sub-business-list .left{margin: 0 0 60px auto} .sub-business-list .left .img{left:-200px;} .sub-business-list .left .txt{padding: 140px 80px 0 260px;} .sub-business-list .left .txt h4{left:90px;top:65px;} .sub-business-list .left .txt .more{margin: 0 0 0 auto;} .sub-business-list .right{margin: 0 auto 60px 0} .sub-business-list .right .img{right:-200px;} .sub-business-list .right .txt{padding: 140px 200px 0 80px;} .sub-business-list .right .txt h4{right:90px;top:65px;} .sub-business-list .right .txt p{padding-right: 50px;} .sub-business-list .right .txt .more{margin: 0 auto 0 0;} .sub-business-list ul li .img img{width: 400;height: 280px;} .sub-business-list ul li .txt{} .sub-business-list ul li .txt h4{width: 268px;background-color: #da3232;line-height: 46px;text-align: center;color: #fff;position: absolute;} .sub-business-list ul li .txt p{font-size: 16px;line-height: 32px;color: #666;} .sub-business-list ul li .txt .more{border: 1px solid #dbd0ce;padding: 6px 0;display: block;width:110px;text-align: center; font-size: 14px;color: #87655e;} .sub-business-list ul li .txt .more i{font-size: 1.6rem;} .sub-business-list ul li .txt .more:hover{background-color: #84625b;border-radius:20px; color: #fff;text-decoration: none;} .sub-business-list ul li .txt .more:hover i{color: #fff;} /*sub-case*/ .sub-case{background-image: url(../images/bg5.jpg);background-position: right bottom;background-repeat: no-repeat;padding:20px 0 60px 0;} .caselist{margin: 0 auto;flex-wrap: wrap;} .caselist .item{ width:23.5%;height:250px;background-color:#fff;margin: 0 2% 2% 0; -webkit-box-shadow: 1px 0 25px rgba(130,96,89,0.08); box-shadow: 1px 0 25px rgba(130,96,89,0.08); } .caselist .item:nth-child(4n){margin: 0 0 2% 0;} .caselist .item a{color:#333;display: block;position:relative;width:100%;height:100%;} .caselist .item a h3{width:100%;font-size:16px;line-height:40px;text-align: center;font-weight:200;z-index:2;position: absolute;bottom:0px;left:0;} .caselist .item a .img{width:Calc(100% - 20px);height: 190px;overflow: hidden;z-index:3;position: absolute;top:10px;left:10px; } .caselist .item a .img{background-repeat: no-repeat;background-size:cover;background-position: center center;} .caselist .item a .img i{font-size:4rem;color: #fff;position: absolute;width:40px;height: 40px;text-align: center;left:50%;margin-left: -20px;top:-50%;margin-top: -20px;z-index: 10; } .caselist .item a .img:after{ content: ''; width: 100%;height:0; position: absolute; background-color:rgba(0,0,0,0.6); bottom:0px;left:0px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } .caselist .item:hover{ transform:translateY(-10px);-webkit-transform:translateY(-10px); -webkit-box-shadow: 20px 0 40px rgba(0,0,0,0.08); box-shadow: 20px 0 40px rgba(0,0,0,0.08);} .caselist .item a:hover .img{} .caselist .item a:hover .img:after{height: 190px;} .caselist .item a:hover .img i{top:50%;} .caselist .item a:hover h3{color: #da3232;} /*showcase*/ .showcase{width:1200px;margin: 0 auto; display: flex;display:-webkit-flex;justify-content:left;flex-wrap: wrap;} .showcase .showimg{width: 50%; background-color:#fff;padding: 10px;box-shadow: 1px 0 25px rgba(130,96,89,0.08);} #showimg{height: 450px;} .showcase .showimg ul{} .showcase .showimg ul li{position: relative;} .showcase .showimg ul li span{position: absolute;display: block;letter-spacing: 1px; width: 100%;line-height: 40px;background-color: rgba(0,0,0,0.4);color: #fff;font-size:16px;z-index: 99; bottom: 0;left:0;padding-left: 30px;} .showcase .showimg ul li img{width: 580px;height: 380px;} .showcase .showtxt{width: 50%;padding: 0 0 0 60px;} .showcase .showtxt .cont{width: 100%; font-size: 16px;line-height: 28px;color: #666;height: 450px;overflow: auto;letter-spacing: 1px} .showcase .showtxt .cont p{margin: 15px 0;} .showcase .showtxt .title{} .showcase .showtxt .title{ background-color: #da3232; line-height: 40px; display: block; color: #fff; padding-left: 20px; width: 30%; font-size: 20px;font-weight: 800;margin-bottom: 10px; position: relative;} .showcase .showtxt .title:after{ position: absolute; content: ''; width: 0; height: 0; right:-20px; top:0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #da3232;} .showcase .showtxt .title:before{ position: absolute; content: ''; width: 0; height: 0; right:-20px; bottom:0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #da3232; } .showinfo{width: 100%;display: flex;display:-webkit-flex;justify-content:left;flex-wrap: wrap;margin: 0 0 30px 0;} .showinfo h2{color: #826059;font-size: 35px;line-height: 50px;position: relative} .showinfo h2 span{font-size: 16px;padding-left: 20px;color: #999;} .showinfo h2:after{ content: ''; background-color: #da3232; width: 30px;height: 6px;border-radius: 6px; top:-10px;left:0; position: absolute;} .showlist{padding: 30px 0;width: 50%;} .showlist h3{font-size: 20px;color: #826059;font-weight:800 ; line-height: 30px;} .showlist h3 i{font-size:2rem; } .showlist a{font-size:14px;padding:2px 10px 2px 2px;color:#826059;border:1px solid rgba(130,96,89,0.3);display:inline-block;margin:0 4px 6px 0} .showlist a i{font-size: 2rem;color:#da3232;} .showlist a:hover{text-decoration: none;} .showlist a:hover{color: #da3232;border: 1px solid #da3232;} .qtlist{width: 1200px;margin: 0 auto;} .qtlist h2{color: #826059;font-size: 30px;line-height: 50px;position: relative} .qtlist h2:after{ content: ''; background-color: #da3232; width: 30px;height: 6px;border-radius: 6px; top:-10px;left:0; position: absolute;} /*sub-news*/ .sub-news{background-image: url(../images/bg4.jpg);background-position: right bottom;background-repeat: no-repeat;padding:20px 0 60px 0;} .sub-news .newslist{padding-bottom: 50px;padding-top: 30px;width: 1200px;margin: 0 auto;} .sub-news .newslist li{margin-bottom: 20px;height: 120px;background-color: #fff;} .sub-news .newslist li a{display: block;position:relative;padding: 15px 250px 15px 150px; } .sub-news .newslist li a .info{} .sub-news .newslist li a .info h3{font-size: 18px;color: #333;margin-bottom: 10px;} .sub-news .newslist li a .info p{font-size: 14px;color: #999;line-height: 22px;} .sub-news .newslist li a .img{width:130px;height: 80px;overflow: hidden;position: absolute;right:20px;top:20px;background-size: cover;} .sub-news .newslist li a .img img{width: 100%;} .sub-news .newslist li a .time{position: absolute;width: 73px;height: 73px;left:25px;top:25px;border:1px solid #efefef;padding: 10px;text-align: center;font-size:14px;color: #826059; font-family:'Roboto', sans-serif;font-weight: 300; background-color: #efefef;} .sub-news .newslist li a .time span{display: block;text-align: center;font-size: 40px; line-height: 30px;margin-bottom:10px;font-family:'Roboto', sans-serif;font-weight: 300;} .sub-news .newslist li a:hover{text-decoration : none } .sub-news .newslist li a:hover .info h3{color: #da3232;} .sub-news .newslist li a:hover .time{background-color: #826059; color:#fff; } .sub-news .newslist li a:hover .time span{color: #fff;} .sub-news .newslist li:hover{-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); transform:translateY(-10px);-webkit-transform:translateY(-10px);} .shownews{width: 90%; max-width:1200px;margin: 0 auto 50px;background-color: #fff;padding: 20px;-webkit-box-shadow: 1px 0 30px rgba(0,0,0,0.02);box-shadow: 1px 0 30px rgba(0,0,0,0.02);} .shownews .shownews-title{font-size:26px;text-align: center;border-bottom: 1px solid #efefef;margin-bottom: 1px;padding: 20px 0;color: #da3232;} .shownews .shownews-info{background-color: #f9f9f9;height: 35px;line-height: 35px;text-align: center;font-size:12px;color: #888;margin-bottom: 30px; } .shownews .shownews-info span{padding:0 12px; } .shownews .shownews-info i{font-size: 1.6em!important;padding-right: 2px; } .shownews .shownews-cont{font-size:14px;line-height: 25px;color:#444;margin-bottom: 30px;border-bottom: 1px solid #efefef;padding-bottom: 20px; } .sub-cont{width: 90%; max-width:1200px; margin: 0 auto;padding: 30px 0;} .sub-cont h2{font-size:20px;font-weight: 800; display: block;background-color: #237ac1; color: #fff; padding: 10px;margin-bottom: 30px; -webkit-box-shadow: 0 5px 20px 0 rgba(35, 122,193, 0.3);box-shadow: 0 5px 20px 0 rgba(35, 122,193, 0.3);} .sub-cont ol{list-style-type: decimal!important;} .sub-cont li{margin-bottom: 10px;display: block;padding: 10px;border: 1px solid #f0f0f0;font-size: 14px; line-height: 22px;-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.02);box-shadow: 1px 1px 0 rgba(0,0,0,0.02);background-color: #fff;list-style-type: decimal!important;} .sub-cont li:nth-child(2n){} /*update*/ .update{width: 50%;text-align: center; margin:0 auto;padding: 50px 0;letter-spacing: 3px; font-size:18px;color:rgba(130,97,89,0.5); } .update i{display: block;margin:0 auto;font-size:10rem;color:rgba(130,97,89,0.2);line-height: 90px; } .zs{padding: 30px 0;margin: 0 auto;} .zs ul{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;margin:30px 0;} .zs ul li{ width: 32%; margin-right: 2%; display: block; background-color: #fff; padding: 20px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .zs ul li:nth-child(3n){margin-right: 0;} .zs ul li img{width: 100%;} .zs ul li:hover{-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);transform:translateY(-10px);-webkit-transform:translateY(-10px);} .zs ul:nth-child(2) li{width: 49%;margin-right: 2%;} .zs ul:nth-child(2) li:nth-child(2n){margin-right: 0;} .zs ul:nth-child(5) li{width: 49%;margin-right: 2%;} .zs ul:nth-child(5) li:nth-child(2n){margin-right: 0;} /*20221021*/ .honor-ul{flex-wrap: wrap;align-items: flex-start;} .honor-ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 20px;background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .honor-ul li:nth-child(3n){margin-right: 0;} .honor-ul li img{width: 100%;}