@charset "utf-8";
.btn{ display: inline-block;border-radius: 5px;overflow: hidden;color: #fff;padding: 0 8px;text-align: center}
.btn img{ vertical-align: -2%}
.text_nowrap{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
.pich{ display: inline-block;overflow: hidden}
.pich img{ transition: all .3s}
.pich:hover img{ opacity: .8;transform: scale(1.05)}
.text-center{ text-align: center}
.w50{ width: 48%}
.w30{ width: 30%}
.w80{ width: 80%}
.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
@media screen and (max-width:991px){
 .m-100{  width: 100%!important }
 .m-hide{  display: none!important }
 .m-mt20{  margin-top: 20px!important }
 .m-mt30{  margin-top: 30px!important }
 .m-hauto{  height: auto!important }
}
.tab{ position: relative}
.tab .hd{ position: relative}
.tab .column-more{ position: absolute;font-size: 14px;color: #666;top: 0;right: 0}
@media screen and (max-width:991px){
 .tab .column-more{  position: relative;background-color: #f0f0f1;text-align: center;display: block;padding: 5px 0;border-radius: 3px;margin-top: 2% }
}
.bd>.c{ display: none;transition: all .3s}
.bd>.on{ display: block}
.column1{ padding: 2%}
@media screen and (max-width:991px){
 .column1{  padding: 0 }
}
.slide{ position: relative;height: 303px;overflow: hidden}
.slide:hover .arrow-left,.slide:hover .arrow-right{ opacity: 1}
.slide .arrow-left,.slide .arrow-right{ position: absolute;width: 24px;height: 44px;background-repeat: no-repeat;top: 50%;margin-top: -22px;z-index: 22;opacity: 0;cursor: pointer}
.slide .arrow-left{ background-position: 0 0;left: 16px}
.slide .arrow-right{ background-position: right 0;right: 16px}
.slide .swiper-slide{ position: relative;height: 303px}
.slide .swiper-slide a{ display: block}
.slide .swiper-slide span{ position: absolute;bottom: 0;left: 0;width: 98%;height: 40px;line-height: 40px;padding-left: 2%;background: rgba(0,0,0,.7);color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.slide .pagination{ position: absolute;bottom: 13px;right: 0;z-index: 29;width: 110px;left: auto;text-align: right;padding-right: 8px}
.slide .pagination span{ display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #fff;margin: 0 5px;cursor: pointer;opacity: .5}
.slide .pagination .swiper-active-switch{ opacity: 1}
@media screen and (max-width:991px){
 .slide{  width: 100%;height: 0;padding-top: 60.88% }
 .slide .swiper-container{  position: absolute;top: 0;left: 0;height: 100%;width: 100% }
 .slide .swiper-slide, .slide a{  height: 100% }
 .slide .arrow-left, .slide .arrow-right{  opacity: 1;width: 30px;background-size: 60px;height: 46px }
 .slide .pagination span{  margin: 0 2px }
}
.slide{ width: 566px}
.slide .arrow-left,.slide .arrow-right{ background-color: #ccc;line-height: 44px;color: #fff;text-align: center;opacity: 0;font-stretch: ultra-condensed;font-family: monospace}
.focus{ width: calc(100% - 596px);height: 303px}
.grbs{ position: relative}
.grbs .title{ position: absolute;top: 0;left: 0;background: url(../images/index/grbs_title.png) no-repeat;width: 143px;height: 134px;z-index: 2}
.grbs .title a{ color: #fff;font-size: 22px;position: absolute;width: 2.5em;line-height: 30px;letter-spacing: 3px;top: 50%;left: 50%;margin-left: -1.8em;margin-top: -30px;font-weight: 700}
.grbs .hd{ padding-left: 120px;height: 134px;justify-content: space-around;align-items: center}
.grbs .hd a{ display: inline-block}
.grbs .hd a.on{ font-weight: 700}
.grbs .hd a img{ display: block;margin: 0 auto 8px}
.grbs .c{ padding: 22px 10px}
.grbs .c a{ display: inline-block;margin: 0 1.5%}
.grbs .grps{text-align:right;}
@media screen and (max-width:991px){
 .grbs .title{  position: relative;height: auto;background: 0 0;border-bottom: 1px solid #dcdcdc;width: 100%;margin-bottom: -1px }
 .grbs .title a{  width: auto;letter-spacing: 0;position: relative;left: 0;margin: 0;font-size: 20px;color: #333;display: inline-block;border-bottom: 2px solid #368ec9;padding-bottom: 3px }
 .grbs .hd{  padding-left: 0;margin-top: 20px;height: auto }
 .grbs .hd a{  width: 25%;text-align: center;margin-bottom: 2.5% }
 .grbs .bd{  display: none }
}
.ztzl{ overflow: hidden}
.zt{ position: relative;height: 83px;margin: 0 -10px 0}
.zt .swiper-container{ height: 83px;color: #fff;text-align: center;overflow: hidden;width: 100%;margin: auto}
.zt .swiper-slide a{ display: block;width: 385px;margin: auto}
.zt .swiper-slide .img{ width: 385px;height: 83px}
.zt .arrow-left,.zt .arrow-right{ position: absolute;width: 15px;height: 30px;top: 50%;margin-top: -15px;z-index: 22;background-color: #000;cursor: pointer;line-height: 30px;color: #fff;text-align: center;opacity: .5;font-stretch: ultra-condensed;font-family: monospace}
.zt .arrow-left{ left: 11px}
.zt .arrow-right{ right: 11px}
@media (max-width:991px){
 .zt{  margin: 0 auto 0 }
 .zt .arrow-left{  left: 0 }
 .zt .arrow-right{  right: 0 }
}
.column2{ position: relative;padding-left: 210px}
.column2 .ctitle{ position: absolute;top: 0;left: 0;width: 200px;height: 100%}
.column2 .ctitle a{ display: block;border-bottom: 1px solid #f6f6f6;box-sizing: border-box;height: 16.666666%;font-size: 18px;font-weight: 700;text-align: center;line-height: 70px;position: relative;cursor: pointer}
.column2 .ctitle a.on{ background-color: #3da3ff;color: #fff}
.column2 .ctitle a.on:after{ content: "";position: absolute;width: 8px;height: 14px;background: url(../images/index/arrow.png) no-repeat;top: 50%;margin-top: -7px;right: -8px}
.column2>.bd{ height: 445px;padding: 20px 20px}
.column2 .left{ width: 48.88%}
.column2 .right{ width: 47.61%;padding-top:20px;}
.column2 .more{ display: block;background-color: #e0f4ff;line-height: 38px;text-align: center;font-size: 14px;color: #666}
.column2 .more:hover{ background-color: #bae7ff}
.column2 .large li{ line-height: 46px;height: 46px}
@media screen and (max-width:991px){
 .column2 .large li{  line-height: 32px;height: 32px }
}
@media screen and (max-width:991px){
 .column2{  padding-left: 0 }
 .column2 .ctitle{  position: relative;width: 100% }
 .column2 .ctitle a{  display: inline-block;height: auto;line-height: 42px;padding: 0 8px }
 .column2 .ctitle a.on:after{  display: none }
 .column2>.bd{  height: auto;padding: 15px 0 0 }
 .column2 .htitle{  height: 29px }
 .column2 .htitle a{  font-size: 16px;padding-bottom: 5px }
 .column2 .htitle a.hmore{  font-size: 14px;padding-bottom: 0 }
}
.kspj .left .more{ margin-bottom: 12px}
.kspj .right{ align-items: center;padding-bottom: 5px}
.kspj .right a,.jypx .right a ,.gjhz .right a{ width: 48%;height: 68px;background-color: #ddf0ff;color: #003e69;line-height: 20px;display: flex;align-items: center;font-size: 14px;padding-left: 12%;box-sizing: border-box;margin-top: 0;position: relative}
.kspj .right a:hover,.jypx .right a:hover{ background-color: #bae7ff}
.kspj .right a:before{ content: "";position: absolute;width: 50px;height: 48px;left: 5%;bottom: 0;background-image: url(../images/index/kspj.png);background-repeat: no-repeat}
.kspj .right a.icon1:before{ background-position: 0 0}
.kspj .right a.icon2:before{ background-position: -269px 0}
.kspj .right a.icon3:before{ background-position: 0 -94px}
.kspj .right a.icon4:before{ background-position: -269px -94px}
.kspj .right a.icon5:before{ background-position: 0 -186px}
.kspj .right a.icon6:before{ background-position: -269px -189px}
.kspj .right a.icon7:before{ background-position: 0 -281px}
.kspj .right a.icon8:before{ background-position: -269px -281px}
.kspj .right a.icon9:before{ background-position: 0 -376px}
.kspj .right a.icon10:before{ background-position: -269px -376px}
@media screen and (max-width:991px){
 .kspj .right{  padding-bottom: 0 }
 .kspj .right a{  width: 100%;margin-bottom: 3%;padding-left: 30% }
 .kspj .right a:before{  left: 10% }
}



.banner-text{ display: inline-block;text-align: center;background-size: cover;color: #fff;font-size: 20px;font-weight: 700;display: flex;align-items: center;justify-content: center;line-height: 26px;text-shadow: 2px 2px #002742;overflow: hidden}
.banner-text:hover{ opacity: .8;color: #fff}
.jypx .right a{ margin-top: 28px;height: 80px;}
.jypx .right a.icon1,.jypx .right a.icon2{margin-top: 0;}
.jypx .right a:before{ content: "";position: absolute;width: 50px;height: 48px;left: 5%;bottom: 0;background-image: url(../images/index/jypxicon.png);background-repeat: no-repeat}
.jypx .right a.icon1:before{ background-position: 0 0}
.jypx .right a.icon2:before{ background-position: 0 -60px}
.jypx .right a.icon3:before{ background-position: 0 -120px}
.jypx .right a.icon4:before{ background-position: 0 -180px}
.jypx .right a.icon5:before{ background-position: 0 -240px}
.jypx .right a.icon6:before{ background-position: 0 -300px}
.jypx .right a.icon7:before{ background-position: 0 -360px}
.jypx .right a.icon8:before{ background-position: 0 -420px}
.jypx .right .flex a.banner-text{ height: 123px;background: url(../images/index/jypx1.jpg) no-repeat center;background-size: cover}


.qzzp .right a.icon1:before{background-image: url(../images/index/rckf1.png) !important;background-repeat: no-repeat;background-size: 100%;width: 32px;height: 54px;background-position: 0 0}
.qzzp .right a.icon2:before{background-image: url(../images/index/rckf2.png) !important;background-repeat: no-repeat;background-size: 100%;width: 32px;height: 54px;background-position: 0 0}
.qzzp .right a.icon3:before{background-image: url(../images/index/rckf3.png) !important;background-repeat: no-repeat;background-size: 100%;width: 32px;height: 54px;background-position: 0 0}
.qzzp .right a.icon4:before{background-image: url(../images/index/rckf4.png) !important;background-repeat: no-repeat;background-size: 100%;width: 32px;height: 54px;background-position: 0 0}
.qzzp .right a.icon5:before{background-image: url(../images/index/rckf5.png) !important;background-repeat: no-repeat;background-size: 100%;width: 32px;height: 54px;background-position: 0 0}
.qzzp .right a.icon6:before{background-image: url(../images/index/rckf6.png) !important;background-repeat: no-repeat;background-size: 100%;width: 32px;height: 54px;background-position: 0 0}






.jypx .right a.w100{ height: 80px;background: url(../images/index/jypx5.jpg) no-repeat center;background-size: cover}
.qzzp ul.newslist{ width: 50.2%}
.qzzp .ad{ width: 46.77%;margin-top: 22px}
.qzzp .ad a{ display: block}
.qzzp .ad .w55{ width: 55.63%}
.qzzp .ad .w39{ width: 39.6396%}
.gjhz .left{ width: 63.28%}
.gjhz .gjhzitem{width:33.86%;}
.gjhz .right{width: 100%; align-items: center;}
.gjhz .right a{ width: 100%;height: 68px;margin-top: 13px;padding-left: 20%;}
.gjhz .right a:before{ content: "";position: absolute;width: 50px;height: 48px;left: 5%;bottom: 0;background-image: url(../images/index/gjhzicon.png);background-repeat: no-repeat}
.gjhz .right a.icon1:before{ background-position: 0 0}
.gjhz .right a.icon2:before{ background-position: 0 -50px}
.gjhz .right a.icon3:before{ background-position: 0 -100px}
.gjhz .right a.icon4:before{ background-position: 0 -150px}
a.gjhzmore {display: block;height: 40px;line-height: 40px;margin-top: 20px;background-color: #ddf0ff;font-size: 14px;text-align: center;color: #666;}
a.gjhzmore:hover,.gjhz .right a:hover{ background-color: #bae7ff}

@media screen and (max-width:991px){
    .gjhz .gjhzitem{width: 100%;}
 .gjhz .right{  margin-top: 10px;padding-bottom: 0 }
 .gjhz .right a{  height: 70px;font-size: 18px;margin-top: 10px }
 .jypx .left .more{margin-bottom: 20px;}
}
.lt10 .focus .htitle{ height: 38px}
.lt10 .grbs .hd{ padding: 22px 30px 0 150px}
.lt10 .kspj .right{ padding-top: 12px}
.lt10 .kspj .right a{ margin-bottom: 23px;padding-top: 21px}
.lt10 .kspj .right a.icon10,.lt10 .kspj .right a.icon9{ margin-bottom: 0}
.lt10 .kspj .right a.icon1,.lt10 .kspj .right a.icon3,.lt10 .kspj .right a.icon7,.lt10 .kspj .right a.icon8,.lt10 .kspj .right a.icon9{ padding-top: 8px}
.lt10 .gjhz .right{ padding-top: 12px}
.lt10 .gjhz .right a{ margin-bottom: 24px;padding-top: 32px;box-sizing: border-box}
.lt10 .gjhz .right a.line2{ padding-top: 19px}