@charset "utf-8"
/*网页页头样式*/
::-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: #333; }
*{transition: all .4s ease;-webkit-transition: all .4s ease;}
html{color: #333;background: #fff;font-size: 14px;font-family: 'Microsoft Yahei';}
body{cursor: default;}
a{color: #333;text-decoration: none;}

header *{transition: unset; -webkit-transition: unset;}
a:hover{color: #f30;}
.hover-shadow{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
header{background: #fff;overflow: hidden;}
header .pc{margin: 30px auto;}
header .row{ display: flex; flex-wrap: nowrap;}
header .row .search{list-style: none; width: 76%;height: 30px; border: 1px solid #e6e6e6;border-radius: 900px;display: inline-block;}
.search{margin: auto 0 auto 80px;}
.search form{position: relative;}
.search .keyword{border: 0;height: 35px;line-height: 28px;outline: none;padding: 0 15px 0 20px; float: left;font-size: 16px;border-radius: 900px;width: 180px;}
/* .search .tjiao{width: 38px;height: 36px; background:url("../img/search.png") ; float: left; border: 0; outline: none; content: ""; position: absolute;right: -1%;border-bottom-right-radius: 20px;border-top-right-radius: 20px;} */
header .logo img{width: 100%;height: 100%;object-fit: contain;}
header #container{display: flex;}
header .hotline{display: flex;align-items: center;}
header .hotline .hotline_img{padding:  0 10px 0 0 ;}
header .hotline .p1{color: #000;}
header .hotline .p2{font-weight: bold; font-size: 25px; color: #fc0707;}
header .hotline p{margin: 0;text-align: start; line-height: 20px;padding: 5px;}
header #caidan{background: #175eb8;}
header nav .nav-link{color: #fff;}
header nav .nav-item a{padding: 16px 40px;font-size: 16px;}
header nav .nav-item:hover{background: #000;color: #fff;}
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: #333;}


.m-head{display:none;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 1px 5px rgba(0, 0, 0, .3);}
.m-head .m-head-logo{float: left;padding-left: 10px;}
.m-head .m-head-logo img{height:60px;display: block}
.m-head .m-head-menu{padding-right:5%;padding-top:20px;float: right;}
.m-head .m-head-menu a img{height:16px;vertical-align:top;display: block}
.m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
.m-nav .menu-close img{height: 30px;}
.m-nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
.m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
.m-nav .m-navList ul li{border-bottom:1px solid #232530}
.m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m-nav .m-navList ul li .m-nav-f a{flex: 1;} 
.m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.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}
.m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
.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;}
.m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
.m-nav .m-navList .m-nav-img img{width: 100%;}

/*网页首页*/
.container{max-width: 1400px;}
.about{background: url(../img/about-bg.jpg) no-repeat center;margin: 50px 0;padding: 10px 0;}
.about .title{text-align: center;padding: 20px 130px 20px 0;}
.about .title h2{font-size: 60px;font-weight: bold;}
.about .title span{font-size: 25px;font-weight: bold;padding-left: 10px;}
.about .content{padding: 30px 0;}
.about .content .description{text-indent: 2em;padding: 24px 0px;line-height: 2;}
.about .content .description a{color: #175eb8;}

.arr_left,.arr_right{position: absolute;top: 0;background-image: none;width: 45px;height: 100%;background-color: #fff;z-index: 999;}
.swiper-button-prev,.swiper-button-next{position: absolute;display: inline-block;width: 26px;height: 42px;z-index: 999;top: 50%;margin-top: 0;}
.arr_left{left: 0px;}
.arr_right{right: 0px;}
.swiper-button-prev{left:0;background: #fafafa url(../img/jiantou-left.png) no-repeat center center;}
.swiper-button-next{right: 0;background: #fafafa url(../img/jiantou.png) no-repeat center center;}
.swiper{--swiper-navigation-size:0px;}

.middle{margin: 50px 0;}

.honor .title{background: url(../img/title-bg.jpg) 56% 50% no-repeat;text-align: center;padding: 20px 0;}
.honor .title h2{font-size: 60px;font-weight: bold;}
.honor .title span{font-size: 25px;font-weight: bold;padding-left: 10px;}
.honor .honor_photo{text-align: center;margin: 30px;}

.product .title{background: url(../img/title-bg.jpg) 56% 50% no-repeat;text-align: center;padding: 20px 0;}
.product .title h2{font-size: 60px;font-weight: bold;}
.product .title span{font-size: 25px;font-weight: bold;padding-left: 10px;}
.product .small_title{display: flex;justify-content: space-evenly;padding: 36px 0 0;}
.product .small_title .shuxian{border-right: 1px #999 solid;}
.product .small_title a{font-size: 16px;font-weight: bold;}
.product .small_title a:hover{color: #175eb8;}
.product .product_box .row a{display: block;overflow: hidden;border-radius: 0.375rem;}
.product .product_box .row a:hover{box-shadow: 0 6px 12px rgba(0,0,0,.1);transform: translateY(-6px);}
.product .product_box .row h3{color: #fff;background-color: #175eb8;text-align: center;padding: 0.75rem;font-size: 1rem;margin: 0;}
.product .product_box .row h3:hover {background-color: red;}
.product .product_box{padding: 30px 0;}
.product .container .more{text-align: center;}
.product .container a{color: #175eb8;}
.product .container .product_box img{width: 100%;}

.brand{margin-top: 40px;background: url(../img/brand-bg.jpg) calc(50% + 0px) 0% no-repeat;}
.brand .title{text-align: center;padding: 60px 0 80px;color:#fff ;}
.brand .title h2{font-size: 60px;font-weight: bold;}
.brand .title span{font-size: 25px;font-weight: bold;padding-left: 10px;}
.brand .brand_box{background: #fff;overflow: hidden;margin: 32px auto;}
.brand .brand_box .slide_box{text-align: center;height: 228px;padding: 30px;}
.brand .brand_box .slide_box img{width: 72%;object-fit: contain;}

.news{margin-top: 40px;}
.news .title{background: url(../img/title-bg.jpg) 56% 50% no-repeat;text-align: center;padding: 20px 0;}
.news .title h2{font-size: 60px;font-weight: bold;}
.news .title span{font-size: 25px;font-weight: bold;padding-left: 10px;}
.news .news_box{padding: 50px 0;}
.news .news_box .more{color: #175eb8;}
.news .date{background: #175eb8;width: 64px;height: 64px;color: #fff;line-height: 1;float: left;margin-right: 16px;display: flex;flex-direction: column;justify-content: center;font-size: 2rem;align-items: center; border-radius: 0.375rem;}
.news .date small{font-size: 0.75rem;display: block;}
.news .content p{color: #999;}
.news .every_new1{background-color: rgb(221, 219, 219);margin: 0 51px 0 0;height: 100px;}
.news .every_new1 .content{padding: 10px 10px 0 0 ;}
.news .every_new1 .content h3,.news .row h3{font-size: 17px;font-weight: bold;}
.news .every_new1 .content p,.news .row p{font-size: 14px;}
.news .every_new{display: flex;overflow: hidden; margin-bottom: 24px;flex-direction: row;align-items: center;}
.news .every_new .content{width: calc(100% - 80px);}
.news .every_new .content h3,.news .row h3{font-size: 20px;font-weight: bold;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.news .every_new .content p,.news .row p{font-size: 15px;margin-bottom: 0;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.news .news_box .slide_box .xuxian{border-bottom: #999 1px dotted;height: 5px;margin: 36px 0px;}

/*关于我们*/
.sub .sub_box{margin: 30px 0;}
.sub .sectitle{line-height: 2;font-size: 14px;margin: 30px 0;border-bottom:1px  rgb(211, 209, 209) solid;}
.sub .sub_box .row .slide_box .lefta{box-shadow: 0 0 12px rgba(0,0,0,.1);border-radius: 0.5rem;overflow: hidden;top: 18px;}
.sub .sub_box .row .slide_box .lefta .title{color: #fff;background-color: #175eb8;text-align: center;padding: 12px 0;}
.sub .sub_box .row .slide_box .lefta .title h3{font-size: 1.125rem;margin: 0;}
.sub .sub_box .row .slide_box .lefta .comt{padding: 24px 24px 120px;background: url('../img/bg-left.jpg') 100% 0% no-repeat;}
.sub .sub_box .row .slide_box .lefta .comt a{}
.sub .sub_box .row .slide_box .lefta .comt h3{font-size: 18px;color: #175eb8;font-weight: bold;text-align: center;border-bottom: 1px rgb(211, 209, 209) solid;margin-bottom:10px ;padding-bottom: 10px;}
.sub .sub_box .row .slide_box .lefta .comt p{font-size: 1rem;margin-bottom: 0.375rem;}
.breadcrumb{color: #999;}
.breadcrumb a{color: #999;}
.breadcrumb > li + li:before{content: "/\00a0";padding: 0 5px;color: #ccc;}

/*新闻*/
.sub .sub_box .row .slide_box .every_new img{float: left;margin-right: 20px;overflow: hidden;padding: 10px 15px 10px 5px;height: 110px;object-fit: cover;}
.sub .sub_box .row .slide_box .every_new .date small{color: #999;}
.sub .sub_box .row .slide_box a:hover{color: #175eb8;}
.sub .sub_box .row .slide_box .every_new{border-bottom: 1px #eaeaea solid;margin: 12px 0;display: block;font-size: 1rem;}
.sub .sub_box .row .slide_box .every_new:hover{}
.sub .sub_box .row .slide_box .every_new:hover img{}
.sub .sub_box .row .slide_box .every_new h3{font-size: 2rem;font-weight: bold;}


/*产品中心*/
.sub .sub_box .row .slide_box .lefta .comt .pro_n{padding: 12px 6px;text-align: left;border-bottom: 1px dashed rgba(0,0,0,.2);}
.sub .sub_box .row .slide_box .pro_box .pro{display: block; border-radius: 0.5rem;overflow: hidden;padding: 8px; border: 1px solid rgba(23,94,184,.4);}
.sub .sub_box .row .slide_box .pro_box .pro img{width: 100%;border-top-left-radius: 0.375rem;border-top-right-radius: .375rem;}
.sub .sub_box .row .slide_box .pro_box .pro p{background-color: #175eb8;text-align: center;padding: 8px 0;margin: 0;color: #fff;border-bottom-left-radius: .375rem;border-bottom-right-radius: .375rem;}
.sub .sub_box .row .slide_box .pro_box .pro:hover{background: #175eb8;box-shadow: 0 6px 12px rgba(0,0,0,.2);transform: translateY(-6px);}
.sub .sub_box .row .slide_box .pro_box .pro:hover p{background-color: #f30;}
.sub .sub_box .row .slide_box .pro_n{text-align: center;}
.sub .sub_box .row .slide_box .pro_n a{font-size: 1rem;}
.sub .sub_box .row .slide_box .pro_n:hover{background-color: rgba(23,94,184,.8);}
.sub .sub_box .row .slide_box .pro_n:hover a{color: #fff;}

/*荣誉*/
.sub .sub_box .row .slide_box .rongyu_box .ry{display: block; border-radius: 0.5rem;overflow: hidden;padding: 8px; border: 1px solid rgba(23,94,184,.4);}
.sub .sub_box .row .slide_box .rongyu_box .ry img{width: 100%;height:210px;object-fit:cover;border-top-left-radius: 0.375rem;border-top-right-radius: .375rem;}
.sub .sub_box .row .slide_box .rongyu_box .ry p{background-color: #175eb8;text-align: center;padding: 8px 0;margin: 0;color: #fff;border-bottom-left-radius: .375rem;border-bottom-right-radius: .375rem;}
.sub .sub_box .row .slide_box .rongyu_box .ry:hover{background: #175eb8;box-shadow: 0 6px 12px rgba(0,0,0,.2);transform: translateY(-6px);}
.sub .sub_box .row .slide_box .rongyu_box .ry:hover p{background-color: #f30;}

/* 左边栏 */
.lefta .comt .pro_n{padding: 5px 0px;}

/*新闻、产品的页面详情*/
.sub .sub_box .row .slide_box .content_title{text-align: center;}
.sub .sub_box .row .slide_box .content_title h2{margin-bottom: 0.375rem;}
.sub .sub_box .row .slide_box .content_title small{color: #999;}

/*网页底部*/
footer{background-color: #333;margin-top: 48px;}
footer .foot_box{padding: 30px 0;}
footer .row .slide_box .title{color:#fff;padding-top: 10px;}
footer .row .dhx{background-color: #fff;width: 20px;height: 1px;}
footer .row .slide_box .title h2{font-size: 20px;font-weight: bold;}
footer .row .slide_box .title span{font-size: 10px;margin: 0 10px;}
footer .row .slide_box .content{font-size: 16px;padding-top:40px ;color: #999;}
footer .row .slide_box .img{padding: 40px 0;}
footer .row .slide_box .content a{color: #999;}
.copy{background-color: #333;border-top: 1px solid rgba(255,255,255,.3);}
.copy p{text-align: center;color: rgba(255,255,255,.4);font-size: 14px;padding: 15px 0; margin-bottom: 0;text-transform: uppercase;}
.copy p a{color: rgba(255,255,255,.6);}

/* 手机端首页导航 */
@media (max-width:1024px) {
    body{margin-top: 60px;}
    header{display: none;}
    .m-head{display: block;}
    .m-head .m-head-logo img{height: 36px;margin-top: 10px;}
    .about{background-image: none;}
    .brand .title h2{color: #000;}
    .brand{background-image: none;}
    .brand .brand_box{background-image: none;}
    .brand .brand_box .slide_box{margin: 10px 0px;padding: 0 10px;}
    .news .title,.about .title,.product .title,.honor .title,.brand .title{padding: 0px 10px;background-image: none;}
  }
@media (max-width:768px) {
     header{display: none;}
    .m-head{display: block;}
    .about .row .photo img{width: 100%;}
    .news .row img{width: 100%;}
    .brand .title h2{color: #000;}
    .brand{background-image: none;}
    .brand .brand_box{background-image: none;}
    .news .title,.about .title,.product .title,.honor .title,.brand .title{padding: 0px 10px;}
    footer .foot_box{display: none;}
    footer .slide_box{padding: 0px 250px;}
  }

@media (max-width:425px) {
    .content-box{margin-left: unset;}
    header{display: none;}
    .m-head{display: block;}
    .brand .title h2{color: #000;}
    .brand{background-image: none;}
    .brand .brand_box{background-image: none;}
    .brand .brand_box .slide_box{margin: 10px 0px;padding: 0 10px;}
    .news .row .every_new h3{font-size: 15px;}
    .news .row .every_new p{font-size: 13px;}
    .news .row .every_new1 h3{font-size: 15px;}
    .news .row .every_new1 p{font-size: 13px;}
    .news .news_box .img{padding-bottom: 20px;}
    .news .title,.about .title,.product .title,.honor .title,.brand .title{padding: 0px 10px;}
    .news .title h2,.about .title h2,.product .title h2,.honor .title h2,.brand .title h2{font-size: 20px;}
    .news .title span,.about .title span,.product .title span,.honor .title span,.brand .title span{font-size: 20px;}
    footer .slide_box{padding: 0px 70px;text-align: center;}
    footer .slide_box .dhx{margin: 0 55px;}
    .copy a{display: block;white-space: normal;}
    .news .every_new1{background-color: #fff;margin: 0 0 10px 0;}
}