body, a{color: #000;}
*{    box-sizing: border-box;}
@media only screen and (min-width:1025px) {
    a:hover{color: #c7103c !important;}
}
/* fontsize */
html{font-size: calc(100vw / 1920);}
@media only screen and (max-width:1024px) {
    html{font-size: calc(100vw / 1024);}
    
}
@media only screen and (max-width:767px) {
    html{font-size: calc(100vw /768);}
    
}
.mainbox{font-size: 16rem;}
.fnt_14{font-size: 14rem;}
.fnt_16{font-size: 16rem;}
.fnt_18{font-size: 18rem;}
.fnt_24{font-size: 24rem;}
.fnt_30{font-size: 30rem;}
.fnt_40{font-size: 40rem;}
@media only screen and (max-width:1024px) {
    .fnt_16 { font-size: 16rem;}
    .fnt_18 { font-size: 16rem;}
    .fnt_24 { font-size:18rem;}
    .fnt_30 { font-size:22rem;}
    .fnt_40 { font-size:24rem;}

    }
    
@media only screen and (max-width:767px) {
.fnt_14 { font-size: 14px;}
.fnt_16 { font-size: 14px;}
.fnt_18 { font-size:15px;}

.fnt_24 { font-size:18px;}
.fnt_30 { font-size:20px;}
.fnt_40 { font-size:22px;}



}

/* fontsize */

.jie{
    display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }

 /* 按钮 */
.index_btn{padding-top: 40rem; }
.index_btn a em{position: relative;left: 5rem;}
.index_btn  a,.index_btn span{text-align: center; border-radius: 5rem; display: inline-block;height: 50rem;line-height: 50rem; padding: 0 25rem; background: #c7103c;color: #fff;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.index_btn  a:before,.index_btn span:before {border-radius: 5rem;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c7103c;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .index_btn b{font-weight: normal;margin-right: 15rem;font-size: 28rem;float: left;position: relative;}

.index_btn_border a{background: none; border: 1px solid #c7103c;color: #c7103c;}
.index_btn_border a.on{background: #c7103c;color: #fff;}

.index_btn_two a{float: left;margin-right: 10rem;}
.index_btn_two a:last-child{margin-right: 0;}
.index_btn_two:before { content: ''; display: table }
.index_btn_two:after { content: ''; display: table; clear: both }



.index_btn_white a{border-color: #fff;color: #fff;}
.index_btnsold a{background: #c7103c; color: #fff;}
.index_btnsold  a:before,.index_btnsold span:before{background: #db0d3d;}

@media only screen and (max-width:1024px) {
    .index_btn{padding-top: 30rem;}
    .index_btn  a,.index_btn span{height: 32rem;line-height: 32rem;padding: 0 10rem;}
}
@media only screen and (max-width:767px) {
    .index_btn{padding-top:20px;}
    .index_btn a,.index_btn span{height: 32px;line-height: 32px;border-radius: 5px; padding: 0 10px;}
    .index_btn b{font-size: 18px;}
}

@media only screen and (min-width:1025px) {
    .index_btn  a:hover{color: #fff !important;}
    .index_btn  a:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .index_btn_white a:hover{border-color: #c7103c;}
}
 /* 按钮 */


/* 标题 */
.index_boxtitle{text-align: center;margin-bottom: 50rem;}
.index_boxtitle h2{line-height: 1.25em;}
.index_boxtitle p{line-height: 1.4em;margin-top: 20rem;}

.index_button{display: none;}
.index_button>div{font-size: 20rem; line-height: 1em; width: 50rem;height: 50rem;margin-top: -25rem; color: #c7103c; background: none;cursor: pointer;background: #fff;border-radius: 50%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;    box-shadow: 0 0px 20rem rgba(0, 0, 0, 0.2); font-weight: bold;}
.index_button>div.swiper-button-disabled{color: #4c4d51; opacity: 0.7;}
.index_button .swiper-button-prev{left: -25rem;}
.index_button .swiper-button-next{right: -25rem;}
.index_button>div i{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
/* 标题 */


/* 公用 */
.wrap_1400{width: 1400rem;max-width: 90%;margin: auto;}
.wrap_1420{width: 1420rem;max-width: 90%;margin: auto;}
@media only screen and (max-width:1024px) {
    .wrap_1400{max-width: 94%;}
    .wrap_1420{max-width: 94%;}

}



.m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px !important; background: #ccc !important;}
.m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#c7103c !important;}
.m_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#c7103c !important;}
.mCSB_inside>.mCSB_container{margin-right: 8px;}
.mCSB_scrollTools{width: 6px;}


.pub_publicajax .mCSB_scrollTools .mCSB_draggerRail{ width:1px !important; background: #ccc !important;}
.pub_publicajax .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#c7103c !important;}
.pub_publicajax .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.pub_publicajax .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.pub_publicajax .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#c7103c !important;}


.pub_scoll{overflow: hidden;}
.gray{color: #555555;}
.radius18{border-radius: 18rem;}
@-webkit-keyframes fadeInchange {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
  }
  @keyframes fadeInchange {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
  }
  .fadeInchange {
    -webkit-animation-name: fadeInchange;
    animation-name: fadeInchange
  }

.indexpage{display: none;}
.indexpage .swiper-pagination{position: static;width: 100%;text-align: center;padding-top: 25rem;}
.indexpage .swiper-pagination span{width: 16rem;height: 16rem;margin:0 4rem;background: none; opacity: 1;position: relative;}
.indexpage .swiper-pagination span::after{content: "";background:#999999; border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; width: 8rem;height: 8rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.indexpage .swiper-pagination span.swiper-pagination-bullet-active::after{width: 100%;height: 100%;background: #c7103c;}



@media only screen and (max-width:1024px) {
    .index_boxtitle{margin-bottom:30rem;}
    .index_button .swiper-button-prev{left: 5px;}
    .index_button .swiper-button-next{right: 5px;}
}
@media only screen and (max-width:767px) {
    .index_button>div{width: 30px;height: 30px;margin-top: -15px;font-size: 14px;}
    .indexpage .swiper-pagination span{width: 10px;height: 10px;}
    .indexpage .swiper-pagination span::after{width: 6px;height: 6px;}
}



/* pubnav */
.pub_tabslider{margin-bottom:50rem;position: relative;}
.pub_tabslider ul{justify-content: center;}
.pub_tabslider.cur ul{justify-content: left;}
.pub_tabslider li a{display: block;line-height: 35rem; border-radius: 30rem; text-align: center;padding: 0 28rem; margin:0 5rem; border: 1rem solid #000;}
.mould_problock01 .pub_tabslider li a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pub_tabslider li{width: auto;}
.pub_tabslider li.on a{background: #c7103c; border-color: #c7103c; color: #fff !important;}

.pub_btn{display: none;}
.pub_btn>div{background: none;font-weight: bold; line-height: 35rem;font-size: 30rem;}
.pub_btn>div i{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.pub_btn .swiper-button-prev{left: 0;text-align: left;}
.pub_btn .swiper-button-next{right: 0;text-align: right;}
.pub_btn .swiper-button-disabled{opacity: 1;    pointer-events: inherit;cursor: pointer;}
.pub_btn .disabled{opacity: 0.5;    pointer-events: none;cursor: default;}

/* .pub_tabslider.cur{padding: 0 50rem;}
.pub_tabslider.cur .pub_btn{display: block;} */
@media only screen and (max-width:767px) {
    .pub_btn>div{font-size: 20px;}
}
/* pubnav */

/* more */
.index_more{text-align: center;padding-top: 50rem;}
.index_more a{display: inline-block;color: #c7103c; border-bottom: 2rem solid #c7103c;padding: 0 10rem; padding-right: 18rem;padding-bottom: 15rem;}  
.index_more a i{left: 8rem; position: relative;}

.index_datamore{color: #c7103c;}
.index_datamore em{display: inline-block;}
.index_datamore  i{left: 8rem; position: relative;}

@media only screen and (min-width:1025px) {
    .index_more a i,.index_datamore i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .index_more a:hover i{left: 4rem;}
    .index_data_list li>a:hover i{left: 4rem;}



}


/* nav改 */
.nav>ul>li>a{font-size: 16px;}
@media only screen and (max-width:1366px) {
.nav>ul>li>a{font-size: 14px;}
}
@media only screen and (max-width:1024px) {
.nav>ul>li>a{font-size: 14px;}
   
}

/* 产品导航下拉 */
/* .nav_prolist_02{display: block !important;} */

.nav_prolist .nav_pro_le .mCSB_outside+.mCSB_scrollTools{right:  -10px;}
.nav_prolist .mCSB_outside+.mCSB_scrollTools{right:0;}
.nav_prolist{width: 100%; height: 90vh;  }
.nav_prolist_in{display: flex;flex-wrap: wrap;    height: 100%;}
.nav_pro_le,.nav_pro_ce,.nav_pro_re{height: 100%;padding-top: 45rem;padding-bottom: 30rem;float: left;overflow: hidden;}
.nav_scollbox{height: 100%;overflow: hidden;}

.nav_pro_le{background: #192e4f;width: 23.7%; color: #fff; padding: 45rem 15rem;padding-bottom: 30rem;}
.nav_pro_ce{width: 56%;}
.nav_pro_re{background: #f4f9fe url(../images/index/nav_bg_01.jpg) no-repeat 0 bottom;background-size: 100%; width: 20.3%;}
.nav_protitle{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 25rem; line-height: 1em;}
.nav_protitle i img{vertical-align: middle;}
.nav_protitle b{padding: 0 10rem 0 12rem;}

.nav_prolist01 li{width: 33.33%;float: left;margin-bottom: 15rem;}
.nav_prolist01 ul{margin: 0 -6rem;}
.nav_prolist01 li a{display: block;margin: 0 6rem;padding: 0;color: #fff;}
.nav_prolist01 li dl{background: #284065;border-radius: 20rem;padding:20rem 10rem;text-align: center;}
.nav_prolist01 li dt i{color: #6d7d97;font-weight: bold;display:block;line-height: 1em;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; display: none;}
.nav_prolist01 li dt h3{margin-bottom: 0rem; position: relative; height: 3em;}
.nav_prolist01 li dt h3 span{
    /*position: absolute;left: 0;bottom: 0;*/
    width: 100%;
    display: block; line-height: 1.5em;max-height: 3em; display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

    .nav_pro_more{text-align: center; line-height: 1em;padding-top: 10rem;}
.nav_pro_more a{color:#6290f8;display: inline-block; line-height: 1.2em;}
.nav_pro_more a i{position: relative;left: 10rem;
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav_prolist01 .nav_pro_more a{border-bottom: 1px solid #5e9eff;padding-bottom: 15rem; padding-right: 10rem;}
.nav_prolist01 .nav_pro_more{padding-top: 15rem;}

.nav_pro_le02{padding-top: 50rem;}
.nav_pro_le02 .nav_pro_p01{line-height: 1.5em;color: #bdd3f5;}

.nav_aibtn{padding-top: 35rem;}
.nav_aibtn a{display: block;height: 65rem;line-height: 65rem; color: #fff; background: url(/images/index/nav_btnbg.png) 0 bottom repeat-x; border-radius: 5px; position: relative;}

.nav_aibtn02 a{padding-left: 120rem;}
.nav_aibtn02 img{width: 52rem;height: 72rem; position: absolute;left: 45rem;bottom: 0;}

.nav_aibtn01 a{padding-left: 150rem;}
.nav_aibtn01 img{width: 46rem;height: 26rem; position: absolute;left: 88rem;bottom: 19rem;}

.nav_pro_celist{padding: 0 40rem;}
.nav_pro_celist ul{margin:0 -10rem}
.nav_pro_celist dl{margin:0 10rem}
.nav_pro_celist dt{position: relative;}
.nav_pro_celist dt em{width: 20rem;height: 20rem;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; right:18rem; top:50%;}
.nav_pro_celist dt em img{width: 100%;height: 100%;}
.nav_pro_celist li{float: left;width: 33.33%;}
.nav_pro_celist dt a{display: block;background: #f5f7f9; line-height: 1em;padding: 14rem 20rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;    padding-right: 40rem; border-radius:5rem;}
.nav_pro_celist dd{padding: 20rem;padding-bottom: 28rem;}
.nav_pro_celist dd p{line-height: 1.7em;margin-bottom: 0.4em;}
.nav_pro_celist dd p a{color: #555555;}

#waterfall {
    position: relative;
   
}

.nav_proitem {
    position: absolute;

}

.nav_pro_re01{padding: 0 40rem;padding-bottom: 90rem;}
.nav_pro_re01 p{line-height: 1.5em;color: #555555;}
.nav_pro_re01 h2{margin-bottom: 15rem;}
.nav_pro_re01 h4{line-height: 1.5em;text-align: center;margin-bottom: 20rem;}
.nav_pro_re01 .index_btn a{width: 140rem;height: 40rem;line-height: 40rem;}
.nav_pro_re01 .index_btn{line-height: 0;    text-align: center;}

.nav_pro_re02{padding: 0 40rem;padding-right: 20rem;}
.nav_pro_re02 li{float: left;width: 50%;margin-bottom: 30rem;}
.nav_pro_re02 ul{padding: 0 -0.5rem;}
.nav_pro_re02 dl{padding: 0 0.5rem;}
.nav_pro_re02 dt{float: left;width: 40rem;height: 40rem;background: #fff;box-shadow: 0 7px 14px 2px rgba(0, 0, 79, 0.1);border-radius: 8rem; position: relative;}
.nav_pro_re02 dt img{width: 26rem;height: 26rem;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.nav_pro_re02 dd{width: calc(100% - 50rem);font-weight: bold;float: right; line-height: 24rem;padding-top: 8rem;}

.nav_pro_type_le,.nav_pro_type_re{width: 48%;float: left;}
.nav_pro_type_re{float: right;}
.nav_prolist_02  .nav_pro_celist li{width: 50%;}
.nav_prolist_02  .nav_pro_celist li:nth-child(2n+1){clear: both;}
.nav_prolist_02 .nav_pro_celist .nav_protitle{color: #c7103c;}

.nav_pro_ce03{padding: 0 40rem; padding-top: 50rem;margin-top: 50rem; border-top: 1rem solid #e4e4e4;}
.nav_sass li{float: left;margin-bottom: 20rem;}
.nav_sass ul{margin: 0 -10rem; display: flex;flex-wrap: wrap; justify-content: center; }
.nav_sass li a{display: block;font-weight: bold;    line-height: 1em;padding: 14rem 20rem;    background: #f5f7f9; border-radius: 5rem; margin: 0 10rem;}


.nav_pro_re01,.nav_pro_zq{padding-left: 25rem;padding-right: 25rem;padding-bottom: 50rem;}
/* .nav_pro_tj {margin-bottom: 40rem;} */
.nav_pro_tj li{margin-bottom: 18rem;float: none;}
.nav_pro_tj li:last-child{margin-bottom: 0;}
.nav_pro_tj li a{padding: 0;}
.nav_pro_tj dl{padding: 20rem 30rem;background: #fff;border-radius: 20rem;}
.nav_pro_tj dt h3{line-height: 1.5em;line-height: 24rem; margin-bottom: 10rem;}
.nav_pro_tj dt h3 i{padding: 0 10rem;line-height: 24rem;background: #c7103c; border-radius: 20rem;color: #fff;display: inline-block;margin-left: 5rem;}
.nav_pro_tj dt p{line-height: 1.5em;max-height: 3em; color: #555555;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.nav_pro_zq{padding-bottom: 0}
.nav_pro_zq li>a{padding: 0}
.nav_pro_zq li{float: none;margin-bottom: 40rem;}
.nav_pro_zq li:last-child{margin-bottom: 0;}
.nav_pro_zq .nav_protitle{margin-bottom: 15rem;}
.nav_pro_zq li dd{border-radius: 10rem;overflow: hidden;}
.nav_pro_zq li dd img{width: 100%}


@media only screen and (min-width:1025px) {
    .nav_prolist01 li  dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .nav li.on>a,.nav li:hover>a{ background: none;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{color:#fff!important; background: #D8000B;}
.nav_prolist01 li a:hover dt i{color: #fff;}
.nav_prolist01 li a:hover dl{background: rgb(40, 64, 101,0.7);}
.nav_pro_more a:hover i{left: 5rem;}
.nav_prolist01 .nav_pro_more a:hover{border-color: #D8000B;}
.nav_sass li a:hover,.nav_pro_zq li a:hover,.nav_pro_tj li a:hover{        color: #c7103c !important;}
}



/*手机导航修改*/
.mavphone_title{display: none;}
@media only screen and (max-width:1024px) {
.mavphone_title{display: block;}

/*AI+安全产品*/
.nav_prolist01 li dt h3 span,.nav_protitle,.nav_pro_celist dd p a,.nav_pro_celist dt a,.nav_sass li a{max-height: inherit;line-height: 40px}
.nav_prolist .bold{font-weight: normal;display: block;}
.nav_prolist .nav_protitle {padding: 0 30px; padding-right: 15px; margin-bottom: 0}
.nav_prolist01 li a{margin: 0;padding: 0 45px;padding-right: 15px;}
.nav_prolist01 .nav_prolist .bold{padding: 0}

.nav_prolist *{font-size: 14px !important}
.nav_prolist{height: auto;display: none;}
.nav_prolist_in{display: block;}
.nav_pro_le, .nav_pro_ce, .nav_pro_re{float: none;width: 100%;padding: 0;height: auto;}
.nav_pro_le{background: none;color: #000}
.nav_protitle i{display: none;}
.nav_protitle{text-align: left;font-weight: normal;}
.nav_prolist01 li a{color: #000}
.nav_prolist01 li dl{background: none;padding: 0;border-radius: 0}
.nav_prolist01 li dt h3 span br{display: none;}
.nav_prolist01 li dt h3{height: auto;}
.nav_protitle b{font-weight: normal;padding: 0}
.nav_protitle{    justify-content: left; margin-bottom: 0;}
.nav_prolist01 li{width: 100%;float: none;padding: 0;margin: 0}
.nav_prolist01 li dl{text-align: left;}


.nav_pro_type_le, .nav_pro_type_re{float: none;width: 100%}
.nav_prolist_02 .nav_pro_celist li{float: none;width: 100%}
.nav_pro_ce02{padding: 0}
.nav_pro_celist dt a{background: none;padding: 0 45px;padding-right: 15px;}
.nav_pro_celist dd{padding: 0}
.nav_pro_celist dd p a{display: block;padding: 0 60px;padding-right: 15px;}
.nav_pro_ce03{padding: 0;padding-top: 20px;margin-top: 20px}
.nav_sass li a{background: none;font-weight: normal;padding: 0 45px;padding-right: 15px;margin: 0}
.nav_sass li{float: none;margin: 0}
.nav_sass ul{display: block;margin: 0}
.nav_pro_re01, .nav_pro_zq{padding: 0}
.nav_pro_tj{padding: 0 45px;        padding-right: 15px;}
.nav_pro_tj dt h3{line-height: 24px}
.nav_pro_tj dt h3 i{padding: 0 10px;line-height: 24px}
.nav_pro_tj dl{padding: 10px;background: #f4f9fe}
.nav_pro_tj li{margin-bottom: 10px}
.nav_pro_re{background: none;padding-bottom: 20px}
.nav_pro_zq .nav_protitle{margin-bottom: 0}
.nav_pro_zq li dd{margin: 0 30px}
.nav_pro_more{display: none !important;}
.nav_prolist01 .nav_pro_more{padding: 0 45px;  padding-right: 15px;      text-align: left;}
.nav_pro_le02{padding:10px;background: #e7eaef;margin: 0 45px;margin-right: 15px; border-radius: 10px;margin-top: 10px;margin-bottom: 10px}
.nav_pro_le02 .nav_pro_p01{color: #000}
.nav_pro_ce03{margin-top: 0;padding-top: 0;border: 0}
.nav_pro_re01 h4,.nav_pro_re01 p{text-align: left;padding: 0 45px;padding-right: 15px;}
.nav_pro_re02 dt{width: 30px;height: 30px}
.nav_pro_re02 dt img{width: 24px;height: 24px}
.nav_pro_re02 dd{width: calc(100% - 40px);line-height: 24px;margin-top: 3px}
.nav_pro_re01 .index_btn a{width: 70px;line-height: 32px;height: 32px;}
.nav_prolist_02 .nav_pro_celist .nav_protitle{color: #000;}
.nav_pro_celist dt em{display: none;}

.nav_pro_le .nav_scollbox{display: none;}
.nav_pro_celist dd{display: none;}
.nav_pro_celist ul{margin: 0;display: none;}
.nav_sass {display: none;}
.nav_pro_tj{display: none;}
.nav_pro_zq li dd{display: none;}
.nav_pro_zq li{margin-bottom: 0}

.nav_pro_le01 .nav_protitle{display: none;}
.nav_prolist_01 .nav_pro_re01 .nav_protitle{display: none;}
.nav_prolist_01 .nav_pro_re .nav_scollbox{display: none;}
.nav_prolist_01 .nav_pro_celist ul{display: block;}
.nav_pro_celist li{float: none;width: 100%}
.nav_proitem{position: static;}
.nav_prolist_01 .nav_pro_celist dt a{padding-left: 30px}
.nav_prolist_01 .nav_pro_celist{padding: 0}
.nav_prolist_01 .nav_pro_celist dd p a{padding-left:45px}
.nav_pro_celist dl{margin: 0}
.nav_pro_celist dt a{position: relative;}
.nav_pro_celist dt a:after{content: '\e62f';position: absolute; right: 15px;top:0; font-family: 'iconfont';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.nav_pro_tj dt p{padding: 0}
.nav_pro_re02{padding: 0 15px;padding-left: 45px}

.nav .current:after{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}

.nav .current .nav_protitle:after{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.nav .nav_pro_celist .current a:after{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}


/*hover*/
.nav>ul>li>a:hover,.nav_protitle:hover,.pro_ll li>a:hover{ color: #C7103C !important;}
/*.nav>ul>li>a:hover:after,.nav_protitle:hover:after,.pro_ll li>a:hover:after{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}*/

.nav_pro_celist dt a:hover{ color: #C7103C !important;}
.nav_pro_celist dt a:hover:after{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}

.nav_prolist_02 .nav_pro_celist .nav_protitle:hover{ color: #C7103C !important;}
.nav_prolist_02 .nav_pro_celist .nav_protitle:hover:after{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
/*hover*/

.nav_pro_celist .nodown dt a:after{display: none;}
}




.ai_btn{width: 240rem; position: absolute;left: 50%; margin-left: -120rem;  bottom: 80rem;z-index: 4;}
.ai_btn span{display: block;margin-top: 18rem;overflow: hidden;border-radius: 5rem;text-align: center;}
.ai_btn span a{display: block;background: #fff;color: #c6103c;  line-height: 50rem;height: 50rem;}

.ai_btn span.on a{background: url(/images/index/aibtn.png) no-repeat;background-size: 100% 100%; color: #fff !important;}  
.navpro_aibtn{display: none;}
.navpro_aibtn .ai_btn{width: auto;margin: 0;position: static;}
.navpro_aibtn .ai_btn span{float: left;width: 49%}
.navpro_aibtn .ai_btn span:last-child{float: right;}

@media only screen and (max-width:1024px) {
.navpro_aibtn{overflow: hidden;padding-top: 5px}
.navpro_aibtn .ai_btn span a{background: url(/images/index/aibtn.png) no-repeat;background-size: 100% 100%; color: #fff !important;}  

 
}
@media only screen and (max-width:767px) {

    .ai_btn{width: 120px;margin-left: -60px; bottom: 20px;}
    .ai_btn span{ margin-top: 10px;}
    .ai_btn span a{height: 36px;line-height: 36px;}
}









<!--0.00020909309387207-->