/*pc版本样式*/

/*顶部部分*/
.webHeader {
    height: 30px;
}

.webHeader .welcome_inf,
.webHeader .topselect {
    font-size: 13px;
    color: #666666;
}

.webHeader .welcome_inf {
    margin-left: -108px;
    float: left;
    line-height: 30px;
}

.webHeader ul.topselect {
    margin-right: -96px;
    float: right;
}

.webHeader ul.topselect li {
    float: right;
    text-align: right;
    margin: 7px 0 0 0;
}

.webHeader ul.topselect li:nth-child(2) {
    background: url(../images/top_line.jpg) no-repeat 50% 50%;
    padding: 0 18px;
    width: 2px;
}

.webHeader ul.topselect li a {
    color: #666;
    display: block;
}

.webHeader ul.topselect li a:hover {
    color: #1082ff
}

/*logoArea*/
.logoArea {
    height: 80px;
    position: relative;
}

.logoArea h1.logo {
    position: absolute;
    top: 8px;
    left: -107px;
    font-size: 0px;
    margin: 0;
}

.logoArea p {
    position: absolute;
    left: 7px;
    font-size: 13px;
    top: 28px;
}

@media only screen and (max-width:1163px) {
    .logoArea p {
        display: none;
    }

}

.logoArea ul.nav {
    position: absolute;
    top: 35px;
    right: -103px;
}

.logoArea ul.nav li {
    float: left;    /*width: 100px;*/
}

.logoArea ul.nav li a {
    display: block;
    font-size: 15px;
    color: #333;
}

.logoArea ul.nav li.select a,
.logoArea ul.nav li a:hover {
    font-size: 15px;
    color: #1082ff;
    font-weight: bold;
}

/*=====导航下拉菜单==============*/

/*菜单项目*/
.logoArea ul.nav li.sub {
    margin-left: 40px;
    position: relative;
}

.logoArea ul.nav li.downSub::after {
    background: url(../images/down.png) no-repeat 0% 0%;
    width: 11px;
    height: 6px;
    content: '';
    display: block;
    position: absolute;
    right: -18px;
    top: 45%;
    transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
}

.logoArea ul.nav li.downSub dl {
    display: none;
    position: absolute;
    top: 42px;
    left: -5px;
    width: 90px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 1px 1px 4px 1px rgba(16, 130, 255, 0.27);
    z-index: 999;
}

.logoArea ul.nav li.downSub dl dd {
    padding: 5px 0px;
    text-align: center;
}

.logoArea ul.nav li.downSub dl dd a {
    color: #666666 !important;
}

.logoArea ul.nav li.downSub dl dd a:hover {
    color: #1082ff !important;
    font-weight: bold !important;
}

.logoArea ul.nav li:nth-child(6) {
    background: url(../images/line_1.jpg) no-repeat 100% 50%;
    padding-right: 24px;
}

.logoArea ul.nav li.tel {
    margin-top: -7px;
    padding-left: 47px;
    background: url(../images/tel_1.png) no-repeat 12px 50%;
    padding-right: 19px;
}

.logoArea ul.nav li.wx {
    margin-top: -1px;
    background: url(../images/line_1.jpg) no-repeat 0% 50%;
    padding-left: 12px;
    padding-right: 16px;
    position: relative;
}

.logoArea ul.nav li.sapp {
    padding-right: 18px;
    margin-top: -1px;
    background: url(../images/line_1.jpg) no-repeat 0% 50%;
    padding-left: 10px;
    position: relative;
}

.logoArea ul.nav li.app {
    padding-right: 18px;
    margin-top: -1px;
    background: url(../images/line_1.jpg) no-repeat 0% 50%;
    padding-left: 10px;
    position: relative;
}

.logoArea ul.nav li.wx div.fad,
.logoArea ul.nav li.sapp div.fad, 
.logoArea ul.nav li.app div.fad{
    position: absolute;
    left: -90px;
    top: 46px;
    background: #fff;
    border: 1px solid #999;
    width: 150px;
    height: 150px;
    z-index: 99999
}

.logoArea ul.nav li.select.downSub dl dd a {
    font-weight: normal;
}

.logoArea ul.nav li.downSub:hover::after {
    background: url(../images/downHover.png) no-repeat 0% 0%;
}

/*banner*/
.banner {
    z-index: 0 !important;
}

.banner .bannerItem {
    height: 600px;
}

.banner .bannerItem .itemContent p {
    padding-top: 116px;
}

.banner .bannerItem .itemContent form {
    padding-top: 76px;
}

.banner .bannerItem .itemContent form input[type=text],
.banner .bannerItem .itemContent form button {
    width: 300px;
    height: 48px;
    border-radius: 24px;
    border: 0;
    background: #fff;
    text-indent: 17px;
    color: #999;
    font-size: 16px;
    outline: none;
}

.banner .bannerItem .itemContent form button {
    width: 152px;
    background-color: #ffe131;
    font-size: 18px;
    color: #333;
    margin-left: 13px;
    font-weight: 500;
    text-indent: 0;
    text-align: center;
}

/*first-page*/
ul.walita_advantage {
    padding-top: 82px;
}

ul.walita_advantage li {
    width: 240px;
    float: left;
    text-align: center;
    margin-right: 113px;
    cursor: pointer;
}

ul.walita_advantage li:last-child {
    margin-right: 0;
}

ul.walita_advantage li strong {
    display: block;
    padding-top: 30px;
    color: #333;
}

ul.walita_advantage li:hover strong {
    color: #1082ff;
}

ul.walita_advantage li p {
    padding-top: 20px;
    line-height: 165%;
}

ul.walita_advantage li i {
    display: block;
    width: 131px;
    height: 131px;
    border-radius: 50%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 30px #e0f1ff;
    transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
}

ul.walita_advantage li:nth-child(1) i {
    background: url(../images/04-1.png) no-repeat 50% 50%;
}

ul.walita_advantage li:nth-child(1):hover i {
    background: #1082ff url(../images/04.png) no-repeat 50% 50%;
}

ul.walita_advantage li:nth-child(2) i {
    background: url(../images/01.png) no-repeat 50% 50%;
}

ul.walita_advantage li:nth-child(2):hover i {
    background: #1082ff url(../images/01-1.png) no-repeat 50% 50%;
}

ul.walita_advantage li:nth-child(3) i {
    background: url(../images/02-01.png) no-repeat 50% 50%;
}

ul.walita_advantage li:nth-child(3):hover i {
    background: #1082ff  url(../images/02.png) no-repeat 50% 50%;
}

ul.walita_advantage li:nth-child(4) i {
    background: url(../images/03-1.png) no-repeat 50% 50%;
}

ul.walita_advantage li:nth-child(4):hover i {
    background: #1082ff  url(../images/03.png) no-repeat 50% 50%;
}

ul.walita_advantage li:hover i {
    box-shadow: 0px 0px 18px rgba(24, 133, 255, 0.74);
}

/*公用模块部分*/
.atitle {
    text-align: center;
    overflow: hidden;
}

.atitle h3,
.atitle h4 {
    padding: 0;
    margin: 0;
}

.atitle h3 {
    margin-top: 88px;
    color: #1082ff;
    font-weight: bold;
}

.atitle h4 {
    margin-top: 29px;
}

/*产品系统*/
.productInfo {
    background: url(../images/col_line.jpg) repeat-x 0 0 #fff;
    margin-top: 78px;
    overflow: hidden;
    padding-bottom: 30px;
}

.productInfo .swiper-container {
    overflow: visible;
}

.productInfo .atitle h4 {
    margin-top: 20px;
}

.productInfo ul.product_list {
    margin-top: 80px;
}

.productInfo ul.product_list li {
    border-radius: 24px;
    background: #fff;
    min-height: 505px;
    background-color: #ffffff;
    box-shadow: -1px 10px 51px 0px 
    rgba(113, 202, 255, 0.34);
}

.productInfo ul.product_list li i {
    width: 43.38%;
    float: left;
}

.productInfo ul.product_list li i b {
    display: block;
    padding: 45px 0 46px 78px;
}

.productInfo ul.product_list li .product_info {
    width: 56.15%;
    float: right;
}

.productInfo ul.product_list li .product_info strong {
    padding-top: 69px;
}

.productInfo ul.product_list li .product_info p.product_advantage {
    margin-top: 27px;
    line-height: 170%;
}

.productInfo ul.product_list li .product_info dl:nth-of-type(1) {
    width: 58%;
    float: left;
}

.productInfo ul.product_list li .product_info dl:nth-of-type(2) {
    width: 40%;
    float: left;
}

.productInfo ul.product_list li .product_info dl {
    margin-top: 22px;
}

.productInfo ul.product_list li .product_info dl dt {
    padding-bottom: 20px;
}

.productInfo ul.product_list li .product_info dl dd {
    margin-bottom: 4px;
}

/*insurance 承保文件*/
.insurance {
    margin-top: 36px;
}

.insurance .atitle h4 {
    margin-top: 20px;
}

.insurance .insurance_mc ul {
    margin-top: 79px;
}

.insurance .insurance_mc ul li {
    float: left;
    margin-right: 7.2%;
}

.insurance .insurance_mc ul li:last-child {
    margin-right: 0;
}

.insurance .insurance_mc {
    margin-bottom: 0px;
}

/*distribution 显示区域*/
.distribution {
}

.distribution .atitle h4 {
    margin-top: 20px;
}

.distribution  .distribution_list {
    padding-top: 70px;
    padding-bottom: 58px;
}

.distribution  .distribution_list .dir_left {
    width: 56%;
    float: left;
    height: 565px;
    background-color: #ffffff;
    box-shadow: -1px 10px 51px 0px 
    rgba(113, 202, 255, 0.34);
    border-radius: 24px;
}

.distribution  .distribution_list .dir_left i {
    display: block;
    padding: 58px 0px 33px 57px;
}

.distribution  .distribution_list .dir_right {
    width: 38.76%;
    float: right;
}

.distribution  .distribution_list .dir_right ul {
    padding-top: 54px
}

.distribution  .distribution_list .dir_right ul li {
    margin-bottom: 138px;
}

.distribution  .distribution_list .dir_right ul li strong {
    font-weight: lighter;
    width: 100px;
    height: 38px;
    float: left;
    background-color: #1082ff;
    border-radius: 2px;
    text-align: center;
    margin-right: 30px;
    line-height: 38px;
}

.distribution  .distribution_list .dir_right ul li p {
    float: left;
    width: 74%;
    padding: 0;
    margin: 0;
    line-height: 155%;
}

.distribution  .distribution_list .dir_right ul li:nth-child(even) strong {
    color: #fff;
    background-color: #1082ff;
}

.distribution  .distribution_list .dir_right ul li:nth-child(odd) strong {
    color: #fff;
    background-color: #1082ff;
}

/*scene*/
.scene {
    padding-bottom: 88px;
}

.scene .atitle h4 {
    margin-top: 20px;
}

.scene ul.scene {
    padding-top: 10px;
}

.scene ul.scene li {
    float: left;
    margin-top: 70px;
    margin-right: 8.076%;
    width: 27.92%;
}

.scene ul.scene li:nth-child(3n) {
    margin-right: 0;
}

/*help*/
.help {
    background-color: #1082ff;
    padding-bottom: 86px;
}

.help .help_list {
    margin-top: 110px;
    position: relative;
}

.help .atitle h3 {
}

.help .help_middle {
    width: 544px;
    height: 544px;
    border-radius: 50%;
    padding: 22px;
    background-color: rgba(107, 178, 255, 0.21);
    margin: 0 auto
}

.help  .inner1 {
    width: 501px;
    height: 501px;
    padding: 23px;
    background-color: rgba(107, 178, 255, 0.3);
    border-radius: 50%;
}

.help  .inner2 {
    width: 454px;
    height: 454px;
    position: relative;
    background-color: rgba(235, 244, 255, 0.3);
    border-radius: 50%;
}

.help  .inner2 i {
    display: block;
    position: absolute;
    left: 38px;
    top: 9px;
    width: 100%;
    transition: all ease-in-out 0.24s;
    -webkit-transition: all ease-in-out 0.24s;
    -moz-transition: all ease-in-out 0.24s;
}

.help  .inner2 i:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.help .help_list .help_left {
    position: absolute;
    left: 0;
    top: 50px;
}

.help .help_list .help_left ul.device1 li dd {
    width: 340px;
    border-radius: 31px;
    border: 2px dashed #e5ebf7;
    cursor: pointer;
    text-align: center;
    padding: 15px 15px;
    line-height: 165%;
}

.help .help_list .help_left ul.device1 li:hover dd {
    background: #218bff
}

.help .help_list .help_left ul.device1 li dt {
    width: 350px;
    text-align: center;
    margin-bottom: 30px;
}

.help .help_list .help_left ul.device1:last-child li dd {
    border-radius: 90px;
}

.help .help_list .help_left ul.device1:last-child {
    margin-top: 104px;
}

.help .help_list .help_right {
    position: absolute;
    left: auto;
    top: 50px;
    right: 0;
}

/*footer*/
.footer {
    border-top: 1px solid #e3e3e3;
    padding-top: 41px;
    background-color: #fff;
}

/*内容的footer*/
.nei_footer {
    border-top: 1px solid #e3e3e3;
}

.footer .firstLine span {
    padding-top: 14px;
    position: relative;
}

.footer .firstLine span::before {
    content: '';
    display: block;
    width: 13px;
    height: 10px;
    position: absolute;
    background: url(../images/yhleft.png) no-repeat 0 0;
    left: -20px;
    top: 13px;
}

.footer .firstLine span::after {
    content: '';
    display: block;
    width: 13px;
    height: 10px;
    position: absolute;
    background: url(../images/yhright.png) no-repeat 0 0;
    right: -20px;
    top: 13px;
}

.footer .secondLine {
    margin-top: 45px;
}

.footer .secondLine ul {
}

.footer .secondLine ul li {
    float: left;
}

.footer .secondLine ul li:nth-child(1) {
    width: 13%;
}

.footer .secondLine ul li:nth-child(2) {
    width: 13.3%;
}

.footer .secondLine ul li:nth-child(3) {
    width: 13.07%;
}

.footer .secondLine ul li:nth-child(4) {
    width: 34.84%;
}

.footer .secondLine ul li:nth-child(5) {
    width: 25.23%;
}

.footer .secondLine ul li dt {
    padding-bottom: 20px;
}

.footer .secondLine ul li dd {
    padding-bottom: 10px;
}

.footer .secondLine ul li:nth-child(4) dt {
    padding-bottom: 6px
}

.footer .secondLine ul li:nth-child(5) div {
    width: 87px;
    text-align: center;
    float: left;
    padding: 0;
    margin: 0
}

.footer .secondLine ul li:nth-child(5) div p {
    padding-top: 5px;
}

.footer .secondLine ul li:nth-child(5) div {
    margin-right: 33px;
}

.footer .secondLine ul li:nth-child(5) div:last-child {
    margin-right: 0px;
}

.footer .secondLine ul li:nth-child(5) div i {
    display: block;
    width: 87px;
    height: 87px;
}

.footer .secondLine ul li:nth-child(5) div i {
    background-image: url(../images/service.jpg);
    background-size: 87px 87px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer .secondLine ul li:nth-child(5) div:nth-of-type(2) i {
    background-image: url(../images/organ.jpg);
}

.footer .secondLine ul li:nth-child(5) div:nth-of-type(3) i {
    background-image: url(../images/sapp.jpg);
}

.footer .copyright {
    border-top: 1px solid #e3e3e3;
    margin-top: 40px;
    padding: 20px 0;
    padding-bottom: 60px;
}

/*代理商页面*/
#agent1 {
    background: #fff;
    padding-bottom: 71px;
}

#agent1 .agent1_mc {
    margin-top: 38px;
}

#agent1 .agent1_mc .agent1_left {
    float: left;
    width: 5.38%;
    height: 375px;
    background-color: #1082ff;
    border-radius: 8px 0px 0px 8px;
    margin-top: 19px;
}

#agent1 .agent1_mc .agent1_left i {
    display: block;
    padding: 12px 10px 12px 10px;
}

#agent1 .agent1_mc .agent1_middle {
    width: 44.95%;
    height: 411px;
    background-color: #ffffff;
    box-shadow: 0px 0px 57px 0px 
    rgba(14, 124, 215, 0.29);
    border-radius: 20px;
    float: left;
}

#agent1 .agent1_mc .agent1_right {
    width: 49.67%;
    height: 375px;
    border-radius: 0px 8px 8px 0px;
    background-color: #1082ff;
    overflow: hidden;
    float: left;
    margin-top: 19px;
}

#agent1 .agent1_mc .agent1_middle ul {
    padding-top: 37px;
    padding-left: 36px;
}

#agent1 .agent1_mc .agent1_middle ul li {
    margin-bottom: 36px;
}

#agent1 .agent1_mc .agent1_middle ul li dd {
    padding-top: 10px;
    padding-right: 15%;
    line-height: 165%;
}

@media only screen and (max-width:1015px) {
    #agent1 .agent1_mc .agent1_left {
        float: none;
        clear: both;
        width: auto;
        height: auto;
        background-color: #1082ff;
        border-radius: 8px 8px 0px 0px;
        margin-top: 19px;
        height: 20px;
    }

    #agent1 .agent1_mc .agent1_left i {
        display: none;
    }

    #agent1 .agent1_mc .agent1_middle {
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding-bottom: 10px;
        background-color: #ffffff;
        box-shadow: 0px 0px 57px 0px 
        rgba(14, 124, 215, 0.29);
        border-radius: 0 0 0px 0px;
        float: none;
        clear: both;
    }

    #agent1 .agent1_mc .agent1_middle ul li {
        width: 33%;
        float: left;
    }

    #agent1 .agent1_mc .agent1_middle ul {
        overflow: hidden;
    }

    #agent1 .agent1_mc .agent1_right {
        width: 100%;
        height: 375px;
        border-radius: 0px 0px 8px 8px;
        background-color: #1082ff;
        overflow: hidden;
        float: left;
        margin-top: 0px;
        text-align: center;
    }

}

/*agent2*/
#agent2 {
    background: #f2f8ff;
    padding-bottom: 40px;
}

#agent2 .agent2_mc {
    margin-top: 75px;
}

#agent2 .agent2_mc ul {
}

#agent2 .agent2_mc ul li {
    float: left;
}

#agent2 .agent2_mc ul li:nth-child(1) {
    margin-right: 107px;
}

#agent2 .agent2_mc ul li:nth-child(2) {
    margin-right: 101px;
}

#agent2 .atitle h4 {
    margin-top: 20px;
}

#agent2 .agent2_mc ul li p {
    background: url(../images/location.png) no-repeat 0 50%;
    padding: 18px 10px 18px 30px;
}

@media only screen and (max-width:1317px) {
    #agent2 .agent2_mc ul li:nth-child(1) {
        margin-right: 0px;
    }

    #agent2 .agent2_mc ul li:nth-child(2) {
        margin-right: 0px;
    }

    #agent2 .agent2_mc ul li {
        width: 33%;
        text-align: center;
        box-sizing: border-box;
    }

    #agent2 .agent2_mc ul li p {
        background: none;
    }

}

@media only screen and (max-width:1143px) {
    #agent2 .agent2_mc ul li {
        padding: 10px;
    }

}

/*agent3*/
#agent3 {
    background: url(../images/agent_bg1.jpg) repeat-x 0 0;
    padding-bottom: 88px;
}

#agent3 .atitle h4 {
    margin-top: 20px;
}

#agent3 .agent3_mc {
    height: 464px;
    background-color: #ffffff;
    box-shadow: 0px 0px 57px 0px 
    rgba(14, 124, 215, 0.29);
    border-radius: 20px;
    margin-top: 48px;
}

#agent3 .agent3_mc .col-xs-12,
#agent3 .agent3_mc .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

#agent3 .agent3_mc i {
    display: block;
    margin-left: -1px;
    padding-top: 10px;
}

@media only screen and (max-width:991px) {
    #agent3 .agent3_mc i {
        text-align: center;
    }

}

form#showForm {
    padding-top: 8px;
    padding-right: 0px;
}

form#showForm .form-group {
    margin-top: 48px;
    position: relative;
    cursor: pointer;
}

form#showForm .form-group input.text_input {
    background-color: #e2f2ff;
    border: solid 1px #1082fe;
    color: #1082fd
}

form#showForm .form-group i {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    background-image: url(../images/gov_img.png);
    background-repeat: no-repeat;
    top: 0;
    left: 30px;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
}

form#showForm .form-group:nth-of-type(1) i {
    background-position: 0px 0px;
}

form#showForm .form-group:nth-of-type(1):hover i {
    background-position: -88px 0px;
}

form#showForm .form-group:nth-of-type(2) i {
    background-position: 0px -95px;
}

form#showForm .form-group:nth-of-type(2):hover i {
    background-position: -88px -95px;
}

form#showForm .form-group:nth-of-type(3) i {
    background-position: 0px -187px;
}

form#showForm .form-group:nth-of-type(3):hover i {
    background-position: -88px -187px;
}

button#submit {
    background: #1082fd;
    border-radius: 24px;
    padding-left: 30px;
    padding-right: 30px;
    border: 0;
    box-shadow: 1px 1px 4px 1px rgba(16, 130, 255, 0.27);
}

/*合作--小区物业*/
#agent1 .property1_mc .agent1_left i {
    padding-top: 55px;
}

#agent1 .property1_mc .agent1_middle ul {
    padding-top: 5px;
}

#agent1 .property1_mc .agent1_middle ul li {
    margin-bottom: 0px;
    margin-top: 76px;
}

@media only screen and (max-width:1015px) {
    #agent1 .property1_mc .agent1_middle ul li {
        width: 48%;
        margin-top: 46px;
    }

}

/*合作-政府*/
#agent1 .gov1_mc .agent1_left i {
    padding-top: 12px;
}

#agent1 .gov1_mc .agent1_middle ul {
    padding-top: 37px;
}

#agent1 .gov1_mc .agent1_middle ul li {
    margin-bottom: 0px;
    margin-top: 0px;
}

#agent1 .gov1_mc .agent1_right {
    background: none;
}

#agent1 .gov1_mc .showDetail {
    line-height: 166%;
    border-radius: 8px;
    border: solid 1px #d2d2d2;
    margin-right: 10%;
    padding: 11px;
    margin-top: 19px;
}

@media only screen and (max-width:1015px) {
    #agent1 .gov1_mc .agent1_middle ul li {
        width: auto;
    }

    #agent1 .gov1_mc .agent1_right {
        background-color: #1082ff;
    }

}

#agent2 .gov2_mc ul {
}

#agent2 .gov2_mc ul li {
    float: left;
    width: 27.92%;
}

#agent2 .gov2_mc ul li:nth-child(1) {
    margin-right: 107px;
}

#agent2 .gov2_mc ul li:nth-child(2) {
    margin-right: 101px;
}

#agent2 .gov2_mc ul li dd {
    line-height: 160%;
    margin-top: -10px;
}

@media only screen and (max-width:1309px) {
    #agent2 .gov2_mc ul li {
        width: 33%;
        box-sizing: border-box;
        padding: 0 15px;
    }

    #agent2 .gov2_mc ul li:nth-child(1) {
        margin-right: 0px;
    }

    #agent2 .gov2_mc ul li:nth-child(2) {
        margin-right: 0px;
    }

}

.gov3 {
    background: #fff !important
}

/*关于我们*/
.aboutus_1  .atitle h4 {
    margin-top: 58px;
}

.aboutus_1 .agent1_mc .agent1_middle ul li dd {
    padding-top: 30px !important;
    line-height: 250% !important;
    padding-right: 12% !important;
}

.aboutus_1 .agent1_mc .agent1_middle ul li  p {
    padding-top: 29px !important;
}

#agent3 .about3_mc,
#agent3 .contact3_mc {
    height: auto;
    margin-top: 60px;
}

#agent3 .about3_mc i {
    padding-top: 0;
}

/*联系我们--重定义部分*/
#agent3 .contact3_mc i {
    padding: 20px;
}

#agent1 .contact1_mc .agent1_middle {
    width: 62.62%;
}

#agent1 .contact1_mc .agent1_right {
    width: 32.0%;
}

#agent1 .contact1_mc .agent1_middle  .col-xs-12,
#agent1 .contact1_mc .agent1_middle  .col-xs-7,
#agent1 .contact1_mc .agent1_middle  .col-xs-5 {
    padding-left: 0;
    padding-top: 0;
}

#agent1 .contact1_mc .agent1_middle  #sideLeft {
    padding-left: 37px;
    padding-top: 30px;
}

#agent1 .contact1_mc .agent1_middle #sideRight {
    padding-top: 35px;
}

#agent1 .contact1_mc .agent1_middle  #sideLeft p {
    padding-top: 90px;
    line-height: 38px;
}

#agent1 .contact1_mc .agent1_middle  #sideLeft #showTel {
    padding-top: 50px;
}

#agent1 .contact1_mc .agent1_middle #sideRight ul {
    padding-left: 0;
    padding-top: 55px;
}

#agent1 .contact1_mc .agent1_middle #sideRight ul li {
    padding: 4px;
    margin-right: 20px;
    box-shadow: 0px 4px 6px 0px 
    rgba(16, 130, 255, 0.1);
}

#agent1 .contact1_mc .agent1_middle #sideRight ul li.col-md-5 {
    padding-left: 0;
}

#agent1 .contact1_mc .agent1_middle #sideRight h4 {
    text-align: right;
}

#agent1 .contact1_mc .agent1_middle #sideRight .col-md-10 {
    padding-right: 0;
}

#agent1 .contact1_mc .agent1_middle  #sideRight p {
    padding-top: 70px;
    line-height: 38px;
}

@media only screen and (max-width:1015px) {
    #agent1 .contact1_mc .agent1_middle {
        width: auto;
    }

    #agent1 .contact1_mc .agent1_middle  #sideLeft p {
        padding-top: 20px;
    }

    #agent1 .contact1_mc .agent1_middle  #sideLeft #showTel {
        padding-top: 20px;
    }

    #agent1 .contact1_mc .agent1_middle #sideRight {
        padding-top: 32px;
    }

    #agent1 .contact1_mc .agent1_middle #sideRight ul {
        padding-left: 37px;
        padding-top: 10px;
    }

    #agent1 .contact1_mc .agent1_middle #sideRight h4 {
        text-align: left;
        padding-left: 37px;
    }

    #agent1 .contact1_mc .agent1_middle #sideRight ul li {
        width: 20%;
    }

    #agent1 .contact1_mc .agent1_middle  #sideRight p {
        padding-top: 10px;
        padding-left: 37px;
        line-height: 38px;
    }

    #agent1 .contact1_mc .agent1_right {
        display: none;
    }

}

/*新闻部分*/
.news_left {
    width: 12.85%;
    margin-top: 78px;
}

.news_right {
    width: 87.15%;
}

ul.leftNav {
    margin-top: 51px;
}

ul.leftNav li {
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-left: 51px;
    margin-bottom: 60px;
}

ul.leftNav li i {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../images/agent_ico.png);
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    transition: all ease-in 0.2s;
    -webkit-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
}

ul.leftNav li:nth-child(1) i {
    background-position: -13px -446px;
}

ul.leftNav li:nth-child(2) i {
    background-position: -13px -693px;
}

ul.leftNav li:nth-child(3) i {
    background-position: -13px -337px;
}

ul.leftNav li:nth-child(4) i {
    background-position: -13px -568px;
}

ul.leftNav li a {
    color: #666;
}

ul.leftNav li a:hover,
ul.leftNav li.select a {
    color: #1082ff;
    font-weight: bold;
}

ul.leftNav li::after {
    display: block;
    content: '';
    height: 37px;
    border-left: 2px solid #c2deff;
    position: absolute;
    left: 19px;
    top: 50px;
}

ul.leftNav li:last-child::after {
    display: none;
}

/*鼠标移动上去的时候有变化*/
ul.leftNav li:nth-child(1):hover i,
ul.leftNav li:nth-child(1).select i {
    background-position: -13px -503px;
}

ul.leftNav li:nth-child(2):hover i,
ul.leftNav li:nth-child(2).select i {
    background-position: -13px -752px;
}

ul.leftNav li:nth-child(3):hover i,
ul.leftNav li:nth-child(3).select i {
    background-position: -13px -389px;
}

ul.leftNav li:nth-child(4):hover i,
ul.leftNav li:nth-child(4).select i {
    background-position: -13px -628px;
}

ul.news_list {
    margin-top: 96px;
}

ul.news_list li a {
    display: block;
}

ul.news_list li {
    width: 32%;
    float: left;
    margin-right: 1.85%;
    margin-bottom: 59px;
}

ul.news_list li i {
    display: block;
    height: 225px;
    overflow: hidden;
}



ul.news_list li:nth-child(3n) {
    margin-right: 0;
}

ul.news_list li div {
    background: #f2f8ff;
    padding: 15px 0px 10px 0px;
}

ul.news_list li a div strong {
    padding-bottom: 18px;
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.news_list li a:hover div strong {
    color: #1082ff;
}

ul.news_list li a div p {
    line-height: 185%;
    overflow: hidden; /* 溢出时不显示溢出的内容 */
    text-overflow: ellipsis; /* 发生溢出时使用省略号代替 */
    display: -webkit-box; /* chrome浏览器的私有属性。显示为box。 */
    -webkit-box-orient: vertical; /* 垂直排列元素 */
    -webkit-line-clamp: 3; /* 显示多少行 */
    height: 80px;
}

ul.news_list li a div dd {
    border-top: 1px solid #fff;
    padding-top: 9px;
}

ul.news_list li a div p,
ul.news_list li a div strong,
ul.news_list li a div dd {
    padding-left: 10px;
    padding-right: 10px;
}

ul.news_list li a div dd span {
    color: #999;
}

@media only screen and (max-width:1015px) {
    .news_left {
        width: 100%;
        margin-top: 78px;
        margin: 20px auto;
        float: none;
        clear: both;
    }

    .news_right {
        width: 100%;
        margin: 10px auto 0 auto;
        float: none;
        clear: both;
    }

    .news_left h4 {
        display: none;
    }

    ul.leftNav li {
        float: left;
        margin-bottom: 0px;
        margin-right: 60px;
    }

    ul.leftNav li::after {
        display: block;
        content: '';
        width: 37px;
        border-top: 2px solid #c2deff;
        border-left: 0;
        height: auto;
        position: absolute;
        left: 140px;
        top: 20px;
    }

    ul.news_list {
        margin-top: 26px;
    }

}

/*问题列表*/
ul.faq_list {
}

ul.faq_list li {
    margin-bottom: 40px;
}

ul.faq_list li dt {
}

ul.faq_list {
    margin-top: 96px;
}

ul.faq_list dt strong {
    float: left;
    width: 102px;
    height: 80px;
    background: #1082ff;
    text-align: center;
    line-height: 80px;
}

ul.faq_list dt h4 {
    margin-left: 102px;
    padding-left: 30px;
    background: #f2f8ff;
    height: 80px;
    margin-top: 0;
    line-height: 80px;
    font-weight: bold;
}

ul.faq_list li div.showcomm {
    padding: 15px 20px 0px 132px;
    line-height: 32px;
}

/*新闻详细列表*/
#newsDetail {
    background: #f7f7f7;
    padding-bottom: 84px;
}

#newsDetail .news_detail .newsLeft {
    float: left;
    width: 73.9%;
    background: #fff;
}

#newsDetail .news_detail .newsRight {
    float: right;
    width: 23.07%;
}

#newsDetail ol.location {
    padding: 37px 0 34px 0;
}

#newsDetail ol.location li {
    float: left;
}

#newsDetail ol.location li.arra {
    width: 22px;
    text-align: center;
}

#newsDetail ol.location li.select a {
    color: #1082fd;
}

#newsDetail .news_detail .newsLeft .news_mc {
    padding: 39px 36px 90px 40px;
    line-height: 32px;
}

#newsDetail .news_detail .newsLeft .news_mc p {
    margin-top: 26px;
}

/*推荐新闻*/
#newsDetail .news_detail .newsRight .recommend_news {
    background: #fff;
}

#newsDetail .news_detail .newsRight .recommend_news h4 {
    margin-top: 0;
    padding: 21px 20px 10px 54px;
    background: url(../images/remmend_news.png) no-repeat 21px 20px;
}

#newsDetail .news_detail .newsRight .recommend_news ul li a {
    display: block;
}

#newsDetail .news_detail .newsRight .recommend_news ul {
    padding: 0 20px 20px 20px;
}

#newsDetail .news_detail .newsRight .recommend_news ul li a strong {
    display: block;
    margin-top: 7px;
    color: #333;
    padding-bottom: 7px;
}

#newsDetail .news_detail .newsRight .recommend_news ul li a p {
    line-height: 160%;
}

#newsDetail .news_detail .newsRight .recommend_news ul li a dd span {
    color: #999
}

#newsDetail .news_detail .newsRight .recommend_news ul li a:hover strong {
    color: #1082fd;
}

#newsDetail .news_detail .newsRight .newsAd {
    margin-top: 40px;
}

/*图片放大效果*/
.wx img,
.sapp img,
.insurance_mc ul li img,
ul.scene li img,
.agent2_mc ul li img,
ul.news_list li img {
    transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
}

.wx img:hover,
.sapp img:hover,
.insurance_mc ul li img:hover,
ul.scene li img:hover,
.agent2_mc ul li img:hover,
ul.news_list li img:hover {
    transform: scale(1.082);
    -webkit-transform: scale(1.082);
    -moz-transform: scale(1.082);
}

/*分页部分*/
#fpage {
    padding: 0px 0 50px 0;
    display: flex;
    justify-content: center;
}

#fpage a {
    display: block;
    width: 35px;
    height: 35px;
    background: #f2f8ff;
    color: #9f9fa0;
    line-height: 35px;
    font-size: 16px;
    margin-right: 20px;
    border-radius: 5px;
    text-align: center;
}

#fpage a.on {
    background: #1082ff;
    color: #fff;
}

#fpage a:first-child {
    background: url(../images/pre.png) no-repeat 50% 50% #f2f8ff;
    text-indent: -99999999px;
}

#fpage a:last-child {
    background: url(../images/next.png) no-repeat 50% 50% #f2f8ff;
    text-indent: -99999999px;
}



/*分页样式*/
.page{clear:both; margin:20px 0px 0px 0px; text-align: center;padding: 0px 0 50px 0;}
.page a {      background: #f2f8ff;  border-radius: 5px;display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #1082ff 1px solid; padding:4px 9px;color: #fff; background-color: #1082ff;}
.page .current {background: #1082ff;color: #fff;font-family: Arial; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px; border-radius: 5px; }




.swiper-par{
    overflow: hidden;
    width: 970px;
    margin: 0 auto;
}
.swiper-par-prev,
.swiper-par-next{
    top: 57px;
}
.swiper-par li{
    float: left;
    width: 170px;
    height: 70px;
    border: 1px solid #999;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 30px 20px 0;
}
.swiper-par li:nth-child(5n){
    margin-right: 0;
}
.news{
    padding-bottom: 80px;
}
.news-title{
    margin-bottom: 30px;
}
.news-title h3{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    font-size: 32px;
    line-height: 32px;
    color: #00529d;
}
.news-title h3 span{
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    padding-left: 16px;
    background: url("../images/news_title.png") no-repeat left center;
}
.news-title p{
    line-height: 20px;
    background: white;
    padding-right: 10px;
    margin-top: -10px;
    float: left;
}
.news-title p a{
    display: inline-block;
    vertical-align: top;
    background: #00529d;
    color: white;
    width: 65px;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
}
.swiper-news{
    overflow: hidden;
    margin-bottom: 30px;
}
.swiper-news li{
    float: left;
    width: 350px;
    overflow: hidden;
}
.swiper-news li + li {
    margin-left: 25px;
}
.swiper-news li img{
    display: block;
    width: 100%;
    height: 240px;
    margin-bottom: 10px;
}
.swiper-news li h3{
    font-size: 16px;
    line-height: 32px;
}
.swiper-news li h3 a:hover{
    color: #00529d;
}
.swiper-news li p{
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 5px;
}
.swiper-news li span{
    float: right;
}