@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}
a{color: #555;text-decoration: none;}
a:hover{color: #555;}

header .pc-head{position: fixed;top: 0;width: 100%;z-index: 2000;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.1);}
header .pc-head .container-fluid{padding: 0 2%;}
header .pc-head .logo{position: relative;display: block;padding: 12px 0;}
header .pc-head .logo img{max-width: 100%;height: 71px;}
header nav *{transition: unset;}
header nav .nav-item a{color: #555;padding: 12px 12px;font-size: 16px;font-weight: 600;}
header .pc-head:hover .nav-item a{color: #555;}
header nav .nav-item a:hover{background: #f0f0f0;border-top-left-radius: 6px;border-top-right-radius: 6px;}
header nav .nav-item:hover a{background: #f0f0f0;border-top-left-radius: 6px;border-top-right-radius: 6px;}
header nav .dropdown-menu{background: #f0f0f0;margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 0;}
header nav .dropdown-menu .dropdown-item {padding: 0;}
header nav .dropdown-menu .dropdown-item a{background: unset;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;}
header nav .dropdown-menu .dropdown-item a:hover{color: #555;}
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-email,header .pc-head .hotline:nth-child(4) .show-wechat{background: #fff;position: absolute;right: 0;top: 100%;height: 0;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,.2);color: #555;}
header .pc-head .hotline:nth-child(3) .show-email div{padding: 15px;}
header .pc-head .hotline:nth-child(3) .show-email i{font-size: 14px;padding: 2px;margin-right: 6px;}
header .pc-head .hotline:nth-child(3):hover .show-email{height: 50px;}
header .pc-head .hotline:nth-child(4):hover .show-wechat{height: 90px;}
header .pc-head .hotline:nth-child(4) .show-wechat div{padding: 5px;}

header .m-head, header .m-nav{display: none;}
header .pc-head.smaller .logo img{height: 40px;}
header .pc-head.smaller .nav-item a{color:#555;}
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: 80px;}
[class*="home-"] .box-head{text-align: center;margin-bottom: 30px;}
[class*="home-"] .box-head h4, [class*="home-"] .box-head h5{margin-bottom: 6px;line-height: 1;font-size: 30px;}
[class*="home-"] .box-head h5{font-weight: lighter;text-transform: uppercase;color: #ccc;}

.home-slide{margin-top: 95px;}
.home-slide .swiper-slide{overflow: hidden;height: 600px;}
.home-slide .swiper-slide img{object-fit: cover;width:100%;height: 100%;}

.home-news .list .item{padding: 24px 18px ;box-shadow: 0 0 12px rgba(0,0,0,.1);margin-bottom: 18px;}
.home-news .list .item a{display: flex;justify-content: space-between;}
.home-news .list .item a .date{width: 15%;font-size: 18px;}
.home-news .list .item a .date small{display: block;font-size: 14px;color: #999;}
.home-news .list .item a .text{width: 85%;}
.home-news .list .item a .text *{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home-news .list .item a .text h3{font-size: 24px;}
.home-news .list .item a .text p{color: #888;margin-bottom: 0;}
.home-news .picnews .swiper-slide {height: 354px;}
.home-news .picnews .swiper-slide img{width:100%;height: 100%;object-fit: cover;}

.home-product{background: #eaeaea url(../img/home-product.jpg) 0% 100% no-repeat;padding: 30px 0;}
.home-product .box-head{text-align: left;}
.home-product .tab-head .item{height: 72px;text-align: center;padding: 12px;border-radius: 6px;background: #fff;overflow: hidden;cursor: pointer;line-height: 1;}

.home-product .tab-head .item .iconfont{font-size: 36px;}
.home-product .tab-head .item.on{background: #bfbfbf;color: #fff;}
.home-product .tab-head .item h3{font-size: 14px;}
.home-product .box-body .photo{border-top-left-radius: 30px;border-bottom-right-radius: 60px;overflow: hidden;}
.home-product .box-body .photo img{width: 100%;height: 100%;object-fit: cover;}
.home-product .box-body .text{line-height: 2;}
.home-product .box-body .text a{padding: 6px 36px;background: #c00;color: #fff;}
.home-product .box-body .text a:hover{box-shadow: 0 0 6px #c00;}

.home-case .swiper .swiper-slide{height: 300px;}
.home-case .swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.home-partners .item{border: 1px solid #eee;height: 80px;padding: 12px;}
.home-partners .item img{width: 100%;height: 100%;object-fit: contain;}

footer{background: #383635 url(../img/footer.jpg)90% 0% no-repeat;padding-top: 36px;margin-top: 30px;}
footer .contact{color: rgba(255,255,255,.8);}
footer .contact h5{font-size: 24px;}
footer .contact p{text-transform: uppercase;margin-bottom: 3px;}
footer .ewm{color: rgba(255,255,255,.6);}
footer .navi{display: flex;}
footer dl{display: inline-block;padding:0 24px;border-left: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.8);}
footer dl dt{font-size: 16px;margin-bottom: 6px;}
footer dl dd{margin-bottom: 6px;}
footer dl dd a{color: rgba(255,255,255,.6);}
footer dl dd a:hover{color:#fff}
footer .copy{border-top: 1px solid rgba(255,255,255,.1);line-height: 3;color: rgba(255,255,255,.4);margin-top: 30px;}
footer .copy a{color: rgba(255,255,255,.4);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: 180px;background: #f0f0f0 url(../img/subslide.jpg) 100% 0% no-repeat;margin-top: 90px;margin-bottom: 30px;display: flex;align-items: center;font-size: 36px;color: #999;background-size: auto 100%;}
.subslide p{font-size: 36px;}
.aside{top:100px;width: 85%;box-shadow: 0 0 18px rgba(0,0,0,.1);border-bottom-right-radius: 54px;overflow: hidden;}
.aside dl{padding: 0;background: #fff;}
.aside dl dt{font-size: 24px; font-weight: lighter;padding: 24px 24px;background: #f00;color: #fff;margin-bottom: 12px;}
.aside dl dd{margin-bottom: 6px;margin: 0 24px;border-bottom: 1px solid rgba(0,0,0,.1);}
.aside dl dd:last-child{border: none;}
.aside dl dd a{line-height: 3;display: block;}
.aside .contact{margin-bottom: 32px;}
.aside .contact .pic{height: 90px;}
.aside .contact .pic img{object-fit: cover;width: 100%;height: 100%;}
.aside .contact p{margin: 0;line-height: 3;padding: 0 24px;}

.contents{text-align: justify;line-height: 2.2;}
.contents .content p{margin-bottom: 6px;}

.contents .arc-list .item{background: #fff;box-shadow: 0 0 18px rgba(0,0,0,.1);margin-bottom: 12px;padding: 18px;line-height: 2;overflow: hidden;}
.contents .arc-list .item:hover{transform: translateY(-6px);box-shadow: 0 6px 18px rgba(0,0,0,.2);}
.contents .arc-list .item .thumb{width: 160px;height: 120px;float: left;margin-right: 24px;}
.contents .arc-list .item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.contents .arc-list .item .text h3{font-size: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin: 0;}
.contents .arc-list .item .text small{color: #ccc;}
.contents .arc-list .item .text p{margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #999;font-size: 16px;}

.contents .pic-list .item {padding: 12px;border-radius: 12px;box-shadow: 0 0 12px rgba(0,0,0,.08);display: block;background: #fff;}
.contents .pic-list .item .thumb{height: 240px;margin-bottom: 12px;overflow: hidden;}
.contents .pic-list .item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.contents .pic-list .item .cert{height: 400px;}
.contents .pic-list .item .partner{height: 180px;}
.contents .pic-list .item .cert img,.contents .pic-list .item .partner img{object-fit: contain;}
.contents .pic-list .item .text h3{font-size: 16px;}
.contents .pic-list .item .text p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.6;color: #999;}
.contents .pic-list .item:hover{transform: translateY(-6px);}
.contents .pic-list .item:hover .thumb img{transform: scale(1.1);}

.contents .productshow .thumb img{width: 100%;height: 100%;object-fit: contain;}
.contents .productshow .content .table table{width: 100%;}
.contents .productshow .content .table table td{border: 1px solid #ccc;padding: 6px;}

.contents .content.contactbg{background:url(../img/contactbg.jpg) 100% 100% no-repeat;min-height: 500px;}

@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 -1px 6px rgba(0, 0, 0, .3);justify-content: space-between;align-items: center;}
  header .m-head .m-head-logo{float: left;display: flex;}
  header .m-head .m-head-logo img{height: 42px;}
  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: 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}
  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: 400px;}
  .home-product .box-head{text-align: center;margin-bottom: 18px;}
  .home-case .swiper .swiper-slide{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 0;}
  .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;}
  .subslide p{color: #fff;text-shadow: 0 0 6px #fff;}
}
@media (max-width:992px) {
  .home-product .box-body .text{margin: 24px auto;}
  .subslide{margin-bottom: 24px;}
  .aside{box-shadow: none;width: 100%;border-radius: 0;}
  .aside dl{display: flex;flex-wrap: wrap;}
  .aside dl dd,.aside dl dd:last-child{margin: 0 1px 1px 0;width: calc(33.33% - 1px);display: inline-block;border: 1px solid #ccc;text-align: center;}
  
}
@media (max-width:425px) {
  .home-slide .swiper-slide{height: 240px;}
  .home-product .box-body .text p{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .subslide{height: 100px;}
  .subslide p{font-size: 24px;}
  .contents .productshow .content .table{overflow-x: scroll;}
  .contents .productshow .content .table table{min-width: 600px;}
  .contents .productshow .content p:first-of-type{overflow-x: scroll;}
  .contents .pic-list .item .partner{height: 100px;}
}
@media (max-width:375px) {
  .home-slide .swiper-slide{height: 180px;}
  .home-news .picnews .swiper-slide{height: 240px;}
  
  /* 内页 */
  
  .contents .content-list .item{padding: 18px 12px;}
  .contents .content-photoes .item .thumb{height: 120px;}
}