/*ÐÂÎÅ*/
.l_list_details .details_left .left_content .info_cnt {padding-right: 118px}
.l_list_details .details_left .left_content .qrcode {
    right: 41px;
    top: 55px;
    cursor: pointer;
}
.l_list_details .details_left .left_content .qrcode span {
    display: inline-block;
    width: 30px;
    opacity: 0.5;
}
.l_list_details .details_left .left_content .qrcode:hover #qrcode {
    display: block;
}

.goods_c > div .row .col{
    max-width: 285px;
}



/*layout about*/
.introduction {padding-bottom: 100px}
.introduction p,
.introduction div {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 16px;
}
.brand_layout{
    padding: 100px 0;
    background: url("../images/tmp1572230794_1758492_s.jpg") no-repeat center top;
    color: #fff;
    font-size: 16px;
}
.brand_layout p{line-height: 1.75;}
.brand_layout b{
    display: inline-block;
    margin: 30px 0;
}
/**********culture**************/
.culture_layout {
    padding: 100px 0;
    background: url("../images/tmp1536930680_1758492_s.jpg") no-repeat center top;
}
.culture_layout .culture-text{
    background: #fff;
    padding: 45px;
    color: #333;
    font-size: 15px;
}
.culture_layout .culture-text b{
    display: inline-block;
    margin-top: 30px;
}
.culture_layout .culture-text b:nth-of-type(1){margin-top: 0}
.culture_layout .culture-text > p{line-height: 1.75;}
/**************certificate****************/
.certificate {padding-bottom: 69px;}
#certify {}
#certify .swiper-container {padding-bottom: 60px;}
#certify .swiper-wrapper {display: flex}
#certify  .swiper-slide {
    width: 520px;
    height: 408px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
    float: none;
    margin-top: 0;
}
#certify  .swiper-slide:nth-child(2n) {margin-left: 0}
#certify  .swiper-slide img{
    width: 520px;
    height: 310px;
}
#certify  .swiper-slide p {
    line-height: 98px;
    font-size: 16px;
}
#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #1b1e21;
    background-color: transparent;
    width: 10px;
    height: 10px;
    opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #b02a29;
}
#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}
#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}
#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}
#certify .swiper-button-next:after,#certify .swiper-button-prev:after {content: none}
/******history*********/
/*.history_lyout {*/
/*    padding-top: 83px;*/
/*    padding-bottom: 130px;*/
/*    background: url("../images/tmp1536932095_1758492_s.jpg") no-repeat center top;*/
/*    background-size: cover;*/
/*}*/
/*.history_lyout .container {*/
/*    position: relative;*/
/*    font-size: 14px;*/
/*    z-index: 2;*/
/*    padding-bottom: 25px;*/
/*}*/
/*.history_lyout .container:after {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 0;*/
/*    z-index: -1;*/
/*    background-color: #dcdcdc;*/
/*}*/
/*.history_lyout .row {padding: 0 110px;}*/
/*.history_lyout .col-lg-6 {*/
/*    padding-right: 44px;*/
/*    padding-left: 0;*/
/*}*/
/*.history_lyout .col-lg-6 + .col-lg-6 {*/
/*    padding-left: 44px;*/
/*    padding-right: 0;*/
/*}*/
/*.proces-t-l {}*/
/*.proces-t {*/
/*    font-size: 16px;*/
/*    line-height: 32px;*/
/*    color: #767676;*/
/*}*/
/*.proces-t.proces-t-r {*/
/*    font-size: 46px;*/
/*    line-height: 45px;*/
/*    color: #b02a29;*/
/*    margin-bottom: 16px;*/
/*}*/
/*.proces-info {*/
/*    font-size: 25px;*/
/*    line-height: 25px;*/
/*    color: #2f2f2f;*/
/*    margin-bottom: 0;*/
/*}*/
/*.proces-info.proces-info-r {*/
/*    color: #646464;*/
/*    font-size: 16px;*/
/*}*/
/*!*.proces-list*!*/
/*.history_lyout .row:nth-of-type(2) {*/
/*    margin-top: 100px;*/
/*}*/
/*.proces-list .p-year {*/
/*    border-bottom: 1px solid #dcdcdc;*/
/*    height: 62px;*/
/*}*/
/*.proces-list .p-year span {*/
/*    display: inline-block;*/
/*    padding-right: 44px;*/
/*    font: bold 40px/62px "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif;*/
/*    color: #b02a29;*/
/*    transform: translateX(-50%);*/
/*}*/
/*.proces-list .dd {*/
/*    padding-top: 83px;*/
/*    margin-bottom: 12px;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    padding-left: 44px;*/
/*    z-index: 3;*/
/*}*/
/*.proces-list .dd:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 86px;*/
/*    left: -5px;*/
/*    z-index: -1;*/
/*    display: block;*/
/*    width: 11px;*/
/*    height: 11px;*/
/*    border-radius: 100%;*/
/*    background:#b02a29 ;*/
/*}*/
/*.proces-list .p-time {*/
/*    font-size: 18px;*/
/*    line-height: 18px;*/
/*    margin-bottom: 19px;*/
/*    color: #323232;*/
/*    font-weight: bold;*/
/*    vertical-align: top;*/
/*}*/
/*.proces-list .p-txt {*/
/*    line-height: 25px;*/
/*    font-size: 13px;*/
/*    color: #767676;*/
/*    padding-right: 29px;*/
/*    display: block;*/
/*}*/
/*.history_more {margin-top: 28px}*/
/*.history_more_btn {*/
/*    font-size: 12px;*/
/*    text-transform: uppercase;*/
/*    padding: 15px 23px;*/
/*    display: inline-block;*/
/*    cursor: pointer;*/
/*    border: 2px solid #383838;*/
/*    color: #383838;*/
/*}*/
/*.history_more_btn i {*/
/*    margin-left: 17px;*/
/*}*/
/*.history_more_btn:hover{*/
/*    color:#b02a29 ;*/
/*    border-color: #b02a29;*/
/*}*/


/*************************/
.about-s3 {
    width: 100%;
    display: block;
    padding-top: 180px;
    padding-bottom: 180px;
}
.about-s3 .item-text {
    padding-right: 60px;
}
.about-s3 .title-layout {
    padding-bottom: 39px;
    margin-bottom: 33px;
}
.about-s3 .title-layout:after {
    width: 0;
}

.about-s3 .title-layout h3 {
    padding-right: 53px;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 23px;
}
.about-s3 .title-layout h3:after {
    width: 32px;
    height: 32px;
    top: 2px;
}
.about-s3 .title-layout h4 {
    width: 100%;
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #cdcdcd;
    text-transform: uppercase;
}

.about-s3 .item-text:hover .title-layout,.about-s3 .item-text:hover p {
    transform: translateY(-10px)
}
.about-s3 .item-text.item-text-right {
    padding-left: 60px;
    padding-right: 0;
}
.about-s3 .item-text p {
    padding-right: 100px;
    font-size: 18px;
    line-height: 32px;
}
.about-s3 .item-text:hover .title-layout:after {
    width: 100%;
}
.about-s3 .item-img {
    border-radius: 18px;
}
.about-s3 .item-img img {
    transition: all 0.3s ease-in-out;
}
.about-s3 .item-img:hover img {
    transform: scale(1.02)
}
.about-s3 .row + .row {
    margin-top: 74px;
}
/******************layout-news****************/
.l_list_box{}
.l_list_box li{transition: .5s}
.l_list_box li:hover{background: #f4f4f4}
.l_list_box li a{
    padding: 50px 0;
    border-bottom: 1px solid #eeeeee;
    display: block;
}
.l_list_box li a .img{
    height: 200px;
    overflow: hidden;
}
.l_list_box li a .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.l_list_box li a .text{
    font-size: 14px;
    text-align: justify;
    color: #797979;
    line-height: 2;
    letter-spacing: 1px;
}
.l_list_box li a .text b{
    font-size: 18px;
    display: block;
    padding-bottom: 15px;
    width: 100%;
    color: #232323;
}
.l_list_box li a .text i{
    display: block;
    padding-top: 15px;
    font-size: 13px;
    width: 100%;
    font-style: normal;
    color: #9f9f9f;
}

/****/

.l_list_details {
    padding-top: 60px;
    padding-bottom: 50px
}
.l_list_details .details_left .left_content {
    padding: 40px;
    background: #fff;
    position: relative;
    border: 1px solid #ebebeb;
}

.l_list_details .details_left .left_content .info_cnt h2 {
    line-height: 1.5;
    font-size: 28px;
    margin-bottom: 14px;
    font-weight: 400;
    text-align: justify;
}
.l_list_details .details_left .left_content .info_box{overflow: hidden;width: 100%}
.l_list_details .details_left .left_content .info_box p,
.news_info .news_info_box div {font-size: 16px;line-height: 2;text-align: justify}

.info_times {font-size: 16px;color: #999;margin-top: 15px;padding-bottom: 40px;border-bottom: 2px solid #000;margin-bottom: 30px}
.info_times span {display: inline-block;padding: 0 25px;border-left: 1px solid #dddddd;}

.info_times span:nth-child(1) {padding-left: 0;border-left: none;}

.info_times span:nth-child(3) {padding-right: 0;}

.share_box {display: inline-block;text-align: center;}

.share_box a {display: inline-block;width: 30px;height: 25px;margin: 0 5px;}

.share_box a img {transition: none;}

.info_times .social-share a {margin: 0 5px 0 0;}

.info_times .social-share .social-share-icon {border: none;color: #fd7722;vertical-align: -2px;}

.info_times .social-share .icon-wechat,
.info_times .social-share .icon-weibo {border: none;color: #999999;}



.l_list_details .details_right {
    overflow: hidden
}
.l_list_details .details_right .list {}
.details_right .hot {
    width: 100%;
    display: block;
    border-radius: 6px;
    box-shadow:0 4px 20px 0 rgba(222, 222, 224, 0.5);
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px;
}
.details_right .hot dt{
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 50px;
    padding-left: 49px;
    position: relative;
    color: #fff;
    background-color: #333;
    overflow: hidden;
}
.details_right .hot dd{
    width: 100%;
    display: block;
    padding:12px 18px;
}
.details_right .hot dt:before{
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.details_right .hot dt:before {
    background-image: url("../images/icon-hot.png");
}
.details_right .hot a {
    width: 100%;
    min-height: 50px;
    display: block;
    padding-left: 15px;
    font-size: 14px;
    padding-bottom: 12px;
    padding-top: 9px;
    line-height: 22px;
    color: #666;
    position: relative;
}
.details_right .hot a + a {
    border-top: 1px solid #dddddd;
}
.details_right .hot a:before {
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    background: #b81d20;
    position: absolute;
    left: 0;
    top: 17px;
    border-radius: 7px;
}
.details_right .hot a:hover {
    color: #b81d20;
}

.detail_page {
    height: 57px;
    margin-top: 25px;
    position: relative;
    background: #fff
}
.detail_page .dpages {
    font-size: 0!important;
    position: relative;
    height: 100%;
    border: 1px solid #ebebeb;
}
.detail_page .dpages:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #E5E5E5;
    position: absolute;
    left: 50%;
    top: 0
}
.detail_page a {
    line-height: 57px;
    display: inline-block;
    width:calc(100% / 2);
    text-align: center;
    font-size: 14px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: middle;
    color: #333;
}
.detail_page a img {
    margin-right: 30px;
    vertical-align: middle
}
.detail_page a.previous, .detail_page a.prev {
    float: left
}
.detail_page a.next, .detail_page a.nexts {
    float: right
}
.detail_page a.prev, .detail_page a.nexts {
    color: #888;
}
.detail_page a:hover {
    padding-left: 10px;
}
.detail_page a.nexts:hover,.newsi_m a.prev:hover {
    padding-left: 0;
    cursor:not-allowed
}
/****************layout-agent****************/
.index-phone{text-align: center}
.index-phone i,.index-phone span{vertical-align: middle}
.index-phone i img{height: 30px;}
.index-phone span{font-size: 40px;font-weight: bold;padding-left: 2%;color: #b81d22}
.index-brand{transform: translateY(-50%);z-index: 2;position: relative;padding-bottom: 10px}
.index-brand .container{background: #fff}
.brand-box ul{padding:  50px 15px;width: 100%;}
.brand-box ul li{padding: 0 2%;font-size: 24px;text-align: center;color: #222;position: relative;}
.brand-box ul li:nth-of-type(1):after{width: 7px;height: 24px;background:#b81d22;margin-top: -12px;top: 50%;content: "";display: block;position: absolute;left: 0;}
.brand-box ul li + li{border-left: 1px solid rgba(0,0,0,.1)}
.brand-box ul li img{max-height: 60px}
/*******************************/
.agent_problem{padding: 58px 0 150px;text-align: center;}
.agent_problem li .problem_box{height: 100%;background: #f1f1f1;}
.agent_problem .problem_cont{padding: 40px 40px 60px;text-align: left}
.agent_problem .problem_cont span{font-size: 13px;text-transform: uppercase;font-weight: bold;color: #b81d22;padding-bottom: 12px;line-height: 1;display: block}
.agent_problem .problem_cont h2{font-size: 30px;text-transform: uppercase;line-height: 42px;padding-bottom: 28px}
.agent_problem .problem_cont p{font-size: 16px;text-align: justify;line-height: 2}

.agent_advantage{
    background:url("../images/agrnt_bg2.jpg");
    padding: 100px 0 150px;
    text-align: center;
}

.agent_advantage li{
    width: 590px;
    height: 272px;
    background: #cfcfcf;
    padding: 50px 70px;
    margin-bottom: 20px;
    text-align: left;
    background-size: 100%;
    border-radius: 5px;
}
.agent_advantage li:nth-of-type(1){width: 850px;}
.agent_advantage li:nth-of-type(2){width: calc(100% - 870px);}
.agent_advantage li:nth-of-type(3){width: 100%}
.agent_advantage li:nth-of-type(1){background: url("../images/agrnt_li_bg1.jpg") no-repeat center;}
.agent_advantage li:nth-of-type(2){background:url("../images/agrnt_li_bg2.png") no-repeat center #c2c2c2;}
.agent_advantage li:nth-of-type(3){background:url("../images/agrnt_li_bg4.jpg") no-repeat center;background-size: cover}
.agent_advantage li:nth-of-type(4){background:url("../images/agrnt_li_bg5.jpg") no-repeat center;}
.agent_advantage li:nth-of-type(5){background:url("../images/agrnt_li_bg6.jpg") no-repeat center;}
.agent_advantage li h2{
    font-family: Agency FB;
    font-size: 44px;
    color: #b02a29;
}
.agent_advantage li p{
    font-size: 26px;
    color: #131212;
    padding-bottom: 8px;
}
.agent_advantage li span{
    font-size: 15px;
    color: #333333;
    line-height: 1.5;
    letter-spacing: 2px;
}
.agent_advantage li:nth-of-type(3) h2,.agent_advantage li:nth-of-type(3) p,.agent_advantage li:nth-of-type(3) span,
.agent_advantage li:nth-of-type(4) h2,.agent_advantage li:nth-of-type(4) p,.agent_advantage li:nth-of-type(4) span,
.agent_advantage li:nth-of-type(5) h2,.agent_advantage li:nth-of-type(5) p,.agent_advantage li:nth-of-type(5) span{color: #fff}

.agent_support{
    padding: 80px 0;
}
.agent_support{text-align: center}
.agent_support li:nth-of-type(n+4){margin-top: 50px}
.agent_support .support_box .img-box{width:154px;height:154px;margin: 0 auto 30px;border-radius: 70px;overflow: hidden;
    background-image: -moz-linear-gradient( 0deg, #4c59cb 0%, #3ca1d5 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(76,89,203) 0%, rgb(60,161,213) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(76,89,203) 0%, rgb(60,161,213) 100%);
}
.agent_support .support_box .img-box{width:154px;height:154px;margin: 0 auto 30px;border-radius: 70px;overflow: hidden;background: #666666}
.agent_support li:nth-of-type(1) .img-box{background-image: linear-gradient(to right, #4c59cb,#3ca1d5);}
.agent_support li:nth-of-type(2) .img-box{background-image: linear-gradient(to right, #f28e26,#fd644f);}
.agent_support li:nth-of-type(3) .img-box{background-image: linear-gradient(to right, #72d7cc,#28cfb3);}
.agent_support li:nth-of-type(4) .img-box{background-image: linear-gradient(to right, #fd5392,#f86f64);}
.agent_support li:nth-of-type(5) .img-box{background-image: linear-gradient(to right, #7683d9,#d8a0fe);}
.agent_support li:nth-of-type(6) .img-box{background-image: linear-gradient(to right, #d1c3fc,#9bc4fc);}


.agent_support .support_cont h2{font-size: 20px;font-weight: normal;padding-bottom:16px;line-height: 1}
.agent_support .support_cont i{display: block;margin: 0 auto 14px;width: 24px;height: 1px;background: #b81d22;}
.agent_support .support_cont p{font-size: 14px;color: #a9a9a9}

.agent_require{padding-top: 80px;text-align: center}
.agent_require span{padding: 15px 44px;line-height: 1;font-size: 24px;color: #fff;background: #666;}
.agent_require p{padding: 28px 48px;line-height: 2;font-size: 18px;color: #666;background: #f1f1f1;}


.agent_process{
    padding: 80px 0;
    text-align: center;
}

/**************************************/


/***************************************contact*****************************/
.l_contact_box {
    padding: 35px 0 70px;
}
.l_contact_box .container {
    padding: 45px 40px 45px 70px;
    background-color: #fbfafa;
    border: 1px solid #cecece;
}
.l_contact_box li {
    float: left;
}
.l_contact_box li .address {
    padding-bottom: 20px;
}
.l_contact_box li .address + .address {
    border-top: 1px dashed #C6C6C6;
    padding-top: 10px;
}
.l_contact_box li .address h1 {
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
}
.l_contact_box li .address p {
    font-size: 15px;
    color: #333;
}
#myMap {height: 472px}

/**********************talent**********************/
.recruitTable{padding-bottom: 30px}
.recruitTable .tHead{padding:32px 0;line-height:1;background:#181819;color:#fff;margin-bottom:32px;font-size:16px}
.recruitTable .tBody div.tti,.recruitTable .tHead div.tal{text-align:left;padding-left:32px}
.recruitTable .tBody>div,.recruitTable .tHead div{text-align:center}
.recruitTable .tBody>div{padding:20px 0;font-size:16px}
.recruitTable .item{margin-bottom:32px}
.recruitTable .tBody{line-height:1;color:#757575;background:#f8f8f8;cursor:pointer}
.recruitTable .tBody div.tti{color:#000;font-weight:400;font-size:18px}
.recruitTable .tBody .btnBox{height:40px;margin-top:8px;padding:0}
.recruitTable .tBody .btn{width:40px;height:40px;margin:0 auto 0 auto;border-radius:50%;border:1px solid #9e9e9e;background-image:url(../images/recruit8.png);background-position:center;background-repeat:no-repeat}
.recruitTable .tBody .line{border-right:1px solid #9e9e9e}
.recruitTable .item.on .tBody .line{border-right:1px solid #f3d5d4}
.recruitTable .item.on .tBody,.recruitTable .tBody:hover{background:#ce0e05;background-size:100%;color:#fff}
.recruitTable .item.on .tBody div.tti,.recruitTable .tBody:hover div.tti{color:#fff;font-weight:400}
.recruitTable .item.on .tBody .line,.recruitTable .tBody:hover .line{border-color:#f3d5d4}
.recruitTable .item.on .tBody .btn,.recruitTable .tBody:hover .btn{border-color:#fff;background-color:#fff}
.recruitTable .item.on .tBody .btn{background-image:url(../images/recruit9.png)}
.jobDesc{padding:50px 70px;background:#f8f8f8;display:none}
.jobDesc h3 span{color:#ce0e05;display:inline-block;margin:0 32px}
.jobDesc h3,.jobDesc p{line-height:1.8;font-size:16px}
.jobDesc h3{margin-bottom:16px}
.jobDesc h2{color:#000;margin:16px 0 8px 0}




.l-ct-box {}
.l-ct-box .tel-box {
    margin-bottom: 70px;
}
.l-ct-box .tel-box .h3 {
    font-size: 24px;
    margin-bottom: 30px;
}
.l-ct-box .tel-box p {
    position: relative;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 30px;
}
.l-ct-box .tel-box p i {
    font-size: 24px;
    width: 24px;
    line-height: 24px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    margin-top: 6px;
}
.l-ct-box .tel-box p span {
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    padding-left: 10px
}
.l-ct-box .tel-box p span em {
    font-style: normal;
    color:#b02a29;
    font-size: 15px }
.map-box {
    padding: 10px;
    border: 1px solid #cecece;
    margin-bottom: 60px
}
.map-box iframe {
    width: 100%
}

