@charset "utf-8"; *{margin:0; padding:0;} html{width:100%;} body{font-size:.16rem;font-family:Microsoft YaHei, Arial; width:100%; height:auto; background:#f6f6f6} div,li,ul,dl,dd,dt,span,font,label,i,b,button{ list-style-type:none;font-family:Microsoft YaHei, Arial;font-size:.16rem} td{padding:0;list-style-type:none;} a{text-decoration: none;color:#333;font-family:Microsoft YaHei, Arial; font-weight:normal;-webkit-transition: all 0.4s ease;transition: all 0.4s ease; font-size:.16rem;}a:hover{color:#b80000} input,img{border: 0;outline: none}img{-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}input::-ms-clear{display:none;}input::-webkit-input-placeholder{color:#777}h1,h2,h3,h4,h5{font-weight:normal;}.clrfix:after {content: '';display: block;height: 0;clear: both;}.fl{float:left!important;}.fr{float:right!important;} .w1470{width:14.7rem; margin:0 auto} header{ background:#b80000; height:1.59rem; padding-top:.5rem; width:100%} .logo{float:left;}.logo img{display:block; float:left; vertical-align:middle; max-width:3.44rem}.logo h1{display:block; float:left; color:#fff; line-height:.44rem; padding-left:.22rem; border-left:#dc8080 1px solid; margin-left:.28rem; margin-top:.12rem; font-size:.3rem} header form{float:right; padding-top:.16rem} header form input[type="text"]{ padding-left:.12rem; width:1.7rem; float:left; line-height:.3rem; height:.3rem; background:#e0e0e0;} header form input[type="submit"]{ float:left; background:#9a0101 url(../images/search_an.png) no-repeat center; background-size: 50%;width:.33rem; height:.3rem} .nav{ height:.45rem; position:relative; z-index:1; clear:both; border-top:#cd4d65 1px solid; margin-top:.48rem; display:inline-block; width:100%;} .nav ul{display:flex;justify-content: space-between; margin: auto;}.nav ul li{display:inline-block; float:left; text-align:center; width: 223px;} .nav ul li a{font-size:.17rem; color:#fff; display:block; position:relative; padding:0 .22rem; line-height:.45rem}.nav ul li a:after{ content:""; height:1px; width:0; position:absolute; top:.4rem; left:15%; background:#cd4d65;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}.nav ul li a:hover:after{ width:70%;}.nav ul li a:hover{} .nav ul li ul { display: none; } .nav li .second-nav{display: none;position:absolute;z-index:999; padding:.1rem 0;background:#b80000; width: 1.4rem; margin-left:.11rem} .nav li .second-nav li{position: relative;width: 100%;height: .4rem;line-height: .4rem;}.nav li .second-nav li a{color:#fff;padding: 0; font-size:.15rem; font-weight:normal}.nav li .second-nav li a:after{ top:.4rem} .fullSlide{width:14.7rem;position:relative; clear:both; margin:0 auto} .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; clear:both} .fullSlide .bd ul{width:100% !important;height:4.75rem!important;} .fullSlide .bd li{width:100% !important;height:4.75rem;overflow:hidden;text-align:center; background-size:cover; position:relative} .fullSlide .bd li a{display:block;height:4.75rem;} .fullSlide .bd li h1{position:absolute;height:.5rem; background:rgba(0,0,0,.29);bottom:0; z-index:1; width:96%; bottom:0; color:#fff; font-size:.18rem; line-height:.5rem; text-align:left; padding:0 2%} .fullSlide .hd{position:absolute;z-index:1;bottom:0;right:2%; height:.35rem;} .fullSlide .hd ul{text-align:center; float:left} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px; border-radius:20px; margin:0 8px;overflow:hidden; border:2px #fff solid;line-height:999px;} .fullSlide .hd ul li.on{ background:#fff} .fullSlide .prev,.fullSlide .next{ display:none} .ty_tit{ border-bottom:3px solid #b80000; height:.48rem}.ty_tit h1{float:left; font-size:.2rem; font-weight:bold;color:#b80000;}.ty_tit h1 img{vertical-align:middle; margin-right:.12rem; max-width:.36rem; margin-top:-.03rem} .ty_tit>a{border-radius: 30px; width:.65rem; padding-left:.05rem; border:#b80000 1px solid; color:#b80000; text-align:center; line-height:.3rem; font-size:.14rem; float:right;} .ty_tit>a:hover{background:#b80000; color:#fff} .flex44{padding:.44rem; display:flex;justify-content: space-between; background:#fff;box-sizing: border-box;} .flex44s{padding:.05rem .44rem .58rem; display:flex;justify-content: space-between; background:#fff;box-sizing: border-box;} .ty_box{width:30%;}.ty_box ul{ padding-top:.06rem}.ty_box ul li{border-bottom:#e5e5e5 1px dashed; padding:.15rem 0; height: 0.433rem;}.ty_box ul li span{ color:#b80000; font-size:.12rem; display:block; padding-bottom:.06rem;line-height: .16rem;}.ty_box ul li a{clear:both;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block} .imglist{}.imglist dd{clear:both; position:relative; margin-top:.28rem}.imglist dd img{width:100%; height:1.97rem;}.imglist dd h1{position:absolute; line-height:.4rem; background:rgba(0,0,0,.5); text-align:center; color:#fff; font-size:.16rem; bottom:0; left:0; width:100%;}.imglist dd a{display:block; line-height:0; overflow:hidden}.imglist dd a:hover img{transform: scale(1.1,1.1);} .dl_list{clear:both; padding-top:.06rem}.dl_list dd{line-height:.54rem;border-bottom:#e5e5e5 1px dashed; position:relative; padding-left:.2rem}.dl_list dd span{color:#b80000; font-size:.12rem; float:right}.dl_list dd a{white-space: nowrap;text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block}.dl_list dd:after{content:""; position:absolute; width:.07rem; height:.07rem; background:#b80000; left:0; top:.25rem} .tz_list{ padding-top:.06rem}.tz_list dd{border-bottom:#e5e5e5 1px dashed; padding-bottom:.16rem; padding-top:.16rem;}.tz_list dd span{float:left; background:url(../images/date_bg.png) no-repeat; background-size:cover; display:block; color:#fff;padding-top: .1rem;padding-left:.06rem; width:.57rem; height:.55rem;box-sizing: border-box; text-align:center; font-size:.14rem; margin-right:.2rem}.tz_list dd span b{display:block; text-align:center; font-size:.22rem; line-height:.22rem;}.tz_list dd a{line-height:.28rem;overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; min-height: .55rem;} footer{ background:#b80000; clear:both; height:1.14rem; padding:.59rem 0; width:100%} footer .logo{padding-top:.26rem;} footer .txt{line-height:.3rem; color:#fff; float:left; margin-left:15%;padding-top:.12rem;} footer .ewm{ float:right; text-align:center; color:#fff; font-size:.14rem; margin-right:3%; line-height:150%}footer .ewm img{display:block; max-width:.94rem; height:auto} .phone,.phone_search{display:none;} .zy_banner{ height:3.2rem; clear:both;background-repeat:no-repeat; background-position:top center; background-size:cover} .left{ width:2.6rem; margin-top: -.6rem; position: relative; z-index: 100; background: #fff; border-left: solid 4px #b80000; float:left} .left:before{ display: block; content: ""; height: .5rem; position: absolute; left: -4px; top: 100%; right: 0; background: url(../images/left-b.png) center left no-repeat; width: 2.64rem; } .left h1{font-size:.26rem; color: #b80000; padding:.3rem 0 0 .25rem; line-height:.4rem; font-weight:bold} .left ul{margin-top: .3rem}.left ul li{ position: relative; padding-left: .27rem; } .left ul li a{ font-size: .16rem; color: #333; display: block; padding:15px 0; width: 100%; position: relative; z-index: 100; padding-left: .2rem; padding-right: .3rem; } .left ul li:before{ display: block; content: ""; position: absolute; left:-0.08rem; top: 50%; margin-top: -0.06rem; width: .12rem; height: .12rem; background: url(../images/li03.png) center no-repeat; background-size:cover} .left ul li.active:after { display: block; content: ""; position: absolute;top: 0; width: 2.56rem; bottom: -.1rem; background: url(../images/nav-c.png) center no-repeat;left: .17rem; background-size: 100% 100%;} .left ul li.active a ,.left ul li.active:hover a { color: #fff; } .left ul li.active:before,.left ul li:hover:before{ background: url(../images/li04.png) center no-repeat; background-size:cover} .left ul li:hover a { color: #b80000;} .right{ width:10.7rem; float:right; background:#fff; padding:.15rem .36rem; background:#fff; min-height:6rem; margin-top:.2rem} .right .title{line-height:.57rem; border-bottom:#b80000 1px solid}.right .title h1{ font-size:.22rem; color:#333} .right .title .wz{float:right;font-size: .15rem;color: #636363}.right .title .wz a{font-size: .15rem;color: #636363;} .right .con{min-height:5rem;padding:.3rem 0px; font-size:.22rem; line-height:.4rem;} .right .con p{font-size:.22rem; line-height:.4rem; text-indent:2em} .right ul{ padding:.2rem 0} .right ul li{ line-height:.57rem; border-bottom:#e1dfdd 1px dashed; clear:both; position:relative; padding-left:.2rem}.right ul li span{ float:right; color:#999; font-size:.15rem} .right ul li::after{ content:""; position:absolute;background:#b80022; height:.17rem; width:4px; left:0; top:.2rem} .fenye{padding:.2rem 0; text-align:center; clear:both} .content_tit{ padding:.5rem 0 .2rem; font-size:.3rem; text-align:center} .content_time{ line-height:.6rem; text-align:center; font-size:.16rem; color:#8c8c8c; border-bottom:1px #CCC solid} .content_time span{font-size:.16rem; color:#8c8c8c; padding:0 .15rem;} .content{min-height:6rem;padding:.3rem 0px; font-size:.18rem; line-height:.4rem} .content p{ font-size:.18rem; line-height:.4rem text-indent:2em} @media (max-width:1300px){ .tz_list dd span{padding-top:.08rem} } @media (max-width:1000px){ html{font-size:100px !important;} .w1470{width:98%; margin:0 auto} .nav,.left{display:none;} .phone{ display:block; position:absolute; right:2%; top:.55rem; z-index:999}.phone b{display:block; background:url(../images/phone_1.png) center no-repeat; width:33px; height:33px;}.phone i{display:block; background:url(../images/phone_2.png) center no-repeat; width:33px; height:33px; display:none} .phone_nav{display:block; position:absolute; right:0; top:.85rem; z-index:9999;background:#b80000; width:40%; height:auto;} .phone_nav ul{position:relative; display:block} .phone_nav ul li{position:relative; float:none; margin:0; width:100%;background:#b80000; border-bottom:1px solid #dd5972;} .phone_nav ul li a{color:#fff;font-weight:normal; margin:0;display: inherit;padding:0} .phone_nav .second-nav{display:none;} .phone_nav li .second-nav{ position:relative; width:100%; padding:0; margin-left:0} .phone_nav .second-nav li a{ font-size:.17rem !important} .phone_nav ul li a:after{display:none;} .phone_nav>ul>li.x{background:#b80000 url(../images/nav_x.png) no-repeat 80% center;} .phone_search{display:block; position:absolute; right:8%; top:.55rem; z-index:999; background:url(../images/search_an.png) no-repeat center; width:33px; height:33px} header{ height:1rem; padding-top:.35rem;} header form{display:none; position:absolute; right:7%; top:.8rem; z-index: 1;} .fullSlide{width:100%;}.fullSlide .bd li{height:4rem;background-size:cover;background-position: 50%;}.fullSlide .bd ul{height:4rem!important;}.fullSlide .bd li a{height:auto;} .imglist dd h1{white-space: nowrap;text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden; } .flex44,.flex44s{padding-left:.2rem;padding-right:.2rem;} footer .logo{display:none;}footer .txt{margin-left: 4%;} .right{width:auto; float:none}.right ul li a{overflow:hidden; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow:ellipsis; display:block} } @media (max-width:750px){ .ty_box{width:100%; clear:both; margin-bottom:.2rem} .flex44,.flex44s{display:block; padding-bottom:.1rem} .fullSlide .bd li{height:3rem;}.fullSlide .bd ul{height:3rem!important;} header{padding-top:.25rem;} .phone_search,.phone{top:.5rem;}header form{top: 1.1rem;}.phone_nav{ width:50%; top:.77rem} .imglist dd img{height:auto;} footer{height: 2.2rem; padding:.3rem 0;}footer .txt,footer .ewm{float:none; padding-bottom:.1rem}footer .ewm{width:60%; margin:0 auto; clear:both}footer .ewm img{margin:0 auto} } @media (max-width:620px){ header .logo{width:3rem;}header .logo img{max-width:90%; float:none; padding-bottom:10px}header .logo h1{float:none; border:0;padding-left:5%;margin-top:.02rem; font-size:.24rem; line-height:.3rem; margin-left:0}.phone_search{right:13%;} header{padding:.1rem 0;} .right{padding:.15rem .25rem;} .content_time{ padding-bottom:.1rem} .content_time span{ clear:both; display:block; line-height:.28rem} } @media (max-width:500px){ .right .title .wz{ float:none;} } @media (max-width:360px){ html,body{min-width:3rem;} header .logo{width:70%; padding-top:.1rem} .right{padding:.15rem .15rem;} }