*{box-sizing: border-box;}
.m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#0261c5;}
.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:#0261c5;}

.main  a{color: #000;}
.main{overflow:inherit;}
input::placeholder { color: #878787;}



.ratio10{border-radius: 10rem;}
.bold_m{font-weight: bold;}
button,input,textarea{border: none;outline: none;background: none;}
.jie {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
@media screen and (max-width: 767px){
.bold_m{font-weight: normal;}
.fnt_14{font-size: 14px;}
.fnt_16{font-size: 14px;}
.fnt_20{font-size: 16px;}

}

@-webkit-keyframes fadeInUpme {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUpme {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUpme {
    -webkit-animation-name: fadeInUpme;
    animation-name: fadeInUpme
}


.resource_index{padding: 170rem 0 114rem 0;overflow: hidden;}
.resource_index,.resource_index a{color: #000;}
.resource_index .left{width: 35.5%;float: left;}
.resource_index .right{width: 45.8%;float: right;}
.resource_index .left h3{margin-bottom: 10rem;}
.resource_index .left h4{margin-bottom: 60rem;}

.resource_p{line-height: 1.6em;margin-bottom: 100rem;}
.resource_nav li{width: 33.33%;float: left;margin-bottom: 30rem;}
.resource_nav li a{display: block;margin: 0 10rem; line-height: 50rem;background: #fff;border-radius: 30rem;padding-left: 44rem;position: relative;}
.resource_nav li a i{float: right;font-weight: normal; position: absolute;top:0; right:28rem;}
.resource_nav ul{margin: 0 -10rem;overflow: hidden;}

.cicle_more{width: 16rem;height: 16rem;border: 1rem solid #000;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;
    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:28rem; top:50%;}
.cicle_more::after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;content: "";width: 2rem;height: 2rem;background: #000;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%;}

.resource_form{ padding: 70rem 75rem;padding-bottom: 80rem; background: url(../images/resource_bg2.jpg) no-repeat;background-size: cover; border: 1rem solid #fff;}
.resource_form h3{margin-bottom: 40rem;}
.resource_form ul{ margin: 0 -20rem;}
.resource_form .form_w{border-bottom: 1rem solid #000; margin: 0 20rem; position: relative;}

.resource_form li{margin-bottom: 28rem;width: 50%;float: left;}
.resource_form .li_w100{width: 100%;float: none;clear: both;}
.resource_form .li_w100 .form_w{display: block;}
.resource_form .li_w100 input{float: none;width: 100%;margin-bottom: 12rem;}
.resource_form span{float: left;;}
.resource_form span i{color: #ff0000;margin-left: 8rem;}
.resource_form input{width: calc(100% - 50rem);float: right;background: none;}
.resource_form li:nth-child(3) input{width: calc(100% - 120rem);}
.resource_form li:nth-child(4) input,.resource_form li dl{width: calc(100% - 55rem);}
.resource_form li dl{float: right;}




.pub_select dd{position: absolute;    top: calc(100% + 1rem); left: 0;width: 100%;    background: #fff; z-index: 9;    padding: 10rem 0;max-height: 180rem;overflow: hidden;overflow-y: auto;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); display: none;}
.pub_select dd p a{display: block;padding: 0 20rem;line-height: 40rem;}
.pub_select dt {position: relative;cursor: pointer;}
.pub_select dt i{position: absolute;right: 0;top: 0; color: #008cd6;font-size: 14rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_select dt.on_o i{
    -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg)
  }


.resource_form li,.resource_form input,.pub_select dt{line-height: 40rem;}

.resource_form .codeblock{margin-bottom: 0;}
.resource_form .codeblock span{display: block;float:none;}
.resource_form .codeblock input{float:left;width: calc(100% - 130rem)}
.resource_form .codeblock em{width: 120rem;height: 40rem;float: right;}
.resource_form .codeblock em img{width: 100%;height: 100%}

.resource_form input,.pub_select dt{height: 40rem;}
.resource_form textarea{width: 100%;resize: none; height: 20rem;padding:10rem;background: none;}

.resource_button{text-align: right;padding-top: 40rem;}
.resource_button button{width: 178rem;height: 50rem;line-height: 50rem;text-align: center;color: #fff;background: #0160C5;
    background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%); border-radius: 5rem; display: inline-block;cursor: pointer;}

.resource_button button::before{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; content: ""; position: absolute; z-index: 1; left:0; top:0; width: 0; height: 100%; background: rgba(255,255,255,0.2);}
.resource_button button em{position: relative;z-index: 2;}

.resource_formbox{position: relative;z-index: 9;}
@media screen and (max-width: 1024px){
.resource_index{padding: 60rem 0;}
.resource_index .left,.resource_index .right{float: none;width: 100%;}
.resource_index .left{padding-bottom: 30rem;}
.resource_index .left h4{margin-bottom: 30rem;}
.resource_p{margin-bottom: 50rem;}
.resource_nav li{margin-bottom: 20rem;}
.resource_form{    background: rgba(255, 255, 255, 0.95);}
.resource_form li:nth-child(3) input{width: calc(100% - 140rem);}
.resource_form li:nth-child(4) input,.resource_form li dl{width: calc(100% - 60rem);}


.resource_form{padding: 50rem;}
}
@media screen and (max-width: 767px){
    .resource_nav li a{line-height: 36px;padding-left: 20rem;}
    .cicle_more{width: 12px;height: 12px;}
    .cicle_more::after{width: 4px;height: 4px;}
    .cicle_more{right: 15rem;}

    .resource_nav li a i{right: 15rem;}
    .resource_form li{float: none;width: 100%;margin-bottom: 20px;}
    .resource_form .form_w{padding-bottom: 5px;}
    /* .resource_form span,.resource_form input{float: none;width: 100% !important;display: block;}
    .resource_form li dl{width: 100% ;} */
    .resource_form span{margin-bottom: 0px;}
    .resource_form .li_w100 input{margin-bottom: 0;}
    .resource_button button{width: 100px;height: 40px;line-height: 40px;}
    .resource_form li, .resource_form input,.pub_select dt{line-height: 30px;}
    .resource_form input,.pub_select dt{height: 30px;}
    .resource_form .codeblock em{height: 30px;width: 100px}
    .resource_form .codeblock input{width: calc(100% - 110px);}

    .pub_select dd{padding: 10px 0;max-height: 220px;}
    .pub_select dd p a{padding: 5px 10px;line-height: 30px;}
    .pub_select dt i{font-size: 14px;}

    .resource_form .form_w{border-width: 1px;}
    .pub_select dd{    top: calc(100% + 1px);}


    .resource_form input{width: calc(100% - 30px);}
    .resource_form li:nth-child(3) input{width: calc(100% - 100px);}
.resource_form li:nth-child(4) input,.resource_form li dl{width: calc(100% - 45px);}
.resource_form li:nth-child(5) input,.resource_form li:nth-child(6) input,.resource_form li:nth-child(7) input{width: calc(100% - 45px);}

}

.resource_nav li.active a{color: #fff !important;
    background: #0160C5;
    background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%);}
.resource_nav li.active a .cicle_more{border-color: #fff;}
.resource_nav li.active a .cicle_more::after{background: #fff;}

@media screen and (min-width: 1025px){
.tel_a:hover{cursor: default;color: #000 !important;}
a:hover{color: #008cd6 !important;}

.resource_nav li a:hover{color: #fff !important;
    background: #0160C5;
    background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%);
}
.resource_nav li a:hover .cicle_more{border-color: #fff;}
.resource_nav li a:hover .cicle_more::after{background: #fff;}
.resource_button button:hover::before{width: 100%;}

}


/* 产品与资料 */
.pub_tabbox{position: relative;}
.pub_tabbox::after{content: "";position: absolute;left:0%; bottom: 0; width:100%;height: 1rem;background: #d9d9d9;}
.pub_tabbox ul{display: flex;flex-wrap: wrap;justify-content: center; }
.pub_tabbox li{float: left;line-height: 78rem;margin: 0 44rem;}
.pub_tabbox li a{display: block;padding: 0 35rem;position: relative;    z-index: 5;}
.pub_tabbox li a::after{content: "";position: absolute;left: 50%; bottom: 0; width:0%;height: 2rem;background: #008cd6;opacity: 0;}
.pub_tabbox li.on{font-weight: bold;}
.pub_tabbox li.on a::after{width: 100%;opacity: 1;left: 0;}



.gray_block{background: #f8f8f8;}
.pub_licblock{padding: 70rem 0 80rem 0;}
.pub_licle{width: 21.2%;float: left;background: #fff;overflow: hidden; padding-bottom: 10rem;}
.pub_licce{width: 52.8%;float: left;margin-left: 3.7%;}
.pub_licre{width: 18.4%;float: right;background: url(../images/pro_rebg.jpg) no-repeat;background-size: cover;padding:35px 30rem;padding-bottom: 90rem;}
.pub_licre,.pub_licre a{color: #fff;}
.pub_licle,.pub_licre{position: sticky;top:85rem;}

.pub_more{padding-top: 30rem;}
.pub_more a{display: block;width: 100%;height: 50rem; line-height: 50rem; border-radius: 5rem;text-align: center; background: #0160C5;background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%); position: relative;}
.pub_more a::before{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; content: ""; position: absolute; z-index: 1; left:0; top:0; width: 0; height: 100%; background: rgba(255,255,255,0.2);}
.pub_more em{position: relative;z-index: 2;}

.pub_contp p{line-height: 1.5em;margin-bottom: 20rem;}
.pub_contp p:last-child{margin-bottom: 0;}
.pub_contp p span,.pub_contp p i{display: block;}
.pub_licre dt{margin-bottom: 30rem;}
.pub_licre li{margin-bottom: 50rem;}
.pub_licre li:last-child{margin-bottom: 0;}

.pub_licle01{padding:20rem 25rem;background: #a4b0d0;color: #fff;overflow: hidden;}
.pub_licle01 h2{float: left;line-height: 32rem;}
.pub_licle01 span{float: right;padding: 0 18rem; line-height: 30rem;border: 1rem solid #fff;border-radius: 5rem;cursor: pointer;}

.pub_licle02 li{border-bottom: 1rem solid #d9d9d9;}
.pub_licle02 li:last-child{border: 0;}
.pub_licle02 dt{line-height: 30rem;padding: 14rem 25rem;overflow: hidden; position: relative; cursor: pointer;}
.pub_licle02 dt i{position: absolute;right: 24px;top:14rem;font-weight: bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_licle02 dd{padding: 20rem 25rem;padding-top: 30rem; display: none;}
.pub_licle02 dd p{margin-bottom: 8rem; line-height: 30rem;position: relative;margin-bottom: 15rem;padding-left: 25rem; cursor: pointer;}
.pub_licle02 dd p span{width: 16rem;height: 16rem; border: 1rem solid #d9d9d9;position: absolute;top:7rem;left: 0;}
.pub_licle02 dd p span i{visibility: hidden;opacity: 0; color: #008cd6;font-weight: bold;font-size: 14rem;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%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_licle02 dd p:last-child{margin-bottom: 0;}

.pub_licle02 dd p.on span i{visibility: visible;opacity: 1;}
.pub_licle02 li.on{border-color: transparent;}
.pub_licle02 li.on dt{background: #0160C5;background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%); color: #fff;}
.pub_licle02 li.on dt i{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}

.pub_topbox{margin-bottom: 30rem;}
.pub_topbox dl{float: left;width: 21.7%; position: relative;}
.pub_topbox dt{padding: 0 14rem;padding-right: 25rem;}
.pub_topbox dt i{right: 12rem;}
.pub_search{float: right;width: 40.1%;}
.pub_search input{padding-left: 14rem;}

.pub_topbox dt,.pub_search{height: 40rem; line-height: 38rem; border: 1rem solid #d9d9d9;border-radius: 5rem;background: #fff;}
.pub_search input,.pub_search button{height: 38rem;line-height: 38rem;}
.pub_search button{width: 48rem;float: right;cursor: pointer;font-weight: bold;text-align: center;}
.pub_search input{width: calc(100% - 48rem);float: left;}

.pub_list li{border: 1rem solid #d9d9d9;background: #fff;padding: 30rem 45rem 40rem 35rem;margin-bottom: 20rem;}
.pub_list li:last-child{margin-bottom: 0;}
.pub_list dd h3{line-height: 1.2em;margin-bottom: 20rem;}
.pub_list dd p,.pubtype,.pub_promore{line-height: 1.5em;overflow: hidden;}
.pub_list .page{padding-top: 40rem;}


.pubtype {padding: 20rem 0 35rem 0;}
.pubtype span{float: left;padding-right: 40rem;}
.pubtype span:last-child{padding-right: 0;}
.pub_promore a{color: #008cd6;margin-right: 40rem;}
.pub_promore a i{margin-left: 10rem;}
.pub_promore a:last-child{margin-right: 0;}


@media screen and (max-width: 1024px){
    .pub_tabbox li{margin: 0 20rem;}
    .pub_licle,.pub_licce, .pub_licre{float: none;width: 100%;margin:0;}
    .pub_licle,.pub_licre{position: static;}
    .pub_licce{padding: 50rem 0;}
    .pub_topbox dl{width: 30%;}
    .pub_licre  ul{overflow: hidden;}
    .pub_licre{padding: 30rem ;}
    .pub_licre li{float: left;width: 50%;}
    .pub_licre li dl{padding: 0 10rem;}
    .pub_licre .pub_more a{width: auto;display: inline-block;padding: 0 30rem;}
}
@media screen and (max-width: 767px){
    .pub_tabbox li{margin: 0;line-height: 50px;}
    .pub_tabbox::after{height: 1px;}
    .pub_tabbox li a::after{height: 2px;}
    
    .pub_licle01{padding: 15px;}
    .pub_licle01 span{padding: 0 12px;line-height: 30px;}
    .pub_licle01 h2{line-height: 32px;}
    .pub_licle02 dt{line-height: 30px;padding:10px 15px;}
    .pub_licle02 dt i{top:10px;font-size: 14px;}
    .pub_licle02 dd{padding: 15px;}
    .pub_licle02 dd p{line-height: 24px;padding-left: 24px;        margin-bottom: 10px;}
    .pub_licle02 dd p span{width: 16px;height: 16px;top:4px}
    .pub_licle02 dd p span i{font-size: 12px;}

    .pub_topbox dt, .pub_search{height: 40px;line-height: 38px;}
    .pub_search input, .pub_search button{height: 38px;line-height: 38px;}
    .pub_topbox dl,.pub_search{float: none;width: 100%;}
    .pub_topbox dl{margin-bottom: 10px;}
    .pub_search button{width: 50px;font-size: 16px;}
    .pub_search input{width: calc(100% - 50px);padding-left: 10px;}
    .pub_topbox dt{padding: 0 10px;padding-right: 25px;}
    .pub_licre li{float: none;width: 100%;margin-bottom: 30px;}
    .pub_licre li dl{padding: 0;}
    .pub_list li,.pub_licre{padding: 20px;}
    .pub_more a{height: 36px;line-height: 36px;}

    .pub_list dd h3{line-height: 1.7em;}
    .pub_list dd p, .pubtype, .pub_promore{line-height: 1.8em;}

}




/* 技术资料 */
.pub_techlist li{padding: 30rem 50rem 40rem 30rem;}
.pub_techlist dl{overflow: hidden;}
.pub_techlist dt{float: left;border: 1rem solid #d9d9d9;width: 148rem;}
.pub_techlist dd{float: right;width: calc(100% - 190rem);padding-top: 5rem;}
.pub_techlist .pubtype span{padding-right: 18rem;margin-right: 18rem;position: relative; }
.pub_techlist .pubtype span::after{content: "";position: absolute;right: 0;top:50%;width: 1rem;height: 16rem;margin-top: -8rem;background: #000;}
.pub_techlist .pubtype span:last-child{padding-right: 0;margin-right: 0;}
.pub_techlist .pubtype span:last-child::after{display: none;}
@media screen and (max-width: 1024px){
    .pub_techlist dd{padding-top: 0;}
}
@media screen and (max-width: 767px){
    .pub_techlist dt,.pub_techlist dd{float: none;width: 100%;}
    .pub_techlist dt{width: 150px;margin: auto; margin-bottom: 20rem;}
    .pub_techlist .pubtype span::after{width: 1px;height: 14px;margin-top: -7px;}
    .pub_techlist .pubtype span{padding-right: 10px;margin-right: 9px;}

}

/* 视频中心 */
.video_appbox{ display: block; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{width: 100%;    height: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width:1000px;max-width:94%; height: 60%;
 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%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{position:absolute; top:calc(20% - 30px); right:calc(50% - 500px); cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;}
@media only screen and (max-width:1023px) {
    .video_close{right:3%;}
}
@media only screen and (max-width:767px) {
  .video_close{font-size: 26px;    top: calc(20% - 50px);font-weight: bold;  }
}

.line16_24{line-height: 1.5em;}
.v_list ul{overflow: hidden;margin:0 -18rem; display: flex;flex-wrap: wrap;}
.v_list li{float: left;width: 50%;margin-bottom: 40rem;}
.v_list dl{margin:0 18rem;background: #fff;height: 100%;}
.v_list dd{padding: 30rem;padding-bottom: 35rem;}
.v_list dd h3{line-height: 1.4em;height: 2.8em;margin-bottom: 15rem;}
.v_list dd h3 a,.v_list dd p{color: #3a3a3a;}
.v_list dd p{margin-bottom: 30rem;}
.v_type{overflow: hidden;color: #008cd6; line-height: 1.75em;}
.v_type a{color: #008cd6;}
.v_type span{float: left;padding-right: 10rem;}
.v_type span:last-child{margin-right: 0;}

.v_list .page{padding-top: 0;}

@media only screen and (max-width:767px) {
    .line16_24{line-height: 1.8em;}
    .v_list ul,.v_list dl{margin: 0;}
    .v_list li{float: none;width: 100%;}
    .v_list dd h3{height: auto; line-height: 1.5em; max-height:3em;}
}

/* 知识中心 */
.Know_list li{padding: 35rem 45rem 40rem 40rem;}
.Know_list dl{overflow: hidden;}
.Know_list dt{float: left;width: 56rem;height: 56rem;border: 1px solid #008cd6;border-radius: 5px;position: relative;color: #008cd6;font-size: 26rem;font-weight: bold;}
.Know_list dd{float: right;width: calc(100% - 85rem);}
.Know_p{overflow: hidden;padding-top: 30rem;}
.Know_p .pubtype{padding: 0;float: left;width: calc(100% - 120rem);}
.Know_p .pub_promore{float: right;}
@media only screen and (max-width:767px) {
    .Know_p .pubtype,.Know_p .pub_promore{float: none;width: 100%;}
    .Know_p .pubtype{margin-bottom: 20rem;}
    .Know_list dt{width: 30px;height: 30px;font-size: 20px;margin-top: 2px;}
    .Know_list dd{width: calc(100% - 40px);}
}


/* 详情 */
.know_dont {padding-bottom: 130rem;}
.know_dont .pub_licre{float: left;}
.know_le{float: right;width: 78.4%;}

.know_title{overflow: hidden;position: relative;margin-bottom: 25rem;}
.know_title h3{font-weight: 100; line-height: 1.2em;}
.know_title .pub_promore{position: absolute;right: 0;top:18rem;width: 260rem;}

.know_top {margin-bottom: 40rem;}
.know_top .pubtype{padding: 0;padding-top: 10rem;}

.know_edit{background: #fff;padding: 30rem 40rem;padding-bottom: 50rem;}
.know_le01{padding-bottom: 90rem;}

.know_le02 h2{text-align: center;line-height: 1em;margin-bottom: 40rem;}
.know_pro ul{overflow: hidden;margin: 0 -30rem; display: flex;flex-wrap: wrap;}
.know_pro li{float: left;width: 33.33%;margin-bottom: 40rem;}
.know_pro dl{background: #fff;margin: 0 30rem;overflow: hidden;border-radius: 20rem;height: 100%;}
.know_pro dd h3{line-height: 1.4em;height: 2.8em;margin-bottom: 20rem;}
.know_pro dd h3 a{color: #3a3a3a;}
.know_pro .pubtype{padding: 0;}
.know_pro01{padding: 30rem 35rem;padding-bottom: 45rem;}
.know_pro02{border-top: 1rem solid #d9d9d9;padding: 15rem 0;overflow: hidden;text-align: center;}
.know_pro02 a{float: left;width: 50%;line-height: 46rem;position: relative;    display: flex;justify-content: center;}
.know_a01::after{content: "";position: absolute;right: 0;top:0; width: 1px;height: 100%;background: #d9d9d9;}
.know_pro02 a i{font-size: 20rem;margin-right: 10rem;font-weight: normal;}
.know_a01.on{ color: #008cd6 ;}
.know_more{text-align: center;}
.know_more a{border-radius: 30rem; display: inline-block;height: 50rem;line-height: 50rem;padding-left: 45rem;padding-right: 25rem;color: #fff;background: #0160C5;background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%);}
.know_more a i{margin-left: 28rem;}

@media only screen and (max-width:1024px) {
    .know_dont{padding-bottom: 80rem;}
    /* .know_title h3{ padding-right: 120rem;} */
.know_title .pub_promore{width: 110rem;}
    .know_le{float: none;width: 100%;margin-bottom: 50rem;}
    .know_pro ul{margin: 0 -10rem;}
.know_pro dl{margin: 0 10rem;}
.know_pro li{margin-bottom: 20rem;}
.know_le01{padding-bottom: 60rem;}
.know_pro li{width: 100%;margin-bottom:20px;}
.know_pro02 a i{font-size: 16px;}
.know_pro02{padding: 10px 0;}
.know_pro02 a{line-height: 30px;}
.know_more a{height: 40px;line-height: 40px;padding: 0 30px;border-radius: 30px;}

}
@media only screen and (max-width:767px) {
    .know_title h3{padding: 0;}
    .know_title{margin-bottom: 20px;}
    .know_title .pub_promore{width: auto;position: static;padding-top:15px;}
}



@media screen and (min-width: 1025px){
    .pub_licre .tel_a:hover{cursor: default;color: #fff !important;}
    .pub_licre p a:hover{color: #fff !important; opacity: 0.9;}
    .pub_more a:hover{color: #fff !important;}
    .pub_more a:hover::before{width: 100%; }
    .pub_promore a:hover,.v_type a:hover{color: #0361c6 !important;}
    
    /* 产品与资料暂时不维护链接/ */
    /*.pub_list dd h3 a:hover{color: #000 !important;cursor: default;}*/
    .pub_list dt a:hover{cursor: default;}
    
    .Know_list dd h3 a:hover{color: #008cd6 !important;cursor: pointer;}
    .know_more a:hover{background: #0160C5;color: #fff !important;
        background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 120%);}
}


/* map */
.industry_mapblock{    overflow: hidden;padding: 35rem 0 6rem 0;background: #E0E5EF;background: linear-gradient(180deg,rgba(224, 229, 239, 1) 0%, rgba(248, 248, 248, 1) 100%);}
.site_map{margin-bottom: 70rem;}
.industry_title{margin-bottom: 30rem;}
.industry_title h2{margin-bottom: 25rem;line-height: 1em;}

.indus_mapbox{position: relative;padding-top: 10rem;}
.indus_top{position: absolute;left: 0;top:0;z-index: 5;width: 60%;}
.indus_maplist{position: relative;width: 97.4%;margin:auto;}
.indus_mapimg img{width: auto;max-width: 100%;}

.map_list li{position: absolute; line-height: 1em; cursor: pointer;}
.map_list li p{position: relative;padding-left: 12rem;}
.map_list li p i{width: 6rem;height: 6rem;background: #000;border-radius: 50%;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; left:0; top:50%;}

.map_list li.on p{color: #0261c5;}
.map_list li.on p i{background: #0261c5;}



.selectblock dl{position: relative;}
.selectblock dd{top:100%}
.option p{padding: 0 20rem;line-height: 40rem; cursor: pointer;}
.address_city dt i{color: #000;font-weight: bold; right: 20rem;}
.address_city dt,.address_city button{padding:0 20rem; height: 52rem; line-height: 52rem;background: #fff;border-radius:10rem;border: 1rem solid #d9d9d9;}

.address_select {float: left;}
.sheng{width: 260rem;margin-right: 10rem;}
.shi{width: 185rem;}
.qu{width: 185rem;}
.address_city button{width: 80rem;padding: 0;text-align: center; cursor: pointer;}
.address_city .shi dt{border-top-right-radius: 0;border-bottom-right-radius: 0; border-right: 0;position: relative; }
.address_city .shi dt::after,.address_city .qu dt::after{content: "";position: absolute;right: 0;top:50%;width: 1rem;height: 22rem; margin-top: -11rem; background: #c3c3c3;}
.address_city .qu dt{border-radius: 0; border-right: 0;border-left: 0;position: relative;}

.address_city button{border-top-left-radius: 0;border-bottom-left-radius: 0; border-left: 0;color: #000}
.address_city{position: relative;z-index: 99;}



@media only screen and (max-width:1024px) {
    .site_map{margin-bottom: 40rem;}
    .indus_top{position: static;width: 100%;margin-bottom: 20rem;}
.map_list {font-size: 14rem;}
.indus_mapbox{padding-top: 0;}

}
@media only screen and (max-width:767px) {
    .sheng,.shi,.qu,.address_city button{width: 100%;margin:0;margin-bottom: 5px;}
    .address_city .shi dt::after, .address_city .qu dt::after{display: none;}
    .address_city dt, .address_city button{        overflow: hidden;height: 40px !important;line-height: 40px !important;border: 1px solid #d9d9d9 !important;border-radius: 3px !important;}
    .address_city button{margin: 0;}
    .address_city dt{padding: 0 10px;}
    .option p{line-height: 30px;padding: 5px 10px;}
    .indus_mapimg{display: none;}
    .map_list{font-size: 14px;}
    .map_list li{position: static; float: left;width: 25%;margin-bottom:20px;}
    .map_list li p i{width: 4px;height: 4px;}
    .map_list li p{padding-left: 10px;}
    .indus_top{margin-bottom: 30px;}


}

@media only screen and (min-width:1025px) {
    .map_list li p,.map_list li p 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;}
.map_list li:hover p{color: #0261c5;}
.map_list li:hover p i{background: #0261c5;}
.ind_btn_block02 .ind_btn01:hover{color: #fff !important;background: #0160C5;background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 120%);}

}

/* 01 */
.ind_tac,.ind_tac a{color: #000;}
.ind_tac{position: fixed;z-index: 9999;background: #fff; border-radius: 10rem;padding: 30rem;width: 580rem;max-width: 90%;box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1); display: none;}
.ind_tac.cur{}
.ind_tac dt{margin-bottom: 25rem;}
.ind_tac dd h3{color: #3a3a3a;margin-bottom: 25rem;}
.ind_btn{overflow: hidden;padding-top: 30rem;}
.ind_btn a{float: left;width: 49.1%;height: 50rem;line-height: 48rem;border: 1rem solid #d9d9d9; border-radius: 5rem;text-align: center;}
.ind_btn .ind_btn02{float: right;}
/*.ind_scoll{padding: 0 15rem;height: 142rem;overflow: hidden;}*/
.ind_p p{overflow: hidden;}
.ind_p p span{float: left;padding-right: 13rem;margin-right: 12rem;position: relative;}
.ind_p p span::after{content: "";position: absolute;right: 0;top:50%;width: 1rem;height: 16rem;margin-top: -8rem; background: #000;}
.ind_p p span:last-child::after {display: none;}
.tac_close {position: absolute; width: 30rem;height: 30rem; line-height: 30rem; top:-35rem; text-align: center;background: #fff; right: 0; font-size: 24rem; cursor: pointer; border-radius: 5rem;box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);}


/* 02 */
.blank_85,.ind_file{display: none;}
.blank_85{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.85);z-index: 9999;}
.ind_file{width: 726rem;border-radius: 10rem;background: #fff;position: fixed;z-index: 99991;}
.ind_file h2{text-align: center;color: #fff; line-height: 58rem;background: #0160C5;background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%); border-radius: 10rem 10rem 0 0;}

.ind_form{padding:60rem;padding-top: 50rem;}

.ind_form input::-webkit-input-placeholder {
    color:    #000;
    opacity: 1;
}
.ind_form input:-moz-placeholder { 
   color:    #000;
   opacity: 1;
}
.ind_form input::-moz-placeholder { 
   color:    #000;
   opacity: 1;
}
.ind_form input:-ms-input-placeholder { 
   color:    #000; opacity: 1;
}
.ind_form input::-ms-input-placeholder {
   color:    #000; opacity: 1;
}

.ind_form input::placeholder {
   color:    #000; opacity: 1;
}

.ind_form li{margin-bottom: 15rem;}
.ind_form span{float: left;width: 95rem; line-height: 50rem;}
.ind_form span i{color: #e50000;margin-right: 5rem;}
.ind_form .form_ind{width: calc(100% - 95rem);float: right;}
.ind_form .form_ind input{width: 100%;height: 50rem;line-height: 48rem;border: 1rem solid #d2d2d2;padding: 0 18rem; border-radius: 10rem;}

.ind_form .rescosebox .form_ind input{width:calc(100% - 130rem)}
.ind_form .rescosebox .form_ind em{height:50rem;width:120rem;float:right}
.ind_form .rescosebox .form_ind em img{width:100%;height:100%}

/* layui */
.layui-laydate-footer span:hover {
    color: #0260c5
}

.layui-laydate-preview{color: #000 !important}
.layui-input:focus,.layui-textarea:focus {
    border-color: #d2d2d2!important;
    box-shadow: none
}

.layui-inline{display: block;}
.layui-input-inline{float: left;width: calc(50% - 15rem);}
.layui-input-inline i{color:#888888;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:15rem;top:50%;font-size: 20rem;}
.layui-form-mid{float: left;color: #d2d2d2;margin: 0;width: 30rem;text-align: center;padding: 0 !important; line-height: 50rem;}

.ind_form  input::-webkit-input-placeholder {
    color:    #888888;
    opacity: 1;
}
.ind_form  input:-moz-placeholder { 
   color:    #888888;
   opacity: 1;
}
.ind_form  input::-moz-placeholder { 
   color:    #888888;
   opacity: 1;
}
.ind_form  input:-ms-input-placeholder { 
   color:    #888888; opacity: 1;
}
.ind_form  input::-ms-input-placeholder {
   color:    #888888; opacity: 1;
}

.ind_form  input::placeholder {
   color:    #888888; opacity: 1;
}


/* layui */
.ind_btn_block02{width: 375rem;margin: auto;max-width: 100%;padding-top: 35rem;}
.ind_btn_block02 a{width: 180rem;}
.ind_btn_block02 .ind_btn01{color: #fff; border: transparent;background: #0160C5;background: linear-gradient(90deg,rgba(1, 96, 197, 1) 0%, rgba(88, 161, 254, 1) 100%); }



/* 03 */
.ind_look {width: 1400rem; max-width: 90%; border-radius: 10rem;background: #fff;padding: 45rem;padding-bottom: 50rem; position: fixed;z-index: 9999;background: #f8f8f8; display: none;}
.ind_lookscoll{height: 100%;}
.ind_look h2{margin-bottom: 25rem;}
.ind_look .ind_p{margin-bottom: 40rem;} 

.ind_look_title{margin-bottom: 50rem;}
.ind_look_title h3{line-height: 1em;padding-left: 16rem;position: relative;margin-bottom: 30rem;}
.ind_look_title h3::after{content: "";position: absolute;top:0;left: 0;width:4rem;height: 100%;background:#008cd6;}
.ind_le{float: left;margin-right: 40rem;    width: 345rem;}
.ind_re{float: left;width: 290rem;}
.ind_search .ind_le,.ind_search dt{height: 52rem;line-height: 50rem;background: #fff;border-radius:5rem;border: 1rem solid #d9d9d9;}
.ind_search dl{position: relative;}
.ind_search dt{padding: 0 20rem;}
.ind_search dt i{right: 20rem;    color: #000; font-weight: bold;}
.ind_re span{line-height: 52rem; float: left;}
.ind_re .pub_select{width: calc(100% - 75rem);float: right;}
.ind_search input,.ind_search button{height: 48rem;line-height: 48rem;}
.ind_search input{padding-left: 20rem;width: calc(100% - 82rem);}
.ind_search button{width: 75rem;position: relative;cursor: pointer; float: right;}
.ind_search button::after{content: "";position: absolute;top:50%;left: 0;width:1rem;height: 24rem; margin-top: -12rem; background:#c3c3c3;}

.ind_search input::-webkit-input-placeholder {
    color:    #000;
    opacity: 1;
}
.ind_search input:-moz-placeholder { 
   color:    #000;
   opacity: 1;
}
.ind_search input::-moz-placeholder { 
   color:    #000;
   opacity: 1;
}
.ind_search input:-ms-input-placeholder { 
   color:    #000; opacity: 1;
}
.ind_search input::-ms-input-placeholder {
   color:    #000; opacity: 1;
}

.ind_search input::placeholder {
   color:    #000; opacity: 1;
}


.ind_list{max-height: 360rem;overflow: hidden; overflow-y:auto; width: calc(100% + 35rem);padding-right: 35rem;}
.ind_list .mCSB_outside+.mCSB_scrollTools{right: 0;}
.ind_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6rem;border-radius: 20rem;}
.ind_list .mCSB_scrollTools .mCSB_draggerRail{width: 6rem;background: #dcdcdc; border-radius: 20rem;}

.ind_list li{margin-bottom: 10rem;}
.ind_list dl{overflow: hidden;background: #fff; border-radius: 10rem; display: flex;flex-wrap: nowrap;}
.ind_list dt{float: left;width: 25%;}
.ind_list dd{float: none;width:100%;}
.ind_block_le{float: left;width: calc(100% - 150rem);padding: 45rem 75rem;padding-bottom: 30rem;}
.ind_block_le h3{color: #3a3a3a;margin-bottom: 20rem;}
.ind_block_re{width: 150rem; float: right;padding: 0 10rem;font-weight: bold;border-left: 1px solid #d9d9d9;}
.ind_block_re p{border-bottom: 1px solid #d9d9d9;padding: 35rem 0;text-align: center; display: flex;justify-content: center;}
.ind_block_re p i{margin-right:10rem;font-weight: normal;font-size: 20rem;}
.ind_block_re p:last-child{border: 0;}

.mCSB_inside>.mCSB_container{margin-right: 10px;}
.ind_p01 p{overflow: hidden;}
.ind_p01 p span{margin-right: 30rem;display: block;margin: 0}
.ind_p01 p span:last-child{margin-right: 0;}

@media only screen and (max-width:1024px) {
/* 02 */
.ind_form span{width: 110rem; }
.ind_form .form_ind{width: calc(100% - 110rem);}
 
/* 03 */
.ind_list{max-height: inherit;}
/* .ind_lookscoll{max-height: 80vh;overflow: hidden;} */
.resous_lookscoll{height: 80vh;overflow: hidden;}

.ind_le{width: 48%;margin-right: 0;}
.ind_re{width: 48%;float: right;}
.ind_re .pub_select{width: calc(100% - 100rem);}
.ind_block_le{padding: 20rem;}


.ind_look .mCSB_outside+.mCSB_scrollTools{right: -26rem;}
.ind_look .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6rem;border-radius: 20rem;}
.ind_look .mCSB_scrollTools .mCSB_draggerRail{width: 6rem;background: #dcdcdc; border-radius: 20rem;}

}




@media only screen and (max-width:767px) {
/* 01 */
.ind_tac{width: 90%;max-width: 90%;padding: 10px;}
.ind_p {line-height: 24px;}
.ind_tac dd h3{line-height: 30px;margin-bottom: 10px;}
.ind_scoll{height:160px;}
.ind_btn a{height: 40px;line-height: 38px;}
.ind_p p span{padding-right: 0;margin-right: 0;display: block;float: none;}
.ind_p p span::after{width: 1px;height: 10px;margin-top: -5px;display: none; }
.tac_close{width: 24px;height: 24px; line-height: 24px; top:-28px;font-size: 20px;}

/* 02 */
.ind_file h2{line-height: 50px;}
.ind_form{padding: 20px;}
.ind_form span{width: 80px; }
.ind_form .form_ind{width: calc(100% - 80px);}
.ind_form span,.layui-form-mid{line-height: 42px;}

.ind_form .rescosebox .form_ind input{width:calc(100% - 110px)}
.ind_form .rescosebox .form_ind em{height:42px;width:100px;}


.ind_form .form_ind input{height: 42px;line-height: 40px;}
.ind_form li{margin-bottom: 10px;}
.ind_btn_block02{width: 80%;padding-top: 0px;}
.ind_btn_block02 a{width: 49%;}

.laydate-theme-molv.layui-laydate-range{width: 97%;}
.layui-laydate-range .layui-laydate-main{width: 100%;max-width: 100%;}
.layui-form-mid{display: none;}
.layui-input-inline{width: 100%;float: none;margin-bottom: 10px;}

.layui-input-inline i{font-size: 16px;right: 10px;}
.layui-laydate-content table{width: 100%}
/* 03 */
.ind_look{padding: 20px 10px;}
.ind_search .ind_le, .ind_search dt,.ind_re span{height: 42px;line-height: 40px;}
.ind_look_title h3{padding-left: 10px;}
.ind_look_title h3::after{width: 2px;}
.ind_le,.ind_re{float: none;width: 100%;}
.ind_le{margin-bottom: 10px;}
.ind_search input, .ind_search button{height: 40px; line-height: 40px;}
.ind_search input{padding-left: 10px;width: calc(100% - 50px);}
.ind_search button{width: 40px;float: right;}
.ind_search button::after{width: 1px;height: 20px;margin-top: -10px;}
.ind_re .pub_select{width: calc(100% - 70px);float: right;}
.ind_list dl{display: block;}
.ind_list dt,.ind_list dd{float: none;width: 100%;}
.ind_block_le,.ind_block_re{float: none;width: 100%;border: 0;}
.ind_block_re p i{font-size: 16px;}
.ind_block_re{border-top: 1px solid #d9d9d9;}
.ind_block_re p{float: left;width: 50%;border: 0;border-right: 1px solid #d9d9d9;}
.ind_list li{margin-bottom: 20px;}
.ind_block_le{padding: 15px;}
.ind_p01 p span{margin-right:0rem;display: block;}
}


.pubmore_block{text-align: center;}
.pubmore_block a{color: #fff;margin: 0;}



.industry_list{padding: 67rem 0 40rem; background: #fff;}
.industry_list ul{margin: 0 -1%;}
.industry_list li{ cursor: pointer; float: left; padding: 30rem 0 40rem; width: 31.33%; margin: 0 1% 2%; border-top:3rem solid #0093D6}
.industry_list li h3{height: 1.5em; overflow: hidden;}
.industry_list li p{height: 1.5em; overflow: hidden; margin-top: 20rem;}
.industry_list li i{ margin-top:30rem; display: block;}

@media only screen and (max-width:1023px) {
.industry_list li{width: 98%;}
}


/* 2026-02-02 */
.pub_select select{width: 100%;border: 0;padding: 0 20rem;height: 52rem;    background: #fff;color: #000;
    border-radius: 10rem;
    border: 1rem solid #d9d9d9;}
.indus_top .address_city dt{padding: 0;border: 0;}
.indus_top .address_city .shi select{border-top-right-radius: 0;border-bottom-right-radius: 0; border-right: 0;position: relative; }
.indus_top .address_city .qu select{border-radius: 0; border-right: 0;border-left: 0;position: relative;}




/*下拉前箭头*/
.pub_select select{
        /*取消默认箭头开始*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        -ms-appearance:none;
        /*取消默认箭头结束*/
       
       
        
}
select:disabled {
   
    color: #857c7c; 
}

    /*修改option*/
.pub_select  option::-ms-expand{ display: none; }
.pub_select	option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    -ms-appearance:none; /* Safari 和 Chrome */
    appearance:none;
}
@media only screen and (max-width:767px) {
.pub_select select{border: 0;}
.pub_select select{height: 40px;}
.industry_list li h3{font-size: 16px}
.industry_list li p{font-size: 14px}

}




.repair_select dt{width: 100%;height: 50rem;line-height: 48rem;border: 1rem solid #d2d2d2;padding: 0 18rem; border-radius: 10rem;}
.repair_select {position: relative;}
.repair_select dd{position: absolute;    top: calc(100% + 1rem); left: 0;width: 100%;    background: #fff; z-index: 9;    padding: 10rem 0;max-height: 180rem;overflow: hidden;overflow-y: auto;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); display: none;}
.repair_select dd p a{display: block;padding: 0 20rem;line-height: 40rem;}
.repair_select dt {position: relative;cursor: pointer;}
.repair_select dt i{position: absolute;right: 10rem;top: 0; color: #008cd6;font-size: 14rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.repair_select dt.on_o i{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.ind_form textarea{padding: 10rem 18rem;border: 1rem solid #d2d2d2;height: 100rem;width: 100%;border-radius: 10rem;}


@media screen and (max-width: 767px){
.repair_select dt{line-height: 30px;}
.repair_select dt{height: 30px;}
.repair_select dd{padding: 10px 0;max-height: 220px;}
.repair_select dd p a{padding: 5px 10px;line-height: 30px;}
.repair_select dt i{font-size: 14px;}
.repair_select dd{    top: calc(100% + 1px);}
}