html,body{height: 100%;}
body{width:100%;min-width:1200px;background: url('../images/web-bg.jpg') no-repeat; background-position:center;background-size: cover;background-attachment: fixed;position:relative;}

.mainBox{width: 1360px;margin: 20px auto 0;}
.mainBox .search{width: 56%;float: left;}
.mainBox .search .title{margin:65px 0 0;padding: 0;font-size: 48px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #ffffff;}
.mainBox .search .inpBox{width: 566px;margin-top: 35px;box-shadow: 0px 5px 27px 0px rgba(13, 94, 219, 0.6);overflow: hidden;}
.mainBox .search .inpBox .searchInp{width: 458px;height: 60px;line-height: 40px;float: left;background-color: #ffffff;}
.mainBox .search .inpBox .searchInp .inpText{width: 100%;padding: 10px;font-size: 16px;border: 0;}
.mainBox .search .inpBox .searchInp .query{width: 454px;height: 300px; position: absolute;top: 2px/9; background: #fff;display: none}
.mainBox .search .inpBox .searchBtn{width: 111px;height: 60px;line-height: 40px;margin-left: -4px;padding-top:10px;float:left;background: #0d5edb;cursor: pointer;}
.mainBox .search .inpBox .searchBtn .icon-sousuo1{font-size: 48px;padding: 0px 32px;color: #fff;font-weight: 500;}
.mainBox .search .details{margin-top: 160px;margin-left: -48px;text-align: center;overflow:hidden;}
.mainBox .search .details .details-list{width: 170px;height: 150px;text-align:center;float: left;overflow: hidden;}
.mainBox .search .details .details-list .note{font-size: 14px;font-weight: normal;font-stretch: normal;text-align:center;letter-spacing: 0px;color: #ffffff;}
.mainBox .search .details .details-list .small-title{margin-top:27px;}
.mainBox .search .dataStatistics{margin-top: 76px;margin-left: -35px;text-align:center;overflow: hidden;}
.mainBox .search .dataStatistics li{float: left;padding: 13px 40px;}
.mainBox .search .dataStatistics li p{color: rgba(255, 255, 255, 0.59);font-size: 14px;line-height: 22px;}
.mainBox .search .dataStatistics li.serviceNum{height: 50px;padding: 0 40px;border-left: 1px solid rgba(255, 255, 255, 0.59);border-right: 1px solid rgba(255, 255, 255, 0.59);}
/* .mainBox .search .dataStatistics li.organizationNum{padding: 8px 40px;} */
.mainBox .search .dataStatistics li.organizationNum{padding: 0 40px 8px;}
/* .mainBox .search .dataStatistics li.organizationNum .two{padding: 10px 0 0;} */
.mainBox .search .foot{width: 600px;margin-top:69px;border-top: 1px solid #81abef;text-align:center;overflow: hidden;}
.mainBox .search .foot .foot-content{padding-top:18px; text-align: justify; color:#81abef; }
.mainBox .search .foot .copyright{padding-top:12px;text-align: center;color:#81abef;}
.mainBox .search .foot .copyright a{color:#81abef;}
.mainBox .search .foot .copyright a:hover{color: #fff;text-decoration:underline}
.mainBox .shuffling{width: 40%;margin-top:145px;float: right;overflow: hidden;}
.swiper-pagination-bullet{font-size: 16px;width: 26px;line-height: 26px;height: 26px;color: #fff;}
.swiper-pagination-bullet-active{background: #0d5edb;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 52px;left: 0; width: 100%;}
/* .upload-box p{text-align: center;font-size: 16px;margin: 20px 0;color: red;} */
@media only screen and (max-width: 1600px) {
    .mainBox .search .title{margin: 40px 0 0;font-size: 40px;}
    .mainBox .search .details{margin-top: 78px;}
    .mainBox .search .dataStatistics{margin-top: 55px;}
    .mainBox .shuffling{margin-top: 110px;}
    .mainBox .search .foot{ margin-top: 50px;}
}
@media only screen and (max-width: 1400px){
    .mainBox .search .title{margin:80px 0 0;font-size: 48px;}
    .mainBox .search .details{margin-top: 100px;}
    .mainBox .search .dataStatistics{margin-top: 72px;}
    .mainBox .search .foot{margin-top: 100px;}
}
@media only screen and (max-width: 1366px){
    .head{width: 1200px;}
    .mainBox{width: 1200px;}
    .mainBox .search .title{margin: 20px 0 0;font-size: 28px;}
    .mainBox .search .inpBox{width: 487px;margin-top: 20px;}
    .mainBox .search .inpBox .searchInp{width: 380px;height: 50px;}
    .mainBox .search .inpBox .searchInp .inpText{padding: 5px 9px;}
    .mainBox .search .inpBox .searchBtn{height: 51px;padding-top: 6px;}
    .mainBox .search .details{margin-top: 68px;}
    .mainBox .search .details .details-list{width: 170px; height: 133px;}
    .mainBox .search .dataStatistics{margin-top: 40px;}
    .mainBox .search .foot{margin-top: 28px;}
    .mainBox .shuffling{margin-top:60px;}
}
@media only screen and (max-width: 1280px){
    .head{width: 1200px;}
    .mainBox{width: 1200px;}
    .mainBox .search .title{margin:33px 0 0; font-size: 30px;}
    .mainBox .search .details{margin-top: 51px;}
}