@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: #d80001;}
/* CSS Document */
/*页面基本边距、链接样式、字体样式、整体背景色样式设置*/
* {list-style: none;margin: 0px;padding: 0px;transition: all .6s;-webkit-transition: all .6s;}
html,body{height: 100%;}
body {font-family: "微软雅黑", Arial;cursor: default;font-size: 15px;color: #444;}
h1,h2,h3,h4,h5,h6{margin: 0;}
a {color: #444;text-decoration: none;}
a:hover {color: #d80001;}
p {margin: 0px;padding: 0px;}
.container{max-width: 1392px;}

header{background: rgba(255,255,255,1);position: fixed;box-shadow: 0 0px 12px rgba(0,0,0,.1);width: 100%;z-index: 9;top: 0;}
header .top{display: flex;justify-content: space-between;align-items: center;margin: 24px auto;}
header .logo{display: flex;align-items: center;}
header .logo img{width: 80px;margin-right: 8px;}
header .logo .name h1{font-size: 32px;font-weight: bold;letter-spacing: 5px;margin-bottom: 3px;}
header .logo .name h3{margin: 0;font-size: 12px;text-transform: uppercase;}
header nav{display: flex;line-height: 1;}
header nav *{transition: unset;}
header nav .nav-item .nav-link{color: #555;font-weight: bold;border-radius: 6px;padding: 16px;font-size: 16px;}
header nav .nav-item:hover .nav-link{background: rgba(42,42,210,1);color: #fff;}
header nav .nav-item.dropdown .nav-link{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
header nav .nav-item2{font-size: 24px;padding: 12px 0 12px 16px;color: #555;}
header nav .nav-item2 i{font-size: 22px;}
header nav .dropdown .dropdown-menu{padding: 18px;background: rgba(42,42,210,1);border-top-left-radius: 0;border: 0;min-width: 12rem;}
header nav .dropdown .dropdown-menu .dropdown-item{padding: 0;}
header nav .dropdown .dropdown-menu .dropdown-item:hover{background: transparent;}
header nav .dropdown .dropdown-menu .dropdown-item a{padding: 12px 6px;color: rgba(255,255,255,1);display: flex;}
header nav .dropdown .dropdown-menu .dropdown-item a:hover{background: rgba(255,255,255,.7);color: #f00;}
header.smaller .top{margin: 0 auto;}
header.smaller .logo{transform: scale(.5);transform-origin: 0 50%;}
section{margin-bottom: 6rem;}
.home-slide{margin-top: 116px;}
.home-slide .swiper-slide{height: 84vh;position: relative;background: #000;}
.home-slide .swiper-slide img{object-fit: cover;width: 100%;height: 100%;filter: opacity(.6);}
.home-slide .swiper-slide img:last-of-type{position: absolute;top: 24%;left: 24%;z-index: 2;object-fit: none;width: 736px;height: auto;filter: opacity(1);}

[class*="home-"] .head-title{text-align: center;margin-bottom: 2rem;}
[class*="home-"] .head-title h2{font-size: 24px;}
[class*="home-"] .head-title h3{font-size: 20px;}

.home-about .contents{line-height: 2.4;text-align: justify;margin-bottom: 3rem;}
.home-about .more{padding: 6px 24px;border: 1px solid #f00;color: #f00;border-radius: 50vh;}
.home-about .more:hover{background: #f00;color: #fff;}
.home-about .more i{margin-right: 8px;}

.home-product{background: #1f1a17 url(../images/bj_26.jpg) 50% 0% no-repeat;padding: 4rem 0 5rem;}
.home-product .head-title{color: #fff;}
.home-product .swiper-slide{height: 406px;background: #fff;padding: 8px;}
.home-product .swiper-slide h4{line-height: 30px;text-align: center;font-size: 16px;}
.home-product .swiper-slide img{width: 100%;height: 360px;object-fit: contain;}
.home-product .more{padding: 6px 24px;border: 1px solid #fff;color: #fff;border-radius: 50vh;margin: 2rem auto 0;display: flex;width: 160px;justify-content: space-between;}
.home-product .more:hover{box-shadow: 0 0 12px rgba(255,255,255,.8);}

.home-news .item {padding: 12px;border: 1px solid rgba(0,0,0,.1);display: flex;flex-direction: column;}
.home-news .item .thumb{height: 120px;overflow: hidden;margin-bottom: 12px;}
.home-news .item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-news .item .text h5{font-size: 15px;text-align: justify;line-height: 1.4;height: 42px;display:-webkit-box; -webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;color: #444;}
.home-news .item .text span{font-size: 13px;color: #ccc;}
.home-news .item:hover{transform: translateY(-6px);box-shadow: 0 6px 12px rgba(51,51,220,.5);background: rgba(51,51,220,1);}
.home-news .item:hover .text h5{color: #fff;}

footer{background: #3a3a3a;color: rgba(255,255,255,.9);padding: 2rem 0;}
footer a{color: rgba(255,255,255,.8);}
footer p{line-height: 1.6;text-transform: uppercase;}
footer .contact{display: flex;width: 240px;flex-direction: column;line-height: 2;justify-content: center;}
footer .contact p:nth-of-type(2),footer .contact p:nth-of-type(3){font-size: 24px;}
footer .contact p i{font-size: 20px;}
footer .contact p{font-size: 16px;}
footer .ewm{display: flex;width: 150px;flex-wrap: wrap;}
footer .ewm img{width: 100%;}

.subslide{height: 300px;margin-top: 116px;overflow: hidden;position: relative;}
.subslide img{object-fit: cover;height: 100%;width: 100%;position: absolute;z-index: -1;}
.subslide .channelname{font-size: 36px;color: #fff;margin-top: 6rem;font-weight: bold;}
.subslide .slidebar{position: absolute;bottom: 0;background: rgba(0,0,0,.5);width: 100%;padding: 12px;}
.subslide .slidebar .position{text-align: right;color: rgba(255,255,255,.7);}
.subslide .slidebar .position a{color: rgba(255,255,255,.7)}
.subslide .slidebar .subchannel{padding: 0;margin:0;display: flex;flex-direction: row;}
.subslide .slidebar .subchannel li a{display: flex;padding: 6px 12px;color: #fff;}
.subslide .slidebar .subchannel li a.active{background: rgba(51,51,220,.5);}
.list-news .item {padding: 12px;border: 1px solid rgba(0,0,0,.1);display: flex;flex-direction: column;}
.list-news .item .thumb{height: 120px;overflow: hidden;margin-bottom: 12px;}
.list-news .item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.list-news .item .text h5{font-size: 15px;text-align: justify;line-height: 1.4;height: 42px;display:-webkit-box; -webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;color: #444;}
.list-news .item .text span{font-size: 13px;color: #ccc;}
.list-news .item:hover{transform: translateY(-6px);box-shadow: 0 6px 12px rgba(51,51,220,.5);background: rgba(51,51,220,1);}
.list-news .item:hover .text h5{color: #fff;}

.list-cert .item {padding: 12px;border: 1px solid rgba(0,0,0,.1);display: flex;flex-direction: column;}
.list-cert .item .thumb{height: 400px;overflow: hidden;margin-bottom: 12px;background: #fff;}
.list-cert .item .thumb img{width: 100%;height: 100%;object-fit: contain;}
.list-cert .item .text h5{font-size: 15px;text-align: center;line-height: 1.4;height: 42px;display:-webkit-box; -webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;color: #444;}
.list-cert .item .text span{font-size: 13px;color: #ccc;}
.list-cert .item:hover{transform: translateY(-6px);box-shadow: 0 6px 12px rgba(51,51,220,.5);background: rgba(51,51,220,1);}
.list-cert .item:hover .text h5{color: #fff;}

.list-pro .item {padding: 12px;border: 1px solid rgba(0,0,0,.1);display: flex;flex-direction: column;}
.list-pro .item .thumb{height: 320px;overflow: hidden;margin-bottom: 12px;background: #fff;}
.list-pro .item .thumb img{width: 100%;height: 100%;object-fit: contain;}
.list-pro .item .text h5{font-size: 15px;text-align: center;line-height: 1.4;height: 42px;display:-webkit-box; -webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;color: #444;}
.list-pro .item .text span{font-size: 13px;color: #ccc;}
.list-pro .item:hover{transform: translateY(-6px);box-shadow: 0 6px 12px rgba(51,51,220,.5);background: rgba(51,51,220,1);}
.list-pro .item:hover .text h5{color: #fff;}

.appli{margin-bottom: 1rem;}
.appli h3{margin-bottom: 1rem;}
.appli img{width: 100%;height: 100%;object-fit: cover;}


.content{line-height: 2;min-height: 300px;margin-bottom: 2rem;}
.content h1.title{font-size: 30px;text-align: center;}
.content .info{padding: 6px;background: rgba(0,0,0,.05);font-size: 14px;text-align: center;margin: 2rem auto;color: #999;}
.content img{width: 80% !important;margin: 12px auto !important;display: flex;}