header{

    border-bottom: 1px solid #ddd;

}

.header{

    width: 93%;

    margin: 0 auto;

    text-align: center;

    

}

.header .logo {

    padding-top: 10px;

}

.header .logo h1{

    display: inline-block;

    vertical-align: middle;

    margin-right: 16px;

}

.header .logo .title{

    display: inline-block;

    vertical-align: middle;

    line-height: 1;

    text-align: left

}

.header .logo .title h3{

    font-size: 26px;

    color: #214b99;

    line-height: 1;

    margin-bottom: 10px;
    font-weight: bold;    padding-top: 16px;

}

.header .logo .title p{

    font-size: 14px;

    color: #214b99

}

.header .h-nav{

    display: inline-block;

    

}

.header .h-nav li{

    display: inline-block;

    vertical-align: middle;

    margin-right: 45px;

}

.header .h-nav li > a{

    line-height: 112px;

    font-size: 16px;

    color: #535353;

    position: relative;

    display: inline-block;

}

.header .h-nav li > a::before{

    position: absolute;

    width: 0;

    height: 3px;

    display: block;

    background: #214b99;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    content: '';

    transition: all 0.5s;

}

.header .h-nav li > a.on{

    color: #214b99;

}

.header .h-nav li > a.on::before{

    width: 100%;

}

.header .h-nav li > a:hover{

    color: #214b99;

}

.header .h-nav li > a:hover::before{

    width: 100%;

}

.swiper-container img{

    max-width: 100%;

    height: auto;

}

.header .h-nav li:last-of-type{

    margin-right: 0;

}



.header .wxfs{

    padding-top: 37px;

}

.header .wxfs span{

   display: inline-block;

   position: relative;

}

.header .wxfs span em{

    display: inline-block;

    vertical-align: middle;

    font-size: 20px;

    color: #214b99;

    font-weight: bold;

}

.header .wxfs span.wx{

    margin-left: 26px;

}

.header .wxfs span.wx i{

    width: 32px;

    height: 32px;

    display: inline-block;

    vertical-align: middle;

    background: url('../images/header-wx.png') no-repeat center 0;

    background-size: 100% auto;

}

.bananr{

    width: 100%;

    position: relative;

}

.bananr-br{

    width: 100%;

    position: absolute;

    z-index: 2;

    left: 0;

    bottom: 0;

}

.bananr-br .dr{

    display: flex;

    width: 120px;

    margin-left: auto;

    margin-right: -60px;

}

.bananr-br .dr i{

    width: 60px;

    height: 60px;

      

    background-color: #7f7f7f;

    cursor: pointer;

}

.bananr-br .dr i:hover{

    background-color: #214b99

}

.bananr-br .dr i.prve{

    background-image: url('../images/le-ico.png');

    background-repeat: no-repeat;

    background-position: center;

}

.bananr-br .dr i.next{

    background-image: url('../images/ri-ico.png');

    background-repeat: no-repeat;

    background-position: center;

}

.index-set1{

    /* background: #f3f4f6; */

    padding: 86px 0;

    background: url('../images/index-set1-bj.jpg');

    background-size: 100% 100%;

}

.index-set1-nav{

    padding-bottom: 30px;

    border-bottom: 1px solid #eeeeee;

    margin-bottom: 30px;

}

.index-set1-nav .title h6{

    color: #221f1f;

    font-size: 32px;

    line-height: 1;

    margin-bottom: 12px;
    font-weight: bold;

}

.index-set1-nav .title p{

    font-size: 16px;

    color: #858585

}

.index-set1-nav-a{

    margin-top: 32px;

}

.index-set1-nav-a a{

    display: inline-block;

    vertical-align: middle;

    font-size: 16px;

    color: #444444;

    margin-left: 50px;

}

.index-set1-nav-a a:hover{

    color: #214b99;

    font-weight: bold;

}

.index-set1-nav-a a.on{

    color: #214b99;

    font-weight: bold;

}

.index-set1-cont{

    margin-top: 22px;

}

.index-set1-page .imgd{

    width: 66.1428%;

}

.index-set1-page .text{

    width: 31%;

    padding-top: 38px;

}

.index-set1-page .text h4{

    font-size: 36px;

    color: #000000;

    line-height: 1.4;

    margin-bottom: 30px;
    font-weight: bold;



}

.index-set1-page .text h6{

    font-size: 16px;

    color: #000000;

    margin-bottom: 10px;

}

.index-set1-page .text .cont{

    color: #858585;

    margin-bottom: 36px;

}

.index-set1-page .text .p li{

   width: 33.333%;

   float: left;

   margin-bottom: 20px;

   color: #666

}

.index-set1-page .text .p li em{

    display: block;

    font-size: 32px;

    color: #214b99;

    line-height: 1.2;

    font-weight: bold;

}

.index-set1-page{

    position: relative;

}

.index-set1-ban{

    position: absolute;

    width: 66.1428%;

    left: 0;

    bottom: 20px;

    z-index: 3;

}



.index-set1-ban .dr{

    display: flex;

    width: 96px;

    margin-left: auto;

    margin-right: -48px;

}



.index-set1-ban i{

    width: 48px;

    height: 48px;

      

    background-color: #7f7f7f;

    cursor: pointer;

}

.index-set1-ban i:hover{

    background-color: #214b99

}

.index-set1-ban i.prev{

    background-image: url('../images/le-ico.png');

    background-repeat: no-repeat;

    background-position: center;

}

.index-set1-ban i.next{

    background-image: url('../images/ri-ico.png');

    background-repeat: no-repeat;

    background-position: center;

}

.index-set1-ban i.prevStop{

    cursor: -webkit-zoom-out

}

.index-set2{

    background: #7f7f7f;

    background: url('../images/index-set2-bj.png') no-repeat center top;

    background-size: 100% auto;

    padding-top: 88px;

    padding-bottom: 148px;

    position: relative;

    z-index: 1;

    margin-top: -30px;

}

.index-set2 .title h3{

    font-size: 32px;

    margin-bottom: 6px;

    color: #fff;
    font-weight: bold;

}

.index-set2 .title p{

    font-size: 16px;

    color: #bbbab9

}

.index-set3{

    width: 100%;

    background: url('../images/index-set3-bj.jpg');

    padding-bottom: 80px;

}

.index-set3-page{

    width: 100%;

    position: relative;

    z-index: 3;

    margin-top: -100px;

}

.index-set3-page li{

    width: 24%;

    margin-right: 1.3333%;

    text-align: center;

    float: left;

    background: #fff;

    padding: 50px 20px 38px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

    transition: all 0.5s;

    

}

.index-set3-page li:hover{

   transform: translateY(-8px)

}

.index-set3-page li:last-of-type{

    margin-right: 0;

}

.index-set3-page li h6{

    font-size: 72px;

    color: #214b99;

    line-height: 1.1;

    /* font-weight: bold; */

}

.index-set3-page li span{

    display: block;

    text-transform: uppercase;

    font-size: 18px;

    margin-bottom: 20px;

    margin-top: 8px;

    color: #999999

}

.index-set3-page li p{

    color: #666666

}

.index-set3-page li p em{

    color: #214b99;

    font-weight: bold;

}



.index-set3-ves{

    width: 100%;

    padding-top: 72px;

}

.index-set3-ves .title{

    margin-bottom: 38px;

}

.index-set3-ves .title h6{

    font-size: 32px;

    color: #221f1f;

    margin-bottom: 6px;
    font-weight: bold;

}

.index-set3-ves .title p{

    color: #858585;

    font-size: 16px;

}

.index-set3-ves-d li{

    width: 49%;

    margin-right: 2%;

    float: left;

    border: 1px solid #dddddd;

    position: relative

}

.index-set3-ves-d li:nth-of-type(2n){

    margin-right: 0;

}

.index-set3-ves-d li img{

    max-width: 100%;

}

.index-set3-ves-d li .cont{

    width: 100%;

    height: 100%;

    position: absolute;

    padding: 42px 38px;

    background: rgba(33, 75, 153, 0);

    transition: all 0.5s;

}

.index-set3-ves-d li .cont h6{

    font-size: 24px;

    color: #000000;

    margin-bottom: 10px;
    font-weight: bold;

}

.index-set3-ves-d li .cont p{

    color: #858585;

    height: 86px;

}

.index-set3-ves-d li .cont a{

    width: 150px;

    text-align: center;

    display: block;

    border: 1px solid #fff;

    line-height: 38px;

    color: #fff;

    position: relative;

    z-index: 2;

}

.index-set3-ves-d li:hover .cont{

    background: rgba(33, 75, 153, 0.8);

}

.index-set3-ves-d li:hover .cont h6{

    color: #fff

}

.index-set3-ves-d li:hover .cont p{

    color: #a6b7d6

}

.index-set3-ves-d dd{

    width: 32%;

    margin-right: 2%;

    float: left;

    background-color: #f8f8f8;

    padding: 40px 38px;

    border: 1px solid #dddddd;

    height: 240px;

    margin-top: 26px;

    transition: all 0.5s

}

.index-set3-ves-d dd:hover{

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);

    transform: translateY(-8px)

}

.index-set3-ves-d dd:nth-of-type(3n){

    margin-right: 0;

}

.index-set3-ves-d dd h6{

    font-size: 24px;

    color: #000;

    margin-bottom: 10px;
    font-weight: bold;

}

.index-set3-ves-d dd p{

    color: #858585

}

.index-set3-ves-d dd:nth-of-type(1){

    background-image: url('../images/index-set3-ves-d1.png');

    background-position: 96% 90%;

    background-repeat: no-repeat;

}

.index-set3-ves-d dd:nth-of-type(2){

    background-image: url('../images/index-set3-ves-d2.png');

    background-position: 96% 90%;

    background-repeat: no-repeat;

}

.index-set3-ves-d dd:nth-of-type(3){

    background-image: url('../images/index-set3-ves-d3.png');

    background-position: 96% 90%;

    background-repeat: no-repeat;

}

.index-set4{

    width: 100%;

    position: relative;

}

.index-set4 img{

    max-width: 100%;

}

.index-set4-v{

    width: 100%;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%)

}

.index-set4-v h3{

    font-size: 32px;

    color: #fff;

    margin-bottom: 50px;
    font-weight: bold;

}

.index-set4-v h6{

    font-size: 20px;

    color: #ffffff;

    margin-bottom: 6px;

}

.index-set4-v .cont{

    margin-top: 30px;

    width: 514px;

    color: #ffffff;

    line-height: 2;

    margin-bottom: 36px;

}

.index-set4-v a{

    width: 136px;

    line-height: 36px;

    text-align: center;

    border: 1px solid #fff;

    display: block;

    color: #fff

}

.index-set5{

    padding: 70px 0;

    background: url('../images/index-set5-bj.jpg');

    background-size: 100% 100%

}

.index-set5 .index-set1-nav{

    border-bottom: none

}

.index-set5-page li{

    width: 32%;

    float: left;

    margin-right: 2%;



}

.index-set5-page li a{

    display: block;

    padding: 10px;

    border: 1px solid #ddd;

    background: #fff;

    transition: all 0.5s

}

.index-set5-page li:hover a{

    transform: translateY(-8px);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)

}

.index-set5-page li:nth-of-type(3n){

    margin-right: 0;

}

.index-set5-page li:hover h6{

    color: #214b99

}

.index-set5-page li img{

    max-width: 100%;

}

.index-set5-page li .imgd{

    overflow: hidden;

    height: 275px;

}

.index-set5-page li .imgd img{

    transition: all 0.5s

}

.index-set5-page li:hover .imgd img{

    transform: scale(1.1)

}

.index-set5-page li .text{

    padding: 20px;

}

.index-set5-page li h6{

    font-size: 20px;

    color: #000;

    margin-bottom: 10px;

}

.index-set5-page li p{

    color: #858585;

    font-size: 14px;

    margin-bottom: 16px;

}

.index-set5-page li span{

    color: #858585;

    font-size: 14px;

}

.index-set6{

    padding: 70px 0;

}

.index-set6 h6{

    font-size: 32px;

    color: #000;
    font-weight: bold;

}

.index-set6 p{

    font-size: 16px;

    color: #949494;

    margin-top: 10px;

}

.index-set6 p span{

    color: #214b99;

    font-weight: bold;

}

.index-set6 .title{

    margin-bottom: 36px;

}

.index-set6-cont{

    width: 100%;

}

.index-set6-cont li{

    width: 16%;

    float: left;

    margin-right: 0.8%;

    height: 98px;

    border: 1px solid #ddd;

    overflow: hidden;

    margin-bottom: 12px;

}

.index-set6-cont li:nth-of-type(6){

    margin-right: 0;

}

.index-set6-cont li img{

    max-width: 100%;

    transition: all 0.5s

}

.index-set6-cont li:hover img{

    transform: scale(1.1)

}

footer{

    background: #f5f5f5;

    border-top: 1px solid #ddd;

    padding: 50px 0 30px;

}

footer ul li{

    display: inline-block;

    vertical-align: text-top;

    margin-right: 80px;

}

footer ul li dt{

    margin-bottom: 16px;

    color: #000;

    font-size: 18px;

}

footer ul li dd{

    margin-bottom: 6px;

}

footer ul li a{

    font-size: 14px;

    color: #858585

}

footer ul li a:hover{

    color: #000

}

footer ul li dd h6{

    font-size: 32px;

    color: #214b99;

    line-height: 1.4;

    margin-bottom: 20px;

}

footer ul li dd p{

    color: #858585

}

footer  .textwx{

    text-align: center;

    padding-top: 12px;

}

footer  .textwx p{

    padding-top: 16px;

    color: #858585

}

.footer-d{

    padding-top: 20px;

    margin-top: 30px;

    border-top: 1px solid #ddd;

    color: #858585

}

.footer-d a{

    display: inline-block;

    vertical-align: middle;

    color: #858585;

    margin-left: 10px;

}

.footer-d a:hover{

    color: #000

}







/* 配套产品 */

.proindex-set4{

    width: 100%;

    /* background: url('../images/index-set4-bj.jpg') no-repeat center top; */

    padding: 80px 0 80px;

    background-size: 100% 100%;

    background-color: #f5f5f5

}

.proindex-set4 .fl{

    width: 254px;

    background: #fff

}

.proindex-set4 .fr{

    width: 1110px;

}

.proindex-set4 .fr li{

    width: 32%;

    margin-right: 2%;

    float: left;

    margin-bottom: 20px;

}

.proindex-set4 .fr li .imgd{

    width: 100%;

    background: #fff;

    height: 241px;

    overflow: hidden;

}

.gcal-set1 .index-set3-t li{

      margin-bottom: 20px;

}

.proindex-set4 .fr li .imgd img{

    max-width: 100%;

}

.proindex-set4 .fr li p{

    background: #d9d9d9;

    color: #666666;

    text-align: center;

    padding: 12px 0;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.proindex-set4 .fr li p::before{

    content: '';

    width: 100%;

    height: 100%;

    background: #214b99;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -1;

    transform: translateY(-100%);

    transition: all 0.3s;

    opacity: 0;

}

.proindex-set4 .fr li:hover p::before{

  transform: translateY(0%);

  opacity: 1;

}

.proindex-set4 .fr li:hover p{

    color: #fff

}

.proindex-set4 .fr li:nth-of-type(3n){

    margin-right: 0;

}

.proindex-set4 .fl .tit{

    background: #214b99;

    padding: 30px 20px 35px;

    border-bottom: 1px solid #e5e5e5

}

.proindex-set4 .fl .tit h6{

    font-size: 24px;

    color: #fff;

    line-height: 24px;

    border-left: 2px solid #ca6c0d;

    padding-left: 10px;

    margin-bottom: 10px;

}

.proindex-set4 .fl .tit p{

    color: #ced8e9;

}

.proindex-set4-nav li{

    padding: 11px 50px;

    border-bottom: 1px solid #e5e5e5;

    cursor: pointer;

    position: relative;

    z-index: 1;

}

.contact-m-rightd{

    padding: 65px 0;

}

.proindex-set4-nav li::before{

    width: 0;

    height: 100%;

    content: '';

    background: #214b99;

    position: absolute;

    left: 0;

    top: 0;

    border-left: 3px solid #f08519;

    z-index: -1;

    opacity: 0;

    transition: all 0.5s

}

.proindex-set4-nav li:hover {

    color: #fff

}

.proindex-set4-nav li:hover a{

  color: #fff

}

.proindex-set4-nav li:hover::before{

    width: 100%;

    opacity: 1;

}

.proindex-set4-nav li.on{

  color: #fff

}

.proindex-set4-nav li.on a{

  color: #fff

}

.proindex-set4-nav li.on::before{

  width: 99%;

  opacity: 1;

}





.com-pages {

    margin-top: 40px;

    text-align: center;

    font-size: 0;

  }

  .com-pages span,

  .com-pages a {

    display: inline-block;

    width: 35px;

    height: 40px;

    line-height: 40px;

    margin: 0 5px;

    font-size: 14px;

    font-weight: 700;

    background: #d6d6d6;

    transition: all .3s;

    vertical-align: middle;

  }

  .com-pages a:first-of-type,

  .com-pages a:last-of-type {

    width: 85px;

    color: #214b99;

    background: #d6d6d6;

  }

  .com-pages a:first-of-type:before,

  .com-pages a:last-of-type:before {

    content: '上一页';

    display: block;

    width: 100%;

    height: 100%;

  }

  .com-pages a:last-of-type:before {

    content: '下一页';

  }

  .com-pages a:hover {

    color: #fff;

    background-color: #214b99;

  }

  .com-pages span {

    color: #fff;

    background: #214b99;

  }

  .com-pages label {

    display: none;

  }





  /* 客户案例 */

  .case-container{

    padding-top:50px;

    background: #f5f5f5;

    padding-bottom: 68px;

}

.transition{

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

  .case-list-box{

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    margin-bottom:20px;

}

.case-list-box img{

    max-width: 100%;

    display: block;

    height:auto;

}

.case-list-box h3{

    font-size:22px;

    font-weight:bolder;

    margin-bottom:10px;

}

.case-list-box p{

    margin-bottom:10px;

}

.case-list-box:hover{

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);

    -moz-box-shadow: 0 0 30px rgba(0,0,0,.3);

    box-shadow: 0 0 30px rgba(0,0,0,.3);

}

.case-info a{

    font-weight:bolder;

}

.case-info{

    background-color: white;

    padding:15px;

}

.case-container li{

    width: 32%;

    margin-right: 2%;

    float: left;

}

.case-container li:nth-of-type(3n){

    margin-right: 0;

}

.ab-nt {

    width: 100%;

    background: #f7f7f7;

    padding: 15px 0;

    font-size: 16px;

}



/*面包屑导航*/

.com-breadcrumb { height: 98px; line-height: 98px; color: #666; font-size: 16px; overflow: hidden;}

.com-breadcrumb a { color: #666; }

.com-breadcrumb a:hover { color: #214b99; }

.com-breadcrumb .on { color: #214b99; }

.page-go a {

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.page-go .prev {

    padding-left: 24px;

    background: url(../images/icon-p-prev.png) no-repeat left center;

}

.page-go .prev:hover {

    /* background: url(../images/icon-p-prev-on.png) no-repeat left center; */

}

.page-go .next {

    padding-right: 24px;

    background: url(../images/icon-p-next.png) no-repeat right center;

}

.page-go .next:hover {

    /* background: url(../images/icon-p-next-on.png) no-repeat right center; */

}

.page-go .list {

    margin: 0 15px;

    width: 18px;

    height: 18px;

    background: url(../images/icon-list.png) no-repeat center;

    background-size: contain;

}

.page-go .list:hover {

    /* background: url(../images/icon-list-on.png) no-repeat center;

    background-size: contain; */

}





.case-list {

    padding-top: 65px;

}

.case-item ~ .case-item {

    margin-top: 60px;

}

.case-item {

    position: relative;

}

.case-item .pic {

    width: 50%;

    overflow: hidden;

}

.case-item .cont {

    

    overflow: hidden;

    width: 50%;

    padding-right: 20%;

    padding-top: 115px;

}

.case-list .case-item .cont {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    padding-top: 0;

    padding-right: 14%;

    overflow: visible;

}

.case-list .case-item .cont:before {

    content: "";

    position: absolute;

    left: -8%;

    top: 0;

    width: 108%;

    height: 100%;

    background: #fff;

    opacity: 0;

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    -o-transform: translateX(-10px);

    transform: translateX(-10px);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.case-list .case-item .cont:hover:before {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}

.case-list .case-item .cont .com-table {

    position: relative;

}

.case-item .cont h3 {

    line-height: 50px;

    color: #333;

    font-size: 36px;

}



.case-item .cont h4 {

    font-size: 24px;

    margin-top: 30px;

    color: #333;

}

.case-item .cont p {

    font-size: 16px;

    color: #666;

    margin-top: 25px;

}

.case-item .cont .more {

    display: inline-block;

    margin-top: 36px;

    font-size: 16px;

    color: #214b99;

    border-bottom: 1px solid #214b99;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.case-item .cont:hover .more {

    padding: 0 15px;

}

.case-detail-header {

    padding-bottom: 95px;

}

.case-detail-header .case-item .cont {

    padding-top: 10px;

    padding-right: 120px;

}

.case-detail-header .case-item .cont .des {

    margin-top: 25px;

    height: 110px;

    overflow-y: scroll;

    padding-right: 5px;

    font-family: 'PingFang SC', "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;

}

.case-detail-header .case-item .cont .des p span {

    font-family: 'PingFang SC', "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;

}

.case-detail-header .case-item .cont .des::-webkit-scrollbar {

    width:4px;

    height:4px;

}

.case-detail-header .case-item .cont .des::-webkit-scrollbar-button    {

    background-color:#eee;

}

.case-detail-header .case-item .cont .des::-webkit-scrollbar-track     {

    background:#eee;

}

.case-detail-header .case-item .cont .des::-webkit-scrollbar-thumb{

    background:#ddd;

    border-radius:2px;

}

.case-detail-header .case-item .cont .des::-webkit-scrollbar-corner {

    background:#eee;

}

/*.case-detail-header .case-item .cont .des::-webkit-scrollbar-resizer  {*/

    /*background:#FF0BEE;*/

/*}*/

.case-detail-header .case-item .cont .des p {

    margin-top: 10px;

}

.case-detail-header .case-item .cont .other {

    margin-top: 70px;

}

.case-detail-header .case-item .cont .other .com-zx {

    margin-right: 60px;

}

.case-detail-hezuo {

    background: #fff;

    padding-top: 80px;

    padding-bottom: 80px;

}

.case-detail-hezuo .content {

    line-height: 30px;

    font-size: 16px;

}

.case-detail-hezuo .content p ~ p {

    margin-top: 5px;

}

.case-detail-hezuo .com-tit-36 {

    margin-bottom: 65px;

}

.case-detail-hezuo .pic {

    overflow: hidden;

}

.case-detail-hezuo .cont {

    overflow: hidden;

    padding-left: 100px;

    padding-right: 40px;

    padding-top: 5px;

}

.case-detail-hezuo .cont ul li ~ li {

    margin-top: 60px;

}

.case-detail-hezuo .cont ul li h5 {

    font-size: 24px;

    color: #333;

    line-height: 1;

}

.case-detail-hezuo .cont ul li p {

    font-size: 15px;

    margin-top: 18px;

}

.case-detail-product {

    padding-top: 70px;

    padding-bottom: 60px;

}

.case-detail-product .index-product-list {

    margin-top: 60px;

}

.com-zx {

    display: inline-block;

    width: 168px;

    line-height: 44px;

    text-align: center;

    border: 1px solid #fff;

    color: #fff !important;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}

.com-zx:hover,

.com-zx.zx1 {

    background: #214b99;

    border-color: #214b99;

}

.com-zx.zx1:hover {

    opacity: .9;

}

.com-zx .icon-zx,

.com-zx.zx1 .icon-zx {

    /* position: relative; */

    /* margin-right: 14px; */

    /* margin-top: -2px; */

    width: 23px;

    height: 21px;

    background: url(../images/icon-zx.png) no-repeat center;

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px;

}





/*分享按钮*/

.share {

	margin-top: -2px;

    display: inline-block;

    vertical-align: middle;

    line-height: 32px;

}

.bdshare-button-style0-32 {

	float: left;

}

.bdshare-button-style0-32 a {

	 margin: 0 5px !important; 

}

.bds_weixin {

	background: url(../images/wx.png) no-repeat center !important;

}

.bds_tsina {

	background: url(../images/sina.png) no-repeat center !important;

}

.bds_qzone {

	background: url(../images/qzone.png) no-repeat center !important;

}

.bds_sqq {

	background: url(../images/qq1.png) no-repeat center !important;

}

.bds_more {

	background: url(../images/plus.png) no-repeat center !important;

}

.bd_weixin_popup {

	box-sizing: content-box;

}

.com-tit-36{

    font-size: 36px;

    color: #333;

    line-height: 1;

    text-align: center

}

.bg-gray{

    background: #f5f5f5

}



.case-detail-product {

    padding-top: 70px;

    padding-bottom: 60px;

}

.case-detail-product .index-product-list {

    margin-top: 60px;

}

.index-product {

    padding-bottom: 80px;

}

.index-product .content {

    position: relative;

    

}

.index-product-swiper {

    overflow: hidden;

}

.index-product .content .product-next,

.index-product .content .product-prev {

    margin-top: -64px!important;

}

.index-product .content .product-next {

    right: -5%!important;

}

.index-product .content .product-prev {

    left: -5%!important;

}

.index-product .content .item-l {

    float: left;

    width: 76%;

    margin-bottom: -20px;

    padding-right: 20px;

}

.index-product-list li .box {

    padding-bottom: 25px;

    background: #fff;

    text-align: center;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.index-product-list li .box:hover,

.index-product .content .item-r .box:hover {

    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);

    box-shadow:0 0 20px rgba(0,0,0,0.1);

}

.index-product-list li .box .pic {

    padding: 0 10px;

    overflow: hidden;

}

.index-product-list li .box .pic img{

    max-width: 100%;

}

.index-product-list li .box h5 {

    font-size: 16px;

    color: #333;

    margin-top: 20px;

}

.index-product-list li .box p {

    margin-top: 2px;

    color: #666;

}

.index-product .content .item-r {

    position: absolute;

    right: 0;

    top: 0;

    width: 24%;

    height: 100%;

    /*background: url(../images/index-product-r-bg.jpg) no-repeat center;

    background-size: cover;*/

    background: #fff;

}

.index-product .content .item-r .box {

    text-align: center;

    background: #fff;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.index-product .content .item-r .box .cont h5 {

    font-size: 16px;

    color: #333;

    font-weight: bold;

}

.index-product .content .item-r .box .cont p {

    color: #333;

}

.index-product .content .item-r .box .cont .more {

    display: inline-block;

    margin-top: 10px;

    font-size: 16px;

    color: #fff;

    border-bottom: 1px solid #fc5a20;

    background: #fc5a20;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.index-product .content .item-r .box:hover .cont .more {

    padding: 0 10px;

}

.index-product .content .item-r .box:hover .com-back-btn {

    width: 140px;

}

.index-product .content .item-r .box .cont .pic {

    margin-top: 30px;

    margin-bottom: 50px;

    padding: 0 15px;

}

.case-detail-product li{

    width: 24%;

    margin-right: 1.333%;

}

.case-detail-product li:nth-of-type(4n){

    margin-right: 0;

}



.pordef{

    padding-bottom: 68px;

}







.product-detail {

    /* margin-top: 65px; */

   padding-top: 60px;

   padding-bottom: 80px;

}

.product-detail-content {

    width: 74%;

}

.product-xg {

    width: 24%;

}

.tit-bar {

    line-height: 85px;

    border-top: 2px solid #000;

    font-size: 24px;

    color: #333;

}

.product-tit-tab li {

    float: left;

    padding: 0 20px;

    position: relative;

    margin-right: 65px;

    cursor: pointer;

}

.product-tit-tab li.on{

    color: #214b99

}

.product-tit-tab li:before {

    top: -2px;

}

.product-detail-content .content {

    background: #fff;

    padding: 60px 55px;

    font-size: 16px;

}

.product-detail-content .content .item ~ .item {

    display: none;

}



/*在线选配*/

.product-xp h3 {

    font-size: 26px;

    color: #333;

    font-weight: bold;

    text-align: center;

    margin-bottom: 30px;

}

.product-xp .search-air {

    line-height: 52px;

    border: 1px solid #e5e5e5;

    font-size: 16px;

    padding: 0 15px;

    background: #fff;

}

.product-xp .search-air input {

    font-size: 16px;

    color: #666;

    width: 80%;

}

.product-xp .search-air .icon-sub {

    display: inline-block;

    cursor: pointer;

    vertical-align: middle;

    margin-right: 10px;

    width: 32px;

    height: 32px;

    background: url(../images/search.png) no-repeat center;

    background-size: contain;

}

.search-air-table {

    width: 100%;

    border: 1px solid #e5e5e5;

    text-align: center;

    font-size: 16px;

    background: #fff;

}

.search-air-table tr {

    position: relative;

    height: 50px;

    border: 1px solid #e5e5e5;

}

.search-air-table.j-sat tr {

    cursor: pointer;

}

.search-air-table tr.on {

    border: 2px solid #fc5a20;

}

.search-air-table th {

    font-weight: normal;

    color: #333;

    font-size: 18px;

}

.search-air-table th,

.search-air-table td {

    border: 1px solid #e5e5e5;

    width: 20%;

}

.search-air-table td {

    border-top: 1px solid transparent;

}

.product-xp .tip {

    margin-top: 10px;

    margin-bottom: 20px;

    font-size: 14px;

    color: #999;

}



.product-xg-list li {

    margin-bottom: 20px;

}



/*留言*/

.contact-message { padding-top: 95px; padding-bottom: 100px; }

.message-title { text-align: center; }

.message-title h3 { font-size: 30px; color: #333; line-height: 1; }

.message-title p { font-size: 16px; color: #ccc; text-transform: uppercase; letter-spacing: 2px; }

.com-form-box { margin-top: 50px; }

.com-form-box ul { margin-left: -8px; margin-right: -8px; }

.com-form-box ul li { position: relative; float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px; padding: 0 8px; }

.com-form-box ul li input { font-size: 16px; color: #999; width: 100%; line-height: 64px; padding: 0 30px; border: 1px solid #e5e5e5;background: #fff; }

.com-form-box ul li input:focus, .com-form-box .textarea:focus, .com-form-box .submit:focus { outline: none; box-sizing: border-box; }

.com-form-box .textarea { box-sizing: border-box; padding: 30px; height: 270px; width: 100% !important; border: none; border: 1px solid #e5e5e5; font-size: 16px; color: #999; background: #fff;}

.com-form-box .submit { margin-top: 20px; width: 100%; height: 64px; line-height: 64px; text-align: center; background: #214b99; color: #fff; font-size: 20px; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }

.com-form-box .submit:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) }

.message-input::-webkit-input-placeholder { color: #999; }

.message-input:-moz-placeholder { color: #999; }

.message-input::-moz-placeholder { color: #999; }

.message-input:-ms-input-placeholder { color: #999; }

.com-form-box ul.row-3 li {

	width: 33.3333%;

}

.com-form-box .cont {

	position: relative;

}

.com-form-box ul li .error {

	position: absolute;

	right: 30px;

	top: 50%;

	margin-top: -12px;

	color: #214b99;

}

.com-form-box .cont .error {

	color: #214b99;

}



.nav_right {

	width: 100%;

	height: 60px;

	background-color: #EEEEEE;

	line-height: 60px;

	text-align: right;

}



.nav_right a {

	margin-left: 3px;

	margin-right: 3px;

}



.nav_right img {

	position: relative;

	top: -2px;

}



.nav_left {

	float: left;

}



.nav_left ul li {

	float: left;

	cursor: pointer;

	padding: 0 20px;

}



.nav_left ul li a {

	font-size: 16px;

	color: #454545;

	display: block;

}



.nav_left ul .active {

	background-color: #214b99;

}



.nav_left ul li:hover {

	/*background-color: #1C95D4*/

}



.nav_left ul li:hover a {

	color: #214b99;

}



.nav_left ul .active a {

	color: #fff !important

}



.news-cont li{

    margin-bottom: 30px;

}

.cont-set1 {

    width: 100%;

    padding-bottom: 50px;

}



.cont-set1 .title {

    text-align: center;

    padding: 80px 0;

}



.cont-set1 .title h6 {

    font-size: 38px;

    color: #222222;

    margin-bottom: 3px;

}



.cont-set1 .title p {

    font-size: 18px;

    color: #666

}



.cont-set1 li {

    width: 24%;

    margin-right: 1.33%;

    float: left;

    margin-bottom: 40px;

}



.cont-set1 li .cont {

    margin-top: 10px;

    color: #404040

}



.cont-set1 li:nth-of-type(4n) {

    margin-right: 0;

}



.cont-set2 {

    width: 100%;

    background: #f7f7f7;

    padding: 98px 0;

}



.cont-set2 .fl img {

    max-width: 88%;

}



.cont-set2 form h3 {

    font-size: 28px;

    color: #333;

    margin-bottom: 30px;

    /* font-weight: bold; */

}



.cont-set2 form .fod input {

    width: 48%;

    margin-right: 4%;

    float: left;

    display: block;

    background: #fff;

    border: 1px solid #aaaaaa;

    padding: 12px 20px;

    margin-bottom: 30px;

}



.cont-set2 form .fod input:nth-of-type(2n) {

    margin-right: 0;

}



.cont-set2 form textarea {

    width: 100%;

    display: block;

    background: #fff;

    border: 1px solid #aaaaaa;

    padding: 20px;

    height: 150px;

    margin-bottom: 35px;

}



.cont-set2 form .submit {

    width: 155px;

    line-height: 45px;

    border-radius: 3px;

    background: #cf0a1d;

    color: #fff;

    cursor: pointer;

}



.cont-set3 {

    padding: 98px 0;

}





.ab-set1 {

    padding-bottom: 70px;

}



.ab-set1 .title {

    text-align: center;

    padding: 80px 0 50px;

}



.ab-set1 .title h3 {

    font-size: 38px;

    color: #333

}



.ab-set1 .title p {

    font-size: 18px;

    color: #666

}



.ab-set1-cont {

    width: 100%;

}



.ab-set1-cont .left {

    width: 37%;

}



.ab-set1-cont .rigth {

    width: 58%;

}



.ab-set1-cont .left h6 {

    font-size: 28px;

    color: #565656;

    padding: 12px 0 32px;

}



.ab-set1-cont .left .cont {

    font-size: 14px;

    color: #666;

    line-height: 2;

}



.ab-set2 {

    width: 100%;

    height: 550px;

    position: relative;

    background: url('../images/ab-set2-bj.jpg') no-repeat center top

}



.ab-set2-cont {

    width: 100%;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.ab-set2-cont .w1400>div {

    width: 53%;

    margin-left: auto;
    color: #fff

}



.ab-set2-cont .w1400>div h6 {

    font-size: 28px;

    color: #fff;

    margin-bottom: 35px;

    margin-top: 35px;

}



.ab-set2-cont .w1400>div .cont {

    color: #fff;

}



.ab-set2-cont .w1400>div .cont p {

    margin-bottom: 20px;

}



.ab-set3 {

    width: 100%;

}



.ab-set3-cont {

    width: 100%;

}



.ab-set3-cont .dt {

    float: left;

}



.ab-set3-cont i {

    float: left;

}



.ab-set3-cont .dt h5 {

    font-size: 32px;

    color: #333333;

    font-weight: bold;

    position: relative;

    z-index: 1;

    margin-bottom: 10px;

}



.ab-set3-cont .dt h5::before {

    width: 35px;

    height: 35px;

    content: '';

    border-radius: 50%;

    background: var(--action);

    position: absolute;

    left: -10px;

    top: -7px;

    z-index: -1;

}



.ab-set3-cont .dt p {

    font-size: 18px;

    color: #666

}



.ab-set3-cont i {

    display: block;

    margin: 0 88px;

    height: 83px;

    width: 1px;

    background: #d2d2d2

}



.ab-set3 {

    padding: 80px 0;

}



.ab-set4 {

    /* background: #2c6f93 */

    background: url('../images/ab-set4-bj.jpg') no-repeat center bottom

}



.ab-set4 h3 {

    font-size: 36px;

    font-weight: bold;

    text-align: center;

    color: #fff;

    padding: 72px 0 52px;

}



.ab-set4 li {

    background: #fff

}



.ab-set4 li .text {

    padding: 76px 60px;

}

.ab-set6 {

    width: 100%;

    background: #f7f7f7;

    padding-bottom: 80px;

}



.ab-set6 h3 {

    font-size: 36px;

    color: #333;

    text-align: center;

    padding: 80px 0 35px;

}



.ab-set6-cont {

    position: relative

}



.ab-set6-cont .bd {

    overflow: hidden;

}



.ab-set6-cont li {

    width: 248px;

    margin-right: 40px;

    float: left;

    height: 347px;

    border: 1px solid #e5e5e5;

    position: relative;

    margin-left: 2px;

}



.ab-set6-cont li img {

    max-width: 92%;

    max-height: 92%;

    width: auto;

    height: auto;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%)

}



.index-ddd .ab-set6-cont li {

    width: 440px;

}



.ab-set6 .dta {

    width: 50px;

    height: 50px;

    border-radius: 3px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

    cursor: pointer;

}



.ab-set6 .prev {

    left: -68px;

    background: url('../images/pr-l.png') no-repeat center;

    background-color: #626262;

}



.ab-set6 .next {

    right: -68px;

    background: url('../images/pr-r.png') no-repeat center;

    background-color: #626262;

}



.ab-set6 .dta:hover {

    background-color: #214b99

}







.index-set4-cont li{

    width: 49%;

    float: left;

    margin-right: 2%;

}

.index-set4-cont li img{

  width: 100%;

  height: auto;

}

.index-set4-cont li:nth-of-type(2n){

    margin-right: 0;

}

.index-set4-cont .text {

    padding:26px 0 32px;

}

.index-set4-cont .text h6{

    font-size: 18px;

    color: #333333;

    margin-bottom: 3px;

}

.index-set4-cont .text p{

    font-size: 14px;

    color: #666;

}

.border2{

    overflow: hidden;

    position: relative;

    background: #000;

}

.border2 .txt{

    position:absolute;

    top:20px;

    left:20px;

    right:20px;

    bottom:20px;

    color:#fff;

    line-height:350px;

    transform:scale(0);

    font-size: 18px;

    text-align: center

    /* transition: all 0.5s; */

}

.border2 .txt:before,

.border2 .txt:after{

    position:absolute;

    content:'';

    opacity:0;

    transition:all 0.5s;

    transition-delay:.3s;

    z-index: 1;

}

.border2 .txt:before{

    top:15px;

    right:0;

    bottom:15px;

    left:0;

    border-top:1px solid #fff;

    border-bottom:1px solid #fff;

    transform:scale(0,1);

    -webkit-transform-origin:0 0;

    transform-origin:0 0;

    /* z-index: 1; */

}

.border2 .txt:after{

    top:0;

    right:15px;

    bottom:0;

    left:15px;

    border-right:1px solid #fff;

    border-left:1px solid #fff;

    transform:scale(1,0);

    transform-origin:100% 0;

    /* z-index: 1; */

}

.border2:hover .txt:before,

.border2:hover .txt:after{

    opacity:1;

    transform:scale(1);

    transition: all 0.5s;

}

.border2:hover .txt{transform:scale(1);}

.border2:hover img{opacity:.5;}

.zlxz{

    width: 100%;

}

.zlxz li{

    width: 49%;

    float: left;

    margin-right: 2%;

   

    border-bottom: 1px solid #ddd;

    margin-top: 10px;

    font-size: 16px;

}

.zlxz li a{

    width: 100%;

    font-size: 16px;

    display: block;

    padding: 10px 0;

    background-image: url('../images/xiaz.png');

    background-position: 98% center;

    background-size: 30px auto;

    background-repeat: no-repeat

}

.zlxz li:nth-of-type(2n){

    margin-right: 0;

}



.concat-ves{

    width: 100%;background: #f7f7f7;

    padding: 78px 0;

}

.concat-ves .img{

    width: 29.2%;

}

.concat-ves .tit{

    width: 65%;

}

.concat-ves .tit .title{

    margin-bottom: 32px;

}

.concat-ves .tit .title h6{

    font-size: 24px;color: #333;

    margin-bottom: 8px;

}

.concat-ves .tit .title p{

    font-size: 16px;color: #666;

}

.concat-ves .tit .ft input{

    width: 49%;

    float: left;

    display: block;

    margin-right: 2%;

    border: 1px solid #aaaaaa;

    line-height: 50px;

    padding: 0 20px;

    margin-bottom: 20px;

}

.concat-ves .tit .ft input:nth-of-type(2n){

    margin-right: 0;

}

.concat-ves .tit  textarea{

    display: block;

    width: 100%;

    border: 1px solid #aaaaaa;

    padding: 20px 20px;

    height: 135px;

}

.concat-ves .tit .submit{

    width: 130px;

    line-height: 38px;

    background: #09476d;

    color: #fff;

    margin-top: 40px;

}