[v-cloak]{
    display: none;
}

body,html{
    height: 100%;
    font-family: '微软雅黑';
}
body,
p,
ul,
table {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}
#test1{
    position: absolute;
    bottom: 0;
    left:40%;
    /*text-align: center;*/
}
#main-vue{
    
    /*background-size: 100% 100%;*/
    background-repeat: no-repeat;
    /*background-attachment:fixed*/
}
#main-vue.theme-red footer .info{
    background-image: url('/r/cmsplatform/assets/image/pc/bottombg2.jpg');
}
#main-vue.theme-red header .search .search_box{
    background-color:#fe5555;
}
#main-vue.theme-red nav{
    background-color:#fe5555;
}
#main-vue.theme-red nav>ul>li:hover>a{
    color:#fe5555;
}
#main-vue.theme-red nav>ul>li.active>a{
    color:#fe5555;
}
#main-vue.theme-red nav>ul>li .second_tab li:hover{
    background-color:rgba(254, 85, 85, .5);
}
#main-vue.theme-red nav>ul>li .second_tab li.active{
    background-color:rgba(254, 85, 85, .5);
}
#main-vue.theme-red footer .copyright{
    background-color:#fe5555;
}
#main-vue.theme-red footer .link .link_content .link_box{
    border-top: 1px solid #fe5555;
}
#main-vue.theme-red main{
    background-image: url('/r/cmsplatform/assets/image/pc/bgRed.png');
    background-repeat: no-repeat;
}
#main-vue.theme-red .main_out{
    background: none;
}
#main-vue.theme-red .main_body .content .content_title{
    border-color:#fe5555;
}
#main-vue.theme-red .Catalog .item{
    color:#fe5555;
    border-color:#fe5555;
}
#main-vue.theme-red .Catalog>ul li.active{
    color:#fe5555;
}
#main-vue.theme-red .swiper-pagination.square .swiper-pagination-bullet-active,
#main-vue.theme-red .swiper-pagination-bullet-active{
    background:#fe5555;
}
#main-vue.theme-red .main_body .main_body_content .main_body_content_title{
    border-color:#fe5555;
}
#main-vue.theme-red .main_body .main_body_content .item .item_body .content_title{
    color:#fe5555;
}
#main-vue.theme-red .main_body .main_body_content .item .item_body .content_info a{
    color:#fe5555;
}
main{
    position:relative;
    min-height:300px;
}
main.calch{
    min-height:calc(100% - 487px);
}
.page-loading{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:1000;
    font-size:40px;
    margin:auto;
    color:#999;
}
.page-loading:before{
    position:absolute;
    top:50%;
    left:50%;
    margin:-20px 0 0 -20px;
    -webkit-animation:loading 1.5s 0s linear infinite;
    -moz-animation:loading 1.5s 0s linear infinite;
    animation:loading 1.5s 0s linear infinite;
}
@keyframes loading {
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}
@-webkit-keyframes loading {
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}
/* 头部 */
header{
    background-color: #fff;
}
.header-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1180px;
    height:100px;
    margin: 0 auto;
}
.header-box>span{
    margin-left:400px;
    font-size: 14px;
    color:#333333;
}
header .companyName {
    /*float: left;*/
    position: relative;
    height: 56px;
    margin-top: 22px;
    /*padding-left: 50px;*/
    color: #333333;
    overflow: hidden;
}
header .companyName>div{
    margin-left:70px;
    margin-top: 5px;
}
header .companyName img {
    position: absolute;
    left: 0;
    top: 0;
}

header .companyName>img{
    width: 50px;
    height: 50px;
}
/*header .companyName:nth-of-type(2){*/
/*    margin-top: 10px;*/
/*}*/
/*header .companyName:nth-of-type(2)>div h1{*/
/*    letter-spacing: 20.5px;*/
/*}*/
header .companyName>div h1{
    width:100%;
    font-size: 24px;
    line-height: 28px;
    letter-spacing:10.5px;
    margin:0 0 5px 0;
    color: #252525;
     /*background-image:-webkit-linear-gradient(bottom,#000000,#666666,#252525,#828181,#000000); */
    /*-webkit-background-clip:text; */
    /*-webkit-text-fill-color:transparent;*/
    font-weight: bold;
}
header .companyName>div h2{
    margin:0;
    font-size:12px;
    color: #252525;
    line-height:5px;
    letter-spacing: 1.8px;
    font-weight: bold;
}

header .search {
    float: right;
    display: flex;
    align-items: center;
    height: 28px;
    margin:43.5px 0;
}

header .search .search_box {
    float: left;
    display: inline-block;
    width: 174px;
    margin-right:17px;
    background-color: #ccc;
    border-radius: 4px;
    border: 1px solid #ccc
}

header .search .search_box>i{
    position:relative;
    top:1px;
    left:1px;
    color:#fff;
}
header .search .search_box input {
    box-sizing: border-box;
    padding-left: 10px;
    width: 145px;
    height: 26px;
    margin: 0;
    border: none;
    outline: none;
}

header .search>.i_box>i {
    float: left;
    color: #ccc;
    margin: 5.5px 7px;
    font-size: 24px;
}
header .search>.i_box{
    position: relative;
    margin-right: 20px;
}
header .search>.i_box>.code{
    position:absolute;
    width:134px;
    height: 145px;
    background-image: url('/r/cmsplatform/assets/image/pc/danchuang.png');
    background-size: 100% 100%;
    text-align: center;
    z-index: 2;
    display: none;
}
header .search>.i_box>.code>img{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: -10px;
    left: 0;
    right: 0px;
    margin: auto;
}
header .search>.i_box.second .code{
    top: 22px;
    left: -47px;
}
header .search>.i_box.third .code{
    top: 22px;
    left: -50px;
}
header .search .iconicon-12:hover {
    color: #1ba5fc;
}
header .search .iconicon-11:hover {
    color: #7dd43c;
}
header .search .i_box:hover{
    cursor: pointer;
}
header .search .i_box.second>i:hover+.secondCode{
    display: block;
}
header .search .i_box.third>i:hover+.thirdCode{
    display: block;
}
header .search .iconicon-20:hover {
    color: rgb(230,22,45);
    cursor: pointer;
}
nav {
    background-color: #007CC4;
    height:40px;
    line-height: 40px;
}

nav>ul {
    display: flex;
    width: 1180px;
    height: 100%;
    margin: 0 auto;
}

nav>ul>li{
    position:relative;
    flex:1;
    text-align: center;   
    height: 100%;
    transition:.2s 0s;
}
nav>ul>li:hover{
    background-color: #fff;
}
nav>ul>li:hover>a{
    color: #1ba5fc; 
}
nav>ul>li.active{
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
nav>ul>li.active>a{
    color: #1ba5fc;
}
nav>ul>li a{
    display: block;
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 100%;
    cursor:pointer;
    user-select: none;
}
nav>ul>li>a{
    font-weight: bold;
    font-size: 15px;
}
nav>ul>li .second_tab {
    position: absolute;
    display: none;
    height: auto;
    width: 100%;
    top:40px;
    left:0;
    background-color:#fff;
    z-index:10;
    border-radius: 0 0 4px 4px;
    box-shadow:0px 4px 8px 0px rgba(42, 69, 95, 0.4)
}
nav>ul>li:hover .second_tab {
    display: block;
}
nav>ul>li .second_tab li{
    width: 100%;
    height: 40px;
    display: block;
    transition:.2s 0s;
    position:relative;
}
nav>ul>li .second_tab li a{
    display: block;
    font-size: 14px;
    color: #333;
}
nav>ul>li .second_tab li.active{
    background-color: rgba(27, 165, 252, 0.5);
}
nav>ul>li .second_tab li.active a{
    color:#fff;
}
nav>ul>li .second_tab li:hover{
    background-color: rgba(27, 165, 252, 0.5);
}
nav>ul>li .second_tab li:hover a{
    color:#fff;
}
nav>ul>li .second_tab li:hover{
    background-color: rgba(27, 165, 252, 0.5);
}
nav>ul>li .second_tab li:hover .third_tab{
    display: block;
}

nav>ul>li .second_tab .third_tab{
    position: absolute;
    display: none;
    height: auto;
    width: 100%;
    top:0px;
    left:-169px;
    background-color:#fff;
    z-index:10;
    border-radius: 0 0 4px 4px;
    box-shadow:0px 4px 8px 0px rgba(42, 69, 95, 0.4)
}
nav>ul>li .second_tab .third_tab li a{
    color:#333;
}



nav>ul>li .second_tab .third_tab .forth_tab{
    position: absolute;
    display: none;
    height: auto;
    width: 200%;
    top:0px;
    left:-338px;
    background-color:#fff;
    z-index:10;
    border-radius: 0 0 4px 4px;
    box-shadow:0px 4px 8px 0px rgba(42, 69, 95, 0.4)
}
nav>ul>li .second_tab .third_tab li:hover .forth_tab{
    display: block;
}


@media screen and (max-width:1480px) {
    .header-box{
        height:70px;
    }
    header .companyName{
        margin: 5px 0;
        /*height: 35px;*/
        padding-left: 0px;
    }
    header .companyName>div h1{
        font-size: 18px;
        line-height:24px;
        letter-spacing: 10.6px;
    }
    header .companyName:nth-of-type(2)>div h1{
        letter-spacing: 20px;
    }
    header .companyName>div h2{
        letter-spacing: normal;
    }
    header .search{
        margin:36px 0;
    }
    header .companyName>img{
        width:40px;
        height: 40px;
    }
    nav{
        height: 35px;
        line-height: 35px;
    }
    nav>ul>li .second_tab{
        top:35px;
    }
    
}
/* 轮播图 */
.banner {
    height: 600px;
    margin:auto;
    user-select: none;
    margin-bottom: 10px;
}
.banner .swiper-container{
    width:100%;
    height:100%;
}
.swiper-pagination.square .swiper-pagination-bullet{
    width:40px;
    height:4px;
    border-radius:0;
    background:#333;
    opacity:.6;
}
#banner .swiper-pagination.square .swiper-pagination-bullet-active,
#banner .swiper-pagination-bullet-active{
    background:#1ba5fc;
    opacity:1;
}

.banner .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.banner img{
    width:100%;
    height: 100%;
}
/* 首页页脚 */

footer {
    width: 100%;
    background-color: transparent;
    position:relative;
}

footer .copyright {
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 40px;
    background-color:rgba(0,0,0,0.3);
    color:#fff;
}
footer .toTop{
    position:absolute;
    bottom:20px;
    right:20px;
    text-align: center;
    line-height: 36px;
    color:#fff;
    width:40px;
    height: 36px;
    background-color:rgba(0,0,0,0.6);
    transform: rotate(-90deg);
    z-index: 9;
}
footer .link {
    margin: 0 auto;
}

footer .link .link_content {
    width: 1180px;
    margin: 0 auto;
    height: 100%;
    background-color: #fff;
    padding-top: 16px;
}

footer .link .link_content span {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
}
footer .link .link_content .link_box{
    height: auto;
    overflow: hidden;
    margin-top:10px;
    border-top: 2px solid #007CC4 ;
    text-align: center;
    position:relative;
}
footer .link .link_content .link_box .foot-prev{
    width:36px;
    height: 36px;
    position: absolute;
    left:31px;
    top:0;
    bottom:0;
    right:auto;
    margin:auto;
    background: none;
    transform: rotate(180deg);
    outline: none;
    color:#cccccc;
    line-height: 36px;
    text-align: center;
    font-size: 33px;
}
footer .link .link_content .link_box .foot-next{
    width:36px;
    height: 36px;
    position: absolute;
    right:31px;
    top:0;
    bottom:0;
    left:auto;
    margin:auto;
    background: none;
    outline: none;
    color:#cccccc;
    line-height: 36px;
    text-align: center;
    font-size: 33px;
}
footer .link .link_content .link_box .foot-next:hover,
footer .link .link_content .link_box .foot-prev:hover{
    color:#999999;
}
.swiper-footer{
    position:relative;
    width:980px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-footer .swiper-slide{
    width:180px !important;
    margin-right: 17px;
    display: flex;
    align-items: center;
}
.swiper-footer .swiper-slide .img_box{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.swiper-footer .foot-prev{
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    z-index: 2;
    margin: auto;
}
.swiper-footer .swiper-wrapper{
    /*overflow: hidden;*/
}
.swiper-footer .foot-next{
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
    z-index: 2;
    margin: auto;
}
footer .info {
    width: 100%;
    height: 166px;
    background-color: #F7F7F7;
}

footer .info .info_content {
    position: relative;
    width: 1180px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

footer .info .info_content ul {
    width: 677px;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color:#333;
    float: left;
    margin-top: 29px;
}
footer .info .info_content ul li{
    float: left;
    color: #333;
    line-height: 24px;
    margin-right: 10px;
}
footer .info .info_content ul li a{
    font-size: 14px;
    text-decoration: underline;
    color:#007CC4;
}
footer .info .info_content ul li:nth-of-type(1){
    font-size: 18px;
    color:#333;
    font-weight: bold;
    margin-bottom: 10px;
}
footer .info .info_content ul li:nth-of-type(2),
footer .info .info_content ul li:last-child
{
    clear: both;
}
footer .info .info_content ul li:nth-of-type(1) img{
   width:24px;
   height: 24px;
   margin-right: 10px;
}
footer .info .info_content .code {
    position: absolute;
    display: flex;
    justify-content: space-between;
    right: 0;
    top: 20px;
    width: 220px;
}

footer .info .info_content .code .code_item {
    width: 100px;
    height: 100%;
    display: inline-block;
}

footer .info .info_content .code .code_item .img {
    width: 100px;
    height: 100px;
    background-color: gray;
}
footer .info .info_content .code .code_item .img img{
    width:100%;
    height:100%;
}

footer .info .info_content .code .code_item p {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    color: #333;
}

footer .copyright div {
    width: 1180px;
    height: 100%;
    line-height: 40px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
footer .copyright div a{
    font-size: 14px;
    color: #fff;
}

/* 目录 */
.Catalog .item {
    width: 100%;
    padding-bottom: 10px;
    line-height: 21px;
    text-align: left;
    padding-left:10px;
    font-size: 20px;
    color: #1ba5fc;
    font-weight: bold;
    border-bottom: 2px solid #1ba5fc;
}
.Catalog>ul {
    width: 100%;
    height: calc(100% - 16.6%);
}

.Catalog>ul li {
    height: 20%;
    font-size: 12px;
    padding-left: 10px;
    line-height: 31px;
    border-bottom: 1px solid #ccc;
    cursor:pointer;
    color:#333333;
}
.Catalog>ul li span{
    font-size: 10px;
    color:#999999;
    float: right;
}
.Catalog>ul li:last-child{
    border-bottom:none;
}

.Catalog>ul>li.active{
    color: #1ba5fc;
}
.Catalog>ul li.active:after{
    position:relative;
    bottom:1px;
    content:">";
    margin-left:10px;
}
 
/*.main_out{*/
/*    background-image: url('/r/cmsplatform/assets/image/pc/bg .png');*/
/*    background-position: fixed;*/
/*    top:0;*/
/*    background-repeat: no-repeat;*/
/*}*/
.main_body {
    width: 1180px;
    margin: 0 auto;
    padding-top: 10px;
    background-color: #fff;
    height: auto;
    overflow: hidden;
    min-height: 409px;
}
.main_body .content .content_title {
    width: 100%;           
    line-height: 31px;
    border-bottom: 2px solid #1ba5fc;
    font-size: 12px;
    padding-bottom: 4px;
    color: #666;
}
.main_body .Catalog {
    width: 180px;
    /*height: 187px;*/
    margin-right: 20px;
    margin-left:20px;
    float: left;
}
.main_body .main_body_content {
    display: inline-block;
    width: calc(100% - 220px);
    height: 100%;
    min-height: 350px;
    position:relative;
}
.main_body .main_body_content .main_body_content_title{
    /*margin-bottom: 20px;*/
    /*margin-right: 20px;*/
    padding: 8px 0 10px;
    line-height: 13px;
    border-bottom: 2px solid #1ba5fc;
    font-size: 12px;
    color: #666666;
}
.main_body .main_body_content .empty{
    width: 126px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.main_body .main_body_content .empty>img{
    display: block;
    margin:20px auto;
}
.main_body .main_body_content .right-list{
    overflow:auto;
    margin-top: 20px;
    margin-bottom: 50px;
} 
.main_body .main_body_content .item {
    width: 100%;
    height: 135px;
    margin-bottom: 40px;
    cursor:pointer;
}

.main_body .main_body_content .item .item_img {
    width: 180px;
    height: 100%;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.main_body .main_body_content .item .item_img img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
}

.main_body .main_body_content .item .item_body {
    display: inline-block;
    width: calc(100% - 200px);
    box-sizing: border-box;
}

.main_body .main_body_content .item .item_body .content_info {
    width: 100%;
}

.main_body .main_body_content .item .item_body .content_info .content_time {
    font-size: 12px;
    color: #999999
}

.main_body .main_body_content .item .item_body .content_info .content_line {
    display: inline-block;
    width: 500px;
    height: 1px;
    background-color: #cccccc;
    margin: 0 20px 5px 32px;
}

.main_body .main_body_content .item .item_body .content_info a {
    display: inline-block;
    font-size: 12px;
    color: #1ba5fc;
}

.main_body .main_body_content .item .item_body .content_title {
    font-size: 16px;
    color: #1ba5fc;
    
}

.main_body .main_body_content .item .item_body .item_content {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding: 12px 0 13px 0;
    min-height: 70px;
}
.main_body_content .article {
    width: 100%;
    margin-top: 40px;
}

.main_body_content .article .article_title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333333
}

.main_body_content .article .article_Release {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin: 10px 0 40px 0;
    color: #999999
}

.main_body_content .article img {
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
}

.main_body_content .article .article_content p {
    width: 100%;
    font-size: 14px;
    text-indent: 2em;
    line-height: 24px;
    margin-bottom: 20px
}
/* 内容列表 */

.main_body .main_body_content .notice-list {
    width: 100%;
    height: 100%;
    margin-bottom: 100px;
}

.main_body .main_body_content .notice-list>img{
    display:block;
    margin:20px auto;
}
.main_body .main_body_content .notice-list li {
    height: 36px;
    background-color: #e3f3fc;
        margin: 20px 20px 20px 0;
    line-height: 36px;
    padding: 0 21px;
    
}
.main_body .main_body_content .notice-list li a{
    font-size: 14px;
    width: 86%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main_body .main_body_content .notice-list li .time{
    float: right;
    font-size: 14px;
    color: #999999;
}

.main_body .main_body_content .tab {
    height: 36px;
    border-bottom: 1px solid #cccccc;
    margin-top: 20px;
    margin-right: 20px;
}

.main_body .main_body_content .tab span {
    display: inline-block;
    text-align: center;
    line-height: 36px;
    width: 100px;
    height: 36px;
    background-color: #e5e5e5;
    border: 1px solid #cccccc;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    color: #666666;
    cursor:pointer;
}

.main_body .main_body_content .tab .active {
    background-color: #fff;
    color: #1ba5fc;
}

.main_body .main_body_content .tab_item {
    width: 100%;
}

.main_body .main_body_content .tab_item table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.main_body .main_body_content .tab_item table tr td {
    height: 36px;
    line-height: 36px;
    border:1px solid rgb(27, 165, 252);
    font-size: 14px;
    color: #333333;
}
/*水费查询*/
.main_body .main_body_content .water_info {
    width: 650px;
    height: 373px;
    margin: 0 auto;
}

.main_body .main_body_content .water_info form {
    width: 385px;
    margin: 20px auto 40px;
}

.main_body .main_body_content .water_info form div span {
    display: inline-block;
    font-size: 14px;
    width: 70px;
    text-align: right;
}

.main_body .main_body_content .water_info form div {
    position: relative;
    margin: 20px auto;
}

.main_body .main_body_content .water_info form div input,
.main_body .main_body_content .water_info form div select {
    height: 36px;
    border-radius: 4px;
    border: solid 1px #cccccc;
    margin-left: 10px;
    padding-left: 10px;
}

.main_body .main_body_content .water_info form button {
    width: 120px;
    height: 36px;
    background-color: #1ba5fc;
    border-radius: 4px;
    border: none;
    color: #fff;
}
.main_body .main_body_content .water_info form .code{
    width: 96px;
    height: 36px;
    /*background-color: #ff0000;*/
    position: absolute;
    top:-21px;
    right: 0;
}
.main_body .main_body_content .water_info form .error_info{
    width: 84px;
    color: #ff5050;
    font-size: 14px;
    margin-left: 20px;
}
.main_body .main_body_content .warm .warm_icon{
    position: relative;
    bottom:14px;
    display: inline-block;
    width: 0;
    height: 15px;
    color: #ffd801;
    font-size: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #333333;
}
.main_body .main_body_content .warm .warm_icon b{
    position: absolute;
    top: 18px;
    left: -2px;
}
.main_body .main_body_content .warm p{
    width: 615px;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    float: right;
}
/*网上报修*/
.main_body .main_body_content .Repair_search {
    width: 100%;
    /*height: 100px;*/
    height: 180px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    position:relative;
}

.main_body .main_body_content .Repair_search .search_content {
    margin-top: 20px;
    line-height: 36px;
    font-size: 14px;
}

.main_body .main_body_content .Repair_search .search_content span:nth-child(1) {
    margin-right: 160px;
    font-size: 18px;
    color: #333333;
}

.main_body .main_body_content .Repair>span {
    font-size: 18px
}

.main_body .main_body_content .Repair_search .search_content .error_info {
    width: 75px;
    color: #ff5050;
    font-size: 14px;
    margin-left: 20px;
}

.main_body .main_body_content .Repair_search .search_content input {
    width: 200px;
    height: 36px;
    border-radius: 4px;
        border: 1px solid #cccccc;
    margin: 0 20px;
}

.main_body .main_body_content .Repair_search  .search_button {
    width: 120px;
    height: 36px;
    background: rgba(27,165,252,1);
    opacity: 1;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
    /*margin: 0 auto;*/
    margin-left:400px ;
    /*display: inline-block;*/
    /*width: 80px;*/
    /*height: 36px;*/
    /*background-color: #1ba5fc;*/
    /*border-radius: 4px;*/
    /*font-size: 14px;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*cursor: pointer;*/
}

.main_body .main_body_content .Repair {
    width: 100%;
    /*height: 689px;*/
    padding-top: 40px;
}

.main_body .main_body_content .Repair .repair_info {
    width: 580px;
    margin: 0 auto;
    margin-top: -20px;
}

.main_body .main_body_content .Repair .repair_info p {
    font-size: 12px;
    line-height: 18px;
}

.main_body .main_body_content .Repair .repair_info p font {
    color: #ff0000;
    font-weight: bold;
}

.main_body .main_body_content .Repair .repair_info p .copy {
    color: #1ba5fc;
    font-size: 12px;
    cursor: pointer;
} 

.main_body .main_body_content .Repair .repair_info form {
    width: 100%;
    margin-top: 23px;
}

.main_body .main_body_content .Repair .repair_info form div {
    margin: 20px 0;
    position: relative;
}

.main_body .main_body_content .Repair .repair_info form div span {
    display: inline-block;
    font-size: 14px;
    /*width: 70px;*/
    text-align: right;
}

.main_body .main_body_content .Repair .repair_info form div span font {
    color: #ff0101;
}

.main_body .main_body_content .Repair .repair_info form div input,
.main_body .main_body_content .Repair .repair_info form div select,
.main_body .main_body_content .Repair .repair_info form div textarea {
    height: 36px;
    border-radius: 4px;
    border: solid 1px #ccc;
    margin-left: 10px;
    padding-left: 10px;
}

.main_body .main_body_content .Repair .repair_info form div textarea {
    width: 480px;
    height: 150px;
    margin-left: 77px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.main_body .main_body_content .Repair .repair_info form button {
    width: 120px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #1ba5fc;
    background-color: #fff;
    font-size: 14px;
}

.main_body .main_body_content .Repair .repair_info form button[type="submit"] {
    background-color: #1ba5fc;
    color: #fff;
}
/*建议与回复*/
.main_body .main_body_content .tab_item table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom:20px;
}

.main_body .main_body_content .tab_item table tr td {
    height: 36px;
    line-height: 36px;
    border:1px solid rgb(27, 165, 252);
    font-size: 14px;
    color: #333;
}
.main_body .main_body_content .tab_item .tab_info{
    background-color: rgba(233, 246, 255, 0.9);
}


.main_body .main_body_content .tab_item .repair_info {
    width: 580px;
    margin: 0 auto;
    margin-top: 20px;
}

.main_body .main_body_content .tab_item .repair_info p {
    font-size: 12px;
    line-height: 18px;
}

.main_body .main_body_content .tab_item .repair_info p font {
    color: #ff0000;
}

.main_body .main_body_content .tab_item .repair_info p .copy {
    color: #1ba5fc;
    font-size: 12px;
    cursor: pointer;
}

.main_body .main_body_content .tab_item .repair_info form {
    width: 100%;
    margin-top: 23px;
}

.main_body .main_body_content .tab_item .repair_info form div {
    margin: 20px 0;
}

.main_body .main_body_content .tab_item .repair_info form div span {
    display: inline-block;
    font-size: 14px;
    width: 70px;
    text-align: right;
}

.main_body .main_body_content .tab_item .repair_info form div span font {
    color: #ff0101;
}

.main_body .main_body_content .tab_item .repair_info form div input,
.main_body .main_body_content .tab_item .repair_info form div select,
.main_body .main_body_content .tab_item .repair_info form div textarea {
    height: 36px;
    border-radius: 4px;
    border: solid 1px #cccccc;
    margin-left: 10px;
    padding-left: 10px;
}
.main_body .main_body_content .tab_item .repair_info form div input[type='number']{
    -webkit-appearance: none;
    appearance: none;
}
.main_body .main_body_content .tab_item .repair_info form div input::-webkit-outer-spin-button,  
.main_body .main_body_content .tab_item .repair_info form div input::-webkit-inner-spin-button{  
	-webkit-appearance: none !important;  
	margin: 0;  
}
.main_body .main_body_content .tab_item .repair_info form div textarea{
    width: 480px;
    height:150px;
    margin-left: 85px;
    padding-top:10px;
    padding-bottom:10px;
}

.main_body .main_body_content .repair_info form .btn {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    border: solid 1px #1ba5fc;
    background-color: #fff;
    font-size: 14px;
}

.main_body .main_body_content .repair_info form .btn.submit {
    background-color: #1ba5fc;
    color: #fff;
    cursor: pointer;
}
.main_body .main_body_content .repair_info form .btn.reset {
    cursor: pointer;
    margin-right: 20px;
    color: #1ba5fc;
}
.main_body .main_body_content .textTips{
    padding:50px;
}
.main_body .main_body_content .textTips h1{
    text-align: center;
    font-size:30px;
}
.main_body .main_body_content .textTips p{
    color:#666;
    text-align: left;
    font-size:14px;
    margin-bottom:20px;
    padding:0 150px;
}
.main_body .main_body_content .searchsug{
    margin: 20px 0;
    padding-left:20px;
}
.main_body .main_body_content .searchsug span{
    font-size: 14px;
}
.main_body .main_body_content .searchsug input{
    height: 36px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-left: 10px;
    padding-left: 10px;
}
.main_body .main_body_content .searchsug a{
    display: inline-block;
    cursor: pointer;
    padding: 3px 10px;
    border-radius:4px;
    font-size:14px;
    color:#fff;
    background:#1ba5fc;
    user-select: none;
}
.main_body .main_body_content .list-empty>img{
    display: block;
    margin:40px auto;
}
.main_body .main_body_content .list-empty>div{
    text-align: center;
    font-size:24px;
    margin:40px auto;
    color:#666;
}
/*联系我们*/
.main_body .main_body_content .company_Name {
    width: 420px;
    padding: 10px 0 10px;
    font-size: 24px;
    color: #333;
    border-bottom: 4px solid #1ba5fc;
}

.main_body .main_body_content .company_info {
    width: 179px;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin:15px auto 15px 0;
}

.main_body .main_body_content .company_address {
    /*width: 100%;*/
    height: 507px;
}

.main_body .main_body_content .company_address>div {
    display: inline-block;
}

.main_body .main_body_content .company_address #company_map {
    float: left;
    width: 560px;
    height: 100%;
    overflow: hidden;
}
.main_body .main_body_content .company_address #company_map img{
    width:100%;
}

.main_body .main_body_content .company_address .company_phone {
    width: 401px;
    margin-left: 18px;
    height: 100%;
}
.main_body .main_body_content .company_address .company_phone ul li{
    border-bottom:1px solid #cccccc;
    font-size: 14px;
    padding: 10px 0;
    line-height: 24px;
    box-sizing: border-box;
}
.main_body .main_body_content .company_address .company_phone ul li:last-child{
    border: none;
}
.main_body .main_body_content .company_address .company_phone ul li .phone_name{
    display:block;
    width: 100px;
    float:left;

}
.main_body .main_body_content .company_address .company_phone ul li .phone_box{
    margin-left: 150px;
}
.main_body .main_body_content .company_address .company_phone ul li .phone_note{
    width:100%;
}
/*领导小组*/
.main_body .main_body_content .peopleItem{
    width:219px;
    height: 313px;
    margin-right:20px;
    margin-bottom: 40px;
    float: left;
}
.main_body .main_body_content .peopleItem img{
    width:100%;
    height: 275px;
}
.main_body .main_body_content .peopleItem p{
    text-align: center;
}
.main_body .main_body_content .peopleItem p.name{
    font-size: 16px;
    margin: 5px 0 3px 0;
}
.main_body .main_body_content .peopleItem p.job{
    font-size: 12px;
    margin-top: 3px;
}