﻿
.noMR {
    margin-right: 0 !important;
}

#container {
    overflow: hidden;
}


.grFr {
    position: relative;
    margin-top: 24px;
}

.grFr ul.grfrTab {
    width: 500px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
}

.grFr ul.grfrTab li {
    font-size: 24px;
    display: inline-block;
    color: #adadad;
}

.grFr ul.grfrTab li.gr,
.grFr ul.grfrTab li.fr {
    cursor: pointer;
    font-weight: 700;
    width: 30%;
    margin: 0 10%;
}

.grFr ul.grfrTab li.active {
    color: #333333;
    position: relative;
}

.grFr ul.grfrTab li.active:after {
    content: '';
    display: inline-block;
    width: 93px;
    height: 7px;
    background: url(https://ywtb.mps.gov.cn/newhome/templates/Zwfw_Fwmh/img/line-01.png) no-repeat 0;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.tab-content {
    padding-top: 10px;
}

.tab-content > div.frfwcontent {
    display: none;
}

/*服务*/
.nav-ul {
    font-size: 0;
}

.nav-ul .nav-li {
    display: inline-block;
    width: calc(25% - 28px);
    /*border: 1px solid #e5e5e5!important;
    box-shadow: 0 0 20px 5px rgba(191,191,191,0.15)!important;*/
    font-size: 18px;
    /* font-weight: 700; */
    color: #333333;
    /*margin-right: 34px;*/
    margin: 10px;
    box-sizing: border-box;
    text-align: center;
    padding: 30px 0;
    cursor: pointer;
    transition: all .3s;
    -webkit-box-shadow: 0 0 30px 0 rgba(9, 41, 77, .12);
    box-shadow: 0 0 30px 0 rgba(9, 41, 77, .12);
    -moz-box-shadow: 0 0 30px 0 rgba(9, 41, 77, .12);
    border: 1px solid transparent;
}

.nav-ul .nav-li:hover {
    border: 1px solid #215FFF;
    color: #215FFF;
    /*transform: translateY(-3px);*/
    /*-webkit-transform: translateY(-3px);*/
    /*margin-top: -6px;*/
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    /*background-color: #215FFF;*/
    /*color: white;*/

}


/*.nav-title {
    color: #333333;
}*/

.nav-ul .nav-li p {
    margin-bottom: 0;
    margin-top: 15px;
}

.content-info {
    margin-top: 56px;
}

.content-info .leftBox {
    width: 33%;
}

.content-info .leftBox > ul > li {
    padding: 24px;
    font-size: 16px;
    line-height: 1;
    color: #000000;
    border: 1px solid #eeeeee;
    margin-bottom: 16px;
    cursor: pointer;
}

.content-info .leftBox > ul > li .iconfont.icon-hot {
    color: #fc7a43;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

.content-info .leftBox > ul > li:hover {
    border-color: #cbb486;
    color: #CAB484;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.content-info .rightBox {
    width: 67%;
    padding-left: 60px;
}

.content-info .rightBox .shiyong {
    font-size: 0;
    margin-bottom: 48px;
}

.content-info .rightBox .shiyong li {
    font-size: 16px;
    display: inline-block;
    width: 20%;
    text-align: center;
    color: #000;
    cursor: pointer;
}

.content-info .rightBox .shiyong li img {
    transition: all .3s;
}

.content-info .rightBox .shiyong li:hover img {
    transform: scale(.8);
}

.content-info .rightBox .shiyong li > div {
    margin-top: 16px;
}

.content-info .sub-title {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 30px;
}

/* *******轮播****** */
#carousel-example-generic-sm {
    height: 198px;
    width: 100%;
}

.sm-carousel .carousel-inner .life {
    font-size: 0;
    height: 100%;
}

.sm-carousel .carousel-inner .life > a {
    display: inline-block;
    width: 16.66%;
    font-size: 16px;
    text-align: center;
    margin-bottom: 32px;
    cursor: pointer;
    color: #000000;
}

.life a .iconfont {
    font-size: 26px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(252, 102, 21, .5);
    display: block;
    background-color: #FFFCF7;
    color: #FC7A43;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.sm-carousel-fr .life a .iconfont {
    color: #8771fc;
    background-color: #f3f0ff;
    border-color: #8771fc;
}

.sm-carousel-fr .life a:hover p {
    color: #8771fc;
}

.sm-carousel-gr .life a:hover p {
    color: #fc7a43;
}

.sm-carousel .carousel-inner .life > a > p {
    margin-bottom: 0;
    margin-top: 12px;
}

.sm-carousel .carousel-inner .life > a:hover > .iconfont {
    transform: scale(0.8);
}

.sm-carousel .carousel-indicators {
    bottom: -20px;
}

.sm-carousel-fr .carousel-indicators li {
    background: rgba(10,11,12,.2);
}

.sm-carousel-fr .carousel-indicators li.active {
    background: #215fff;
}

.sm-carousel-gr .carousel-indicators li {
    background: rgba(10,11,12,.2);
}

.sm-carousel-gr .carousel-indicators li.active {
    background: #215fff;
}

.recentVisit {
    overflow: hidden;
    margin-top: 40px;
}

.recentVisit .left {
    border-right: 1px solid #e5e5e5;
    margin-left: 15px;
    padding-right: 20px;
    color: #555;
    font-size: 12px;
    margin-right: 30px;
}

.recentVisit .left p {
    margin: 0;
    line-height: 20px;
}

.recentVisit .left p.myhomepage {
    font-size: 18px;
    margin-bottom: 5px;
}

.recentVisit .left p.myhomepage .glyphicon {
    font-size: 12px;
}

.recentVisit .left p .notlong {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recentVisit a:hover {
    color: #cbb486;
}

.recentVisit .left p span {
    vertical-align: middle;
}

.orange-text {
    color: #cbb486;
}

.recentVisit .right p {
    color: #555;
    font-size: 18px;
}

.recentVisit .right ul {
    overflow: hidden;
}

.recentVisit .right ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #eeeeee;
    cursor: pointer;
}

.recentVisit .right ul li a {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #555555;
}

.recentVisit .right ul li:hover {
    border-color: #cbb486;
}

.recentVisit .right ul li:hover a {
    color: #cbb486;
}

/* 栏目标题 */
.column-title {
    position: relative;
    height: 50px;
    margin-top: 60px;
}

.column-title .first-level-title {
    font-size: 28px;
    line-height: 50px;
    font-weight: 700;
    color: #333333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
}

.column-title .title-bg {
    color: rgba(204, 176, 115, 0.2);
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    white-space: nowrap;
}

.column-title.service {
    margin-top: 90px;
}


/*轮播图*/
.carouselDiv {
    width: 100%;
    margin: 30px auto 0;
}

#carousel-example-generic {
    min-height: 180px;
}

.carousel-indicators li {
    margin: 0 5px;
    width: 20px;
    height: 4px;
    background: rgba(10,11,12,.2);
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.carousel-indicators li.active {
    background: #215fff;
    width: 20px;
    height: 4px;
    margin: 0 5px;
}

/*.carousel-control {
    width: 40px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
    text-shadow: none;
    opacity: 1;
}*/

.carousel-control.left, .carousel-control.right {
    background-image: none;
    filter: none;
}

.carousel-control.left {
    left: -40px;
}

.carousel-control.right {
    right: -40px;
}

.right-flow .carousel-control.left {
    left: -10px;
}

.right-flow .carousel-control.right {
    right: -10px;
}

.carousel-control .glyphicon {
    top: 26px;
    color: #dddddd;
}

#carousel-example-generic .carousel-inner > .item > a > img, #carousel-example-generic .carousel-inner > .item > img, #carousel-example-generic .img-responsive, #carousel-example-generic .thumbnail a > img, #carousel-example-generic .thumbnail > img {
    max-width: 1136px;
    height: 180px;
}

.carousel-indicators {
    bottom: -30px;
    font-size: 0;
}

.carouselDiv .carousel-inner .item .subItem {
    display: inline-block;
    height: 180px;
    position: relative;
    cursor: pointer;
}

@media screen and (min-width: 680px) {
    .carouselDiv .carousel-inner .item.four .subItem {
        width: 23.9%;
        margin-right: 1.4%;
    }
}

@media screen and (max-width: 680px) {
    .carouselDiv .carousel-inner .item.four .subItem {
        width: 48%;
        margin-right: 1%;
    }

    .fwmh-jzfwDiv {
        margin: 20px 0;
    }
}

.carouselDiv .carousel-inner .item .subItem.noMR {
    margin-right: 0;
}

.carouselDiv .carousel-inner .item .subItem.golden {
    background: #eee5d2;
    background: linear-gradient(to bottom, #eee5d3, #fcf9f4);
}

.carouselDiv .carousel-inner .item .subItem.golden a {
    color: #6f5226;
}

.carouselDiv .carousel-inner .item .subItem.brown {
    background: #f5e4d9;
    background: linear-gradient(to bottom, #f5e4d9, #fff7f2);
}

.carouselDiv .carousel-inner .item .subItem.brown a {
    color: #97543f;
}

.carouselDiv .carousel-inner .item .subItem.purple {
    background: #ebe7fd;
    background: linear-gradient(to bottom, #ebe7fd, #f6f4f9);
}

.carouselDiv .carousel-inner .item .subItem.purple a {
    color: #5f4ea2;
}

.carouselDiv .carousel-inner .item .subItem.blue {
    background: #e2ecff;
    background: linear-gradient(to bottom, #e2ecff, #f1f7ff);
}

.carouselDiv .carousel-inner .item .subItem.blue a {
    color: #4666a3;
}

.carouselDiv .carousel-inner .item .subItem.green {
    background: #ebf8e9;
    background: linear-gradient(to bottom, #ebf8e9, #f5fff3);
}

.carouselDiv .carousel-inner .item .subItem.green a {
    color: #507873;
}

.carouselDiv .carousel-inner .item .subItem > img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.carouselDiv .carousel-inner .item .subItem .text-tittle {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carouselDiv .carousel-inner .item .subItem .item-text {
    font-size: 16px;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1000;
    overflow: hidden;
    width: calc(100% - 24px);
}

.carouselDiv .carousel-inner .item .subItem .item-text a {
    display: block;
    opacity: 0.5;
    margin-bottom: 5px;
}

.carouselDiv .carousel-inner .item .subItem .item-text a:hover {
    opacity: 1;
}

.carouselDiv .carousel-inner .item .subItem .item-text a.text-tittle {
    opacity: 1;
    margin-bottom: 16px;
}


.four004 {
    padding-left: 0;
    overflow: hidden;
    margin: 50px -16px 80px;
}

.four004 li {
    float: left;
    width: 25%;
    padding: 0 16px;
    margin-bottom: 25px;
}

.four004 li a {
    position: relative;
    padding: 12px 30px;
    display: block;
    align-items: center;
    height: 74px;
    line-height: 48px;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    border: 1px solid #E5E5E5;
}

.four004 li a .iconfont {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    margin-top: 8px;
    border: 1px solid #CAB484;
    background: #fffcf7;
}

.four004 li a .iconfont > img {
    display: block;
    width: 100%;
}

.four004 li a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 16px;
    line-height: 1.5;
    display: table-cell;
    width: 72%;
    color: #000000;
}

.four004 li a:hover {
    border: 1px solid #cbb486;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.four004 li a:hover span {
    color: #CAB484;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}


.noticeBar {
    background: #f7f7f7;
}

.contentbar {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
}

.noticeBar .left {
    float: left;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 20px;
    background-size: 20px;
}

.noticeBar .listbox {
    height: 57px;
    overflow: hidden;
    float: left;
}

.noticeBar ul {
    /* width:1000px; */
    float: left;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
}

.noticeBar .allshow {
    display: inline-block;
}

.noticeBar .listbox.singlelineshow {
    height: auto;
}

.noticeBar .zhanshoubox {
    float: left;
    color: #9d9d9d;
    cursor: pointer;
    padding-top: 15px;
    font-size: 16px;
}

.noticeBar .zhanshoubox span {
    vertical-align: middle;
}

.noticeBar .zhanshoubox i {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}

.noticeBar ul li {
    float: left;
    font-size: 16px;
    margin-right: 40px;
    height: 40px;
    line-height: 40px;
    color: #000;
    max-width: 90%;
    white-space: nowrap;
}

.noticeBar ul li.item:hover {
    color: #6f5226;
}

.noticeBar ul li.item:hover:before {
    background: #6f5226;
}

.noticeBar ul li.item:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #cbb486;
    vertical-align: middle;
    margin-right: 8px;
}

.jzImgDiv {
    height: 140px;
    width: 140px;
    border-radius: 50%;
    background: #e4f2fe;
    text-align: center;
    line-height: 140px;
    margin: auto;
}

.jzImg {
    vertical-align: middle;
}
