header{width: 100%;background:#ffffff;padding: 10px 10px 10px;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 99;}
.header-box{display: flex;flex-wrap: wrap;justify-content: space-between;width: 1440px;margin: 0 auto;align-items: center;}
.header-logo{height: 56px;width: 380px;}
.header-logo img{height: 100%;display: block;}
#mideo-menu{display: none;}
#nav-bar{width: calc(100% - 580px);}
#nav-bar .navbar-nav{display: flex;justify-content: space-around;}
#nav-bar .navbar-nav >li{line-height: 50px;text-align: center;font-size: 18px;transition: .5s;position: relative;padding: 0 10px;box-sizing: border-box;font-weight: bold;}
#nav-bar .navbar-nav >li a{color: #030303;display: inline-block;width: 100%;transition: .5s;}
#nav-bar .navbar-nav >li a i{margin-left: 5px;font-size: 12px;transform: rotate(90deg);display: inline-block;}
#nav-bar .navbar-nav >li:hover a{color: #151515;}
#nav-bar .sub-menu{display: none;}
#nav-bar .navbar-nav li .sub-menu{position: absolute;top: 50px;left: 0;transform: translateX(-50px);background: #F7FBFF;overflow-y: scroll;}
#nav-bar .navbar-nav li:last-child .sub-menu{overflow: visible !important;}
#nav-bar .navbar-nav li .sub-menu::-webkit-scrollbar {width: 2px; height: 2px;}
#nav-bar .navbar-nav li .sub-menu::-webkit-scrollbar-thumb{background: #151515;}
#nav-bar .navbar-nav li .sub-menu li{line-height: 40px;padding: 0 30px;box-sizing: border-box;font-size: 14px;width: 350px;text-align: left;transition: .5s;position: relative;}
#nav-bar .navbar-nav li .sub-menu li a{color: #151515;transition: .5s;}
#nav-bar .navbar-nav li .sub-menu li a i{transform: rotate(0);position: absolute;right: 30px;}
#nav-bar .navbar-nav li .sub-menu li:hover{background: #ff0000;}
#nav-bar .navbar-nav li .sub-menu li:hover a{color: #FFFFFF;}
#nav-bar .navbar-nav li .sub-menu li .sub-menu{top: 0;left: -100%;transform: translateX(0);}
#nav-bar .navbar-nav li .sub-menu li .sub-menu li a{color: #151515;}
#nav-bar .navbar-nav li .sub-menu li .sub-menu li:hover a{color: #FFFFFF;}
.header-lang{line-height: 30px;padding: 0 45px 0 15px;box-sizing: border-box;border: 1px solid #ff0000;position: relative;}
.header-lang i{font-size: 16px;position: absolute;top: 0;right: 15px;color: #ff0000;}
.header-lang span{color: #ff0000;}
.header-lang ul{display: none;position: absolute;top: 100%;left: -1px;width: 100%;background: #FFFFFF;border: 1px solid #ff0000;border-top: 0px;}
.header-lang ul li{padding: 0 15px;box-sizing: border-box;}
.header-lang ul li a{color: #030303;transition: all .3s;}
.header-lang ul li:hover a{color: #ff0000;}
.header-lang:hover ul{display: block;}
#mideo-menu{display: none;}

#index-banner{width: 100%;min-width: 1180px;}
.index-banner-box{overflow: hidden;position: relative;width: 100%;}
.index-banner-box ul li{width: 100%;}
.index-banner-box ul li img{width: 100%;display: block;}
#index-banner .index-banner-pagination{position: absolute;bottom: 10px;left: 0;z-index: 99;text-align: center;}
#index-banner .index-banner-pagination span{height: 16px;width: 16px;background: none;border: 1px solid #FFFFFF;box-sizing: border-box;margin: 0 5px;opacity: 1;}
#index-banner .index-banner-pagination span.swiper-pagination-bullet-active{background: #FFFFFF;}

#index-pro{margin-top: 30px;}
.index-pro-top{width: 100%;height: 400px;background: #030303;padding-top: 50px;box-sizing: border-box;color: #FFFFFF;text-align: center;line-height: 1.5;}
.index-pro-top h2{font-size: 30px;}
.index-pro-top p{font-size: 16px;margin-top: 30px;}
.index-pro-list{width: 1020px;margin: 0 auto;margin-top: -200px;border: 1px solid #eee;background: #FFFFFF;box-sizing: border-box;padding: 0;border-top: 0;}
.index-pro-list-nav{width: 100%;}
.index-pro-list-nav ul{display: flex;}
.index-pro-list-nav ul li{width: 50%;line-height: 40px;font-size: 16px;text-align: center;position: relative;background: #eee;font-weight: bold;}
.index-pro-list-nav ul li:first-child:after{content: '';width: 1px;height: 100%;background: #bbbbbb;position: absolute;top: 0;right: 0;}
.index-pro-list-nav ul li:before{content: '';height: 2px;width: calc(100% + 1px);background: #ff0000;position: absolute;top: 0;z-index: 2;right: -1px;}
.index-pro-list-nav ul li:first-child:before{left: -1px;right: auto;}
.index-pro-list-nav ul li.active{background: #FFFFFF;}
.index-pro-list-nav ul li.active:before{background: #e95a4c;}
.index-pro-list-nav ul{display: flex;}
.index-pro-list-nav ul li a{color: #030303;}
.index-pro-list-content{width: 100%;}
.index-pro-list-row{width: 100%;display: none;}
.index-pro-list-content .active{display: block;}
.index-pro-list-ul{display: flex;}
.index-pro-list-ul li{width: 33.33%;padding: 20px;box-sizing: border-box;}
.index-pro-img{width: 100%;overflow: hidden;}
.index-pro-img img{width: 100%;display:block;transition: all 1s;}
.index-pro-list-ul li:hover img{transform: scale(1.2);}
.index-pro-list-ul li h3{font-size: 14px;line-height: 22px;height: 22px;overflow: hidden;}
.index-pro-list-ul li h3 a{color: #030303;}
.index-pro-list-ul li:hover h3{font-weight: bold;}
.index-pro-page{width: 100%;margin: 40px 0;}
.index-pro-page ul{display: flex;justify-content: center;}
.index-pro-page ul li{text-align: center;line-height: 26px;margin: 0 5px;border: 1px solid #ccc;border-radius: 3px;padding: 0 10px;box-sizing: border-box;font-size: 14px;}
.index-pro-page ul li a{display: inline-block;color: #030303;}
.index-pro-page ul li a:active{background: #eee;}
.index-pro-case{width: 800px;margin: 20px auto;}
.index-pro-case ul{display: flex;flex-wrap: wrap;}
.index-pro-case ul li{width: 31.73%;margin: 6px 0.8%;overflow: hidden;position: relative;}
.index-pro-case ul li img{width: 100%;display: block;}
.index-pro-case ul li h3{line-height: 36px;text-align: center;background: rgba(0,0,0,.6);color: #FFFFFF;font-size: 14px;font-weight: bold;position: absolute;bottom: 0;left: 0;width: 100%;}
.index-pro-news{width: 100%;}
.index-pro-news ul{display: flex;justify-content: space-between;}
.index-pro-news ul li{width: 31.33%;padding: 30px;box-sizing: border-box;border-radius: 15px;box-shadow: 0px 5px 30px rgba(15, 91, 183, 0.1);transition: all .5s;}
.index-pro-news-img img{width: 100%;display: block;}
.index-pro-news ul li:hover{transform: translateY(-10px);box-shadow: 0px 5px 30px rgba(15, 91, 183, 0.2);}
.index-pro-news-text{text-align: center;}
.index-pro-news-text h3{margin-top: 10px;font-size: 18px;font-weight: bold;line-height: 32px;height: 32px;overflow: hidden;}
.index-pro-news-text h3 a{color: #030303;}
.index-pro-news-text h3 a:hover{color: #ff0000;}
.index-pro-news-text p{font-size: 14px;color: #A5A5A8;line-height: 1.5;margin-top: 10px;}
#service{width: 100%;background: #030303;padding: 60px 0 100px;box-sizing: border-box;color: #FFFFFF;margin-top: 40px;}
.index-service-top{text-align: center;}
.index-service-top h2{font-size: 38px;font-weight: bold;}
.index-service-top span{display: inline-block;line-height: 40px;font-size: 24px;padding: 0 30px;box-sizing: border-box;position: relative;margin-top: 20px;}
.index-service-top span:before,.index-service-top span:after{content: '';height: 1px;width: 100px;background: #EEEEEE;position: absolute;top: 50%;left: -100px;transform: translateY(-50%);}
.index-service-top span:after{right: -100px;left: auto;}
.index-service-box ul{display: flex;padding: 0 100px;box-sizing: border-box;margin-top: 50px;min-width: 1180px;}
.index-service-box ul li{width: 25%;padding: 0 30px;box-sizing: border-box;text-align: center;}
.index-service-box ul li h3{font-weight: bold;font-size: 38px;line-height: 1.5;}
.index-service-box ul li p{font-size: 18px;line-height: 1.5;margin-top: 30px;}
#business{padding: 40px 0;}
.index-business-box h2,#honors h2{font-size: 32px;line-height: 2;text-align: center;}
.index-business-list ul{display: flex;margin-top: 30px;}
.index-business-list ul li{width: 25%;padding: 10px;box-sizing: border-box;overflow: hidden;}
.index-business-list ul li img{width: 100%;display: block;transition: all 1s;}
.index-business-list ul li:hover img{transform: scale(1.2);}
#about{background: rgb(242, 247, 250);overflow: hidden;}
.index-about-box{position: relative;}
.index-about-box h2{color: #eeeeee;font-size: 108px;font-weight: 400;position: absolute;top: 80px;left: 50%;transform: translateX(-38%);letter-spacing: -3px;}
.index-about-content{display: flex;position: relative;z-index: 2;}
.index-about-img{width: 370px;background: url(../img/53775731.png)no-repeat bottom left;background-size: 100% auto; }
.index-about-text{width: calc(100% - 370px);padding:60px 50px 60px 160px;box-sizing: border-box;background: #cccccc;margin-top: 170px;position: relative;}
.index-about-text:after{content: '';height: 100%;width: 100%;background: #cccccc;position: absolute;top: 0;left: 100%;}
.index-about-text h3{font-size: 42px;color: #000000;line-height: 2;}
.index-about-text p{font-size: 16px;text-align: justify;line-height: 2;margin-top: 20px;}
.index-about-text a{display: inline-block;line-height: 50px;background: #000000;color: #FFFFFF;transition: all .5s;position: absolute;top: -25px;right: 50px;width: 150px;text-align: center;}
.index-about-text a:hover{background: #FFFFFF;color: #ff0000;font-weight: bold;}
#honors{padding: 40px 0;}
.index-honors-box{display: flex;justify-content: space-between;margin-top: 30px;}
.index-honors-left{width: 50%;}
.index-honors-left ul li{height: 190px;}
.index-honors-box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-honors-box ul li{width: 49%;margin-top: 10px;position: relative;transition: all .2s;}
.index-honors-box ul li{position: relative;overflow: hidden;}
.index-honors-box ul li img{display: block;}
.index-honors-box ul li img{height: 100%;width: 100%;}
.index-honors-box ul li h3{line-height: 36px;text-align: center;background: rgba(0,0,0,.6);color: #FFFFFF;font-size: 14px;font-weight: bold;position: absolute;bottom: 0;left: 0;width: 100%;}
.index-honors-right{width: 50%;}
.index-honors-right ul{height: 100%;padding-left: 10px;box-sizing: border-box;}
.index-honors-box ul li:hover{border: 5px solid #609ee9;box-sizing: border-box;}
#team{width: 100%;background: #030303;padding: 60px 0 100px;box-sizing: border-box;color: #FFFFFF;margin-top: 40px;}
.index-team-box{text-align: center;}
.index-team-box h2{font-size: 38px;font-weight: bold;color: #ff0000;}
.index-team-box span{display: inline-block;line-height: 40px;font-size: 24px;padding: 0 30px;box-sizing: border-box;position: relative;margin-top: 20px;color: #ff0000;}
.index-team-box span:before,.index-team-box span:after{content: '';height: 1px;width: 100px;background: #ff0000;position: absolute;top: 50%;left: -100px;transform: translateY(-50%);}
.index-team-box span:after{right: -100px;left: auto;}
.index-team-list{margin-top: 50px;}
.index-team-list ul{display: flex;justify-content: space-between;}
.index-team-list ul li{width: 31.33%;border-radius: 15px;background: #FFFFFF;padding: 30px 40px;box-sizing: border-box;}
.index-team-list ul li p{font-size: 14px;color: #888888;line-height: 2;text-align: left;}
.index-team-con{margin-top: 20px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.index-team-img{width: 88px;border-radius: 50%;overflow: hidden;height: 88px;position: relative;}
.index-team-img img{width: 100%;display: block;position: absolute;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index-team-text{padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;align-content: center;font-size: 18px;width: calc(100% - 88px);}
.index-team-text h3{color: #030303;font-weight: bold;width: 100%;text-align: left;}
.index-team-text strong{color: #ff0000;font-weight: 300;}
#news{padding: 60px 0;}
.index-news-box{width: 100%;max-width: 1450px;margin: 0 auto;min-width: 1180px;}
.index-news-list ul{display: flex;}
.index-news-list ul li{width: 24%;margin: 0 0.5%;padding: 50px 30px 60px;box-sizing: border-box;transition: all .5s;box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);}
.index-news-list ul li time{font-size: 14px;color: #989898;margin: 20px 0;font-weight: bold;}
.index-news-list ul li h3{font-size: 16px;color: #262626;margin: 20px 0;line-height: 30px;height: 30px;overflow: hidden;}
.index-news-list ul li p{font-size: 12px;color: #989898;margin: 20px 0;line-height: 30px;height: 30px;overflow: hidden;}
.index-news-list ul li span{font-size: 12px;color: #FF0000;margin: 20px 0;display: inline-block;}
.index-news-list ul li:hover{transform: translateY(-10px);background: #666666;}
.index-news-list ul li:hover time{color: #FFFFFF;}
.index-news-list ul li:hover h3{color: #FFFFFF;}
.index-news-list ul li:hover p{color: #FFFFFF;}
.index-news-list ul li:hover span{color: #FF0000 !important;}
footer{background: rgb(41, 45, 49);}
.footer-follow{padding: 30px 0;}
.footer-follow ul{display: flex;justify-content: flex-end;}
.footer-follow ul li{margin: 0 5px;font-size: 26px;color: #FFFFFF;font-weight: bold;line-height: 50px;}
.footer-follow ul li img{width: 50px;height: 50px;border-radius: 50%;display: block;transition: all .5s;}
.footer-follow ul li img:hover{transform: translateY(-5px);}
.footer-con{display: flex;flex-wrap: wrap;}
.footer-contact{width: 400px;padding: 50px 40px 0;box-sizing: border-box;background: #2b373b;}
.footer-contact ul li{padding: 20px 0;border-top: 1px solid #CCCCCC;}
.footer-contact ul li:first-child{border: 0;}
.footer-contact ul li img{width: 110px;display: block;margin-bottom: 30px;}
.footer-contact ul li p{font-size: 14px;line-height: 1.75;color: #bbbbbb;}
.footer-contact ul li a{display: inline-block;line-height: 38px;width: 130px;border: 1px solid #FFFFFF;color: #FFFFFF;margin-top: 40px;transition: all .3s;overflow: hidden;text-align: center;height: 38px;font-size: 14px;}
.footer-contact ul li a:hover{border: 0;background: #609ee9;font-weight: bold;}
.footer-form{background: #FFFFFF;padding: 80px 100px;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);box-sizing: border-box;width: calc(100% - 400px);}
.footer-form h2{font-size: 30px;line-height: 1.2;margin-bottom: 30px;}
.footer-form p{font-size: 16px;line-height: 1.2;margin: 15px 0;}
.footer-form ul{margin-top: 30px;}
.footer-form ul li{margin: 10px 0;display: flex;justify-content: space-between;}
.footer-form ul li input,.footer-form ul li textarea{border: 0;background: rgb(236, 241, 244);border-radius: 4px;font-size: 14px;}
.footer-form ul li input{height: 36px;padding: 0 10px;box-sizing: border-box;}
.footer-form ul li textarea{height: 146px;padding: 10px;box-sizing: border-box;width: 100%;}
.footer-form ul li:first-child input{width: 49%;}
.footer-form ul li:nth-child(3) input{width: 86%;}
.footer-form ul li img{width: calc(14% - 1px);height: 36px;display: block;border-radius: 4px;}
.footer-form ul li button{width: 100px;height: 38px;font-size: 14px;background: #609ee9;transition: all .5s;color: #f5f5f5;margin: 0 auto;border: 0;cursor: pointer;}
.footer-form ul li button:hover{background: #2e80e2;}
.footer-nav{padding: 30px 0;}
.footer-nav ul{display: flex;}
.footer-nav ul li{width: 16.66%;text-align: center;font-size: 18px;line-height: 34px;border-left: 1px solid #FFFFFF;box-sizing: border-box;}
.footer-nav ul li:first-child{border-left: 0;}
.footer-nav ul li a{color: #FFFFFF;font-weight: bold;transition: all .3s;}
.footer-nav ul li a:hover{color: #FF0000;font-weight: 300;}
.footer-bottom{width: 100%;line-height: 50px;background: #FFFFFF;text-align: center;font-size: 12px;}
.footer-bottom a{color: rgb(152, 152, 152);}
/*悬浮联系我们*/
.suspension-contact{position: fixed;right: 0;top: calc(50% - 90px);z-index: 99;}
.suspension-contact ul li{margin: 5px 0;border-radius: 5px;background: #ff0000;color: #FFFFFF;max-width: 215px;;}
.suspension-contact-box{display: flex;line-height: 60px;}
.suspension-contact-ico{width: 60px;height: 60px;}
.suspension-contact-ico i{font-size: 42px;text-align: center;width: 100%;height: 60px;display: inline-block;font-weight: 300;}
.suspension-contact-box p{font-size: 16px;padding:0 10px;box-sizing: border-box;display: none;}
.suspension-contact-qrcode{padding: 0 20px 20px;box-sizing: border-box;width: 100%;display: none;}
.suspension-contact-qrcode img{width: 100%;display: block;}
.suspension-contact-ico img{width: 100%;height: 100%;display: block;transform: scale(0.7);}

#page-banner{width: 100%;}
#page-banner img{width: 100%;display: block;}
/*product*/
#product{background: #F5F5F5;padding: 50px 0 20px;}
.product-box h2{font-size: 36px;font-weight: bold;color: #030303;position: relative;padding-bottom: 32px;text-align: center;}
.product-box h2:after{content: '';height: 5px;width: 44px;background: #030303;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.product-box p{font-size: 14px;color: #999999;line-height: 1.5;margin-top: 30px;text-align: center;}
.product-list ul{margin-top: 30px;display: flex;justify-content: space-between;}
.product-list ul li{width: 31%;padding: 10px;box-sizing: border-box;background: #FFFFFF;}
.product-img{width: 100%;overflow: hidden;}
.product-img img{width: 100%;display: block;transition: all .5s;}
.product-text h3{font-size: 14px;color: #030303;line-height: 28px;height: 28px;overflow: hidden;font-weight: 300;}
.product-text p{font-size: 12px;line-height: 20px;height: 20px;overflow: hidden;margin-top: 0;color: #999999;}
.product-list ul li:hover img{transform: scale(1.2);}
.product-text h3:hover{font-weight: bold;}
.related-machines{padding: 10px 0 60px;}
.related-machines h2,.related-about h2{font-size: 36px;color: #999999;text-align: center;line-height: 70px;}
.related-list-box{position: relative;}
.related-list{width: 100%;overflow: hidden;}
.related-list ul li{border: 1px solid #f5f5f5;box-sizing: border-box;}
.related-list ul li .product-text{padding: 0 10px;box-sizing: border-box;}
.related-list ul li:hover{border: 1px solid #E43939;}
.pro-notification i{width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 24px;cursor: pointer;transition: all .3s;color: #aaa;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;font-weight: bold;}
.pro-notification i.icon-arrow-left-bold{left: -30px;}
.pro-notification i.icon-arrow-right-bold{right: -30px;}
.pro-notification i:hover{color: #E43939;}
.related-about{border-top: 1px solid #CCCCCC;padding: 20px 0 40px;}
.related-about-content{margin-top: 20px;}
.related-about-content p{font-size: 14px;color: #666;line-height: 26px;}
.related-about-content p a{color: #444444;transition: all .3s;}
.related-about-content p a:hover{color: #E43939;}
.related-list ul li img:hover{transform: scale(1.2);}
/*product-show*/
.product-content{padding-bottom: 50px;}
.product-content-nav{width: 100%;margin: 30px auto;}
.product-content-nav >ul{display: flex;}
.product-content-nav >ul >li{width: 25%;height: 58px;line-height: 58px;text-align: center;font-size: 16px;font-weight: bold;position: relative;background: rgb(238, 238, 238);transition: all .3s;}
.product-content-nav >ul >li a{color: #030303;transition: all .3s;}
.product-content-nav >ul >li.active{background: #030303;}
.product-content-nav >ul >li.active a{color: #fff;}
.product-content-nav >ul >li:hover{background: #FFFFFF;font-weight: 300;}
.product-content-nav >ul >li:hover >a{color: #ffffff;}
.pro-show-nav{width: 100%;position: absolute;top: 58px;left: 0;z-index: 99;display: none;}
.product-content-nav .pro-show-nav li{width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-size: 12px;margin: 0;background: none;}
.product-content-nav .pro-show-nav li:hover a{color: #FF0000;}
.product-content-desc{width: 100%;margin-top: 50px;display: flex;}
.product-content-imgs{width: 35%;}
.main-swiper{width: 100%;overflow: hidden;}
.main-swiper ul li img{width: 100%;display: block;}
.thumb-swiper-box{width: 100%;overflow: hidden;position: relative;padding: 0 50px;box-sizing: border-box;}
.thumb-swiper{width: 100%;overflow: hidden;}
.thumb-swiper ul li img{width: 100%;display: block;}
.thumb-swiper ul li.swiper-slide-thumb-active{border: 1px solid #FF0000;box-sizing: border-box;}
.pro-show-navigation i{position: absolute;top: 50%;font-size: 28px;transform: translateY(-50%);cursor: pointer;transition: all .3s;}
.pro-show-navigation i:hover{color: #FF0000;}
.pro-show-navigation i.icon-arrow-left-bold{left: 0;}
.pro-show-navigation i.icon-arrow-right-bold{right: 0;}
.product-content-text{width: 60%;padding-left: 40px;box-sizing: border-box;padding-top: 20px;position: relative;}
.product-content-menu{font-size: 12px;line-height: 1.5;}
.product-content-menu a{color: #666;}
.product-content-menu span{margin: 0 5px;}
.product-content-text-box{margin-top: 50px;}
.product-content-text-box h1{font-size: 24px;line-height: 34px;padding-bottom: 30px;border-bottom: 1px dashed #ccc;}
.product-content-text-box p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 20px;}
.pro-show-inquire{width: 186px;height: 45px;line-height: 45px;font-size: 16px;color: #444444;text-align: center;border: 1px solid #444444;box-sizing: border-box;transition: all .5s;cursor: pointer;position: absolute;bottom: 20px;left: 40px;}
.pro-show-inquire:hover{border: 1px solid #ff374f;background: #030303;color: #FFFFFF;}
.pro-show-content{width: 100%;max-width: 1000px;margin: 40px auto 0;}
.pro-show-content-top{width: 100%;border-bottom: 1px dashed #CCCCCC;box-sizing: border-box;height: 60px;position: relative;}
.pro-show-content-top span{font-size: 18px;color: #FFFFFF;background: #030303;display: inline-block;line-height: 60px;padding: 0 20px;position: absolute;top: 0;left: 0;}
.pro-show-content-text{width: 100%;padding: 20px 0;}
.pro-show-content-text img{max-width: 100%;}
.pro-show-content-page ul li{font-size: 12px;line-height: 24px;margin: 5px 0;}
.pro-show-content-page ul li a{color: #666666;transition: all .3s;}
.pro-show-content-page ul li a:hover{color: #030303;}
/*Product Center*/
.product-center-title{border-bottom: 1px solid rgba(221,221,221,1);padding-bottom: 100px;}
.product-center-title h2{display: inline-block;padding: 0 10px;margin-left: 50%;transform: translateX(-50%);}
.product-center-title h2:after,.product-center-title h2:before{content: '';height: 1px;width: 155px;top: 50%;position: absolute;background: rgba(221,221,221,1);}
.product-center-title h2:after{transform: translateX(0);left: auto;bottom: auto;right: -160px;}
.product-center-title h2:before{right: auto;top: 50%;left: -160px;}
.product-center-title .product-content-nav{background: none;max-width: none;}
.product-center-title .product-content-nav ul{justify-content: center;}
.product-center-title .product-content-nav ul li{padding: 0 30px;box-sizing: border-box;color: #666;background: none;font-size: 14px;line-height: 36px;height: 36px;width: auto;font-weight: 300;cursor: pointer;}
.product-center-title .product-content-nav ul li:hover{background: #030303;color: #FFFFFF;}
.product-center-title .product-content-nav ul li.active{background: #030303;color: #FFFFFF;}
#related-information{background: #F5F5F5;}
.related-information{padding-bottom: 100px;}
.related-information .index-news-box{margin-top: 30px;}
.product-center-title .product-list-row{display: none;}
.product-center-title .product-list-row.active{display: block;}
/*video*/
#video{}
.sidebar-title{padding: 0 0 15px;border-bottom: 1px solid rgba(221,221,221,1);}
.sidebar-title h2{font-size: 22px;line-height: 26px;padding-left: 15px;box-sizing: border-box;position: relative;color: #ff0000;font-weight: bold;}
.sidebar-title h2:before{content: '';height: 24px;width: 5px;background: #FF0000;position: absolute;top: 1px;left: 0;}
.video-box{display: flex;padding-top: 20px;padding-bottom: 100px;border-bottom: 1px solid rgba(221,221,221,1);}
.video-list{width: calc(100% - 344px);padding-right: 30px;box-sizing: border-box;border-right: 1px solid rgba(221,221,221,1);}
.video-list-box ul li{width: 100%;padding: 20px 0;border-top: 1px solid rgba(221,221,221,1);display: flex;justify-content: space-between;align-items: stretch;}
.video-list-box ul li:first-child{border: 0;}
.list-img{width: 200px;overflow: hidden;}
.list-img img{width: 100%;display: block;transition: all .5s;}
.list-text{width: calc(100% - 220px);}
.list-text h3{font-size: 18px;line-height: 26px;height: 26px;overflow: hidden;}
.list-text h3 a{color: #030303;transition: all .3s;}
.list-text p{font-size: 12px;line-height: 20px;color: #666666;height: 20px;overflow: hidden;margin: 5px 0;}
.list-text-span{line-height: 42px;height: 42px;font-size: 12px;color: #999999;}
.list-text-span time{float: left;}
.list-text-span i{float: right;position: relative;font-size: 12px;display: inline-block;padding-left: 18px;background: url(../img/eye.png) no-repeat left center;background-size: 13px auto;}
.sidebar{width: 344px;padding-left: 20px;box-sizing: border-box;}
.sidebar-row{margin-top: 20px;}
.sidebar-row:first-child{margin-top: 0;}
.sidebar-row-box{padding: 10px 0;}
.sidebar-news-list ul li{padding-left: 30px;box-sizing: border-box;position: relative;}
.sidebar-news-list ul li i{height: 18px;width: 18px;line-height: 18px;text-align: center;font-size: 12px;border: 1px solid #dddddd;background: rgb(221, 221, 221);color: #FFFFFF;position: absolute;top: 50%;left: 0;transform: translateY(-50%);box-sizing: border-box;border-radius: 3px;}
.sidebar-news-list ul li:nth-child(-n+3) i{border: 1px solid #666;background: rgb(102, 102, 102);}
.sidebar-news-list ul li h3{line-height: 42px;height: 42px;overflow: hidden;font-size: 14px;font-weight: 300;}
.sidebar-news-list ul li h3 a{color: #444444;transition: all .3s;}
.sidebar-news-list ul li h3 a:hover{color: #FF0000;}
.sidebar-whatsapp{display: flex;padding: 20px 0;}
.whatsapp-img{width: 50%;padding: 0 15px;box-sizing: border-box;}
.whatsapp-img img{width: 100%;display: block;}
.sidebar-whatsapp-text{width: 50%;}
.sidebar-whatsapp-text p{font-size: 14px;line-height: 1.75;color: #777777;}
.sidebar-about{padding: 10px 0;}
.sidebar-about-text p{font-size: 14px;line-height: 1.75;color: #777777;line-height: 26px;}
.sidebar-about-text a{color: #444444;font-size: 13px;transition: all .3s;display: inline-block;}
.sidebar-about-text a:hover{color: #FF0000;transform: scale(1.2);font-weight: bold;}
#related .sidebar-title{border-bottom: 0;margin-top: 50px;}
#related .sidebar-title h2{color: #030303;}
.video-list-s .product-text p{margin-bottom: 30px;}
#video-show{padding: 20px 0;background: rgb(243, 243, 243);}
.page-navigation{font-size: 14px;line-height: 34px;color: #666;}
.page-navigation a{color: #666;margin:0 5px;transition: all .3s;}
.page-navigation a:first-child{margin-left: 0;}
.page-navigation a:hover{color: #609ee9;}
.page-navigation span{margin-left: 5px;color: #999;}
.video-show-content{margin-top: 10px;background: #FFFFFF;padding: 60px;box-sizing: border-box;}
.show-content-top h1{font-size: 32px;line-height: 34px;color: #404040;font-weight: 400;}
.show-content-top-list{width: 100%;padding-bottom: 15px;margin-top: 30px;border-bottom: 1px solid #CCCCCC;}
.show-content-top-list ul{display: flex;}
.show-content-top-list ul li{font-size: 14px;color: #999;margin-left: 70px;}
.show-content-top-list ul li:first-child{margin-left: 0;}
.video-show-content-text video{margin: 0 0 20px;max-width: 100%;}
/*news*/
#news-page{padding: 20px 0 60px;}
.news-box{display: flex;}
.news-list-nav{background: rgb(250, 250, 250);}
.news-list-nav ul{display: flex;}
.news-list-nav ul li{line-height: 42px;color: #666;font-size: 22px;padding: 0 42px;box-sizing: border-box;transition: all .5s;cursor: pointer;}
.news-list-nav ul li:hover{background: rgb(255, 0, 0);color: #FFFFFF;}
.news-list-nav ul li.active{background: #FF0000;color: #FFFFFF;}
.news-list{width: calc(100% - 344px);padding-right: 10px;box-sizing: border-box;}
.sidebar-teaching{width: 100%;flex-wrap: wrap;}
.sidebar-teaching video{width: 100%;}
.sidebar-teaching .sidebar-whatsapp-text{width: 100%;margin-top: 10px;}
.sidebar-news-lists{height: 250px;overflow: hidden;}
.animate-fixed{animation: scroll-up 10s linear infinite;}
.sidebar-news-lists ul li{display: flex;justify-content: space-between;line-height: 40px;border-bottom: 1px dotted #eeeeee;}
.sidebar-news-lists ul li h3{width: calc(100% - 40px);font-size: 14px;height: 40px;overflow: hidden;font-weight: 300;}
.sidebar-news-lists ul li h3 a{color: #333;transition: all .3s;}
.sidebar-news-lists ul li h3 a:hover{color: #ff0000;}
.sidebar-news-lists ul li time{width: 32px;display: inline-block;color: #cccccc;font-size: 12px;}
.news-type .video-list-box{display: none;}
.news-type .active{display: block;}
.index-news-box .sidebar-title{margin-bottom: 30px;border-bottom: 0;}
.index-news-box .sidebar-title h2{color: #000000;}
/*about us*/
#about-show{padding: 128px 0 30px;background: #EEEEEE;}
.about-content{display: flex;}
.about-text{width: 52%;padding-right: 30px;box-sizing: border-box;}
.about-text h1{font-size: 40px;line-height: 1.2;color: #333333;}
.about-text strong{color: #ff0000;}
.about-text p{font-size: 14px;line-height: 2;color: #666666;}
.about-text-ul{width: 100%;margin-top: 50px;}
.about-text-ul ul{display: flex;}
.about-text-ul ul li{width: calc(25% - 1px);margin: 0 0.5px;background: #FFFFFF;text-align: center;padding: 12px;box-sizing: border-box;}
.about-text-ul ul li strong{font-size: 36px;line-height: 1.5;color: #ff0000;display: inline-block;width: 100%;}
.about-text-ul ul li span{font-size: 14px;color: #666666;}

.about-img{width: 48%;}
.about-img img{width: 100%;display: block;}

@media only screen and (max-width: 1380px){
	
}
@media only screen and (max-width: 1280px){
	
}
@media only screen and (max-width: 1024px){
	header{padding: 0 10px;}
	.header-logo img{transform: scale(.8);}
	.header-box nav ul li{padding: 0 8px;}
	.header-search{height: 30px;}
	.header-search input{height: 30px;}
	.header-logo{height: 50px;width: 160px;}
	#nav-bar{width: calc(100% - 360px);}
	#nav-bar .navbar-nav >li{font-size: 14px;}
	
}