
.run_banner{min-height:1rem; position: relative;}
.bannerimg_dh{position: absolute; width: 2.67rem; height: 2.1rem; right: 0; right:calc((100% - 14.4rem) / 2); top: 40%;}
.bannerimg_dh img{width: 100%; transform: scale(1);}
/* common */ 
.home-common-tit{text-align: center;}
.home-common-tit h2{font-size:.4rem; font-weight: 400; font-family: t7;}
.home-common-tit span{display: inline-block; padding: .15rem; vertical-align: middle;}
.home-common-tit h2:after{content: ''; display:block; margin: auto; width: 1.2rem; height: .04rem; background:#d6180f; vertical-align: middle;}
.home-common-tit.white span{color: #fff;}
.home-common-tit.white h2:before, .home-common-tit.white h2:after{background: #fff;}

.home-xwdt{padding-bottom:.4rem; position: relative;}
.home-xwdt .home-common-tit{padding:.25rem 0;}
.home-xwdt-m{display: none;}
.home-xwdt-pc .pic{width:66%; height: 5.35rem; position: relative;}
.home-xwdt-pc .pic a{display: block; height: 100%;}
.home-xwdt-pc .pic img{display: block; width: 100%; height: 100%; margin: 0 auto;}
.home-xwdt-pc .pic span{position: absolute; left: 0; right: 0; bottom: 0; padding:0 .2rem; height: .68rem; line-height: .68rem; text-align: center; font-size: .2rem; color: #fff; background: rgba(0,0,0,0.33); -webkit-background: rgba(0,0,0,0.33);}
.home-xwdt-list{width: 31.5%;}
.home-xwdt-list li{padding:.18rem 0; border-bottom: 1px solid #d1d1d1;}
.home-xwdt-list li:first-child{border-top: 1px solid #d1d1d1;}
.home-xwdt-list li p{opacity: 0; height: 0; max-height:.72rem; line-height: 1.5; color: #ea605a; overflow: hidden; transition: all .2s;}
.home-xwdt-list li.active{padding: .28rem 0; position: relative;}
.home-xwdt-list li.active p{opacity: 1; height: auto;  margin-top: 0.08rem;}
.home-xwdt-list li.active h4{font-size: .2rem;}
.home-xwdt-list li.active:before{content: ''; position: absolute; left: -.25rem; top: .35rem; width: 0; height: 0; border: transparent solid .07rem; border-right-color: #d6180f;}
.home-xwdt-list li.active h4 a{color: #d6180f;}
.home-xwdt .more{position: absolute; left: 66%; bottom:.8rem; margin-left: 2.5%;}

.home-hf{margin-bottom: .6rem;}
.home-hf .swiper-pagination{text-align: right; width: auto; right: 10px; bottom: 15px;}
.home-hf .swiper-pagination-bullet-active{background: #fff;}
.home-hf img{display: block; width: 100%;}

.home-ywly{position: relative; margin-bottom:.5rem; background: #f5f5f5;}
.home-ywly .home-common-tit{padding-top: 0.55rem; padding-bottom:.45rem; z-index: 20;}
.home-ywly-cont{position: relative; height: auto; }
.home-ywly .swiper-num{display: none;}
.home-ywly .swiper-slide{  position: relative; background-color: #f5f5f5;}
.slide1{height:6.6rem;}
.home-ywly .pagination{display: flex; justify-content:center; height:.54rem;}
.home-ywly .pagination span{display: block; width: 2rem; margin: 0 16px; opacity: 1; text-align: center; color: #333; height: .54rem; line-height: .54rem; background: #efefef; font-size: .24rem; cursor: pointer; border-radius: 0;}
.home-ywly .pagination span.swiper-pagination-bullet-active{opacity: 1; background: #d6180f; color: #fff;}
.home-ywly .pagination span b{font-weight: normal; }

.home-ywly .mainCont{position: relative; height: 5.3rem; margin-top: .3rem; padding-bottom: .8rem;}
.home-ywly .mainCont .dimg{position: relative; float: left; left: 0; width:41.25%; height: 100%; background: #CCCCCC;}
.home-ywly .mainCont .dimg a{display: block; height: 100%; position: relative; overflow: hidden;}
.home-ywly .mainCont .dimg img{display: block; width: 100%; height: 100%;}
.home-ywly .mainCont .dimg span{display: block; position:absolute; transition:all .4s ease-in-out; background:rgba(0,0,0,.5); background:-moz-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.5)); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5))); width: 100%; height: .7rem; line-height: .7rem; font-size: .2rem; color: #fff; bottom: 0; left: 0; text-align: center;}
.home-ywly .mainCont .imgbox{float: right; width: 56%; height: 100%; overflow: hidden;}
.home-ywly .mainCont .imgbox ul {display: flex; height: 100%; margin:0 -15px; flex-wrap:wrap; justify-content: space-between; align-content:space-between;}
.home-ywly .mainCont .imgbox ul li{width: 48.5%; height: 48%; position: relative; float: left; overflow: hidden; background: #ccc; box-sizing: border-box;}
.home-ywly .mainCont .imgbox ul li a{display: block; height:100%; position: relative;}
.home-ywly .mainCont .imgbox ul li a img{display: block; width: 100%; height: 100%; }
.home-ywly .mainCont .imgbox ul li a span{display: block; position: absolute;background:#222; background:rgba(0,0,0,.5); background:-moz-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.5)); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5))); width: 100%; height: .5rem; line-height: .5rem; font-size: .2rem; color: #fff; bottom: 0; left: 0; text-align: center;}

.imglist ul{margin:0 -10px;}
.imglist ul li{width:33.333%; position: relative; float: left; box-sizing: border-box; padding: 10px;}
.imglist ul li a{display: block; overflow: hidden; position: relative; padding-bottom: 42.55%; height: 0;}
.imglist ul li a img{display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%;}
.imglist ul li a span{display: block; position: absolute;background:#222; background:rgba(0,0,0,.5); background:-moz-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.5)); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5))); width: 100%; height: .5rem; line-height: .5rem; font-size: .2rem; color: #fff; bottom: 0; left: 0; text-align: center;}


.mainCont .imgbox1{width:100%; height: 100%;}
.mainCont .imgbox1 ul {display: flex; height: 100%; flex-wrap:wrap; justify-content:space-around;}
.mainCont .imgbox1 ul li{width:31%; height:2.2rem; position: relative; float: left; overflow: hidden; box-sizing: border-box; margin-bottom: .3rem;}
.mainCont .imgbox1 ul li a{display: block; background: url(/szgd/xhtml/images/sgdj_lyyx_yxdy_bg.png) no-repeat right bottom #fff; position: relative; box-sizing: border-box; height: 100%; padding:.5rem 0 0 2rem;}
.mainCont .imgbox1 ul li:hover{box-shadow: 0px 0px 0.12rem #DDDDDD; margin-top:-2px; transition: margin-top;}
.mainCont .imgbox1 ul li a .mimg{width: 1.8rem; text-align: center; height: 1.52rem; position: absolute; top:.4rem; left:.1rem}
.mainCont .imgbox1 ul li a .mimg img{display: block; height:100%; margin:auto;}
.mainCont .imgbox1 ul li a span{display: block; width: 100%; line-height:1.9; font-size: .16rem; color:#333;}
.mainCont .imgbox1 ul li a span.name{font-size: .2rem; line-height: 2.2;}
.mainCont .imgbox1 ul li a span.dzb{padding-bottom: .1rem; color: #d6180f;}
.mainCont .imgbox1 ul li.more{padding:0; height:auto; }
.mainCont .imgbox1 ul li.more a{background: none; padding:0; line-height: .4rem;  border: none !important; text-align: center;}
.mainCont .imgbox1 ul li.more a:after{display: none;}
.mainCont .imgbox1 ul li.more:hover{box-shadow: none;}

.sgdjlist{background:#f5f5f5; padding-top: .3rem;}

.home-scroll{padding-bottom: 1rem; margin-top: .3rem;}
.home-scroll .picbox{margin: 0 -10px;}
.home-scroll .pic{width: 16.666%; float: left; overflow: hidden;}
.home-scroll .pic a{display: block; padding:10px; height: 1.3rem;}
.home-scroll .pic img{display: block; width: 100%; height: 100%;}


.footer-links{background:#d14646 !important; border-bottom: 1px solid #EA605A; }
.footer-links h3:after, .footer-links ul li:after{background:#ea9591;}
.footer-c{background: #d14646;}
.footer-logo img, .footer-icons li h4 a{-webkit-filter: grayscale(100%) brightness(200%); filter: grayscale(100%) brightness(200%); }
.footer-b{background:#ca3d3d !important; color:#db6262;}
.footer-nav ul li a{color: #f59090;}



@media (max-width: 1440px) {
    .home-ywly .swiper-slide{background-size: 100% auto;}
	.bannerimg_dh{right:9.7%; width: 18vw; height:18vw; top: 28%;}
	
}


@media (max-width: 1280px) {
    .home-ywly .paginate{left: 0; margin-left: 0;}
}
@media (max-width: 980px) {
    .home-xwdt .more{ position:static;}
}
@media (max-width: 768px) {
    .imglist ul li{width: 50%;}
}



@-webkit-keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

<!--ºÄÊ±1776107862.9745Ãë-->