.w_1300{width: 1300px;margin: 0 auto;} .bg{} .banner{width: 100%;height: 596px;background:url(20210812-stsg-ztbanner.png) center top no-repeat;background-size: 100%; } .logo{margin-top: 25px;} .fhsy{margin-top: 25px;} .banner-wz{margin-top: 36px;} .contain{background-color: #ffffff;padding: 1px 35px 20px 35px;} .tit1{background:url(20210812-stsg-ztbt1.png) center no-repeat;height: 71px;margin-top:30px;position: relative;} .tit1 a h5{font-size: 35px;font-weight: bold;line-height: 65px;text-align: center;color: #ce1c1c;} .tit1 a.dj{float: right;position: absolute;top:10px;right: 0px;font-size: 16px;color: #999999;} .tit2{background:url(20210812-stsg-ztbt2.png) center no-repeat;margin-top:40px;} .tit3{background:url(20210812-stsg-ztbt3.png) center no-repeat;margin-top:40px;} .tit2 h5{} .fzxx-box{margin-top: 30px;} .fzxx-left{width: 50%;} .fzxx-left img{width: 100%;} .fzxx-right{width: 47.5%;} .fzxx-top{border-bottom: 1px dashed #bbbbbb;padding-bottom: 22px;} .fzxx-top h5{font-size: 24px;font-weight: bold;text-align: center;line-height: 32px; margin-top:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .fzxx-top p{font-size: 14px;line-height: 28px;color: #999999;text-indent: 20px;margin-top: 15px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;} .fzxx-top p a{color: #d70404;} .list-1{margin-top: 10px;} .list-1 li{font-size: 18px;line-height: 46px;transition: all .3s;} .list-1 li span{float: right;color: #999;font-size: 16px;} .list-1 li i{display: inline-block;width: 4px;height: 4px;border-radius: 50%; background: #e11717;float: left;margin: 22px 10px 0 0;} .list-1 li a{display: inline-block;width: 76%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;text-align: left;} .list-1 li:hover{padding-left:8px;} .stsg-tp a{float: left;display: inline-block;width: 30.9%;margin-left: 2.4%;} .stsg-tp{margin-left: -2.4%;margin-top: 25px;} .zyjh-box{width: 48%;margin-top: 28px;} .zyjh-top{border-bottom: 1px dashed #bbbbbb;padding-bottom: 22px;margin-bottom:13px;} .zyjh-top h4{background: url(20210812-stsg-ztstar.png) left no-repeat;font-size: 20px;font-weight: bold;padding-left: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zyjh-top p{font-size: 16px;line-height: 30px;color: #666666;margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; } .list_08 {position: relative;} .list_08 a.left-btn{position: absolute;left: 0px;margin-left: -70px;top:100px;} .list_08 a.right-btn{position: absolute;right:0px;margin-right: -70px;top:100px;} .list_08 ul{ margin-right: -30px; overflow: hidden; *width: 100%;margin-top: 30px;} .list_08 li{ float: left; width: 25%; overflow: hidden; padding-bottom: 20px;} .list_08 li .box_08{ margin-right: 30px; padding: 30px 25px 30px 25px;border: 1px solid #e3e3e3; transition: .3s all;overflow: hidden;} .list_08 li .box_08:hover h3{cursor: pointer;color: #ce1c1c;} .list_08 li .box_08:hover,.list_08 li .curr{background: #ffffff;box-shadow:0px 5px 15px rgba(0,0,0,.11);} .list_08 li .box_08 h3{ margin-bottom: 14px;font-weight: bold;font-size: 20px; line-height: 30px; height:94px;overflow: hidden; white-space: pre-wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .list_08 li .box_08 p{ line-height: 30px; font-size: 16px; color: #666666; height: 115px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;margin-top: 15px;} .list_08 li .box_08 em{ background:#ffa71e;display:block;width: 30px;height: 4px;margin-bottom: 18px;} @media screen and (max-width:1300px) { .list_08 ul{ margin-right: -24px;} .list_08 li .box_08{ margin-right: 24px;} } @media screen and (max-width:999px) { .list_08 li{ float: inherit; width: 100%; margin-bottom: 16px;} .list_08 ul,.list_08 li .box_08{ margin-right: 0;} .list_08 li .box_08{ padding: 20px 20px 30px 20px;} .list_08 li .box_08 p,.list_08 li .box_08 h3 {height: auto;} } @media screen and (max-width:750px) { .list_08 li .box_08 h3{font-size: 18px;} .list_08 li .box_08 span i {font-size: 24px;} } a.more { background-color: #eceaea; margin: 25px auto 0; transition: .3s all; display: block; width: 180px; height:54px; line-height: 54px; border-radius:5px; text-align: center; font-size: 16px; color: #666666; } a.more:hover { background-color: #ce1c1c; color: #ffffff; } .footer{margin-top: 40px;padding: 30px 0;background:#f2f2f2; text-align: center;border-top:4px solid #ce1c1c;} .footer p{line-height: 30px;color: #333333;font-size: 16px;} .footer p a{display: inline-block;color: #333333;margin: 0px 8px;} .footer p span{display: inline-block;margin-right: 20px;} .footer p em{margin: 0 8px;} .footer p span img{margin-right: 5px;} .red{position: absolute;top: 20px;left: 60px;} .jc{position: absolute;top: 30px;right: 60px;} /*** 概细览 ***/ .container{min-height: 500px;margin-top:10px;} .gl-box{margin-top: 30px} .bor-bot{border-bottom: 1px #e8e8e8 dashed;padding-bottom: 20px} .page{text-align: center;margin-top: 40px;} .page img{max-width: 100%} .gl-tit a.gdlm{float: right} .dqwz{padding: 14px 0;border-bottom: 1px #e8e8e8 solid} .dqwz p{color: #666;padding-left:30px;background: url("20191229-weizhi.png") no-repeat left center; } .dqwz p a{color: #666;} .gl-tit{border-bottom: 1px #e8e8e8 solid;} .gl-tit h5{float: left;font-size: 24px;font-weight: bold;} .gl-tit h5 a{text-decoration: none;color: #333;display: inline-block; line-height: 25px; padding-bottom: 20px; border-bottom: 4px #ce1c1c solid; text-decoration: none; color: #333;} .xll{padding: 0 20px} .sever{padding:40px 0 20px;text-align: center;} .lip{padding-top: 20px;border-top: 1px #eee solid} .sever h2{ font-size: 32px; color: #333; font-weight: bold; line-height:42px; display: inline-block; position: relative; width: 85%; } .sever h1{ font-size: 32px; font-weight: bold; line-height: 42px; width: 63%; display: inline-block; } .sever p{font-size: 16px;color: #666;margin-top: 20px} .over{ background-color: #fd2a3e; display: inline-block; font-size: 14px; color: #fff; border-radius: 4px; padding: 0 5px; font-weight: 200; line-height: 22px; position: absolute; right: -62px; top: 7px; } .lip{margin-top: 20px;color: #999;} .lip p span{ font-size: 14px;margin-right: 20px;display: inline-block} .lip .sp2{color: #d8d8d8;} .lip a{ display: inline-block; padding: 0 20px;} .detp{ margin-top: 60px; font-size: 18px; line-height: 40px; text-align: justify; } .detp p{margin-top: 15px;} .fjp { font-size: 19px; font-weight: bold; margin-bottom: 15px; margin-top: 70px; } .fjwz a{ font-size: 16px; color: #ce1c1c; } .xglj{ padding: 30px 0 0px 0px; border-top: 1px #dedede solid; margin-top: 55px; } .xglj p{ font-size: 20px; padding-left: 18px; border-left: 4px #ce1c1c solid; color:#ce1c1c; font-weight: bold; } .mn-dig{position: absolute;top: 27px;right: 0;border: 1px #ddd solid;background: #fff;max-height: 100px;overflow-y: auto;width: 121px} .mn-dig li{ padding: 0 20px ; line-height: 30px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mn-dig li a{text-decoration: none} .mn-dig li a{text-decoration: none} .mn-dig li:hover a,.mn-dig li.curr a{color: #ce1c1c;} .mn-dig li:hover,.mn-dig li.curr{background: #f2f2f2;} .fgl-tit{border-bottom: 1px #f0f0f0 solid;margin-top: 30px;margin-bottom: 10px;} .fgl-tit p{float: left;font-size: 20px;font-weight: bold;} .fgl-tit p a{display: inline-block;height: 45px;padding: 0 30px;line-height: 45px;color: #fff;text-decoration: none;background: #ce1c1c;border-radius: 5px 5px 0 0;} .gend{font-size: 14px;color: #999!important;float: right;margin-top: 10px;} @media only screen and (max-width:1920px){body{min-width: inherit;}} @media only screen and (max-width:1700px){ .banner{height: 480px;} } @media only screen and (max-width:1400px){ .list_08 a.right-btn {margin-right: -40px;} .list_08 a.left-btn {margin-left: -40px;} .banner{height: 400px;} } @media only screen and (max-width:1340px){ .w_1300{width: 1200px;} } @media only screen and (max-width:1200px){ .w_1300{width: 1000px;} .banner-wz img{width:950px;} .banner{height: 320px;} /* .list_08 li {width: 33.3%;}*/ .list_08 a.right-btn {margin-right: -30px;} .list_08 a.left-btn {margin-left: -30px;} } @media only screen and (max-width:1000px){ .w_1300{width: auto;padding: 0 25px;} .tit1,.tit1{background-size: 900px;} .tit1 a h5,.tit2 ul li{font-size: 24px;} .tit1{margin-top: 0px;} .fzxx-box {margin-top: 10px;} .tit2,.tit2 {margin-top: 20px;} .list-1 {margin-top: 20px;} .list_08 ul {margin-top: 20px;} .dqwz{display: none;} .footer{text-align: center;} /* .bg{ background-size: 1300px; }*/ .banner{height: 320px;} .banner-wz img{width:800px;} .banner-wz{margin-top: 20px;} .logo{width: 300px;margin-top: 20px;} .fhsy{width: 108px;} .red,.jc{position: static;} .zyjh-box{margin-top: 20px;width: 100%;} .container{margin-top: 0;} .sever h1{width: auto} .lip p,.lip .sp2{float: none} .lip{text-align: center} .lip p{margin-bottom: 10px} .sp2 span.dy {display: none;} .fzxx-left,.fzxx-right{width:100%;float: left;} .fzxx-right{margin-top: 10px;} .list_08 a.left-btn,.list_08 a.right-btn{display: none;} .contain { background-color: #ffffff; padding: 1px 0px 20px 0px; } .fzxx-top h5{font-size: 20px;} .tit3{margin-top: 20px;} .zyjh-top h4,.fzxx-top h5{overflow: inherit;text-overflow: inherit;white-space: normal;} .gl-box{margin-top: 10px;} .fgl-tit p{float: left;font-size: 18px;font-weight: bold;} .fgl-tit p a{padding: 0px 20px;} } @media only screen and (max-width:900px){ .banner{height: 290px;} } @media only screen and (max-width:800px){ .banner{height: 260px;} } @media only screen and (max-width:750px){ .w_1300{padding: 0 20px;} /* .bg{background-size: 1050px;}*/ .banner-wz{margin-top: 10px;} .banner-wz img { width: 600px; margin-top: 10px; } .banner{height: 240px;} /* .contain { padding: 1px 20px 50px 20px; } */ .logo{width: 240px;margin-top: 15px;} .fhsy{width: 80px;margin-top: 5px;} .sever h1{font-size: 24px;line-height:36px} .sever{padding: 20px 0;} .list-1 li span{display: none;} .list-1 li a{width: 92%;} .list-1 li { font-size: 16px; line-height: 38px;} .list-1 li i{margin-top: 19px;} .fzxx-top h5 {font-size: 18px;} .zyjh-top h4 {font-size: 18px;} } @media only screen and (max-width:650px){ .banner{height: 210px;} } @media only screen and (max-width:600px){ .banner{height: 190px;} } @media only screen and (max-width:540px){ .banner-wz img {width: 420px;} /* .bg{background-size: 850px;}*/ .banner{height: 180px;} .banner-wz {margin-top: 15px;} .list-1 {margin-top: 15px;} .list-1 li { font-size: 16px; line-height: 36px; } .list-1 li i{width: 4px;height: 4px;margin-top: 18px;} .tit1 a h5, .tit2 ul li {font-size: 22px;} .tit1, .tit1 { background-size:800px; } .tit1 a h5{line-height: 30px;} .tit1{margin-top:0px;height: auto;} .tit2{margin-top: 10px;} .tit3{margin-top: 20px;} a.more{height: 37px;width: 120px; line-height: 37px;font-size: 14px;} .list_08 li {margin-bottom: 10px;} .list_08 ul { margin-top: 20px;} .lip a {padding: 0 15px;} .lip {margin-top: 10px;} .detp {margin-top: 40px;} .gl-tit h5{font-size: 20px;} .gl-tit h5 a{padding-bottom: 15px;} .tit1, .tit1{background-image: none;} .tit1 a.dj{top:2px;display: none;} .stsg-tp a{width: 98%;margin-bottom: 10px;} .stsg-tp a img{width: 100%;} .fzxx-box {margin-top: 20px;} } @media only screen and (max-width:500px){ .banner{height: 160px;} } @media only screen and (max-width:450px){ .banner{height: 150px;} } @media only screen and (max-width:400px){ .banner{height: 135px;} } @media only screen and (max-width:374px){ .logo{width: 200px;} .fhsy{width: 70px;} .banner-wz img {width: 300px;} .banner{height: 120px;} .gdlm img{width: 105px;} .mn-dig{width: 103px;top:23px;} /* .contain { padding: 1px 15px 50px 15px; } */ .gl-box {margin-top: 10px;} }