/*公用样式开始
7-1 16:26
*/
    
    @charset "utf-8";
    html {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
    }
    
    * {
        outline: none;
    }
    
    html,
    body {
        font-size: 12px;
        font-family: '微软雅黑';
    }
    
    body {
        font: 12px/1.5;
        /*	background-image: url(./background.png);*/
        background-repeat: no-repeat;
        background-position: 120% 90%;
        background-attachment: fixed
    }
    
    body,
    div,
    p,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    textarea,
    select,
    canvas,
    button,
    dl,
    dd,
    dt {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: inherit;
    }
    
    header,
    hgroup,
    nav,
    section,
    article,
    aside,
    footer {
        display: block;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    fieldset,
    img {
        border: 0;
    }
    
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var {
        font-style: normal;
        font-weight: normal;
    }
    
    ul,
    ol,
    li {
        list-style: none;
    }
    
    caption,
    th {
        text-align: left;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 100%;
        font-weight: normal;
    }
    
    abbr,
    acronym {
        border: 0;
        font-variant: normal;
    }
    
    input,
    textarea,
    select {
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
    }
    
    input,
    textarea,
    select {
        *font-size: 100%;
    }
    
    legend {
        color: #000;
    }
    
    img {
        vertical-align: top;
    }
    
    a:link,
    a:visited {
        text-decoration: none;
    }
    /* a:hover {
color: #0144c1;
} */
    
    .jjbhbox {
        min-height: 600px;
    }
    /*清除浮动*/
    
    .clear {
        clear: both;
    }
    /*清除浮动--推荐使用*/
    
    .clearfix:before,
    .clearfix:after {
        content: '';
        display: table;
    }
    
    .clearfix:after {
        clear: both;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    footer {
        width: 100%;
        background-color: #164299;
        background-image: url(//www.flatsdoral.com/images/3341/botlogo.png);
        background-repeat: no-repeat;
        background-position: 20px 50%;
        position: relative;
        bottom: 0px;
        /* margin-top: 50px; */
    }
    
    .footmain {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .footmain p {
        font-size: 12px;
        line-height: 23px;
        text-align: center;
        color: #fff;
    }
    
    .footmain p a {
        color: #fff
    }
    
    .footicon {
        width: 200px;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -35px;
    }
    
    .footinone {
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 1.8em;
        color: #fff;
    }
    
    .footinone:first-child {
        display: none;
    }
    
    .footimg {
        width: 100%;
        height: 580px;
        background: url(./footbg.png);
        position: relative;
        top: -122px;
    }
    
    .foot_bg {
        position: absolute;
        width: 100%;
        height: 512px;
        top: 2080px;
        background: url(./footer_bg.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .box {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
    }
    
    .lefttap {
        border-bottom: 2px solid rgba(107, 148, 205, 0.3);
        margin-bottom: 20px;
    }
    
    .lefttap span {
        display: block;
        width: 140px;
        height: 50.64px;
        float: left;
        text-align: center;
        line-height: 50px;
        font-size: 28px;
        cursor: pointer;
        margin-right: 30px;
        font-weight: 500;
        color: #323333;
    }
    
    .lefttapcho a {
        font-weight: 800;
        color: #0F66DA !important;
    }
    
    .lefttap span a {
        color: #000;
        display: block;
    }
    
    .lefttapcho {
        background-image: url(./lefttap.jpg);
        font-weight: 800;
        color: #0F66DA;
        /* background-color: #C1DEFF; */
        border-bottom: 5px solid rgba(22, 156, 246, 1);
    }
    /* 公共样式结束 */
    /* header start */
    
    .hide {
        display: none;
    }
    
    .header {
        width: 100%;
        height: 210px;
        background-image: url(./bj.png);
        background-size: cover;
        background-position: bottom right;
    }
    
    .topbar {
        width: 1200px;
        height: 54px;
        margin: 0 auto;
    }
    
    .topbar a {
        color: rgb(70, 120, 195);
        font-weight: 400;
        font-size: 16px;
        line-height: 52px;
    }
    
    .header_box {
        width: 1200px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }
    
    .header_logo {
        width: 425px;
        height: 70px;
        background-image: url(./LOGO.png);
        background-repeat: no-repeat;
        /* margin: 0 auto; */
        background-size: contain;
    }
    
    .header_search {
        width: 698px;
        height: 60px;
        background: #FFFFFF;
        opacity: 0.9;
        border-radius: 5px;
        /* margin: 0 auto; */
    }
    
    .searchbox {
        width: 100%;
        /* margin-top: 10px; */
    }
    
    .sertext {
        width: 562px;
        height: 57px;
        line-height: 57px;
        padding-left: 10px;
        background-color: rgba(255, 255, 255, 0);
        outline: none;
        font-size: 19px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #9E9A9A;
    }
    
    .serbtn {
        width: 122px;
        height: 60px;
        background-color: #1e5ab3;
        border: 0px;
        cursor: pointer;
        outline: none;
        border-radius: 0 5px 5px 0;
        font-size: 21px;
        font-weight: 400;
        color: #FFFFFF;
    }
    
    .topnav {
        width: 100%;
        height: auto;
        margin-top: 21px;
    }
    
    .navbg {
        width: 84%;
        height: 64px;
        background-image: url(./navbg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .header_nav {
        width: 1200px;
        height: 50px;
        margin: 0 auto;
        position: relative;
        bottom: 48px;
        display: flex;
        justify-content: space-around;
    }
    
    .header_nav a {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
    }
    
    .border {
        height: 40px;
        border-bottom: 8px solid #68B7E3;
    }
    
    body {
        background: #F3FBFF;
    }
    /* header end */
    /* box start */
    
    .out-box {
        margin-top: 25px;
        margin-bottom: 260px;
    }
    
    .top_img {
        width: 100%;
        height: 226px;
        background-image: url(./top_img.png);
        background-size: cover;
    }
    
    .top_p {
        width: 100%;
        height: 112px;
        background-color: #fff;
        padding: 22px 44px 22px 44px;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 600;
    }
    
    .bottom {
        width: 100%;
        height: 600px;
        margin-top: 20px;
        background-color: #fff;
        padding: 30px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .item {
        margin-bottom: 20px;
    }
    
    .item img {
        width: 552;
        height: 182px;
    }
    
    .header {
        width: 100%;
        height: 210px;
        background-image: url(./bj.png);
        background-size: cover;
        background-position: bottom right;
    }
    
    .topbar {
        width: 1424px;
        height: 54px;
        margin: 0 auto;
    }
    
    .topbar a {
        color: rgb(70, 120, 195);
        font-weight: 400;
        font-size: 16px;
        line-height: 52px;
    }
    
    .header_box {
        width: 1424px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }
    
    .header_logo {
        width: 425px;
        height: 70px;
        background-image: url(./LOGO.png);
        background-repeat: no-repeat;
        /* margin: 0 auto; */
        position: relative;
        left: 166px;
    }
    
    .header_search {
        width: 698px;
        height: 60px;
        background: #FFFFFF;
        opacity: 0.9;
        border-radius: 5px;
        /* margin: 0 auto; */
    }
    
    .searchbox {
        width: 100%;
        /* margin-top: 10px; */
    }
    
    .sertext {
        width: 562px;
        height: 57px;
        line-height: 57px;
        padding-left: 10px;
        background-color: rgba(255, 255, 255, 0);
        outline: none;
        font-size: 19px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #9E9A9A;
    }
    
    .serbtn {
        width: 122px;
        height: 60px;
        background-color: #1e5ab3;
        border: 0px;
        cursor: pointer;
        outline: none;
        border-radius: 0 5px 5px 0;
        font-size: 21px;
        font-weight: 400;
        color: #FFFFFF;
    }
    
    .topnav {
        width: 100%;
        height: auto;
        margin-top: 21px;
    }
    
    .navbg {
        width: 86%;
        height: 64px;
        background-image: url(./navbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
    }
    
    .header_nav {
        width: 65%;
        height: 50px;
        margin: 0 auto;
        position: relative;
        bottom: 48px;
        display: flex;
        justify-content: space-around;
    }
    
    .header_nav a {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
    }
    
    .border {
        height: 40px;
        border-bottom: 8px solid #68B7E3;
    }
    
    .hide {
        display: none;
    }
    
    .disnone {
        display: none;
    }
    
    .disblock {
        display: block;
    }