:root{
  /* --first_color:#66ccff; */
}
h2,p{word-break: break-word}

.botmenu{ text-align: center !important; background: var(--first_color);}
.online dl{background:var(--first_color);padding:10px 5px;margin-bottom:1px;position:relative}
.online dl:hover{background:var(--first_color)}
.online dl dt button{margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:var(--first_color);color:#fff;cursor:pointer}
.rd-navbar-static{padding: 0 0;box-shadow: unset;}

.rd-navbar-fixed .rd-navbar-toggle {display:inline-block;position: absolute;right:10px;}
.rd-navbar-fixed .rd-navbar-nav-wrap {right:0;left:unset;transform:translateX(110%);}
.rd-navbar-fixed .rd-navbar-brand{left: 10px;}
@media (max-width: 576px){
  .rd-navbar-fixed .rd-navbar-brand{width:80%;justify-content: flex-start;}
}

a{color:#333;}
a:focus,
a:hover{color: var(--first_color);}
.flex-row{display: flex;flex-wrap: wrap;}
.flex-item-center{align-items: center;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-1len{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.text-2len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-3len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-4len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-5len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-6len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.sw_banner{width: 1920px;max-width: 100%;}
.sw_banner .swiper-pagination-bullet{background: #fff;}
.sw_banner .swiper-pagination-bullet-active{background-color: var(--first_color)!important;}
.clearfix::after{display: table;clear: both;content: '';}
p{margin-bottom: unset;}
.navbar-default .navbar-nav .nav-link:focus{background: unset;}
:focus{outline: unset;}
* + p,
p + *,
p + p{margin-top: unset;}
@media (min-width: 992px){
  * + p {margin-top: unset;}
}
/* 1200 */
.container{max-width: 1310px;}
@media (min-width: 1600px){
  .container{width: 1310px;}
}
/* .container{max-width: 1178px;} */
@media (min-width: 1600px){
  .row > [class*='col-']{padding-left: 1rem;padding-right: 1rem;}
  .row{margin-left: -1rem;margin-right: -1rem;}
}
/* 椤堕儴 */
.nav_top{padding: 0.3rem 0;}
.nav_top_text1{font-size: 18px;font-family: "Microsoft YaHei";color: #000;}
.nav_qr{position: relative;text-align: center;}
.nav_qr_text{font-size: 18px;font-family: "Microsoft YaHei";color: #000;}
.nav_qr_img{width: 100px;height: 0px;margin: 0 auto;position: absolute;z-index: 9999;left: -30px;right: 0;display: none;}
.nav_box{display: flex;justify-content: space-between;align-items: baseline;}
.nav_qr:hover .nav_qr_img{height: 100px;display: block;}
/*椤堕儴*/
.sw_banner{background: #fff;--swiper-navigation-color: var(--first_color);}
.sw_banner a{display: block;}
/* max-width:567px max-width:768px max-width:992px max-width:1200px */
/* // Small devices (landscape phones, 576px and up) sm*/
@media (min-width: 576px) {  }

/* // Medium devices (tablets, 768px and up) md*/
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) lg*/
@media (min-width: 992px) {  }

/* // Extra large devices (large desktops, 1200px and up) xl*/
@media (min-width: 1200px) {  }


/* header2 */
.nav_logo_row_text{ align-self: center; text-align: center; position: relative;}
.nav_logo_row_text p{font-size: 26px;font-family: "Microsoft YaHei","Source Han Sans CN M";color: #0d85ea;}
.nav_logo_row_text span{color: #f75300;font-size: 26px;font-family: "Microsoft YaHei","Source Han Sans CN M";}
.nav_logo_row_text::after{
  content: url(../images/nav_logo_row_text.png);
  position: absolute;
  left: -6px;
  bottom: 1rem;
  right: 0;
  width: 100%;
}

.header2 .nav_phone{
  display: flex; 
  min-width: 171px;
  float: right; 
  padding-top: 3rem;
  justify-content: flex-end;
  align-items: flex-end;
  line-height: 1;
  background: url(../images/phone.png) no-repeat left top;
  padding-left: 2.5rem;
}
.header2 .nav_phone_text{font-size: 24px; font-family: "Impact"; color: rgb(247, 83, 0);}
.header2 .rd-navbar-brand img{ max-width: 100%;}
@media (min-width: 1200px){
  .header2{background: url(../images/logo_row_bg.png) top center no-repeat;}
  .header2 .rd-navbar-static{background: unset;}
  .header2 .rd-navbar-static .rd-navbar-inner{padding: 20px 0;}
  .header2 .rd-navbar-static .rd-navbar-nav-wrap.nav_row{background: #0577eb;}
  .header2 .rd-navbar-static .rd-navbar-nav{margin: unset;display: flex;width: 100%;padding: 0 15px;}
  .header2 .rd-navbar-static .rd-navbar-nav > li{line-height: 53px;height: 53px;margin-top: unset;width: 100%;position: relative;}
  .header2 .rd-navbar-static .rd-navbar-nav > li::before{content: '';width: 100%;height: 60px;bottom: 0; left: 0;position: absolute;transition: all ease 0.5s;opacity: 0;background: url(../images/nav_bg.png) no-repeat top center / 100% 100%;}
  .header2 .rd-navbar-static .rd-navbar-nav > li:hover::before,
  .header2 .rd-navbar-static .rd-navbar-nav > li.active::before{opacity: 1;}
  .header2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, 
  .header2 .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle{color: #fff;margin-top: 13px;display: none;}
  .header2 .rd-navbar .rd-navbar-nav > li > a{line-height: 53px;color: #fff;width:100%;white-space: nowrap;font-size: 18px;color: #fff;position: relative;}
  /* .header2 .rd-navbar-static .rd-navbar-nav > li.active{background: #fff;} */
  .header2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, 
  .header2 .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu{margin-top: unset;}
  .header2 .rd-navbar-fullwidth .rd-navbar-dropdown, 
  .header2 .rd-navbar-static .rd-navbar-dropdown{padding: 10px;}
  .header2 .rd-navbar-sidebar .rd-navbar-nav > li.active > a:hover,
  .header2 .rd-navbar-static .rd-navbar-nav > li.active > a:hover,
  .header2 .rd-navbar-static .rd-navbar-nav > li.focus.active > a,
  .header2 .rd-navbar-static .rd-navbar-nav > li.active > a{color: #fff;width: 100%;}
  .header2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, 
  .header2 .rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after,
  .header2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after,
  .header2 .rd-navbar-static .rd-navbar-nav > li > a:hover,
  .header2 .rd-navbar-sidebar .rd-navbar-nav > li > a:hover,
  .header2 .rd-navbar-static .rd-navbar-nav > li.focus > a{color: #fff;}
  .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, 
  .header2 .rd-navbar-static .rd-navbar-dropdown > li > a:hover,
  .header2 .rd-navbar-static .rd-navbar-dropdown > li.active > a, 
  .header2 .rd-navbar-static .rd-navbar-dropdown > li.active > a:focus, 
  .header2 .rd-navbar-static .rd-navbar-dropdown > li.active > a:active,
  .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover{color: var(--first_color);}
  .header2 .rd-navbar-static .rd-navbar-nav > li.opened > a, 
  .header2 .rd-navbar-sidebar .rd-navbar-nav > li.opened > a,
  .header2 .rd-navbar-static .rd-navbar-dropdown > li.opened > a,
  .header2 .rd-navbar-static .rd-navbar-dropdown > li.opened > a ~ .rd-navbar-submenu-toggle,
  .header2 .rd-navbar-static .rd-navbar-dropdown > li > a:hover
  .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li + li, 
  .header2 .rd-navbar-fullwidth .rd-megamenu-list > li + li, 
  .header2 .rd-navbar-static .rd-navbar-dropdown > li + li, 
  .header2 .rd-navbar-static .rd-megamenu-list > li + li{line-height: 1.5;margin-top: .5rem;}
  .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, 
  .header2 .rd-navbar-static .rd-navbar-dropdown > li > a{display: block;}
  .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle{display: none;}
  .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a, .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a{color: var(--first_color);}
  .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown{margin-left: 9px;top: 0;}
}
@media (max-width: 1200px){
  html.rd-navbar-fixed-linked .page,
  html .page{padding-top: 65px;}
  .header2 .rd-navbar-fixed .rd-navbar-nav li:hover > a, 
  .header2 .rd-navbar-fixed .rd-navbar-nav li.focus > a, 
  .header2 .rd-navbar-fixed .rd-navbar-nav li.active > a, 
  .header2 .rd-navbar-fixed .rd-navbar-nav li.opened > a{background: var(--first_color);}
  .header2 .rd-navbar-fixed .rd-navbar-brand img{height: 50px;}
  .header2 .rd-navbar-fixed .rd-navbar-panel{height: 65px;}
  .header2 .rd-navbar-fixed .rd-navbar-brand{height: 60px;}
  .header2 .nav_phone{position: fixed;top: 0;right: 0;padding: 4px;height: 65px;z-index: 999;border-bottom: 1px solid #ececee;width: max-content;}
  .header2 .nav_phone{align-items: center;}
  .header2 .nav_phone_text1{line-height: 1;}
  .header2 .rd-navbar-brand a{display: flex;align-items: center;height: 100%;}
  .header2 .rd-navbar-fixed .rd-navbar-brand img{max-height: 100%;height: auto;max-width: 100%;}
  .header2 .rd-navbar-toggle{height: 100%;}
  .header2 .rd-navbar-fixed .rd-navbar-nav-wrap{top: -45px;}
}
@media (max-width: 768px){
  .header2{display: none;}
  html.rd-navbar-fixed-linked .page,
  html .page{padding-top: unset;}
  .phone_nav{padding: 1rem 0;}
  .nav_phone_logo{}
  .nav_phone_text{}
  .nav_phone_text{ align-self: center; text-align: center; position: relative;}
  .nav_phone_text p{font-size: 12px;font-family: "Microsoft YaHei","Source Han Sans CN M";color: #0d85ea;}
  .nav_phone_text span{color: #f75300;font-size: 12px;font-family: "Microsoft YaHei","Source Han Sans CN M";}
  .nav_phone_text::after{
    content: ' ';
    position: absolute;
    left: 0px;
    bottom: 0.7rem;
    right: 0;
    height: 1px;
    width: 100%;
    background: url(../images/nav_logo_row_text.png) no-repeat center/110%;
  }
}
/* header2 */


/* 搴曢儴 */

footer{}
.foot_nav1{background: var(--first_color);padding: 1rem 0;}
.foot_nav11{display: flex;justify-content: space-between;}
.foot_nav1 a{font-size: 14px;color: #fff;width: 100%;text-align: center;padding: 0 5px;line-height: 22px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%) no-repeat right center / 2px 100%;}
.foot_nav1 a:last-of-type {background: unset;}

.foot_text_box {padding-top: 2rem;padding-bottom: 2rem;display: flex;flex-wrap: wrap;align-items: center;}
.foot_logo {border-right: 1px solid #0279ec;width: 12%;}
.foot_logo img {max-width: 100%;}
.foot_text,
.foot_text a {color: #333;}
.foot_text_title {font-size: 22px;font-family: "Microsoft YaHei", "Source Han Sans CN R";color: rgb(16, 134, 235);}
.foot_qr {text-align: right;}
.foot_qr img {max-width: 130px;}
.foot_copyright {padding: 0.5rem;border-top: 1px solid #ccc;}

.foot_copyright{padding: 0.5rem 0;}
.foot_copyright , .foot_copyright a , .foot_copyright p{
  font-size: 12px;
  font-family: "Microsoft YaHei";
  color: #666;
  text-align: center;line-height: 1.5;
  background-color: #fff!important;
}

.online i, .botmenu i{margin-right: .3rem;}
@media all and (max-width: 767px) {
  .foot_qr{justify-content: center;margin: 20px 0;}
}
@media (min-width: 768px) and (max-width: 991px){

}
@media all and (min-width: 991px) {

}
/* 搴曢儴 */


@media all and (max-width: 767px) {
  .no_dis2 {display: none!important;}
  /*tabber*/
  .foot_tabber_bor {padding-top: 5rem;  }
  .foot_tabber {background: #333;border-top: 10px solid #ae7933;display: flex;position: fixed;bottom: 0;left: 0;right: 0;z-index: 114514;  }
  .foot_tabber_item_box {width: 25%;background: linear-gradient(to right, #545454 50%, #151515 100%) no-repeat left center/.2rem 100%;padding: 0.5rem 0;  text-align: center;}
  .foot_tabber_item_box:nth-of-type(2) {background: linear-gradient(to right, #545454 50%, #151515 100%) no-repeat left center/.2rem 100%, linear-gradient(to right, #545454 50%, #151515 100%) no-repeat right center/.2rem 100%;  }
  .foot_tabber_item_box:nth-of-type(1) {background: unset;  }
  .foot_tabber_home {background: url(../images/phone/tabber_home.png) no-repeat top center/100% 100%;margin-top: -1.7rem;padding-top: 1.7rem;margin-right: -2%;padding-right: 2%;text-align: center;  }
  .foot_tabber_icon {width: 60%;margin: 0 auto;width: 45px;height: 45px;text-align: center;display: flex;align-items: center;justify-content: center;  }
  .foot_tabber_text {font-size: 14px;color: #fff;text-align: center;  }
  /*tabber*/
}
@media (min-width: 768px) and (max-width: 991px){
	.no_dispad{display: none!important;}
}
@media all and (min-width: 991px) {
  .no_dis1{display: none;}
}


/* 鍐呴〉 */
/* about */
.pages{padding: 30px 15px;}
.about_content{line-height: 1.5;font-size: 16px;}
.about_content p{margin-bottom: 10px;}
/* subnavlist */
.subnavlist .swiper-container .swiper-slide a.active,
.subnavlist ul li a:hover, 
.subnavlist ul li a:focus,
.subnavlist ul li a.active{color: var(--first_color);}
/* product news */
.productlist .card:before,
.newslist ul li:before{border-color: var(--first_color);}
#comproductTab .nav-item.active .nav-link{    border-bottom: 2px solid var(--first_color);display: block;overflow: hidden;height: 60px;padding: 0px 25px;line-height: 60px;}
.showproduct .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);}
.productComItem{text-align: center;display: block;}
.productComImg{}
.productComText{margin-top: 5px;font-size: 16px;color: #333;}
.showproduct .tab-content,
.shownews .tab-content {padding: 30px;}

.newslist ul li h4 a{display: block;}
.showproduct .tab-content{line-height: 1.5;font-size: 16px;}
.showproduct .tab-content p{margin-bottom: 0px;}
.showcase .tab-content{line-height: 1.5;font-size: 16px;}
.showcase .tab-content p{margin-bottom: 10px;}
@media (max-width: 767px){
  .newslist ul li.media .media-left{width: 35%;}
  .newslist .media-body{width: 65%;align-self: center;}
  .newslist ul li{padding: 10px 0;margin-bottom: 10px;}
}

/* 璇︽儏椤靛彸渚ф帹鑽 */
.showproduct .recommend ul li.item_block:hover:before,
.shownews .recommend ul li.item_block:before{border-color: var(--first_color);}
.showproduct .recommend ul li.item_block a:hover p.item_date span, .showproduct .recommend ul li.item_block a:hover .item_info,
.shownews .recommend ul li.item_block a:hover p.item_date span, .shownews .recommend ul li.item_block a:hover .item_info{color:var(--first_color)}

/* 鍒嗛〉鍣 */
.page-link, .page-num{color: #333;}
.page-link:hover,
.page-num:hover,
.page-num-current{background-color:var(--first_color);border-color:var(--first_color);color: #fff;}
.searchcomponent .btn-info{background-color:var(--first_color);border-color:var(--first_color)}
.searchcomponent .btn-info:hover{background-color:var(--first_color);border-color:var(--first_color)}
@media all and (max-width: 767px) {
  .searchcomponent .form-group{width: 75%;}
  .searchcomponent button{width:25%}
  .page-link[href], 
  .page-num[href]{color:var(--first_color)}

  .page-link[href]:hover,
  .page-num[href]:hover,
  .page-num-current[href]{background-color:var(--first_color);border-color:var(--first_color);color: #fff!important;}
}
/* product */
.showproduct .recommend ul li.item_block a p.item_date{min-width: 50px;}
.showproduct .recommend ul li.item_block a .item_info{max-width: unset;}
.showproduct .recommend ul li.item_block a .item_des{width: unset;}
.showproduct .recommend ul li.item_block a .item_img{max-width: 100%;width: 100%;text-align: center;}
.product_description{font-size: 14px;color: #5e7387;line-height: 1.5;margin: 1rem 0 2rem;}

/* job */
.joblist ul li{margin-bottom: 30px;padding-bottom: 30px;}
.joblist ul li:before{border-color: var(--first_color);}
.joblist ul li .des{line-height: 1.5;font-size: 16px;}
.joblist ul li .des p{margin-bottom: 10px;}
/* case */
.caselist .card:before{border-color: var(--first_color);}
.showcase .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);}

/* message */
.form-control:focus{border-color: var(--first_color);box-shadow: unset;}
.messagelist .btn-info:hover{background-color: var(--first_color);border-color: var(--first_color);}
.messagelist .btn-info{background-color: var(--first_color);border-color: var(--first_color);}

/* download */
.downloadlist ul li{padding-bottom: 30px;}
.downloadlist ul li:before{border-color: var(--first_color);}
.downloadlist .downloadbtn{color: var(--first_color);border-color: var(--first_color);}
.downloadlist .downloadbtn:hover{background-color: var(--first_color);border-color: var(--first_color);color: #fff;}
.btn-info:not(:disabled):not(.disabled):active:focus, 
.btn-info:not(:disabled):not(.disabled).active:focus, 
.show > .btn-info.dropdown-toggle:focus{box-shadow: unset;}
.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active, 
.show > .btn-info.dropdown-toggle{background-color: var(--first_color);border-color: var(--first_color);}
.btn-info:focus, .btn-info.focus{box-shadow: unset;}
.downloadlist ul li:hover p{margin-left: 15px;transition: all .30s ease;}

/* 浜у搧 鏂伴椈鎺ㄨ崘 */
.showproduct .recommend span.toptitle, .shownews .recommend span.toptitle {margin-bottom: 20px;}
.showproduct .recommend ul li.item_block {margin: 0 0;padding: 0 0;margin-bottom: 15px;}
.showproduct .recommend ul li.item_block a {display: block;width: 100%;}
.showproduct .recommend ul li.item_block a .item_img {width: 100%;max-width: unset;}
.showproduct .recommend ul li.item_block a .item_img img {width: 100%;height: auto;display: block;max-width: unset;}
.showproduct .recommend ul li.item_block a .item_link {width: 100%;padding: 0 0;margin-bottom: 10px;}
.showproduct .recommend ul li.item_block a .item_link p {padding: 0 0;}
.productlist .card .card-img{text-align: center;}
.shownews .recommend ul li.item_block a p.item_date,.showproduct .recommend ul li.item_block a p.item_date{width: 20%;}
.shownews .recommend ul li.item_block a .item_info,.showproduct .recommend ul li.item_block a .item_info{width: 78%;max-width: unset;}
.product-params-box{margin-top: 10px;}
.product-params{margin: 5px 0;}
@media(max-width:991px) {
  .showproduct .recommend ul li.item_block,.shownews .recommend ul li.item_block{width: 50%;}
  .showproduct .recommend ul li.item_block:nth-child(even),.shownews .recommend ul li.item_block:nth-child(even){padding-left:10px}
  .showproduct .recommend ul li.item_block:nth-child(odd),.shownews .recommend ul li.item_block:nth-child(odd){padding-right:10px}
  .shownews .recommend ul li.item_block a .item_des{width: 100%;}
}

/* tabber */
.botmenu {border-top: 1px #fff solid;}
.botmenu p {width: 100%;padding: 0 0;margin: 0 0;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.botmenu i {font-size: 24px;}

/* 鏂伴椈鍒楄〃 */
.newslist ul li.media .media-left{width: 20%;}
.newslist ul li.media .media-body{width: 80%;}
.newslist h2,
.newslist p{word-break:break-all;}

/* 鏂伴椈 */
.shownews .content{line-height: 1.5;font-size: 16px;}
.shownews .content p{margin-bottom: 10px;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:var(--first_color)}
.showproduct .img-thumbnail-variant-2{width:100%}

.subnavlist .swiper-subnav .dropdown-item.active, 
.swiper-subnav .dropdown-item:active{color:var(--first_color);}