: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;background: var(--first_color);}
.nav_top_text1{font-size: 12px;font-family: "Microsoft YaHei";color: #fff;}
.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: 110px;height: 110px;margin-top: unset;padding: 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: 110px;position: relative;font-size: 16px;color: #666;padding: 0 15px;}
  .header1 .rd-navbar .rd-navbar-nav > li > a::after{content: "";width: 1px;height: 16px;background: rgb(204,204,204);bottom: 47px;right: 0;position: absolute;transition: all ease 0.5s;}
  .header1 .rd-navbar .rd-navbar-nav > li:last-of-type > a::after{display: none;}
  .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: var(--first_color);}
  .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: var(--first_color);}
  .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{height: 48px;}
  .header1 .rd-navbar-fixed .rd-navbar-brand img{height: auto;max-height: 100%;max-width: 100%;}
  .header1 .rd-navbar-fixed .rd-navbar-brand a{display: block;height: 100%;}
}
/* header1 */


/*搜索*/
.index_search{box-shadow: 0 2px 20px -6px #888;position: relative;}
.index_search_text{}
.index_search_text span{font-size: 14px;color: #333;}
.index_search_text a{font-size: 14px;color: #333;}
.index_search_form{margin: 5px 0; border: 1px solid #e5e5e5;max-width: 100%;}
.index_search_form .form-group{margin-bottom: unset;}
.index_search_input{
  border-radius: unset;
  border: unset;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  height: 32px;
  padding: 0 .929rem!important;
}
.index_search_input::-webkit-input-placeholder{color: #999;}
.index_search_input::-moz-placeholder{color: #999;}
.index_search_input:-ms-input-placeholder{color: #999;}

.index_search_btn{
  border-radius: unset!important;
  font-size: 14px;
  color: #fff;
  height: 32px;
  padding: 0 .929rem!important;
  background-color: #fff;
}
.index_search_i{
  margin: auto;
}

@media (max-width: 767px){
  .index_search_form{width: 100%}
}
@media (min-width: 768px){
  .input-group-btn .index_search_btn{}
}
/*搜索*/

.m-t-60{margin-top: 60px;}
.l-h-1{line-height: 1;}
.d-f{display: flex;}
.f-d-c{flex-direction: column;}
.j-c-c{justify-content: center;}
.a-i-c{align-items: center;}
.m-l-a{margin-left: auto;}
.t-o-e{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.font-size-16{font-size: 16px;}
@media screen and (max-width: 767px){
  .xs-f-d-c{flex-direction: column;}
  .m-l-a{margin-right: auto;}
}
/* 首页产品 */
.product-bg{margin-top: 60px;}
.product-bg .index-column-title{}
.product{display: flex; overflow: hidden;}

.product .left{width: 20.0334%;/*240*/ margin: 0 2.43902439% 0 0;/*0 28 0 0*/ padding: 0;}
#thumbsbox{border: .285714rem solid var(--first_color); border-top: 0; text-align: center; background-color: #fff;}
#thumbsbox .product-title{height: 5.857143rem; background-color: var(--first_color);}
#thumbsbox .product-title img{width: 100%;}

#thumbs{padding: 0;}
#thumbsbox .column{display: flex; box-sizing: border-box; padding: 0 7.25191%; height: 3.285714rem; font-size: 16px; color: #444; cursor: pointer;}
#thumbsbox .column > div{display: flex; align-items: center; width: 100%;}
#thumbsbox .column > div span{width: 100%; text-align: center;}
/* #thumbs .swiper-wrapper .column.swiper-slide-thumb-active{background-color: var(--first_color);} */
#thumbsbox .swiper-wrapper .column:hover{color: var(--first_color);}

.p-orther{height: 4.285714rem; background-color: var(--first_color); color: #fff;display: flex;justify-content: center;align-items: center;}
.p-orther > div:nth-child(1) img{margin-right: .357143rem;}
.p-orther .p-phone > span:nth-child(1){margin-bottom: .214286rem; font-size: 20px; font-weight: bold;}
.p-orther .p-phone > span:nth-child(2){font-size: 16px;}
.p-orther .p-phone > span:nth-child(2) span{font-size: 12px;}

.product .right{flex: 1; overflow: hidden; background-color: #fff;}
#gallery{margin: 0; background-color: #fff;}
#product .content-title{display: flex; align-items: flex-end; margin-bottom: 1.214286rem; padding-bottom: .571429rem; height: 2.857143rem; border-bottom: .071429rem solid #ccc; font-size: 28px; color: var(--first_color);}
#product .content-title a{margin-left: auto; font-size: 14px; font-weight: normal; color: #666;}
#product .content-title a:hover{color: var(--first_color);}

#gallery > div > .swiper-slide{padding: 0 .071429rem;}
#gallery > div > .swiper-slide:nth-child(1){}
#gallery .product-list{width: 13.928571rem;}
#gallery .product-list a{display: block;}
#gallery .product-list .product-img{position: relative; box-sizing: border-box; border: .071429rem solid #ccc;display: block;}
#gallery .product-list .product-img::before{content: ''; display: block; padding-top: $p_height$%;/*改成图片高除以宽的百分比*/}
#gallery .product-list .product-img img{ top: 0; left: 0; width: 100%; height: 100%;}
.product-list[data-swiper-row="1"]{margin-top: 1.428571rem!important;}

#gallery .product-list .product-name{padding: .428571rem 6% 0; line-height: 1; text-align: center; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #fff; color: #444;}
#gallery .product-list:hover .product-img{border-color: var(--first_color);}
#gallery .product-list:hover .product-name{color: var(--first_color);}

@media screen and (max-width: 1024px){
  #thumbsbox .product-title{height: auto;}
  .p-orther{height: auto; padding: 1.071429rem 0;}
  .p-orther .p-phone > span:nth-child(1){font-size: 16px;}
  .p-orther .p-phone > span:nth-child(2){font-size: 12px;}
}
@media screen and (max-width: 768px){
  .p-orther > div:nth-child(2) img{display: none;}
  #thumbsbox .product-title span:nth-child(1){font-size: 22px;}
  .p-orther > div:nth-child(1) img{width: 2.5rem;}
  .p-orther .p-phone > span:nth-child(1){font-size: 12px;}
}
@media screen and (max-width: 767px){
  .product{flex-direction: column;}
  .product .left{margin: 0; width: 100%;}
  #thumbsbox .product-title{height: 5.857143rem;}
  #thumbsbox .product-title img{width: auto; height: 100%;}
  .p-orther{display: none;}
  .product .right{flex: unset; width: 100%; margin-top: .714286rem;}
  #thumbs{padding: .357143rem;}
  #thumbsbox .column{padding: 0 4%; border-left: 0; border-right: 0;}
  #thumbsbox .column > div{display: block; padding: 0; line-height: 4.142857rem;}
  #thumbsbox .column img{display: none!important;}
  #thumbsbox .swiper-wrapper .column:last-child{border-bottom: 0;}
}



/* 首页关于我们 */
.aboutbg{background: url(../images/aboutbg.png) no-repeat center/auto 100%;}
.about{display: flex; background: linear-gradient(to bottom,#f8f8f8 0%,#f8f8f8 100%) no-repeat left center; background-size: 53.4% 86.842105%;}
.about .left{display: flex; position: relative; flex-direction: column; flex: 1; margin-right: 4.67446%; padding-left: 2.714286rem; padding-top: 4.285714rem;}
.about .left > span{line-height: 1;}
.about .left > span:nth-child(1){margin-bottom: 2.857143rem; font-size: 40px; font-weight: bold; color: #eeeeee;}
.about .left > span:nth-child(2){position: absolute; top: 23%; font-size: 30px; color: var(--first_color);}
.about .left > div{text-align: justify; line-height: 1.7; color: #333!important;}
.about .left > div p{margin: 0;}
.about .left > div > p:nth-child(2){margin-top: .428571rem;}
.about .left > a{padding-top: 1.428571rem; color: var(--first_color);}

.about .right{display: flex; align-items: center; width: 46.6%; opacity: 0;}
.about .right img{width: 100%;}
@media screen and (max-width: 768px){
  .aboutbg{background: none;}
  .about{flex-direction: column;}
  .about .left{flex: unset; width: 100%; margin-right: 0; padding-left: 0;}
  .about .right{display: flex; justify-content: center; margin-top: 1.428571rem; width: 100%; opacity: 1;}
}



/* 首页新闻 */
.index_news{margin-bottom: 60px;}
.news_top{text-align: center;margin-bottom: 30px;}
.news_top > p:nth-child(1){color: var(--first_color);font-size: 30px;}
.news_top > p:nth-child(2){padding: .357143rem 0 .571429rem; color: #333;font-size: 18px;}
.news_top > div{width: 2.857143rem; height: .142857rem; background-color: var(--first_color);margin: 0 auto;}

.news-item{width: 23.25%;} 
.news-item > div:nth-child(1){width: 2rem; height: .142857rem; background-color: #999;margin-bottom: 10px;}
.news-item > div:nth-child(2){padding-right: 10%; font-size: 16px; color: #333;}
.news-item > div:nth-child(3){color: #666;}
.news-item > img{width: 100%; padding: .714286rem 0;}
.news-item > div:nth-child(5){text-align: justify; font-size: 12px; color: #666;line-height: 1.5;}

.news-item:hover > div:nth-child(2){color: var(--first_color);}


/* 底部 */

footer{background: #f5f5f5;}
.foot_box{padding-top: 2rem;padding-bottom: 2rem; display: flex;flex-wrap: wrap;align-items: center;}

.foot_nav1{background: var(--first_color);}
.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: 40px;}

.foot-nav-wrap{height: 2.857143rem; padding: 0;}
.foot-nav{display: flex;}
.foot-nav h4{width: 100%; margin-bottom: 0; line-height: 1.7; text-align: center;}
.ep-footnav .list h4 a{width: 100%; color: #fff!important;}
.ep-footnav .list h4 a:hover{background-color: #2981de;}

.ep-footnav1{background-color: #f5f5f5; color: #333;line-height: 1.5;}
.ep-footnav1 a{color: #333;}
.ep-footnav1 .left{}
.ep-footnav1 .left > a img{margin-top: 2.5rem; margin-bottom: 1.857143rem; width: 82.764%;}
.contact img{width: 1.571429rem;}
.contact > div:nth-child(1){margin-right: 3.785714rem;}
.contact > div:nth-child(1) img{margin-left: .714286rem; margin-right: .428571rem;}
.contact > div:nth-child(2) img{margin-right: .285714rem;}

.ep-footnav1 .right{margin-top: 2.285714rem; margin-bottom: 2.214286rem; width: 14.3333%;}
.ep-footnav1 .right img{width: 100%;}
@media screen and (max-width: 768px){
  .ep-footnav1{padding-bottom: 2.214286rem;}
  .contact > div:nth-child(1){margin-right: 1.785714rem;}
}
@media screen and (max-width: 767px){
  .foot-nav{margin-bottom: 0;}
  .ep-footnav1{padding-bottom: 0;}
  .ep-footnav1 > div{flex-direction: column; align-items: center;}
  .ep-footnav1 .left > a img{width: 100%;}
  .contact > div:nth-child(1){margin-right: 0;}
  .contact > div:nth-child(1) img{margin-left: 0;}
  .ep-footnav1 .right{display: flex; justify-content: center; width: 100%;}
  .ep-footnav1 .right img{max-width: 100%; width: 12.285714rem;}
}


.foot_copyright{padding: 0.5rem 0;border-top: 1px solid #ccc;}
.foot_copyright , .foot_copyright a , .foot_copyright p{
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: #333;
  text-align: center;
  background-color: #f5f5f5!important;
  line-height: 1.5;
}

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

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1558591030663'); /* IE9 */
  src: url('iconfont.eot?t=1558591030663#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAV8AAsAAAAACoAAAAUuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXgqHMIYPATYCJAMcCxAABCAFhG0HfhsFCRGVpB2QfTFgNxfHgrIys/JV3unSH7XL579Cn8WhnHFQ2HKzXxtFgStVgq6eoIqTWFQ1pgqP0QhzxkIkbnjfhBIQCIlA6rn98F76klxNpLYHO5h4I7/WwZs7leGOyBLfvtXXb3xBAgmwgYUt2dX5paJJUb3csWe7zEDZ4eGve01TxwNWn63FZX9aa5ROmY+hYCZUgQLU6xVsVShnB6A3jF1cxmUIEMFLG+Ls6h0M7NCgzRJAWemp8cAeM0GXsASj3TkbGZA+YIFB29HrAJzd39dHMAw7sODAQLvRNsUlCezfHGLGYHXbgyhsEOr6cwDMNtiACcABasl1HQHzUxMY3NJwBvwAyGBgwe7rusAUYMoxdZgx29vEq7VGwaMn4UBNVbyuf55YAasSyDwYPNhJsYngAAMINjACCBYwcgguMDoIAiZGza7S/ekZIAUSA1A3YE5UOoWHCCxYQlZiHBwCnJzi3ObcQpWb9ZopGx3qSWt1Jzq1UpPXrR+O3E2oDB/TIgOWjsM0iV+ipbjGSRealqs/qXovdP2I2CpluPOuqtiMJlIvSlEhBBE8BPCQFlk6XdqpkjieJPHg0AMXuDrFZhCaDulcr1vr2KjfDF6Bwoguv0rF6iU1POQWnVBkEFsWdVy+oXJ/qeLN4INDZyjT/deVD1Kys+fkQmcl8TrvQem3oRQzakl5aGRiUmxUbXWX5MRR5aXj4jAvP3WaIEwPUvW02eohifG1w1vW0nWV5UNSm7LIIk2TBvNE5rDE4MQUHDQdb9+DIoIJAk8eXu5cFUvdRVt+G8at8PKcZOtkC/vya47e2VInYveBQp0u1hgrZpavgGPfIwMRgTAdR9gdrLIlNGXZTzuCeH9EROHjHL+jbxVlxRrTZcvrxsXgZAhks1QOzNehtejgvG/IFkh+Epfbf/uVBRHJnCtdbcgYen0LawRPz3JnPaWsGjvWowqC3xbV0fKtedskkTKNUs2/Gv/eRvjbB2i2abT+UcRy9wxWo43o1iCaq2OI/UPn0lcSTCTDy13SRzJ4ceng2/ZF0sV7eQDF+QOapJuBT8j+bHU2i5PgXeIlU/hOTirmOXe6k1ZYflE2Mzcpb6CAV58F+ap7wJCXZzxAGBGWLHwABW5zh/4/C84t19grUzom/h2cM+JKUVRUqXFQ9kDkcrUdgowHypVwJg9dUHhpqXzNofjGD23DE8neThlYoCn/aTUc/q97I0lJiJeObYU3lYb3IXcjtT2XyrTK1T66+CV5J3P+ds5UafXUFNP0hDlPFTKhArSh9gW03o7/VZ+auZzY2J/+Ll2xgJmxTnX/WCfR+i9SdfT6D9f/2/Lj3t+jwH9o6ql8cWpqiz/NcI/xP9agmf3OIzHVcalE8G2eYsICkV4HH6SvEvvTNGqr+Po1jRAsvjbYAh2qw5yAKzYFT2AOkbF8e6ymMqW+wMgKQAobWDJfsBUeqsN8wdX0gacIhsguZwfGegm7bwGbhD3INYSOHDOsadcr/EaeTROiUpf9jyHKKHBd/WT2Cx2GPpbUhV83iYENZEGAm6ExBEUghV069ykNz1QvJe+ZzhXZ0a61ADUS1APSGgg6xGF282Q3df1viMuMRighlQT/oSCS/QOOYDWoXypXi3Quw2sFd62RMDzNCogFBHQgo6cIKPLHKaiTnPMtEoNnFNWydVXn42vsde4BItrf+lmpdI7snBnNg/lSea1oWE+9v8p6lCvpjqyretk4kZuKSWP2VrKhTqDjq7zfNyQax3u5EXI0AgAA') format('woff2'),
  url('iconfont.woff?t=1558591030663') format('woff'),
  url('iconfont.ttf?t=1558591030663') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1558591030663#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gohome:before {
  content: "\e62d";
}

.icon-qq:before {
  content: "\e611";
}

.icon-weixin:before {
  content: "\e600";
}

.icon-phone:before {
  content: "\e5b7";
}

.icon-xiaochengxu:before {
  content: "\e61f";
}

.icon-daohangdizhi:before {
  content: "\e65e";
}
/* 侧栏 */
.side{position: fixed; z-index: 5; right: 0; top: 15rem;/*210*/ align-items: flex-end; width: 3.357143rem; /*width: 11.357143rem;*/}
.side > div{margin-bottom: .785714rem; background-color: var(--first_color); color: #fff; transition: all .4s;}
.side > div{margin-right: -8rem;}
.side > div .iconfont{font-size: 2rem;}

.side .side-item1{position: relative;}
.side .side-item1 > .side-qrcode{display: none; position: absolute; box-sizing: border-box; right: 100%; top: 0; bottom: 0; margin: auto; padding: .428571rem;/*6*/ padding-right: .714286rem;/*10*/ width: 10.642857rem;/*149(145+(10-6)*/ height: 10.357143rem;/*145*/}
.side .side-item1 > .side-qrcode > div{box-sizing: border-box; padding: .357143rem; border: .357143rem solid var(--first_color); border-radius: 1.071429rem;}
.side .side-item1 > .side-qrcode > div img{width: 100%;}

.side > div > span{box-sizing: border-box; width: 3.357143rem; height: 3.5rem; border: .071429rem solid transparent;}
.side > div > .side-txt{width: 8rem; font-size: 13px; color: #fff; overflow: hidden;}

.side > div:hover > span{border-color: var(--first_color); background-color: #fff; color: var(--first_color);}
.side > div:hover{margin-right: 0;}
.side .side-item1:hover > .side-qrcode{display: block;}

.side a:not([href]):not([tabindex]){color: #fff;}

/* 内页 */
/* 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;}
.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%;}
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%}