@charset "utf-8";
/* CSS Document */
.text_title {
            max-width: 600px;
            position: absolute;
            top: 181px;
            left: 13%;
        }
        .text_title h3 {
            font-size: 50px;
            color: #FAC17C;
            letter-spacing: 0;
            position: relative;
            margin-bottom: 60px;
        }
        .text_title h3:after {
            content: "";
            position: absolute;
            display: block;
            width: 273px;
            height: 4px;
            background: #FAC17C;
            left: 0;
            bottom: -20px;
        }
        .text_title span {
            font-size: 32px;
            color: #FFFFFF;
            letter-spacing: 0;
            line-height: 57px;
            margin-bottom: 56px;
            display: block;
            font-weight: 200;
        }
a.more_blue{text-align: center;display:block;color:#fff;background:#3d9eff;border-radius:8px;box-shadow: 0 1px 5px #3d9eff;width: 12%;margin:auto;margin-top: 5%;line-height:35px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
a.more_blue:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}

.fangan_biaoti{margin: auto;text-align: center;margin-bottom:60px;}
.fangan_biaoti>h2 {color: #222;font-size: 24px;font-weight: bold; ;margin: 0;}
.fangan_biaoti .biao_heng { width: 5em; margin: auto; height: 4px;  background: #B1855A;  margin-top: 1.5em;  margin-bottom: 1.7em;}

.fangan_biaoti .biao_se { color: #C8C8C8;  font-size: 18px;}
@media screen and (max-width: 768px) {
    .fangan_biaoti{margin-bottom:15px;}
    .fangan_biaoti>h2{font-size: 16px;}
    .fangan_biaoti .biao_heng{margin:10px auto;}
}
/*产品中心*/
.title {
    font-size: 24px;
    color: #282D3B;
    letter-spacing: 0;
    text-align: center;
    font-weight: bold;
    position: relative;
    margin-bottom: 35px!important;
}
.title:after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #B1855A;
    width: 72px;
    left: 50%;
    margin-left: -36px;
    bottom: -16px;
}
.personalInsurance div[class*="col"] {
    overflow: hidden;
    padding: 15px 0;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.personalInsurance div[class*="col"]:hover img {
    -webkit-animation: flip 800ms;
    -moz-animation: flip 800ms;
    -o-animation: flip 800ms;
    animation: flip 800ms;
}
.personalInsurance div[class*="col"] img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.personalInsurance div[class*="col"] .text {
    width: 210px;
    min-height: 180px;
}
.personalInsurance div[class*="col"] .text h4 {
    margin: 0;
    font-size: 16px;
    color: #353535;
    letter-spacing: 0;
    position: relative;
    margin-bottom: 26px;
}
.personalInsurance div[class*="col"] .text h4:after {
    content: "";
    display: block;
    background: #926941;
    width: 32px;
    height: 2px;
    position: absolute;
    bottom: -12px;
    left: 0;
}
.personalInsurance div[class*="col"] .text p {
    font-size: 14px;
    color: #656565;
    letter-spacing: 0;
    text-align: justify;
    line-height: 21px;
    font-weight: normal;
    margin: 0;
}

.group {
    background: #F1F1F1;
    padding: 30px 0;
    padding-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.group div[class*="col"] img {
    width: 208px;
    margin: 0 auto;
}
.group div[class*="col"] h4 {
    font-size: 16px;
    color: #353535;
    letter-spacing: 0;
    width: 100%;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 16px;
}
.group div[class*="col"] span {
    display: block;
    height: auto;
    font-size: 13px;
    color: #656565;
    letter-spacing: 0;
    text-align: center;
    line-height: 21px;
}
@media (min-width: 992px){
.group div[class*="col"] {
    width: 20%!important;
    flex: initial;
}
.pro_bot div[class*="col"] {
    width: 20%!important;
    flex: initial;
}
}

.pro_bot div[class*="col"] img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 216px;
    margin-left: -108px;
}
.pro_bot div[class*="col"] {
    overflow: hidden;
    position: relative;
    height: 322px;
}

.cpzx .position{background:#f8f8f8;padding:15px;}
.cpzx .position .position_about{color:#666;}
.cpzx .position .position_about a:hover{color:#3d9eff;}
.cpzx .product{padding:5% 0;}
.cpzx .product .product_title{width: 100%;margin:auto;margin-bottom:50px;}
.cpzx .product .product_title .items a{margin-bottom:10px;text-align: center;line-height:50px;border-radius:50px;display:block;font-size: 15px;background:#ddd;box-shadow: 0 1px 5px #ddd;color:#555;}
.cpzx .product .product_title .items:hover a{background:#3d9eff;box-shadow: 0 1px 5px #3d9eff;color:#fff;}
.cpzx .product .product_title .items .active{background:#3d9eff;box-shadow: 0 1px 5px #3d9eff;color:#fff;}
.cpzx .product .porduct_list .item:hover a{color:#B1855A;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);box-shadow: 0 1px 5px #ddd;border:0;}
.cpzx .product .porduct_list .item a{margin-bottom:10px;display:block;border:1px #eee solid;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.cpzx .product .porduct_list .item img{width: 100%;height:250px;object-fit:content;}
.cpzx .product .porduct_list .item p{text-align: center;padding:15px 0;}
@media screen and (max-width: 768px) {
    .cpzx .product .product_title{line-height:40px;height:40px;overflow-x: scroll;white-space: nowrap;display:block;margin-bottom:15px;}
    .cpzx .product .product_title .items{width: initial;display:inline-block;padding:0 5px;}
    .cpzx .product .product_title .items a{height:30px;line-height:30px;margin-bottom: 0;font-size: 14px;padding:0 10px;}
    .cpzx .product .porduct_list{padding:0 15px;}
    .cpzx .product .porduct_list .item img{height:200px;}
    .cpzx .product .porduct_list .item p{padding:8px 0;}
}

/*产品详情*/
.cpxq .position{background:#f8f8f8;padding:15px;}
.cpxq .position .position_about{color:#666;}
.cpxq .position .position_about a:hover{color:#3d9eff;}
.cpxq .product_detail{padding:5% 0;}
.cpxq .product_detail .sideMenu{width: 100%;margin: 0 auto;}
.cpxq .product_detail .sideMenu h3{width: 100%;height: 42px;line-height: 42px;background: #B1855A;font-size: 14px;font-weight: bold;color: #fff;cursor: pointer;padding: 0 10px;border-bottom: 1px #fff solid}
.cpxq .product_detail .sideMenu h3 a{color: #fff;}
.cpxq .product_detail .sideMenu ul{display: none;}
.cpxq .product_detail .sideMenu ul li{width: 100%;height: 36px;line-height: 36px;background: #f7f7f7;border-bottom: 1px solid #fff;padding: 0 10px;}
.cpxq .product_detail .sideMenu ul li a{color: #919191;font-size: 14px;font-weight: normal;overflow:hidden;height:36px;word-break: keep-all;text-overflow: ellipsis;display:block;}
.cpxq .product_detail .sideMenu ul li:hover a{color:#B1855A;}
.cpxq .product_detail .carousel-control-next,.cpxq .product_detail .carousel-control-prev{background:#ddd;}
.cpxq .product_detail .info .slide img{height:300px;object-fit: content}
.cpxq .product_detail .info h4{font-size: 21px;font-weight: bold;margin-top: 15px;margin-bottom:15px;}
.cpxq .product_detail .info p{font-size: 15px;line-height:35px;}
.cpxq .product_detail .info .titles{color:#B1855A;font-weight: bold;font-size: 18px;}
.cpxq .product_detail .info table{border:2px #eee solid;margin: 15px 0;width: 100%;}
.cpxq .product_detail .info table td{padding:10px;border-bottom: 2px #eee solid;border-right: 2px #eee solid}
.cpxq .product_detail .info ul{margin: 15px 0;}
.cpxq .product_detail .info li{list-style: initial;line-height:30px;margin-left: 30px;}
.cpxq .product_detail .info .content{margin:15px 0;}
.cpxq .product_detail .info .content p{line-height:25px;margin-bottom: 8px;}
@media screen and (max-width: 768px) {
    .cpxq .product_detail{padding:5% 15px;}
    .cpxq .product_detail .sideMenu{display:none;}
}



/*方案详情*/
.detail h4{font-size: 21px;text-align: center;margin-bottom:15px;}

.detail .content p{line-height:40px;font-size: 15px;text-indent: 2em;margin-bottom:10px;}
.detail .content ul li{line-height:40px;font-size: 15px;list-style: initial;margin-left: 20px;}
.detail .content img{width: 100%;}





@media screen and (max-width: 768px) {
    a.more_blue{width: 30%;font-size: 12px;line-height:25px;}
    .text_title h3 {
            font-size: 28px;}

        .text_title span {
            font-size: 16px;}
            .cpxq .position{display:none;}
            .personalInsurance div[class*="col"] {
    padding: 30px 0;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    overflow: hidden;
    margin: 20px;
    margin-bottom: 0;
}
.personalInsurance div[class*="col"] img {
    margin-bottom: 30px;
    width: 50px!important;
    height: auto!important;
    margin-right: 0!important;
}
.personalInsurance div[class*="col"] h4 {
    text-align: center;
}
.personalInsurance div[class*="col"] .text{min-height: initial;}
.personalInsurance div[class*="col"] .text h4:after{display:none;}
.personalInsurance div[class*="col"] .text p {
    text-align: center!important;
}
}
.group div[class*="col"] {
    margin-bottom: 24px;
    text-align: center;
}
.time{
    text-align: center;
    display: block;
    padding:10px 0;
}