@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
.is-main{margin: 20px auto 0;}

.m-hmlfbtns li{text-align: center;}
.m-hmlfbtns a{display: block; padding: 12px 10px 15px; background: #f5f5f5;}
.m-hmlfbtns span{display: block; margin: 0 auto 10px; width: 30px; height: 30px; line-height: 30px; font-size: 28px; color: #0e54ad;}
.m-hmlfbtns p{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-hmlfbtns a:hover{background: #e6ecf5; color: #0e54ad;}

.m-hot{padding: 20px 0;}
.m-hot a{display: block; font-size: 30px; font-weight: bold; color: #c90000; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/* .g-flash,.g-flash img{height: 356px;}
.g-flash img{display: block; width: 100%;}
.g-flash .owl-item,.g-flash .owl-item a{position: relative;}
.g-flash .owl-item a{display: block;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 124px 0 20px; line-height: 50px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 20px; bottom: 20px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 12px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; border-radius: 50%; background: #fff;}
.g-flash .owl-pagination .active span{background: #c90000;} */

.m-flash,.m-flash .bd li,.m-flash .bd img{width: 510px; height: 356px;}
.m-flash .bd li{position: relative;}
.m-flash .bd li p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 124px 0 20px; line-height: 50px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.m-flash .hd{position: absolute; right: 20px; bottom: 20px;}
.m-flash .hd li{float: left; margin-left: 10px; width: 10px; height: 10px; -moz-border-radius: 50%; border-radius: 50%; background: #fff;}
.m-flash .hd li.on{background: #c90000;}

.m-news{height: 356px;}
.m-news .m-liststyle1{padding: 0 7px;}

.g-notice{padding-top: 4px; height: 190px; border: 1px solid #ddd;}
.g-notice .m-liststyle1{padding: 10px 20px 0;}

.g-special{padding-top: 4px; height: 190px; border: 1px solid #ddd;}
.m-specialbox{margin: 24px 19px 10px; height: 90px;}
.m-specialbox .bd{margin: 0 34px; overflow: hidden;}
.m-specialbox .bd li{float: left; width: 236px; height: 90px; margin-right: 10px;}
.m-specialbox .bd li img{display: block; width: 236px; height: 90px;}
.m-specialbox .hd a{display: block; position: absolute; top: 0; width: 24px; height: 90px; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center;}
.m-specialbox .hd .prev{left: 0; background-image: url(../images/home/icon-arrowleft.png);}
.m-specialbox .hd .next{right: 0; background-image: url(../images/home/icon-arrowright.png);}

.m-hmcts{padding: 30px 0; background: #f5f5f5;}

.g-openlf{padding: 4px 0 23px; background: #fff;}
.m-openlist{height: 283px;}
.m-openlist .m-liststyle1{padding: 8px 19px 0;}

.m-opensearch{margin: 0 20px; padding-left: 108px; height: 46px;}
.m-opensearch .u-tit{left: 0; top: 0; line-height: 46px; font-size: 18px; font-weight: bold; color: #0e54ad;}
.g-opensearch select{width: 116px; left: 1px; top: 14px; height: 20px; padding: 0 10px 0 18px; border-radius: 0; border: none; border-right: 1px solid #ddd; font-size: 14px; font-weight: bold; box-shadow: none;}
.g-opensearch .u-openshtext{padding: 6px 42px 6px 138px; height: 46px; border-radius: 0;}
.g-opensearch .u-openshbtn{right: 1px; top: 1px; width: 40px; height: 44px; line-height: 44px; text-align: center; color: #0e54ad; background: none; border: none; cursor: pointer;}

.m-openzl{padding-top: 4px; background: #fff;}
.g-openzl{padding: 10px 20px 24px;}
.m-zllf li{margin-top: 10px;}
.m-zllf a{display: block; padding: 18px 6px 18px 10px; border: 1px solid #c2d1e5; background-image: linear-gradient(#fff, #ebf2fa); font-size: 15px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-zllf span{display: block; margin-right: 10px; float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 24px; color: #0e54ad;}

.m-zlrg{margin-top: 10px;}
.m-zlrg a{display: block; padding: 34px 10px 31px; text-align: center; border: 1px solid #c2d1e5; background-image: linear-gradient(#fff, #ebf2fa);}
.m-zlrg span{display: block; margin: 0 auto 14px; width: 32px; height: 32px; line-height: 32px; font-size: 30px; color: #0e54ad;}
.m-zlrg p{font-size: 15px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-openbtns a{display: block; padding: 20px 10px 18px; background: #fff; text-align: center;}
.m-openbtns span{display: block; margin: 0 auto 14px; width: 46px; height: 46px; line-height: 46px; font-size: 24px; color: #fff; border-radius: 50%; transition: .3s;}
.m-openbtns p{font-size: 15px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-openbtns li:nth-child(1) span{background: #e76d6d;}
.m-openbtns li:nth-child(2) span{background: #edb153;}
.m-openbtns li:nth-child(3) span{background: #57a3e4;}
.m-openbtns li:nth-child(4) span{background: #c08ee3;}
.m-openbtns a:hover span{transform: rotateZ(360deg);}

.g-servicelf{padding-top: 4px; height: 285px; border: 1px solid #ddd;}
.m-serviceitem{margin: 20px 10px 0;}
.m-serviceitem li{margin-bottom: 15px; text-align: center;}
.m-serviceitem li a{display: block;}
.m-serviceitem li img{margin: 0 auto; padding: 10px; display: block; width: 54px; height: 54px; line-height: 54px; border-radius: 50%; background: #ebf2fa; transition: .3s;}
.m-serviceitem li p{padding: 8px 0; font-size: 15px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-serviceitem li a:hover img{transform: rotateZ(-30deg);}

.m-servicebar{margin: 10px 0 10px 15px; height: 212px; overflow-y: auto; overflow-x: hidden;}
.m-servicebar li{height: 32px; line-height: 32px;}
.m-servicebar li a{display: block; font-size: 15px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.u-zwfww img{display: block; width: 100%; height: 102px;}

.m-servicelist{height: 163px; border: 1px solid #ddd;}
.m-servicelist .m-tabstyle2 li .iconfont{margin-right: 12px; font-size: 22px; color: #c90000;}
.m-servicelist .m-tabstyle2 .u-more{padding-right: 20px; line-height: 46px; font-size: 14px; color: #b2b2b2;}
.m-servicelist .m-tabstyle2 .u-more .iconfont{margin-right: 8px;}
.g-servicelist{margin: 5px 18px;}
.g-servicelist li{height: 34px; line-height: 34px; overflow: hidden;}
.g-servicelist li a{display: block; padding-left: 14px; background: url(../images/public/icon-li2.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.g-interbox{padding-top: 4px; background: #fff;}
.g-interbox .m-tabstyle2 .u-more{padding-right: 20px; line-height: 46px; font-size: 14px;}

.m-interlists{padding: 10px;}
.m-interlists p{float: left; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-interlists .u-it1{width: 50%;}
.m-interlists .u-it2{width: 12%; text-align: center;}
.m-interlists .u-it3,.m-interlists .u-it4{width: 19%; text-align: center;}
.m-interhd{line-height: 42px; background: #f5f5f5; font-size: 15px; font-weight: bold;}
.m-interhd .u-it1{padding-left: 20px;}
.m-interbd{height: 228px; overflow: hidden;}
.m-interbd li{height: 38px; line-height: 38px;}
.m-interbd li p{height: 38px;}
.m-interbd .u-it1{padding-left: 12px;}
.m-interbd .u-it2,.m-interbd .u-it3,.m-interbd .u-it4{font-size: 14px;}
.m-interbd .u-it3{color: #b2b2b2;}
.m-interbd .u-it4{color: #4dcf2e;}
.m-interbd .z-slz{color: #c90000;}

.m-interlive{padding: 4px 0 20px; background: #fff;}
.g-interlive{margin: 20px 20px 0; padding-left: 218px; height: 182px;}
.g-interlive img{display: block; position: absolute; left: 0; top: 0; width: 203px; height: 182px;}
.g-interlive h1{margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #0e54ad;}
.g-interlive p{padding: 2px 0; line-height: 24px; font-size: 14px; color: #808080;}
.g-interlive p span{color: #c90000;}

.m-interbtns li{text-align: center; height: 58px; line-height: 58px;}
.m-interbtns a{display: block; padding: 0 10px; background: #fff; font-size: 15px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-interbtns span{display: inline-block; margin: -2px 14px 0 0; vertical-align: middle; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 24px; color: #0e54ad;}

/* 10.24 */
.g-zsb{width: 100%;height: 102px;margin-top: 12px;}
.g-zsb img{width: 100%;height: 100%;}
.m-tongjipj{width: 100%;height: 204px;background-color: #ffffff;background: url(../images/home/bg-bstj.png) no-repeat;margin-top: 33px;background-size: 100% 100%;}
.mt-left{width: 60%;float: left;height: 100%;}
.mt-p-title{font-size: 16px;font-weight: bold;color: #ffffff;background-color: #0e54ad;border-radius: 23px;margin: 36px 0 0 60px;}
.mt-p-title1{width: 210px;height: 46px;text-align: center;line-height: 46px;}
.mt-d-p{text-align: center;float: left;margin: 24px 0 0 33px;}
.p-span1{font-size: 30px;font-weight: bold;color: #0e54ad;}
.p-span2{font-size: 14px;color: #3d3d3d;}
.mt-right{width: 40%;float: right;}
.mt-p-title2{width: 180px;height: 46px;text-align: center;line-height: 46px;margin: 36px 0 0 0;}
.mtd-zpj .mt-d-p{margin: 24px 0 0 47px;}


/* 广告位 */
.m-advert{width: 1300px; height: 100px; background: #fff; overflow: hidden;margin: 0 auto 20px;}
.m-advert .bd li,.m-advert .bd img{width: 100%; height: 100px;}


/*media query*/
/*big pcScreen*/
@media (min-width:1280px) {
    .m-hmlfbtns{width: 160px; height: 448px;}
    .m-hmrgbox{width: 1140px; height: 448px;}

    .m-flash{width: 530px;}
    .m-news{width: 610px;}

    .m-notice,.m-openlf,.m-servicelf,.m-interbox{width: 690px;}
    .m-special,.m-openrg,.m-servicerg,.m-interrg{width: 610px;}

    .m-zllf{width: 100%;}
    .m-zlrg{width: 130px;}

}
/*large pcScreen*/
@media screen and (max-width: 1279px) {
    .is-main{margin-top: 15px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-hmcts{padding: 20px 0;}

    .mt-p-title{margin: 36px 0 0 10px;}
    .mt-d-p{margin: 24px 0 0 10px;}
    .mt-right .mt-p-title{margin: 36px 0 0 0px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-hot{padding: 10px 0;}
    .m-hot a{font-size: 24px;}

    .g-flash,.g-flash .owl-item,.g-flash img{height: 340px;}
    .g-flash .owl-item p{padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px;}
    .g-flash .owl-pagination{bottom: 16px;}

    .g-notice .m-liststyle1{padding: 6px 10px 0;}

	.m-specialbox{margin: 10px 10px 0;}

    .m-hmcts{padding: 15px 0 5px;}

    .g-openlf{padding-bottom: 10px;}

    .m-openlist .m-liststyle1{padding: 5px 10px 0;}

    .g-openzl{padding: 1px 10px 10px;}
    .m-zlrg a{padding: 18px 10px 12px;}

    .m-openbtns li{margin-bottom: 10px;}

    .m-serviceitem{margin: 10px;}
    .m-serviceitem .item li{margin-bottom: 10px;}

    .u-zwfww img{height: auto;}

    .m-servicelist .m-tabstyle2 .u-more,.g-interbox .m-tabstyle2 .u-more{line-height: 38px;}
    .g-servicelist{margin: 10px;}
    .g-servicelist li{height: 30px; line-height: 30px;}
    .g-servicelist li a{font-size: 14px;}

    .m-interlive{padding-bottom: 15px;}
    .g-interlive{margin: 10px 10px 0;}

    .mt-p-title{margin: 36px 0 0 60px;}
    .mt-d-p{margin: 24px 0 0 33px;}
    .mt-right .mt-p-title{margin: 36px 0 0 60px;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-hmlfbtns li{margin-bottom: 10px;}
    .m-hmlfbtns a{padding: 15px 10px 10px;}

    .m-hot{padding: 8px 0;}
    .m-hot a{font-size: 20px;}

    .m-flash,.m-flash .bd li,.m-flash .bd img{width: 100%;height: 272px;}

    .m-opensearch{height: auto; margin:  0 10px; padding: 0;}
    .m-opensearch .u-tit{line-height: 1.2; margin-bottom: 10px; font-size: 16px;}
    .g-opensearch .u-openshtext{height: 40px;}
    .g-opensearch select{top: 10px;}
    .g-opensearch .u-openshbtn{height: 38px; line-height: 38px;}

    .m-interlive{padding-bottom: 10px;}
    .g-interlive{padding-left: 0; height: auto;}
    .g-interlive img{display: none;}

    .mt-left,.mt-right{width: 100%;}
    .mt-right .mt-p-title{margin: 0px 0 0 60px;}
    .mtd-zpj .mt-d-p{margin: 24px 0 0 104px;}
    .m-tongjipj{height: 350px;}
    .mt-left{height: auto;}
    .mt-right{margin-top: 30px;}

    .m-advert{width: 100%;height: 30px;}
}
/*small xs*/
@media screen and (max-width: 638px) {
    .g-flash,.g-flash .owl-item,.g-flash img{height: 220px;}
    .g-flash .owl-controls .owl-buttons div{display: none;}

    .m-serviceitem li{margin-bottom: 10px;}

    .m-interbtns li{height: 40px; line-height: 40px;}
    .m-interbtns span{display: none;}

}

@media screen and (min-width:768px) and (max-width: 1025px){
    .m-flash{float: none;margin: 0 auto 20px;}
    .m-news{height: auto;width: 100%;}
}