:root{
  /* --first_color:#66ccff; */
}
.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: 1230px;}
@media (min-width: 1600px){
  .container{width: 1230px;}
} */
.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: 12px;font-family: "Microsoft YaHei";color: #666;}
.nav_top_right{text-align: right;}
/*顶部*/
.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) {  }

@media (min-width: 1200px){
  .header1 .rd-navbar-static .rd-navbar-nav{margin: 0;display: flex;white-space: nowrap;}
  .header1 .rd-navbar-static .rd-navbar-inner{padding: 0;}
  .header1 .rd-navbar-static .rd-navbar-nav > li{line-height: 62px;height: 62px;margin-top: unset;}
  .header1 .rd-navbar-static .rd-navbar-nav > li:last-of-type{padding-right: unset;}
  .header1 .rd-navbar .rd-navbar-nav > li > a{line-height: 62px;position: relative;color: #444;}
  .header1 .rd-navbar .rd-navbar-nav > li > a::after{content: "";width: 0;height: 2px;background: #1364a0;bottom: 0;left: 0;position: absolute;transition: all ease 0.5s;}
  .header1 .rd-navbar .rd-navbar-nav > li.active > a::after{width:100%}
  .header1 .rd-navbar-static .rd-navbar-nav > li.active{}
  .header1 .rd-navbar-sidebar .rd-navbar-nav > li.active > a:hover,
  .header1 .rd-navbar-static .rd-navbar-nav > li.active > a:hover,
  .header1 .rd-navbar-static .rd-navbar-nav > li.focus.active > a,
  .header1 .rd-navbar-static .rd-navbar-nav > li.active > a{color: #444;}
  .header1 .rd-navbar-static .rd-navbar-dropdown > li.active > a, 
  .header1 .rd-navbar-static .rd-navbar-dropdown > li.active > a:focus, 
  .header1 .rd-navbar-static .rd-navbar-dropdown > li.active > a:active,
  .header1 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, 
  .header1 .rd-navbar-static .rd-navbar-dropdown > li > a:hover,
  .header1 .rd-navbar-static .rd-navbar-nav > li > a:hover,
  .header1 .rd-navbar-sidebar .rd-navbar-nav > li > a:hover,
  .header1 .rd-navbar-static .rd-navbar-nav > li.focus > a,
  .header1 .rd-navbar-static .rd-navbar-nav > li.opened > a, 
  .header1 .rd-navbar-static .rd-navbar-dropdown > li.opened > a,
  .header1 .rd-navbar-static .rd-navbar-dropdown > li.opened > a ~ .rd-navbar-submenu-toggle,
  .header1 .rd-navbar-sidebar .rd-navbar-nav > li.opened > a{color: #444;}
  .header1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, 
  .header1 .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu{margin-top: unset;}
  .header1 .rd-navbar-dropdown .rd-dropdown-item{line-height: 1;}
  .header1 .rd-navbar-fullwidth .rd-navbar-dropdown, 
  .header1 .rd-navbar-static .rd-navbar-dropdown{padding: 10px;}
  .header1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, 
  .header1 .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle{display: none;}
  .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .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: 56px;}
  .header1 .rd-navbar-fixed .rd-navbar-nav li:hover > a, 
  .header1 .rd-navbar-fixed .rd-navbar-nav li.focus > a, 
  .header1 .rd-navbar-fixed .rd-navbar-nav li.active > a, 
  .header1 .rd-navbar-fixed .rd-navbar-nav li.opened > a{background: var(--first_color);}
  .header1 .rd-navbar-fixed .rd-navbar-brand img{height: 50px;}
}
/* header1 */
/*首页MAIN栏目*/
.index_main{ width:100%; height:auto; margin:0 auto; margin-top:42px; display:block; overflow:hidden; text-align:center;}
.main_1148{ position:relative; z-index:1; width:1148px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}

.index_news{ position:relative; z-index:2; width:31.5%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left}
.news_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_top>.img{ width:40px; height:auto; margin:auto; display:block; overflow:hidden; text-align:center; float:left}
.news_top>.img>img{ width:100%; height:auto; margin:auto; display:block; overflow:hidden; text-align:center;}
.news_top>.all{ width:55%; height:auto; margin:0 auto; margin-left:3%; display:block; overflow:hidden; text-align:left; float:left}
.news_top>.all>.tit{ font-size:18px; line-height:24px; color:#444;}
.news_top>.all>.text{ font-size:12px; line-height:20px; color:#666; text-transform:uppercase;}
.news_top>.more{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; float:left}
.news_top>.more>a{ font-size:14px; line-height:45px; color:#888; text-transform:uppercase;}
.index_news>.line{ width:100%; height:1px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#dddddd;}
.index_news>.line>span{ width:132px; height:1px; margin:0 auto; background:#545a83; float:left}
.news_main{ width:100%; height:auto; margin:0 auto; margin-top:13px; display:block; overflow:hidden; text-align:center;}
.news_main>.img{ width:46.15%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;}
.news_main>.img>a{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_main>.img>a>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}

.news_main>.news-1{ width:50%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;}
.news_main>.news-1>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.news_main>.news-1>ul>li{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_main>.news-1>ul>li>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.news_main>.news-1>ul>li>.title>a{ font-size:16px; line-height:24px; color:#444;}
.news_main>.news-1>ul>li>.content{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:20px; color:#666;}
.news_main>.news-1>ul>li>.content>p{ margin:0px;}

.news_bot{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_bot>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.news_bot>ul>li{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; border-bottom: dashed 1px #d2d2d2;}
.news_bot>ul>li>.title{ width:75%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; float:left;}
.news_bot>ul>li>.title a{ font-size:14px; line-height:30px; color:#444444;}
.news_bot>ul>li>.time{ width:25%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; font-size:12px; line-height:30px; color:#666;}


.index_about{ position:relative; z-index:3; width:40%; height:auto; margin:0 auto; margin-left:2.5%; margin-right:2.5%; display:block; overflow:hidden; text-align:center; float:left}
.about_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.about_top>.img{ width:40px; height:auto; margin:auto; display:block; overflow:hidden; text-align:center; float:left}
.about_top>.img>img{ width:100%; height:auto; margin:auto; display:block; overflow:hidden; text-align:center;}
.about_top>.all{ width:57%; height:auto; margin:0 auto; margin-left:3%; display:block; overflow:hidden; text-align:left; float:left}
.about_top>.all>.tit{ font-size:18px; line-height:24px; color:#444;}
.about_top>.all>.text{ font-size:12px; line-height:20px; color:#666; text-transform:uppercase;}
.about_top>.more{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; float:left}
.about_top>.more>a{ font-size:14px; line-height:45px; color:#888; text-transform:uppercase;}
.index_about>.line{ width:100%; height:1px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#dddddd;}
.index_about>.line>span{ width:132px; height:1px; margin:0 auto; background:#545a83; float:left}

.about_main{ width:100%; height:auto; margin:0 auto; margin-top:12px; margin-bottom:9px; display:block; overflow:hidden; text-align:left;}
.about_main>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:24px; color:#1364a0; font-weight:bold;}

.about_bot{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.about_bot>.img{ width:36.5%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;}
.about_bot>.img>a{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.about_bot>.img>a>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.about_bot>.about_cs{ width:60%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; float:right;}
.about_bot>.about_cs>.cs{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.about_bot>.about_cs>.cs>p{ margin:0px; font-size:14px; line-height:22px; color:#444;}



.index_contact{position:relative; z-index:2; width:23.5%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left}
.contact_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.contact_top>.img{ width:40px; height:auto; margin:auto; display:block; overflow:hidden; text-align:center; float:left}
.contact_top>.img>img{ width:100%; height:auto; margin:auto; display:block; overflow:hidden; text-align:center;}
.contact_top>.all{ width:52%; height:auto; margin:0 auto; margin-left:3%; display:block; overflow:hidden; text-align:left; float:left}
.contact_top>.all>.tit{ font-size:18px; line-height:24px; color:#444;}
.contact_top>.all>.text{ font-size:12px; line-height:20px; color:#666; text-transform:uppercase;}
.contact_top>.more{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; float:left}
.contact_top>.more>a{ font-size:14px; line-height:45px; color:#888; text-transform:uppercase;}
.index_contact>.line{ width:100%; height:1px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#dddddd;}
.index_contact>.line>span{ width:132px; height:1px; margin:0 auto; background:#545a83; float:left}

.contact_main{ width:100%; height:auto; margin:0 auto; margin-top:12px; margin-bottom:10px; display:block; overflow:hidden; text-align:center;}
.contact_main>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}

.contact_bottom{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.contact_bottom>p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:22px; color:#444;}


.index_main2{ display:none}


@media (max-width:1199px) and (min-width:768px){
	.main_1148{ width:100%;}
	.index_about{ display:none;}
	
	.index_news{ width:47.5%; margin-right:2.5%;}
	.index_contact{width:47.5%; margin-left:2.5%;}
	.about_bot>.about_cs>.cs>p{ line-height:36px;}
	

	.index_about_2>.line{ width:100%; height:1px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#dddddd;}
    .index_about_2>.line>span{ width:132px; height:1px; margin:0 auto; background:#545a83; float:left}
	
	.index_main2{ display:block;margin-top:42px;}
	
	}


@media (max-width:767px) {
	.main_1148{ width:100%;}
	.index_news{ width:100%;}
	.index_about{ width:100%; margin:0px; margin-top:10%;}
	.index_contact{ width:100%; margin-top:10%;}
	
	.news_top>.img{ width:10%;}
	.about_top>.img{ width:10%;}
	.contact_top>.img{ width:10%;}
	}




/*首页案例栏目*/

.index_product{ width:100%; height:auto; margin:0 auto;margin-top:42px; margin-bottom:48px; display:block; overflow:hidden; text-align:center;}
.product_1148{ width:1148px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}

.product_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_top>.img{ width:40px; height:auto; margin:auto; display:block; overflow:hidden; text-align:center; float:left}
.product_top>.img>img{ width:100%; height:auto; margin:auto; display:block; overflow:hidden; text-align:center;}
.product_top>.all{ width:57%; height:auto; margin:0 auto; margin-left:3%; display:block; overflow:hidden; text-align:left; float:left}
.product_top>.all>.tit{ font-size:18px; line-height:24px; color:#444;}
.product_top>.all>.text{ font-size:12px; line-height:20px; color:#666; text-transform:uppercase;}
.product_top>.more{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; float:right;}
.product_top>.more>a{ font-size:14px; line-height:45px; color:#888; text-transform:uppercase;}
.product_1148>.line{ width:100%; height:1px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#dddddd;}
.product_1148>.line>span{ width:132px; height:1px; margin:0 auto; background:#545a83; float:left;}

.product_bot{ width:100%; height:auto; margin:0 auto; margin-top:12px; display:block; overflow:hidden; text-align:center;}
.product_bot .swiper-product-list>.swiper-product-text{ width:100%; height:33px;; margin:0 auto; display:block; overflow:hidden; background:url(../images/title_b.jpg) no-repeat 100% 100%; background-size:100% 100%;}
.product_bot .swiper-product-list:hover>.swiper-product-text{ background:url(../images/title_h.jpg) no-repeat center center; background-size:100% 100%; }
.product_bot .swiper-product-list:hover>.swiper-product-text a{color:#fff;}
.product_bot .swiper-product-text>a{width: 100%;height: auto;margin: auto;display: block;overflow: hidden;text-align: center;font-size: 14px;line-height: 33px;color: #444;}

@media (max-width:1199px) and (min-width:768px){
    .product_1148{ width:100%}
	}

@media (max-width:767px) {
    .product_1148{ width:100%}
	.product_top>.img{ width:10%;}
	}



/*首页底部样式*/
.Foot_bg{ width:100%; height:auto; margin:0 auto; padding-top:50px; padding-bottom:30px; display:block; overflow:hidden; text-align:center; background:#e1e1e1;} 
.Foot_1148{ width:1148px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.Foot_left{ width:85%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;}
.Foot_left>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.Foot_left>ul>li.sok{ width:20%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; float:left; }
.Foot_left>ul>li.sok>a{font-size:16px; line-height:36px; color:#444444;}
.Foot_left>ul>li.sok>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.Foot_left>ul>li.sok>ul>li.sol{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; }
.Foot_left>ul>li.sok>ul>li.sol>a{ font-size:14px; line-height:26px; color:#888;border-bottom: dashed 1px #888888;}

.Foot_right{ width:15%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;}
.Foot_right>.ewm{ width:90%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;}
.Foot_right>.ewm>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}




@media (max-width:1200px) and (min-width:768px){
	.Foot_1148{ width:100%;}
	}

@media (max-width:767px){
	.Foot_1148{ width:100%;}
	.Foot_left{ width:100%; display:none}
	.Foot_main{ width:100%;}
	.Foot_right{ width:100%;}
	.Foot_right>.ewm{ width:50%; float:none;}
	}





/*首页新闻区块*/
.ep-index-news{margin:50px 0}
.ep-index-news .head h2{ font-weight:bold; color:#197fcb;}
.ep-index-news .head span{ height:1px; width:80px; text-align:center; display:block; margin:0 auto; background:#cacaca;}
.ep-index-news .head p{ color:#cacaca;}
.ep-index-news .list-group{border-radius:5px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.15);box-shadow:0 1px 10px rgba(0,0,0,.15);padding:20px 15px}
.ep-index-news .list-group-item{background: none;padding-left:0;padding-right:0;border:none}
.ep-index-news .list-group-item.active{background:transparent;border-bottom:1px solid #e4e4e4}
.ep-index-news .list-group-item.active h4{font-size:20px;color:#197fcb}
.ep-index-news .list-group-item.active a{font-size:12px;color:#666}
.ep-index-news .list-group-item.active a:hover{color:$first_color$}
.ep-index-news .list-group-item.news-li a{font-size:14px;width:74%;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#444;text-decoration:none;float:left}
.ep-index-news .list-group-item.news-li span{font-size:14px;color:#888;float:right}
.ep-index-news .list-group-item.news-li a:hover{color:$first_color$}
@media (max-width:1600px){
  .ep-index-news .list-group-item.news-li a{width:62%}
}
@media (max-width:768px){
  .ep-index-news .list-group-item.news-li a{width:57%;margin-left:10px}
}
@media (max-width:480px){
  .ep-index-news .list-group-item.news-li a{width:74%;margin-left:10px}
}
.ep-foot-info .foot-nav a{color:#333}
.ep-foot-info .foot-nav a:hover{color:$first_color$}


/* 底部 */

footer{}


.foot_copyright{padding: 0.5rem 0;background:url(../images/bottom_bf.png) repeat-y left center; background-color:#1364a0;}
.foot_copyright , .foot_copyright a , .foot_copyright p{
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: #fff;
  text-align: center;
  /* background-color: var(--first_color)!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;}
}
@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 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);}
.showproduct .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);}
.newslist ul li h4 a{display: block;}
@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;}

/* job */
.joblist ul li{margin-bottom: 30px;padding-bottom: 30px;}
.joblist ul li:before{border-color: var(--first_color);}

/* 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;}

/* 产品 新闻推荐 */
.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;}
@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%;}
h2,p{word-break:break-all;}


.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%}