@charset "utf-8";
.clear,
.clearfix: after {
    clear: both
}

.banner,
.mask {
    top: 0;
    left: 0;
    width: 100%
}

.banner,
.banner .intro .intro-company p,
.container .icon,
.flow {
    overflow: hidden
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_89186_bhaxs017o68hncdi.eot);
    src: url(//at.alicdn.com/t/font_89186_bhaxs017o68hncdi.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_89186_bhaxs017o68hncdi.woff) format('woff'), url(//at.alicdn.com/t/font_89186_bhaxs017o68hncdi.ttf) format('truetype'), url(//at.alicdn.com/t/font_89186_bhaxs017o68hncdi.svg#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont;
    font-size: 16px;
    font-style: normal
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
i,
iframe,
img,
input,
li,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    outline: 0
}

input {
    font-family: "Microsoft YaHei", "Helvetica Neue", "Helvetica Neue", Helvetica, "Hiragino Sans GB", tahoma, arial, sans-serif
}

input::-ms-clear {
    display: none
}

a: hover {
    text-decoration: none
}

.wrap {
    width: 1200px;
    margin: 30px auto 60px
}

.flow {
    white-space: nowrap;
    text-overflow: ellipsis
}

.clear: after {
    content: '';
    display: block;
    clear: both
}

.clearfix {
    zoom: 1
}

.clearfix: after,
.clearfix: before {
    content: "";
    display: table
}

a,
img {
    border: none;
    vertical-align: top
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
    font-size: 12px
}

input: -moz-placeholder,
textarea: -moz-placeholder {
    color: #ccc;
    font-size: 12px
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc;
    font-size: 12px
}

input: -ms-input-placeholder,
textarea: -ms-input-placeholder {
    color: #ccc;
    font-size: 12px
}

.banner,
.font {
    font: 16px/1 "Microsoft YaHei", "Helvetica Neue", "Helvetica Neue", Helvetica, "Hiragino Sans GB", tahoma, arial, sans-serif
}

.mask {
    display: none;
    position: fixed;
    height: 100%;
    z-index: 900;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40)
}

#insuranceHeader,
.banner {
    position: absolute
}

#insuranceHeader .header.insurance-header .header-left {
    /* background: url(/include/img/insuranceHeader/logo.png) 0 -7px no-repeat / 50% 125%; */
    /* 618 兼容谷歌写法  */
    background: url(/include/img/insuranceHeader/logo.png) no-repeat;
    background-size: 50% 125%;
    background-position: 0 -7px;
}

#insuranceHeader .header.insurance-header .header-left .line {
    background-color: #fff
}

#insuranceHeader .header.insurance-header .header-left span,
#insuranceHeader .header.insurance-header .header-nav .nav a {
    color: #fff
}

body {
    min-width: 1280px;
    min-height: 660px;
    padding: 0;
    margin: 0
}

.banner-pic {
    width: 100%;
    height: 1153px
}

.banner .banner-top {
    width: 996px;
    height: 189px;
    margin: 230px auto 0;
    background: url(/insurance/static/img/banner-top.png)
}

.banner .intro {
    width: 1200px;
    height: 460px;
    margin: 120px auto 0;
    background: #fff
}

.banner .intro img {
    margin-top: 50px;
    margin-left: 35px
}

.banner .intro .intro-company {
    display: inline-block;
    width: 608px;
    margin-left: 33px;
    margin-top: 44px
}

.banner .intro .intro-company h5 {
    font-size: 24px;
    letter-spacing: 2.57px;
    color: #333;
    font-weight: 400
}

.banner .intro .intro-company p {
    height: 186px;
    font-size: 20px;
    line-height: 27px;
    color: #7d7c7d;
    text-align: justify;
    margin-top: 20px
}

.banner .intro .intro-company a {
    display: block;
    float: right;
    width: 150px;
    height: 50px;
    background: #f4cf5c;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: 2.29px;
    color: #fff;
    border-radius: 4px;
    margin-top: 71px
}

.container {
    font: 16px/1 "Microsoft YaHei", "Helvetica Neue", "Helvetica Neue", Helvetica, "Hiragino Sans GB", tahoma, arial, sans-serif;
    width: 1200px;
    margin: 0 auto
}

.container .icon li {
    float: left;
    height: 161px;
    border-left: 2px solid #ccc;
    padding: 0 69px
}

.container .icon li span {
    display: block;
    width: 70px;
    height: 70px;
    background: #000;
    margin: auto
}

.container .icon li .icon-01 {
    background: url(/insurance/static/img/icon-01.png) center center no-repeat
}

.container .icon li .icon-02 {
    background: url(/insurance/static/img/icon-02.png) center center no-repeat
}

.container .icon li .icon-03 {
    background: url(/insurance/static/img/icon-03.png) center center no-repeat
}

.container .icon li .icon-04 {
    background: url(/insurance/static/img/icon-04.png) center center no-repeat
}

.container .icon li p {
    width: 160px;
    margin-top: 34px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 2px;
    color: #333;
    text-align: center
}

.container .icon li: first-child {
    border-left: none
}

.container .icon li: hover .icon-01 {
    background: url(/insurance/static/img/icon-01-h.png) center center no-repeat
}

.container .icon li: hover .icon-02 {
    background: url(/insurance/static/img/icon-02-h.png) center center no-repeat
}

.container .icon li: hover .icon-03 {
    background: url(/insurance/static/img/icon-03-h.png) center center no-repeat
}

.container .icon li: hover .icon-04 {
    background: url(/insurance/static/img/icon-04-h.png) center center no-repeat
}

.container .title {
    margin-top: 75px
}

.container .title span {
    display: inline-block;
    width: 35px;
    height: 37px;
    background: url(/insurance/static/img/title-icon.png) center center no-repeat;
    vertical-align: middle
}

.container .title h4 {
    display: inline-block;
    font-size: 28px;
    letter-spacing: 1.75px;
    color: #333;
    vertical-align: middle
}

.container .work .work-main {
    width: 1200px;
    height: 480px;
    margin-top: 79px;
    margin-bottom: 100px;
    position: relative
}

.container .work .work-main .backImg img: first-child {
    display: block
}

.container .work .work-main .backImg img {
    display: none
}

.container .work .work-main .work-right {
    display: none;
    width: 370px;
    height: 250px;
    background: url(/insurance/static/img/work-bg.png);
    overflow: hidden;
    position: absolute;
    top: -49px;
    right: 86px
}

.container .work .work-main .work-right h4 {
    font-size: 28px;
    color: #333;
    letter-spacing: 1.75px;
    margin-top: 63px;
    text-align: center;
    margin-bottom: 30px
}

.container .work .work-main .work-right a {
    display: block;
    width: 150px;
    height: 50px;
    border: 1px solid #f4cf5c;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: 2.29px;
    color: #f4cf5c;
    line-height: 50px;
    text-align: center;
    margin: 0 auto
}

.container .work .work-main .work-active,
.container .work .work-main .work-person {
    display: block
}

.container .work .work-main .pic {
    position: absolute;
    left: 151px;
    bottom: 140px
}

.container .work .work-main .pic div {
    float: left;
    width: 170px;
    height: 170px;
    -ms-interpolation-mode: bicubic;
    position: absolute;
    left: 0;
    top: 0
}

.container .work .work-main .pic div img {
    border: 1px solid #fff;
    padding: 5px;
    background: #fff
}

.container .work .work-main .pic .family {
    left: 170px;
    top: 0
}

.container .work .work-main .pic .firm {
    left: 340px;
    top: 0
}

.container .work .work-main .pic .life {
    left: 510px;
    top: 0
}

.container .work .work-main .pic .health {
    left: 680px;
    top: 0
}