@charset "utf-8";
/*全局样式*/
@import url("base.css");
body {margin:0 auto;padding:0;width:100%;color:#333;font:14px/1.5 Arial,"Microsoft Yahei";background:#fff;-webkit-font-smoothing:antialiased;}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5 {margin:0;padding:0;border:0;font-family:'Microsoft YaHei','微软雅黑';}
a {color:#333;text-decoration:none;}
a:hover {color:#be080d;text-decoration:none;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
ol,ul,li,dl,dd {margin:0 auto;padding:0;list-style-type:none;}
i,em {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
/*Clear Fix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.mr5{margin-left: 5px !important;}
.mr10{margin-right: 10px !important;}
.clear {clear:both;font-size:0px;height:0px;overflow:hidden;}
.line5 {clear:both;font-size:0px;height:5px;overflow:hidden;}
.line10 {clear:both;font-size:0px;height:10px;overflow:hidden;}
.line15 {clear:both;font-size:0px;height:15px;overflow:hidden;}
.mt50{margin-top: 50px !important;}
.mb50{margin-bottom: 50px !important;} 
/*页面布局*/
.section {position:relative;margin:0 auto;width:1300px;text-align:left;}
.wrapper {position:relative;margin:0 auto;padding:0;width:100%;height:auto;text-align:left;overflow:hidden;}
.wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.wrap-box {width:1300px;}
.bg-wrap {margin:0;padding:0;background:#fff;}
.bg-wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.bg-wrap.nobg {background:none;}
.pad-15 {position:relative;padding:15px;}
.pt-30 {padding-top:30px;}
.icon {position:absolute;display:block;width:20px;height:20px;background:url(../images/icon.png) no-repeat;zoom:1;}
.fl {float:left !important;}
.fr {float:right !important;}
.main-title .title {text-align:center;text-transform:uppercase;}
.main-title h1 {font-size:30px;font-weight:bold;color:#1b1b1b;text-align:center;padding-top:50px;border-bottom:1px solid #d3d3d3;color:#c80007;}
.pagination {margin:28px 0 0;text-align:center;font-size:14px;}
.main-title .nav-tit {padding:30px 0;text-align:center;color:#a7a7a7;font-size:18px;}
.main-title .nav-tit a {margin-left:10px;color:#a7a7a7;background:#ffffff;border:2px solid #a7a7a7;padding:5px 0;width:180px;display:inline-block;}
.main-title .nav-tit a:hover,.nav-tit a.selected {color:#fff;background:#c6000d;border-color:#c6000d;}
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
.location a{ margin:0 5px; }
.location span{ color:#666; }

/*头部*/

.banner{margin: 0 auto;width: 100%;}
.banner img {width: 100%;height: auto;}
 .header{height: 100px;position:relative;width: 100%;}
    .header *{box-sizing: border-box;}
    .header .logo{position: absolute;left: 0;top: 20px;}
    .header .nav {padding-left: 150px;text-transform: uppercase;}
    .header .nav li{display: inline-block;line-height: 100px;padding-right: 40px;position: relative;}
    .header .nav li a:after {content: "";width: 0;height: 2px;background: #000;position: absolute;bottom: -20px;left: 0;transition: all 0.5s ease 0s;}
    .header  .shop{position: absolute;right: 0;top: 0;}
.header .nav li a:hover:after,#index .nav-index:after {width: 100%;}
.header .nav li a{color: #000;font-size: 20px;position: relative;}
.header .nav li a:hover,#index .nav-index,#about .nav-about,#product .nav-product,#honor .nav-honor,#contact .nav-contact{color: #000;}
.swiper-pagination-clickable .swiper-pagination-bullet{background: #ddd;opacity: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet-active{border-radius: 5px;width: 30px;height: 8px;background-color: #000;}
.index-banner .swiper-button-prev{background: url(../images/left.png);width: 101px;height: 186px;left: 0;margin-top: -98px;}
.index-banner .swiper-button-next{background: url(../images/right.png);width: 101px;height: 186px;right: 0;margin-top: -98px;}

.header .language-box{position:absolute;right: 150px;height: 70px;top: 50%;margin-top: -35px;}
.header .language-box .search{margin-right: 30px; font-size: 16px;color: #8a8a8a; border-bottom: 1px solid #8a8a8a;padding-left: 30px; line-height: 40px; height: 40px;display: inline-block;background: url(images/search.png) no-repeat left center;width: 250px;}

.header .language-box .language{display: inline-block;line-height: 70px;}
.header .language-box .language.en{background: url(../images/en.png) left center no-repeat;padding-left: 30px;background-size: 20px auto;}
.header .language-box .language.cn{background: url(../images/cn.png) left center no-repeat;padding-left: 30px;background-size: 20px auto;}

.header .language-box .language a {position: relative;color: #000;font-size: 18px;font-weight: bold;}

.header .language-box .language a:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: -12px;
  width: 0;
  height: 0;
  border: 4px solid transparent; /*以下四个样式对应四种三角形，任选其一即可实现*/
   border-top-color:#000; 
}
.popup-search{ position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:opacity .15s; transition:opacity .15s;}
.popup-search.open{ opacity:1; visibility:visible; -webkit-transition:opacity .45s; transition:opacity .45s;}
.popup-search .popup__overlay{ position:absolute; width:100%; height:100%; background:#000; opacity:.85; filter:Alpha(opacity=85);}
.popup-search .close{ position:absolute; right:30px; top:20px;}
.popup-search .close a{ display:block; width:44px; height:44px; line-height:44px; font-size:42px; text-align:center; color:#fff;}
.popup-search .searchlist{ position:absolute; left:50%; top:50%; display:block; margin-left:-325px; margin-top:-30px; width:650px; height:48px;}
.popup-search .searchbtn{ position:absolute; right:0; top:0; display:block; margin:0; padding:0; width:80px; height:48px; line-height:48px; font-size:16px; text-align:center; color:#999; background:none; border:0; outline:0; cursor:pointer;}
.popup-search .searchtxt { display:block; box-sizing:border-box; margin:0; padding:0 5px; padding-right:85px; width:100%; height:48px; line-height:48px; font-size:16px; color:#999; background:none; border:0; border-bottom:1px solid #888; outline:0;}
.i-about{background: url(../images/companyimg.jpg) no-repeat;background-size: cover;min-height: 1000px;}
.i-about .title{font-size: 45px;font-weight: bold;color: #fff;text-align: center;padding-top: 90px;padding-bottom: 10px;text-transform: uppercase;}
.i-about .des{color: #fff;font-size: 14px;}
.i-about .more {text-align: center;margin-top: 30px;}
.i-about .more a{display: inline-block;width: 175px;height: 55px;border: 1px solid #fff;border-radius: 55px;color: #fff;text-align: center;font-size: 16px;line-height: 55px;}
.company-data {height: 170px;background: #fff;}   
.company-data li{width: 25%;float: left;position: relative;height: 170px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.company-data li:after{content: '';height: 40px;width: 1px; position: absolute;right: 0;top: 50%;margin-top: -20px;background: #062369;}
.company-data li .num{font-size: 45px;font-weight: bold;color: #062369;}
.company-data li .name{font-size: 16px;color: #062369;}
.company-data li:last-child:after{display: none;} 
.i-product{background: #fff;padding-top: 50px;}
.i-product .title{text-align: center;font-size: 45px;text-transform: uppercase; font-weight: bold;color: #000;margin-bottom: 10px;}
.i-product .left{width: 360px;float: left;padding: 80px 0;}
.i-product .left li{cursor: pointer; font-weight: bold; display: inline-block;font-size: 18px;color: #989797;padding: 10px 0;position: relative;}
.i-product .left li:after{background: url(../images/cate.png) no-repeat center center;width: 12px;height: 12px;content: '';position: absolute;left: -18px;top: 15px;display: none;}
                .i-product .left li:hover{color: #000;}
                .i-product .left li.on{color: #000;}
                .i-product .left li.on:after{display: block;}
                .i-product .left li:hover:after{display: block;}
                .i-product .right{float: left;width:920px;display: none;}
                .i-product .right.on{display: block;}
                .i-product .photo{width: 480px;height: 580px;float: left;margin-right: 20px;}
                .i-product .right img{width: 100%;max-height: 580px;}
                .i-product .right .info{display: flex;flex-direction: column;justify-content: center;padding: 100px 0;}
                .i-product .right .info h2{font-size: 32px;color: #000;}
                .i-product .right .info .des{margin: 20px 0;}
                .i-product .right .info .des{font-size: 14px;color: #989797;}
                .i-product .right .info .more{color: #fff;font-size: 16px;text-align: center;width: 160px;height: 48px;line-height: 48px;background: #003bd7;}
            
/*搜索*/
.search-tit {display:block;margin:0 30px;padding-top:15px;line-height:38px;border-bottom:1px solid #f0f0f0;}
.search-tit h3 {display:inline-block;color:#333;font-size:16px;font-weight:normal;}
.search-tit span {margin-left:15px;color:#999;font-size:14px;}
.search-tit span strong {margin:0 2px;color:#1e7bb3;font-weight:600;}
.n-list {padding:15px 30px;}
.n-list li {display:block;padding-bottom:15px;border-bottom:1px solid #f0f0f0;overflow:hidden;}
.n-list li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.n-list li h2 {padding:15px 0 15px;font-size:18px;line-height:24px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.n-list li h2 a {color:#333;text-decoration:none;}
.n-list li h2 a:hover {color:#8CAC52;}
.n-list li .note b {position:relative;display:block;float:left;margin-right:16px;width:118px;height:118px;border:1px solid #e8e8e8;font-style:normal;}
.n-list li .note b img {min-width:100%;min-height:100%;width:100%;_height:100%;}
.n-list li .note p {display:block;font-size:14px;max-height:84px;line-height:28px;font-weight:500;color:#666;overflow:hidden;}
.n-list li .note .info {padding-top:10px;height:20px;line-height:20px;}
.n-list li .note .info span {margin-right:10px;color:#999;font-size:12px;}
.n-list li .note .info span i {margin-right:3px;font-size:12px;}
.n-list .nodata {margin-top:30px;color:#666;font-size:14px;line-height:100px;text-align:center;}
/*分页*/
div.digg {margin:0;padding:0;text-align:left;font-size:14px;display:inline-block;}
div.digg a {display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #e1e2e3;line-height:20px;height:20px;color:#666666;background:#fff;text-decoration:none;border-radius:3px;}
div.digg a:hover {border:1px solid #0166b3;background:#0166b3;color:#fff;}
div.digg span {display:block;float:left;padding:5px 0;line-height:20px;height:20px;}
div.digg span.current {padding:5px 12px;margin:0 0 0 8px;color:#fff;font-weight:bold;background:#0166b3;border-radius:3px;}
div.digg span.disabled {border:1px solid #eee;padding:5px 12px;margin:0 0 0 8px;color:#ddd;}
.entry{ margin-top:20px; padding:0 50px 30px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }
.Contact-box{padding-bottom: 50px;} 
.Contact-box h1{font-size: 35px;color: #000;font-weight: bold;text-align: center;padding: 20px 0 50px 0;}
.Contact-box .link-box li{position: relative; width: 25%;float: left;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.Contact-box .link-box li p{font-size: 16px;padding-top: 10px;color: #666;}

.Contact-box .link-box li:last-child:after{display: none;}
.Contact-box .link-box li:after{content: '';height: 30px;width: 1px; position: absolute;right: 0;top: 50%;margin-top: -15px;background: #062369;}
.Contact-box .link-box .address{text-align: center;margin-top: 50px;}
.Contact-box .link-box .address p{font-size: 22px;margin-top: 15px;color: #666;}
.about-box .company-box{background: url(../images/companybg.jpg) no-repeat;background-size: cover;min-height: 571px;}
.about-box .company-box h1{text-align: center; font-size: 24px;color: #000;font-weight: bold;text-transform: uppercase;padding-top: 50px;}
.about-box .company-box .des{padding: 30px 0;}
.about-box .company-box .des p{font-size: 16px;color: #000;margin-bottom: 30px;}
.company-data {height: 170px;background: #fff;}   

.company-data li{width: 25%;float: left;position: relative;height: 170px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
   .company-data li:after{content: '';height: 40px;width: 1px; position: absolute;right: 0;top: 50%;margin-top: -20px;background: #062369;}
   .company-data li .num{font-size: 45px;font-weight: bold;color: #062369;}
   .company-data li .name{font-size: 16px;color: #062369;}
   .company-data li:last-child:after{display: none;}
   .about-box .company-data {background: none;}   
   .compamy-show{background: #fff;padding: 50px 0;}
   .compamy-show h2{text-align: center;color: #000;font-size: 45px;font-weight: bold;padding-bottom: 50px;text-transform: uppercase;}
   .certificate {background: #fff;padding: 50px 0;}
   .certificate h2{text-align: center;color: #000;font-size: 45px;font-weight: bold;padding-bottom: 50px;text-transform: uppercase;}
   .certificate ul {width: 105%;overflow: hidden;}
 .certificate ul li{float: left;width: 175px;margin-right: 50px;text-align: center;}
 .certificate ul li img{width: 175px;}
.cate {padding: 50px 0;}
.cate{ display:block; position:relative; margin:0 0 15px;}

    .cate dl{ margin:0; padding:0; clear:both; display:block; border-bottom:1px solid #e1e1e1; font-size:17px;text-transform: uppercase;}
	.cate dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.cate dl:first-child{ border-top:none; }
	.cate dl dt{ display:block; float:left; padding:8px 10px; padding-left:10px;  color:#696969; line-height:40px; }
	.cate dl dd{ position:relative; margin-left:185px; padding-top:6px; }
	.cate dl dd a{ display:inline-block; margin:0 6px 6px 0; padding:8px 10px;color:#696969; }
    .cate dl dd a:hover{border-bottom: 2px solid #003fd5; color: #000;}
	.cate dl dd a.selected{ border-color:#fff; border-bottom: 2px solid #003fd5;color: #000; }
  .product {display: flex;}
    .product li a{display: block;}
    .product-side {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
    .product-side li{background: #efefef; width: 300px;float: left;margin-right: 20px;margin-bottom: 20px;border-radius: 20px;border: 1px solid #f5f5f5;}
    .product-side .img-box {width:300px;height:300px; text-align:center;vertical-align:middle;;overflow:hidden;display:table;*display:block;}
    .product-side .img-box .cell{display:table-cell;vertical-align:middle;text-align:center;}
    .product-side .img-box img {max-width:300px;max-height:300px;}
    .product-side li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.18);}
    .product-side li .title{text-align: center;font-size: 16px;color: #000;padding: 10px 0;height:32px;line-height:32px;}


    .search-box {
                width: 900px;
                height: 90px;
                position: relative;
                margin: 50px auto;
            }

                .search-box input {
                    width: 900px;
                    background: #efefef;
                    height: 90px;
                    line-height: 90px;
                    border-radius: 30px;
                    outline: none;
                    font-size: 18px;
                    color: #7c7c7c;
                    text-indent: 2em;
                }

                .search-box .btn {
                    background: url(../images/search2.png) no-repeat center center;
                    width: 100px;
                    height: 90px;
                    position: absolute;
                    right: 0;
                    top: 0;
                }
                 /* 分类区域样式 */
        .category-side {
            width: 280px;
            background: #f5f5f5;
            padding: 15px;
            border-radius: 8px;
            margin-right: 20px;
        }

        .category-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .category-item {
            margin: 5px 0;
        }

        .category-title {
            position: relative;
            padding: 10px;
            cursor: pointer;
            transition: background 0.3s;
            border-radius: 4px;
        }

        .category-title:hover {
            background: #e0e0e0;

        }

        /* 箭头伪类实现 */
        .category-title::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #666;
            transition: transform 0.3s;
        }

        .category-item.active .category-title::after {
            transform: translateY(-50%) rotate(180deg);
        }

        /* 二级分类 */
        .sub-category {
            list-style: none;
            padding: 0;
            margin: 0;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            padding-left: 20px;
        }

        .category-item.active .sub-category {
            max-height: 500px; /* 根据实际内容调整 */
        }

        .sub-item {
            padding: 8px 10px;
            cursor: pointer;
            border-radius: 4px;
        }

        .sub-item:hover,
        .sub-item.active {
            background: #2196F3;
            color: white;
        }
            .sub-item a:hover,
            .sub-item.active a {
                color: white !important;
            }

            .product-detail {
                padding: 75px 0;
            }
.product-detail img{width: 100%;}
.product-detail .left{width: 615px;overflow: hidden;float: left;position: relative;}
.product-detail .right{width: 605px;float: right;}
.product-detail .product-img-list{position: relative;padding: 0 38px; margin: 20px 0;}
.product-detail h1{font-size: 40px;color: #000;}
.product-detail .des{margin: 40px 0;font-size: 16px;color: #000;}
.product-detail .contact{display:block; text-transform: uppercase; text-align: center;margin: 0 auto;line-height: 46px; font-size: 18px;color: #fff;font-weight: bold;height: 46px;width: 400px;background: #003bd7;}
.product-detail .nav{padding: 20px 0;} 
.product-detail .nav a{font-size: 20px;color: #221815;}
.product-detail .nav span{padding: 0 10px;font-size: 20px;color: #221815;} 
.detail {margin-top: 40px;}
.detail .title{padding-left: 70px;font-size: 28px;position: relative; background: url(../images/title.png) no-repeat;color: #fff;height: 50px;line-height: 50px;}
.detail .title:after{position: absolute;content: ''; left: 0;bottom: 0;width: 100%;height: 5px;background: #003bd7;}
/*底部*/
     .footer {background: #000;padding: 30px 0;}
        .footer .nav-box {position: relative;}
        .footer .nav-box .logo{margin-bottom: 45px;text-align: center;width: 220px;}
        .footer .nav-box .qr{width: 220px;text-align: center;}
        .footer .nav-box .qr p{color: #fff;font-size: 16px;padding-top: 5px;text-align: left;}
        .footer .nav-box .nav-info{position: absolute;left: 0;}
        .footer .nav-box .nav{padding: 30px 0;display: flex;box-sizing: border-box;padding-left: 365px;}
        .footer .nav-box .nav .item{margin-right: 100px;text-transform: uppercase;}
        .footer .nav-box .nav .item h2{color: #ffffff;font-size: 18px;margin-bottom: 30px;}
        .footer .nav-box .nav .item li{margin: 10px 0;}
        .footer .nav-box .nav .item  a{font-size: 16px;color: #acacac;text-transform: uppercase;}

        .footer .copyright{font-size: 18px;display: flex;justify-content: space-between; color: #fff;margin-top: 30px;}
        .footer .copyright a{color: #fff;}