@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: #222; }

*{margin: 0;padding: 0;list-style: none;transition: all .5s ease;-webkit-transition: all .5s ease;}
html,body{height: 100%;}
body{cursor: default;color: #555;font-size: 14px;font-family: Microsoft Yahei;background-size: contain;background: #f7f7f7;}
a{color: #555;text-decoration: none;}
a:hover{color: #555;}

header .pc-head{position: fixed;top: 0;width: 100%;z-index: 2000;padding: 6px 0;background: #fff;box-shadow: 0 0 18px rgba(0,0,0,.2);}
header .pc-head .container-fluid{padding: 0 2%;}
header .pc-head .logo{position: relative;margin: 6px 0;display: flex;align-items: center;}
header .pc-head .logo h3{font-weight: bold;margin: 0;}
header .pc-head .logo img{margin-right: 6px;height: 51px;}
header nav *{transition: unset;}
header nav .nav-item a{color: #555;padding: 12px 18px;font-size: 16px;font-weight: 600;}

header nav .nav-item a:hover{bcolor: #fff;}
header nav .nav-item:hover a{background: rgba(0,51,255,.8);color:#fff;}
header nav .dropdown-menu{background: rgba(0,51,255,.8);color:#fff;margin: 0;border: 0;padding: 6px;border-radius: 0;}
header nav .dropdown-menu .dropdown-item {padding: 0px;position: relative;color:#fff;border: 0;}
header nav .dropdown-menu .dropdown-item a{padding: 6px 30px;display: block;font-size: 14px;font-weight: normal;border-radius: 0;background: unset;color: #fff;}
header nav .dropdown-menu .dropdown-item a:hover{}
header nav .dropdown-menu .dropdown-item:hover{background: transparent;}
header nav .dropdown-menu .dropdown-item:hover a{color: #fff;background: rgba(0,51,255,.8);}


header .pc-head .hotline{color: #555;border-left: 1px solid rgba(0,0,0,.2);padding-left: 18px;position: relative;}
header .pc-head .hotline:last-child{padding-left: 10px;border: 0;}
header .pc-head .hotline h2{font-size: 20px;font-weight: 400;margin: 0;}
header .pc-head .hotline h3{font-size: 18px;font-weight: 300;margin: 0;}
header .pc-head .hotline h5{font-size: 12px;font-weight: 100;margin: 0;opacity: .8;}
header .pc-head .hotline i{font-size: 24px;line-height: 1.5;border: 1px solid #555;border-radius: 20px;padding: 4px;}
header .pc-head:hover .hotline{border-color: rgba(0,0,0,.2);}
header .pc-head:hover .hotline h2,header .pc-head:hover .hotline h5{color: #555;}
header .pc-head:hover .hotline i{color: #555;border-color: rgba(0,0,0,.7);}

header .pc-head .hotline:nth-child(3) .show-wechat{background: #fff;position: absolute;right: 0;top: 100%;height: 0;overflow: hidden;box-shadow: 0 6px 18px rgba(0,0,0,.2);color: #555;width: 122px;}
header .pc-head .hotline:nth-child(3) .show-wechat img{width:calc(100% - 12px);margin: 6px;}
header .pc-head .hotline:nth-child(3):hover .show-wechat{width:122px;height: 122px;display: flex;flex-direction: column;flex-wrap: wrap;}

header .m-head, header .m-nav{display: none;}
header .pc-head.smaller{background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);}
header .pc-head.smaller .logo img{height: 30px;}
header .pc-head.smaller .logo h3{font-size: 20px;}

header .pc-head.smaller .nav-item a{color:#555;}
header .pc-head.smaller .nav-item:hover a{color: #fff;}
header .pc-head.smaller .hotline{margin: 6px auto;border-color: rgba(0,0,0,.2);}
header .pc-head.smaller .hotline h2,header .pc-head.smaller .hotline h5{color: #555;}
header .pc-head.smaller .hotline i{color: #555;border-color: rgba(0,0,0,.7);}
header .pc-head.smaller .submenu{top: 44px;}

[class*="home-"]{margin-bottom: 100px;}
.home-slide{margin-top: 75px;}
.home-slide .swiper-slide{overflow: hidden;height: 650px;}
.home-slide .swiper-slide img{object-fit: cover;width:100%;height: 100%;}

[class*="home-"] .head h5{font-size: 18px;text-transform: uppercase;font-weight: lighter;text-align: center;line-height: 1;margin-bottom: 24px;color: #999;}
[class*="home-"] .head h4{font-size: 30px;text-align: center;line-height: 1;}

.home-case .swiper{padding: 18px 12px;}
.home-case .swiper .swiper-slide{box-shadow: 0 0 12px rgba(0,0,0,.1);padding: 8px;}
.home-case .swiper .swiper-slide .thumb{height: 240px;overflow: hidden;}
.home-case .swiper .swiper-slide .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-case .swiper .swiper-slide h3{font-size: 16px;margin: 6px auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.home-case .swiper .swiper-slide:hover{transform: translateY(-6px);box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.home-case .swiper .swiper-slide:hover .thumb img{transform: scale(1.1);}
.home-case .swiper .swiper-slide:hover h3{color: #f30;}

.home-product a.item{display: flex;flex-direction: column; box-shadow: 0 0 6px rgba(0,0,0,.1);padding: 12px;background: #fff;}
.home-product a.item .thumb{height: 300px;overflow: hidden;}
.home-product a.item .thumb img{width: 100%;height: 100%;object-fit: contain;}
.home-product a.item h3{text-align: center;font-size: 16px;height: 32px;}
.home-product a.item:hover{transform: translateY(-6px);box-shadow: 0 6px 6px rgba(0,0,0,.1);}
.home-product a.item:hover .thumb img{transform: scale(1.1);}

.home-about{padding: 102px 0;background: #dbedf3 url(../img/aboutbg.jpg) 50% 50% no-repeat;background-size: cover;}
.home-about .head h4, .home-about .head h5{text-align: left;display: inline-flex;}
.home-about .text{line-height: 2;text-align: justify;font-size: 18px;display: -webkit-box;-webkit-line-clamp: 5;overflow: hidden;-webkit-box-orient: vertical;}
.home-about .text strong{font-weight: bold;font-size: 22px;}
.home-about a.btn{background: #f30;color: #fff;font-size: 14px;text-align: center;display: block;width: 30%;margin: 24px 0;}
.home-about .photo{overflow: hidden;box-shadow: -36px -24px 0 rgba(0,51,255,.8);}
.home-about .photo img{width:100%;height: 300px;object-fit: cover;}

.home-news .newsSwiper {padding: 12px;overflow: hidden;border: 1px solid #999;}
.home-news .newsSwiper .swiper-slide{position: relative;}
.home-news .newsSwiper .swiper-slide .thumb{height: 300px;}
.home-news .newsSwiper .swiper-slide .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-news .newsSwiper .swiper-slide h3{position: absolute;padding: 12px;bottom: 0;background: rgba(0,0,0,.8);margin: 0;width: 100%;color: rgba(255,255,255,.8);font-size: 16px;font-weight: lighter;}
.home-news ul{padding: 0;}
.home-news ul li a{display: flex;justify-content: space-between;padding: 24px 18px;box-shadow: 0 0 12px rgba(0,0,0,.1);margin-bottom: 24px;justify-content: space-between;}
.home-news ul li a:hover{transform: translateY(-6px);box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.home-news ul li a .text{width: calc(100% - 90px);}
.home-news ul li a .text h3{font-size: 18px;margin: 0;margin-bottom: 6px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home-news ul li a .text h6{font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0;}
.home-news ul li a span.date{font-size: 18px;display: flex;flex-direction: column;line-height: 1.4;border-right: 1px solid #eee;width: 70px;}
.home-news ul li a span small{font-size: 14px;color: #999;}

footer{background: #383735 url(../img/footerbg.jpg) 70% 30% no-repeat;padding-top: 36px;}
footer .logo_2{font-size: 28px;color: rgba(255,255,255,.8);font-weight: bold;line-height: 1.2;margin-bottom: 6px;}
footer .logo_2 small{font-size: 12px;color: rgba(255,255,255,.4);display: block;text-transform: uppercase;font-weight: lighter;}
footer .ewm{text-align: right;}
footer .ewm>img{margin-left: 6px;width: 100px;height: 100px;}
footer .contact{color: rgba(255,255,255,.6);}
footer .contact h5{font-size: 24px;}
footer .contact p{text-transform: uppercase;margin-bottom: 3px;}
footer p.copy{text-align: center;color: rgba(255,255,255,.4);border-top: 1px solid rgba(255,255,255,.1);text-transform: uppercase;}
footer p.copy a{color: rgba(255,255,255,.3);}

footer .copy{border-top: 1px solid rgba(255,255,255,.2);line-height: 3;color: rgba(255,255,255,.6);margin: 0;}
footer .copy a{color: rgba(255,255,255,.6);display: inline-block;}
footer .copy a:hover{color: rgba(255,255,255,1);}
footer .copy a img{max-height: 24px;padding-right: 6px;}
.m-nav-foot,.m-copy{display: none;}

/* 内页 */
.subslide{height: 260px;margin: 75px 0 0 0;background: url(../img/subg.jpg)50% 50% no-repeat;background-size: cover;}
.aside{top: 114px;transform: translateY(-36px);width: 80%;}
.aside dl{display: flex;flex-direction: column;box-shadow: 0 0 12px rgba(0,0,0,.1);background: #fff;}
.aside dt{padding: 24px 24px;background: url(../img/asidebg.jpg) 100% 50% no-repeat;color: #fff;font-size: 24px;font-weight: 500;margin-bottom: 3px;}
.aside dd{margin-bottom: 3px;padding: 0 24px;}
.aside dd a{display: block;border-bottom: 1px dotted #eee;padding: 18px 0;}
.aside dd a:hover, .aside dd a.active{color: #dc0817;}

.aside .contact{box-shadow: 0 0 12px rgba(0,0,0,.1);background: #fff;}
.aside .contact .head{padding: 12px 24px;background: url(../img/asidebg.jpg) 100% 50% no-repeat;color: #fff;font-size: 18px;font-weight: 500;}
.aside .contact .body{padding: 18px 24px;overflow: hidden;}
.aside .contact .body p{text-indent: -24px;transform: translateX(24px);width: calc(100% - 24px);margin-bottom: 6px;text-align: justify;}
.aside .contact .body p i{font-size: 18px; margin-right: 6px;}

.contents, .content-list, .content-plist{min-height: 500px;margin: 60px 0;font-size: 16px;line-height: 2;text-align: justify;}
.contents .content-head{font-size: 30px;border-bottom: 1px solid #ccc;margin-bottom: 24px;}
.content-list a.item{display: flex;justify-content: space-between;padding: 24px;box-shadow: 0 0 12px rgba(0,0,0,.1);background: #fff;margin-bottom: 18px;}
.content-list a.item .thumb{width: 35%;height: 140px;float: left;margin-right: 18px;}
.content-list a.item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.content-list a.item .text{width: 100%;}
.content-list a.item .text h2{font-size: 24px;margin-bottom: 12px;}
.content-list a.item .text small{color: #ccc;margin-bottom: 12px;display: block;}
.content-list a.item .text p{margin: 0;color: #999;line-height: 2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

.content-plist a.item{display: flex;flex-direction: column; box-shadow: 0 0 6px rgba(0,0,0,.1);padding: 12px;background: #fff;}
.content-plist a.item .thumb{height: 300px;overflow: hidden;}
.content-plist a.item .thumb img{width: 100%;height: 100%;object-fit: contain;}
.content-plist a.item h3{text-align: center;font-size: 16px;height: 32px;}
.content-plist a.item:hover{transform: translateY(-6px);box-shadow: 0 6px 6px rgba(0,0,0,.1);}
.content-plist a.item:hover .thumb img{transform: scale(1.1);}

.contents .entry-meta{background: #f1f1f1;padding: 18px;}
.contents .entry-meta ul{padding: 0;}


@media (max-width:1024px) {
  .pc-head{display: none;}
  header .m-head{display: flex;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 0 12px rgba(0, 0, 0, .2);justify-content: space-between;align-items: center;}
  header .m-head .m-head-logo{float: left;display: flex;align-items: center;padding: 6px;}
  header .m-head .m-head-logo img{height: 40px;margin-right: 6px;}
  header .m-head .m-head-logo h3{font-size: 24px;margin: 0;font-weight: bold;}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  header .m-head .m-head-menu .menu-open i{font-size: 36px;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}
  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{margin-top: 58px;}
  .home-slide .swiper-slide{height: 380px;}
  
  .home-product a.item .thumb{height: 240px;}
  
  footer{display: none;}
  .m-copy{display: block;padding-bottom: 80px;text-align: center;color: #999;font-size: 12px;text-transform: uppercase;}
  .m-nav-foot{display: block;position: fixed;bottom: 0;box-shadow: 0 -1px 12px rgba(0,0,0,.1);z-index: 999;background: #fff;padding: 6px 18px;}
  .m-nav-foot .item{font-size: 12px;text-align: center;}
  .m-nav-foot .item i{display: block;width: 100%;font-size: 24px;line-height: 1;}
  
  /* 内页 */
  .subslide{margin: 58px 0;}
  .contents .content-body img{max-width: 100%;}
  .contents .content-photoes .item .thumb{height: 240px;}
  
  .aside{padding: 24px 12px;}
}
@media (max-width:425px) {
  .home-slide .swiper-slide{height: 180px;}
  .home-product a.item .thumb{height: 160px;}
  .home-about{padding: 60px 0;}
  .home-about .photo{box-shadow: none;}
  .home-about a.btn{width: 100%;}
  
  .subslide{height: 150px;margin-bottom: 12px;}
  .aside{width: 100%;padding: 0;transform: none;}
  .aside dl{flex-direction: row;box-shadow: none;background: none;flex-wrap: wrap;justify-content: space-between;}
  .aside dl dt{display: none;}
  .aside dl dd{background: #fff;width: calc(50% - .5px);margin-bottom: 1px;}
  .aside dl dd a{border: none;text-align: center;font-size: 13px;}
  .aside .contact{display: none;}
  
  .contents, .content-list, .content-plist{margin: 24px 0;}
  .contents{min-height: 360px;margin: 24px 0;}
  .contents img{max-width: 100%!important;}
  .contents table{width: 100%!important;font-size: 10px;}
  .contents table td, .contents table th{width: auto!important;padding: 6px!important;}
  .content-plist a.item .thumb{height: 140px;}
  .content-plist a.item h3{font-size: 13px;}
  
}