/* 网站背景 */
.bg-color{background-color: #fff;}
/* 顶部样式 */
.head{background-color: #000;height: 40px;}
.head .tel{float: left;line-height: 40px;margin-right: 40px;color: #fff;font-size: 14px;}
.head .tel i{margin-right: 8px;font-size: 16px;}
.head .right{float: right;display: flex;align-items: center;height: 100%;}
.head .right a{color: #fff;font-size: 14px;margin-left: 30px;}
.head .right a:hover{color: #00aeef;}
/* 导航 */
.nav-bar{background-color: #fff;height: 100px;}
.nav-bar .logo{float: left;max-width: 116px;height: 100px;line-height: 100px;font-size: 0;}
.nav-bar .logo img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.nav-bar ul{float: right;display: flex;align-items: flex-end;text-transform: uppercase;}
.nav-bar ul li{position: relative;margin-left: 23px;}
.nav-bar ul li a{display: block;line-height: 100px;text-align: center;color: #010101;font-size: 16px;font-weight: 700;margin-left: 15px;transition: all 0.5s ease-in-out;}
.nav-bar ul li.active a,
.nav-bar ul li a:hover{color: #00aeef;}
.nav-bar ul li.active li a{color: #010101;}
.nav-bar ul li ul{display: none;z-index: 9999999;position: relative;background-color: #fff;}
.nav-bar ul li ul li{border-color: #ddd;display: block;position: relative;float: none;margin-left: 0;top: 1px;border-bottom: 1px solid #ddd;font-weight: 400;}
.nav-bar ul li ul li a{display: block;padding: 10px 15px;position: relative;top: 1px;text-align: left;margin-left: 0;font-weight: 400;line-height: 1.4;font-size: 14px;}
.nav-bar ul li:hover >ul{display: block;width: 200px;position: absolute;left: 0;text-align: left;}
.nav-bar ul li:hover ul li ul{display: none;position: relative;}
.nav-bar ul li:hover ul li:hover >ul{display: block;position: absolute;left: 200px;top: 0;}
/* banner大图 */
.banner{width: 100%;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;text-align: center;}
.banner a{display: block;}
.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 20px;display: flex;justify-content: center;align-items: center;}
.banner .swiper-pagination-bullet{width: 38px;height: 6px;background: #fff;margin: 0 10px;opacity: 1;transition: all 0.5s ease-in-out;}
.banner .swiper-pagination-bullet-active{background-color: #00aeef;}
#main{overflow: hidden;position: relative;}
/* 公共头部 */
#main .common{text-align: center;line-height: 1;margin-bottom: 50px;}
#main .common .name{color: #333;font-weight: 700;font-size: 40px;text-transform: uppercase;}
#main .common .line{width: 67px;height: 3px;position: relative;margin: 20px auto 16px;}
#main .common .line::before,
#main .common .line::after{content: '';position: absolute;top: 0;height: 100%;}
#main .common .line::before{left: 0;width: 13px;background-color: #f7931d;}
#main .common .line::after{right: 0;width: 52px;background-color: #00aeef;}
#main .common .txt{color: #999;font-size: 14px;line-height: 1.4;}
/* 产品展示 */
#main .product-main{background-color: #f5f5f5;padding: 80px 0;}
#main .product-main .list{position: relative;padding-bottom: 70px;}
#main .product-main .list .swiper-slide{cursor: pointer;}
#main .product-main .list .swiper-slide .img{width: 100%;height: 300px;line-height: 300px;text-align: center;font-size: 0;overflow: hidden;background-color: #fff;}
#main .product-main .list .swiper-slide .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .product-main .list .swiper-slide .box{background-color: #999;}
#main .product-main .list .swiper-slide .box .tit{text-align: center;color: #fff;font-size: 16px;line-height: 67px;font-weight: 700;padding: 0 5px;}
#main .product-main .list .swiper-slide .box .more{display: flex;border-top: 1px solid rgba(255,255,255,0.2);position: relative;}
#main .product-main .list .swiper-slide .box .more::before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 100%;transform: translateX(-50%);background-color: rgba(255,255,255,0.2);}
#main .product-main .list .swiper-slide .box .more a{display: block;width: 50%;display: flex;justify-content: center;align-items: center;height: 60px;color: #fff;font-size: 14px;position: relative;z-index: 1;}
#main .product-main .list .swiper-slide .box .more a .icon{margin-right: 12px;max-width: 24px;}
#main .product-main .list .swiper-slide .box .more a .icon img{max-width: 100%;}
#main .product-main .list .swiper-slide .box .more a::before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #00aeef;z-index: -1;transition: all 0.5s ease-in-out;}
#main .product-main .list .swiper-slide:hover .box{background-color: #f7931d;}
#main .product-main .list .swiper-slide .box .more a:hover::before{width: 100%;}
#main .product-main .list .product-prev,
#main .product-main .list .product-next{width: 40px;height: 60px;border: 1px solid #000;background-position: center;background-repeat: no-repeat;background-size: 13px 23px;margin-top: 0;transform: translateY(-50%);}
#main .product-main .list .product-prev{left: -75px;background-image: url(../images/left.png);}
#main .product-main .list .product-next{right: -75px;background-image: url(../images/right.png);}
#main .product-main .list .product-prev:hover,
#main .product-main .list .product-next:hover{background-color: #00aeef;border-color: #00aeef;}
#main .product-main .list .product-prev:hover{background-image: url(../images/leftH.png);}
#main .product-main .list .product-next:hover{background-image: url(../images/rightH.png);}
#main .product-main .list .product-pagination{display: flex;justify-content: center;align-items: center;bottom: 0;}
#main .product-main .list .product-pagination span{width: 10px;height: 10px;border-radius: 50%;background-color: #999;margin: 0 15px;transition: all 0.5s ease-in-out;}
#main .product-main .list .product-pagination span.swiper-pagination-bullet-active{background-color: #00aeef;}
/* 分类展示 */
#main .categories-main{padding: 80px 0;background-image: url(../images/categoriesbg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .categories-main .list{margin: 0 -10px;}
#main .categories-main .list li{float: left;width: 200px;margin: 0 10px;}
#main .categories-main .list li a{display: block;padding: 10px;background-color: #f5f5f5;}
#main .categories-main .list li a .img{height: 145px;line-height: 145px;text-align: center;font-size: 0;overflow: hidden;background-color: #fff;}
#main .categories-main .list li a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .categories-main .list li a .tit{text-align: center;color: #333;font-size: 16px;line-height: 1.2;font-weight: 700;min-height: 57px;padding: 20px 0;}
#main .categories-main .list li a:hover .img img{transform: scale(1.1);}
#main .categories-main .list li a:hover .tit{color: #00aeef;}
/* 优势 */
#main .youshi-main{padding: 80px 0;background-image: url(../images/youshibg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .youshi-main .list{margin: 0 -10px;}
#main .youshi-main .list li{float: left;width: 420px;margin: 0 10px;background-color: #fff;position: relative;}
#main .youshi-main .list li::before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 8px;background-color: #f7931d;transition: all 0.5s ease-in-out;}
#main .youshi-main .list li .img{height: 340px;overflow: hidden;}
#main .youshi-main .list li .img img{width: 100%;height: 100%;object-fit: cover;}
#main .youshi-main .list li .tit{font-size: 24px;color: #333;line-height: 1.25;min-height: 60px;padding: 50px 30px;text-align: center;}
#main .youshi-main .list li:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,0.35);}
#main .youshi-main .list li:hover::before{width: 100%;}
#main .youshi-main .list li:hover .img img{transform: scale(1.1);}
#main .youshi-main .list li:hover .tit{color: #f7931d;}
/* 关于我们 */
#main .company-main{padding: 100px 0;background-image: url(../images/companybg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .company-main .box{float: left;width: 630px;}
#main .company-main .box .common{text-align: left;}
#main .company-main .box .common .line{margin: 20px 0 16px 0;}
#main .company-main .box .content{color: #333;font-size: 18px;line-height: 1.4;}
#main .company-main .box .more{display: flex;width: 182px;height: 45px;color: #fff;font-size: 14px;background-color: #f7931d;border-radius: 30px;justify-content: center;align-items: center;margin-top: 40px;}
#main .company-main .box .more .icon{max-width: 24px;margin-right: 12px;}
#main .company-main .box .more .icon img{max-width: 100%;}
#main .company-main .box .more:hover{background-color: #00aeef;}
#main .company-main .img{float: right;width: 580px;height: 330px;overflow: hidden;}
#main .company-main .img img{width: 100%;height: 100%;object-fit: cover;}
/* 产品 */
#main .chanpin-main{background-color: #fff;padding: 80px 0;}
#main .chanpin-main .list{padding-top: 50px;position: relative;}
#main .chanpin-main .list .swiper-slide a{display: block;width: 100%;height: 170px;position: relative;overflow: hidden;}
#main .chanpin-main .list .swiper-slide a .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 5px;overflow: hidden;}
#main .chanpin-main .list .swiper-slide a .img img{width: 100%;height: 100%;object-fit: cover;}
#main .chanpin-main .list .swiper-slide a .tit{position: absolute;bottom: 0;left: 0;width: 98%;padding: 5px 1%;color: #fff;font-size: 12px;line-height: 1.5;text-align: center;background-color: rgba(0,0,0,0.6);}
#main .chanpin-main .list .swiper-slide a:hover .img img{transform: scale(1.1);}
#main .chanpin-main .list .swiper-slide a:hover .tit{background-color: #00aeef;}
#main .chanpin-main .list .chanpin-prev,
#main .chanpin-main .list .chanpin-next{width: 40px;height: 40px;border: 1px solid #e2e2e2;top: 0;background-position: center;background-repeat: no-repeat;background-size: 14px 9px;margin-top: 0;}
#main .chanpin-main .list .chanpin-prev{left: 0;background-image: url(../images/prev.png);}
#main .chanpin-main .list .chanpin-next{left: 50px;right: auto;background-image: url(../images/next.png);}
#main .chanpin-main .list .chanpin-prev:hover,
#main .chanpin-main .list .chanpin-next:hover{background-color: #00aeef;border-color: #00aeef;}
#main .chanpin-main .list .chanpin-prev:hover{background-image: url(../images/prevH.png);}
#main .chanpin-main .list .chanpin-next:hover{background-image: url(../images/nextH.png);}
/* 网站底部 */
.footer{font-size: 14px;background-color: #000;position: relative;padding: 40px 0 0;color: #c1c0c0;line-height: 250%;}
.footer .cols-4{width: 23%;float: left;margin: 0 30px 30px 0;position: relative;}
.footer .cols-3{width: 30%;float: left;margin: 0 30px 30px 0;position: relative;}
.footer h5{font-weight: 400;position: relative;color: #ffffff;font-size: 20px;border-color: #303030;margin-bottom: 10px;}
.footer p i{margin-right: 5px;}
.footer .social-icons{margin-top: 20px;float: left;}
.footer .social-icons a{color: #fff;text-align: center;vertical-align: middle;transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;font-size: 16px;width: 40px;height: 40px;line-height: 40px;margin: 0 5px 10px 0;padding: 0;border: none;display: inline-block;border-radius: 5px;}
.footer .social-icons a:hover{color: #00aeef;border-color: #00aeef;}
.footer .social-icons a.fa-facebook{background-color: #3b5998;}
.footer .social-icons a.fa-twitter{background-color: #0084b4;}
.footer .social-icons a.fa-linkedin{background-color: #0077B5;}
.footer .social-icons a.fa-whatsapp{background-color: #4EC95D;}
.footer .social-icons a.fa-skype{background-color: #00B0EF;}
.footer .social-icons a.fa-youtube{background-color: #bb0000;}
.footer .social-icons a.fa-instagram{background-color: #DB2EA2;}
.footer .social-icons a.fa-pinterest{background-color: #BD071A;}
.footer a{color: #c1c0c0;}
.footer a:hover{color: #00aeef;}
.footer ul li a{padding: 0;color: #c1c0c0;display: inline-block;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.footer ul li a:hover{color: #00aeef;}
.footer .lastcols{margin-right: 0;}
.footer .lastcols p{margin: 0;}
.footer .online-form input[type="text"],
.footer .online-form textarea{float: left;font-family: Arial;width: 93%;background-color: #f9f9f9;color: #555;border: 1px solid #ccc;padding: 5px 3%;line-height: 120%;margin: 0 8px 8px 0;}
.footer .online-form textarea{height: 60px;}
.footer .online-form input.code{width: calc(93% - 100px);float: left;}
.footer .online-form a.code{width: 90px;height: 28px;line-height: 28px;text-align: center;font-size: 0;float: right;}
.footer .online-form a.code img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.footer .online-form .btn{padding: 8px 10%;line-height: 150%;color: #fff;background-color: #e57534;}
.footer .online-form .btn:hover{background-color: #00aeef;}
.copyright-wrapper{position: relative;background-color: #000000;padding: 5px 0;border-top: 1px solid #3a3a3a;}
.copyright-wrapper a{color: #c1c0c0;transition: all 0.5s ease-in-out;}
.copyright-wrapper a:hover{color: #00aeef;}
.copyright-wrapper a img{display: inline-block;}
#back-to-top{position: fixed;bottom: 30px;right: 20px;opacity: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 0;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out;background-color: #000;box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
#back-to-top::before{content: '';position: absolute;width: calc(100%);height: calc(100%);bottom: 0;right: 0;z-index: -1;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;background-color: #00aeef;-webkit-transition: -webkit-transform .24s ease-in-out;transition: -webkit-transform .24s ease-in-out;-o-transition: transform .24s ease-in-out;transition: transform .24s ease-in-out;transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out}
#back-to-top:hover::before{-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom}
#back-to-top.show{z-index: 999;opacity: 1;}
#back-to-top img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
/* 内页侧边导航 */
.sider{width: 25%;float: right;}
.sider a:hover{color: #00aeef;}
.sider h3.widget-title{padding: 12px 0 12px 10px;margin-bottom: -1px;background-color: #00aeef;color: #fff;font-size: 20px;}
.sider aside.widget{padding: 10px 20px;border: 1px solid #ddd;color: #4c4c4c;margin-top: 10px;}
.sider .widget_mobile{margin: 0 auto;width: 50px;height: 50px;background-color: #00aeef;border-radius: 50%;text-align: center;line-height: 50px;}
.sider .widget_mobile .bfa{display: inline-block;font-family: FontAwesome;font-size: 40px;color: #fff;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: normal;}
.sider aside.widget p{margin-bottom: 10px;line-height: 200%;}
.sider aside.widget p i{margin-right: 5px;}
.sider aside.widget p a{color: #333;}
.sider .sitewidget-bd{border: 1px solid #e5e5e5;font-family: Arial;font-size: 14px;color: #545454;}
.sider .sitewidget-bd li{position: relative;padding-left: 0;background: 0;}
.sider .slight-submenu-pstRe{position: relative;}
.sider .sitewidget-bd ul.slight-submenu-wrap .slight-submenu-pstRe a,
.sider .sitewidget-bd ul.slight-submenu-wrap>li>a{font-size: 16px;background: #f6f6f6;display: block;width: 100%;border-bottom: 1px solid #e5e5e5;line-height: 36px;}
.sider .sitewidget-bd ul.slight-submenu-wrap .slight-submenu-pstRe a span,
.sider .sitewidget-bd ul.slight-submenu-wrap>li>a span{color: #666;margin-left: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;-webkit-transform: translateY(1px);-moz-transform: translateY(1px);-ms-transform: translateY(1px);transform: translateY(1px);}
.sider .sitewidget-bd ul.slight-submenu-wrap .slight-submenu-pstRe a:hover span,
.sider .sitewidget-bd ul.slight-submenu-wrap>li>a:hover a span{color: #00aeef;}
.sider .sitewidget-bd ul.slight-submenu-wrap>li .ShowIcon{width: 30px;height: 30px;position: absolute;background-image: url(../images/pro_list.png);background-repeat: no-repeat;background-position: center;cursor: pointer;top: 50%;left: 0;margin-top: -17px;}
.sider .sitewidget-bd ul.slight-submenu-wrap>li ul{padding: 10px 0;width: 100%;border-bottom: 1px solid #e5e5e5;}
.sider .sitewidget-bd ul.slight-submenu-wrap>li ul li{list-style: none;margin: 0 16px 0 35px;padding: 2px 0;}
.sider .sitewidget-bd ul.slight-submenu-wrap>li ul li a{color: #999;line-height: 1.8;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.sider .sitewidget-bd ul.slight-submenu-wrap>li ul li a:hover{color: #00aeef;}
.sider .sitewidget-bd p{padding: 0 10px;}