@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #06f; }

*{margin: 0;padding: 0;list-style: none;transition: all .5s ease;-webkit-transition: all .5s ease;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;font-weight: 400;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}
.container-fluid{max-width: 1400px;}

h1,h2,h3,h4,h5,h6{font-weight: 400;}

header .phead .logo{position: relative;margin: 15px 0;display: inline-block;}
header .phead .logo img{max-height: 59px;}
header .phead .lang{display: flex;justify-content: end;}
header .phead .lang a{padding: 6px 18px;}
header .phead nav *{transition: unset;}
header .phead nav .nav{margin-top: 6px;}
header .phead nav .nav-link{font-size: 18px;text-transform: uppercase;color: #333;font-weight: 600;}
header .phead nav .nav-item a:hover{background: #f0f0f0;border-radius: 6px;}
header .phead nav .nav-item:hover a{background: #f0f0f0;border-top-left-radius: 6px;border-top-right-radius: 6px;}
header .phead nav .dropdown-menu{background: #f0f0f0;margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 0;}
header .phead nav .dropdown-menu .dropdown-item {padding: 0;}
header .phead nav .dropdown-menu .dropdown-item a{background: unset;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;}
header .phead nav .dropdown-menu .dropdown-item a:hover{color: #333;}

header .mhead, header .m-nav{display: none;}
header .phead.smaller{background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);}
header .phead.smaller .logo{margin: 5px 0;}
header .phead.smaller .logo img{max-height: 44px;}
header .phead.smaller .logo img:last-child{opacity: 100;}
header .phead.smaller .nav {margin: 4px 0 0;}
header .phead.smaller .nav-item a{color:#333;}
header .phead.smaller .hotline{margin: 6px auto;border-color: rgba(0,0,0,.2);}
header .phead.smaller .hotline h2,header .phead.smaller .hotline h5{color: #333;}
header .phead.smaller .hotline i{color: #333;border-color: rgba(0,0,0,.7);}
header .phead.smaller .submenu{top: 44px;}

[class*="home-"]{margin-bottom: 80px;}
[class*="home-"] .title h2{text-transform: uppercase;font-size: 36px;text-align: center;}
[class*="home-"] .title h5{text-transform: capitalize;font-size: 14px;text-align: center;color: #999;}
.home-slide .swiper-slide img{width: 100%;object-fit: cover;}

.home-products .head{padding: 0 5%;display: flex;justify-content: space-around;margin: 24px 0;}
.home-products .head li{width: 30%;}
.home-products .head li a{padding: 6px;font-size: 18px;display: block;text-align: center;}
.home-products .head li a.active,.home-products .head li a:hover{background: #e17125;color: #fff;}
.home-products .body .col-6:last-of-type{display: none;}
.home-products .body .item{margin: 24px;position: relative;}
.home-products .body .item img{width: 100%;height: 100%;object-fit: cover;}
.home-products .body .item .text{position: absolute;width: 100%;height: 100%;top: 0;background: rgba(0,0,0,.6);display: flex;flex-wrap: wrap;align-content: center;opacity: 0;}
.home-products .body .item:hover .text{opacity: 1;}
.home-products .body .item .text p{width: 100%;margin-bottom: 0;text-align: center;color: #fff;}

.home-about .title{margin-bottom: 24px;}
.home-about .text{margin-left: 30px;}
.home-about .text h2{font-size: 36px;margin-bottom: 24px;}
.home-about .text p{font-size: 16px;line-height: 2;text-align: justify;}

.home-feature{background: url(../img/home_feature_bg.jpg) center center no-repeat;height: 244px;display: flex;align-items: center;}
.home-feature .item{color: #fff;text-align: center;font-size: 16px;}
.home-feature .item img{margin-bottom: 6px;}
.home-feature .item p{margin-bottom: 0;font-weight: 400;display: inline-block;}


.home-solution .title{margin-bottom: 24px;}
.home-solution .item{display: block;}
.home-solution .item p{text-transform: uppercase;text-align: center;height: 36px;line-height: 36px;}
.home-solution .item .thumb{overflow: hidden;}
.home-solution .item .thumb img{width:100%;height: 100%;object-fit: cover;}
.home-solution .item:hover{box-shadow: 0 6px 12px rgba(0,0,0,.2);transform: translateY(-6px);}
.home-solution .item:hover p{background: #e17125;color: #fff;}
.home-solution .item:hover .thumb img{transform: scale(1.1);}

.home-work .title{margin-bottom: 24px;}
.home-work .item{margin:12px 6px;overflow: hidden;padding: 12px;border: 1px solid #eee;border-radius: 6px;}
.home-work .item:hover{background: #eee;transform: translateY(-6px);}
.home-work .item .icon{width: 20%;text-align: center;float: left;}
.home-work .item .text{width: 80%;float: right;font-size: 16px;color: #999;}
.home-work .item .text h3{font-size: 20px;color: #333;}

footer{background: #efefef;padding-top: 30px;color: #666;}
footer .pfoot .logo{width: 300px;margin-bottom: 12px;}
footer .pfoot p{margin-bottom: 0;line-height: 2;}
footer .pfoot .fnavi{padding: 0;}
footer .pfoot .fnavi li{line-height: 2.6;}
footer .pfoot .fnavi li i::before{font-size: 10px;margin-right: 6px;}
footer .pfoot .fnavi li a{text-transform: uppercase;}
footer .copy{background: #2c6d6d;color: #fff;text-align: center;line-height: 3;font-size: 12px;margin-top: 24px;}
footer .mfoot{display: none;}

.sub-slide{background:url(../img/sub_slide_bg.png) 30% 0 no-repeat, linear-gradient(90deg,#2c6d6d 55%, #e17125) ;height: 100px;}
.sub-slide h2{display: none;}
main{margin: 48px 0;}
main .position{padding: 6px 0;border-bottom: 1px dotted #ccc;margin-bottom: 24px;}
main .position a{text-transform: capitalize;color: #999;}
main .position a::after{content: '/';color: #eee;padding: 0 6px;}
main .position a:last-of-type::after{content: none;}
main .subcatalog{display: none;}
main .content{line-height: 3;}
main .content h1{text-transform: capitalize;}
main .content .thumb{margin-bottom: 24px;}
main .content .thumb img{width: 100%;height: 100%;object-fit: cover;}
main .content .text table tr{border-bottom:1px solid #eee!important;}
main .contactbg{background: url(../img/contactbg.jpg) 100% 0 no-repeat;}
main .contactbg p{margin-bottom: 6px;line-height: 2;}

main .content-list{}
main .content-list blockquote.empty{background: url(../img/emptybg.png) 50% 50% no-repeat;height: 200px;color: #999;text-align: center;padding-top: 200px;}
main .content-list .list-item{margin-bottom: 12px;padding: 6px;}
main .content-list .list-item .thumb{overflow: hidden;}
main .content-list .list-item .thumb img{width: 100%;height:100%;object-fit: cover;}
main .content-list .list-item .text{height: 140px;padding: 6px;text-align: center;}
main .content-list .list-item .text p{margin-bottom: 0;line-height: 1.6;font-size: 12px;}
main .content-list .list-item:hover{background: #eee;transform: translateY(-6px);}
main .content-list .erun_table{display: flex;justify-content: center;flex-wrap: wrap;}
main .content-list .erun_table p{width: 100%;}
main .content-list .erun_table table{border: 1px solid #e17125;width: 100%!important;}
main .content-list .erun_table table tr:hover{transform: scale(1.05);}
main .content-list .erun_table table tr:first-child:hover{transform: scale(1);}
main .content-list .erun_table table tr:nth-child(odd){background: #e17125;color: #fff;}
main .content-list .erun_table table tr{background: #eee;}
main .content-list .erun_table table tr:first-child{font-weight: 600;position: sticky;top:0px;}
main .content-list .erun_table table tr td{text-align: center;width: auto!important;border-right: 1px solid #e17125;padding: 6px;}
main .content-show{line-height: 2;min-height: 400px;}
main .content-show h1{font-size: 24px;}
main .content-show h6 span{padding: 1px 6px;color: rgba(255,255,255,.8);background: #999;margin-right: 3px;border-radius: 6px;font-size: 12px;}

main .article-list{}
main .article-list blockquote.empty{background: url(../img/emptybg.png) 50% 50% no-repeat;height: 200px;color: #999;text-align: center;padding-top: 200px;}
main .article-list .list-item{padding: 12px;border-bottom: 1px dotted #ccc;margin-bottom: 12px;}
main .article-list .list-item:hover{box-shadow: 0 6px 6px rgba(0,0,0,.2);transform: translateY(-6px);}
main .article-list .list-item h2{font-size: 24px;}
main .article-list .list-item h6 span{font-size: 12px;color: rgba(255,255,255,.8);background: #999;padding: 1px 6px;border-radius: 6px;margin-right: 3px;}
main .article-list .list-item p{display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;line-height: 2;color: #999;}

main .pagenavi{padding: 0;}
main .pagenavi li{margin-bottom: 1px;}
main .pagenavi li a{background: #eee;display: block;padding: 3px 6px;}
main .pagenavi li a:hover{background: #2c6d6d;color: #fff;}

main .pager .pagination{justify-content: center;}
main .pager .pagination li{border: 1px solid #ccc;color: #999;margin-right: 1px;}
main .pager .pagination li span,main .pager .pagination li a{padding: 6px 12px;display: block;}

aside{margin-right: 54px;top: 12px!important;}
aside ul{padding: 0;margin: 0;}
aside li{margin-bottom: 1px;background: #eee;padding: 0 12px;line-height: 2;}
aside h2{background: #e17125;padding: 12px;margin-bottom: 2px;font-size: 30px;color: #fff;text-transform: capitalize;}
aside .contactcard{padding: 12px;background: #2c6d6d;color: #fff;line-height: 2;font-size: 12px;}
aside .contactcard h3{text-transform: capitalize;font-size: 24px;border-bottom: 1px solid rgba(255,255,255,.2);line-height: 2;}

@media (max-width:1024px) {
  .phead{display: none;}
  header .mhead{display: block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .mhead .m-head-logo{float: left;display: flex;width: 75%;padding:5px;}
  header .mhead .m-head-logo img{height: 40px}
  header .mhead .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  header .mhead .m-head-menu .menu-open i{font-size: 40px;line-height: 1.2;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
  header .m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close i{font-size: 30px;}
  header .m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  header .m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
  header .m-nav .m-navList ul li{border-bottom:1px solid #232530}
  header .m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;text-transform: capitalize;}
  header .m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a{flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  header .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img{width: 100%;}
  
  [class*="home-"]{margin-bottom: 40px;}
  .home-slide,.sub-slide{margin-top: 60px;}
  .home-products .head{padding: 0;}
  .home-products .head li{width: 33%;}
  .home-about img{width: 100%;}
  .home-about .text{margin-left: 18px;}
  .home-about .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
  footer{background: none;padding: 0 0 80px 0;}
  footer .copy{text-align: center;color: #999;background: none;}
  footer .pfoot{display: none;}
  footer .mfoot{display: block;position: fixed;bottom: 0;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,.2);background: #fff;padding: 6px;}
  footer .mfoot a{display: flex;flex-wrap: wrap;justify-content: center;line-height: 1.2;text-transform: uppercase;font-size: 10px;}
  footer .mfoot a i{width: 100%;font-size: 30px;text-align: center;color: #666;}
  .sub-slide{display: flex;align-items: center;justify-content: center;}
  .sub-slide h2{display: block;text-align: center;text-transform: capitalize;color: rgba(255,255,255,.6);font-size: 24px;}
  main .contactbg{background-size: 100% auto;}
  main .contactbg p{background: rgba(255,255,255,.4);}
  main .subcatalog{padding: 0;display: block;}
  main .subcatalog li a{padding: 6px;display: block;background: #eee;margin-bottom: 1px;}
  main .position a{font-size: 10px;}
  main .content .text{overflow-x: auto;}
  
}
@media (max-width:768px) {
  .home-products .head{padding: 0;flex-wrap: wrap;}
  .home-products .head li{width: 100%;}
  .home-feature .item>p{font-size: 12px;}
  .home-about .text{margin-left: 0;}
  .home-solution .item p{font-size: 10px;}
  .home-products .body .col-6:last-of-type{display: block;}
  .home-products .body .item{margin: 24px 0;}
  main .content-list .erun_table{overflow-x: auto;justify-content: unset;}
  main .content-list .erun_table table{width: auto!important;}
}