@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: #333; }
body{cursor: default;color: #333;background: #fff;margin-top: 88px;font-family: '微软雅黑';}
a{color: #333;}
p{margin: 0; padding: 0;}
.dropdown-menu{background-color: rgba(0, 0, 0, .8);}
.dropdown-menu a {color: #ffff;}
a:hover{color: #2984cb;text-decoration: none;}
.hover-shadow{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
header{padding: 20px 0;box-shadow: 0 1px 5px rgba(0, 0, 0, .3);z-index: 9;background: #fff;}
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.jpg") ; float: left; border: 0; outline: none; content: ""; position: absolute;right: -1%;border-bottom-right-radius: 20px;border-top-right-radius: 20px;}
header .logo1{margin-top: 10px;}
header .hotline{display: flex;align-items: center;justify-content: flex-end;}
header .hotline .hotline_img{padding:  0 10px 0 0 ;}
header .hotline .p1{color: #4f4f4f;display: inline-block;font-size: 15px;}
header .hotline .p2{font-weight: bold; font-size: 20px;}
header .hotline p{margin: 0;text-align: start; line-height: 20px;}
/* header #caidan{margin-top: 20px;} */
header nav .nav-link{color: #434343;font-size: 15px;padding:6px 0 0 45px;}
.nav{justify-content: flex-end;margin-top: -15px;}
/* header nav .nav-item a{padding: 10px 30px;} */
header nav .nav-item:hover a{color: #db4830;}
header nav .nav-item .active{background: #db4830;}

.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%;}

/* 首页内容区样式 */
.gys{margin-bottom: 100px;}
.gys_top .bd{display: flex;align-items: center;justify-content: center;margin: 60px 0 20px 0 ;}
.gys_top .bd .c {background-color: #e0e0e0; display: inline-block;width: 150px;height: 4px;margin: 0 40px;}
.gys_top .bd .p1 {border: none; font-size: 32px; font-weight: bold;color: #0a73c4;text-align: center;}
.gys_top .p2{font-size: 13px; text-align: center;padding-bottom: 40px;}
.gys .gys_foot{display: flex;}
.gys .gys_foot .content{border: 1px solid #d9d9d9;padding: 40px 20px;border-radius: 14px;}
.gys .gys_foot .content p{text-align: center;margin: 10px 0;padding: 0;line-height: 2;}
.gys .gys_foot .content .p3{font-size: 16px;color: #777777;}
.gys .gys_foot .content .p4{font-size: 13px;color: #909090;}
.gys .gys_foot .content .logo{text-align: center; margin: 20px 0;}
.pa{margin-bottom: 100px;}
.pa .pa_top{display: flex;align-items: center;}
.pa .pa_top p{margin: 0 20px;}
.pa .pa_top .p1{font-size: 26px; color: #4e4e4e;font-weight: 300;}
.pa .pa_top .p2{color: #7c7c7c; font-size: 14px;margin-left: 0;}
.pa .pa_img{display: flex; margin-top: 30px;}
.pa .pa_img img{width: 100%;}
.pa .pa_img p{font-size: 12px;font-weight: bold;text-align: center;margin: 10px 0;}



.advt{margin-bottom: 100px;}
.advt .content{display: flex;margin-top: 30px;}
.advt .adv_top{display: flex;align-items: center;}
.advt .adv_top p{margin: 0 20px;}
.advt .adv_top .p1{font-size: 26px; color: #4e4e4e;font-weight: 300;}
.advt .adv_top .p2{color: #7c7c7c; font-size: 14px;margin-left: 0;}
.advt .adv_left .title{display: flex; align-items: baseline; margin-bottom: 20px ; border-bottom: 1px solid #c4c4c5;}
.advt .adv_left .title h1{color: #ff8737;font-size: 30px;margin: 0;width: 20px; border-bottom: 2px solid #ff8737;} 
.advt .adv_left .title  h2{color: #4e4e4e;font-size: 18px; margin-left: 60px; margin-bottom: 0;}
.advt .adv_left article{font-size: 14px;color: #5a5a5a;line-height: 2;margin-bottom: 20px;}


.about{margin-bottom: 100px;}
.about .content{color: #333;}
.about .content h2{text-align:center;}
.about .content p{font-size: 20px;}
.about .content .p3{font-size: 40px;color: #666666;margin: 10px 0;}
.about .content a{color: #ffffff;}
.about .content a:hover{color: #2984cb;}
.about .content article{line-height: 2;font-size: 14px;}
.about .content .learn{margin: 20px auto; width: 160px;height: 44px; background-color: #ff8737;}
.about .content .learn p{text-align: center; line-height: 44px;}



.new .new_title{text-align: center;}
.new .new_title h1{color: #5d9d60;font-weight: bold;}
.new .new_title p{font-size: 20px;color: #cdcdcd;}
.new .new_content{margin: 30px 0;}
.new .new_content .new_item {display: flex;}
.new .new_content .new_item .new_content_left{height: 350px;background: url(../img/newb.jpg);}
.new .new_content .new_item .new_content_left img{width: 100%;}
.new .new_content .new_item .new_content_left .title{height: 50px; display: flex;align-items: center; background-color: rgba(0, 0, 0, .8); color: #ffffff;justify-content: space-between;}
.new .new_content .new_item .new_content_left .img{margin-top: 15px;}
.new .new_content .new_item .new_content_left  .c1{font-size: 20px;color: #464747;}
.new .new_content .new_item .new_content_left p{padding-bottom: 5px;}
.new .new_content .new_item .new_content_left  .c2{font-size: 14px;}
.new .new_content .new_item .new_content_left  .c3{font-size: 14px;color: #979797;}
.new .new_content .new_item .new_content_right {margin-left: 20px;}
.new .new_content .new_item .new_content_right .new_content_right_item{display: flex;margin: 0 0 40px 0;} 
.new .new_content .new_item .new_content_right .new_content_right_item .img{margin-left: 30px;}
.new .new_content .new_item .new_content_right .new_content_right_item .word{margin: 0 0 0 30px;}
.new .new_content .new_item .new_content_right .new_content_right_item .word .p1:hover{color: #f30;text-decoration: none;}
.new .new_content .new_item .new_content_right .new_content_right_item .p1{color: #464747;padding-bottom: 5px;font-size: 20px;}
.new .new_content .new_item .new_content_right .new_content_right_item p{color: #979595;padding: 0;margin: 0;font-size:13px ;}
.new .new_content .new_item .new_content_right .new_content_right_item  .date{width: 90px;height: 90px;color: #2941a5; font-size: 42px; text-align: center;float: left;}
.new .new_content .new_item .new_content_right .new_content_right_item  .date small{display: block;font-size: 12px;color: #2941a5;}

footer .top  .m{justify-content: center;}
footer .top  .m p{padding: 0 20px;font-size: 14px;}
hr{border-color: #000;}
footer .bottom .com{font-size: 15px;justify-content: center;font-weight: 600;}
footer .bottom p{padding:  10px;}
footer .bottom .coat{justify-content: center; font-size: 15px;}

/* 左侧固定悬浮样式 */
.sublide{background-color: #31343d;}
/* .sublide img{width: 100%;} */
.product1{padding-bottom: 60px;}
.sticktop {background-color: #f0f0f0;margin: 20px auto; position: sticky;top: 160px;padding-bottom: 1px;}
.sticktop p{padding: 0;margin: 0;} 
.sticktop .sticktop_top{background-color: #ff7c07;color: #ffffff;}
.sticktop .sticktop_top .stick_wenzi{display: flex;text-align: center;font-size: 20px;height: 60px;align-items: center;padding-left: 15px;}
.sticktop .sticktop_top .stick_wenzi h2{font-size: 25px; padding-left: 15px;margin-bottom: 0;padding-top: 3px;}
.sticktop .sticktop_top .stick_wenzi .img{height: 27px;text-align: center;}
.sticktop .sticktop_img img{width: 100%;}
.sticktop .sticktop_content{height: 250px;font-size: 15px;}
.sticktop .sticktop_content .content{padding: 10px;}
.sticktop .sticktop_content .content p{padding: 8px;}
.sticktop .sticktop_code{background-color: #ea7106;display: flex;justify-content: center;margin: 10px 20px 20px 20px;height: 115px;border-radius: 5px; color: #ffffff;}
.sticktop .sticktop_code .content{text-align: center;margin: auto;}
.sticktop .sticktop_code .code{margin: auto 10px;}
.sticktop .sticktop_code .code img{width: 100%;}

/* 左侧产品分类 */
.sticktop .class .sticktop_top1{background-color: #ff7c07;color: #ffffff;}
.sticktop .class .sticktop_top1 .stick_wenzi{display: flex;text-align: center;font-size: 20px;height: 60px;align-items: center;padding-left: 15px;}
.sticktop .class .sticktop_top1 .stick_wenzi h2{font-size: 25px; padding-left: 15px;margin-bottom: 0;padding-top: 3px;}
.sticktop .sticktop_content1{font-size: 15px;}
.sticktop .sticktop_content1 .content1{padding: 10px;}
.sticktop .sticktop_content1 .content1 p{padding: 10px;}


/* 网页页脚样式 */


.copy{border-top: 1px solid #666;background: #333333;color: #666;text-align: center;}
.copy p{display: inline-block;padding-bottom: 0;margin-top: 10px;font-size: 12px;}
.copy a{color: #666;}
.copy a:hover{color: #ccc;}



/* 产品栏目内容区样式 */
.list-box{height: 280px;background-color: #eba271;margin: 20px 10px;}
.list-box .list-box-item .thumb{padding: 2%; }
.list-box .list-box-item .thumb img{width: 100%;}
.list-box .list-box-item .word{display: flex;justify-content: space-between;margin:10px; padding: 0 10px;}
.list-box .list-box-item .word h5{font-size: 16px;}
.list-box .list-box-item .title{font-size: 16px;}
.fa{display: inline-flex;}

/* 产品详情页样式 */
.product_content{min-height: 800px;}
.product_content .home_nav{display: flex;border-bottom: 1px solid #f2f2f2;margin-top: 30px;padding-bottom: 10px;}
.product_content .home_nav a {font-size: 15px; margin: 0 10px;color:#969696}
.product_content .home_nav p{margin: 0;}
.product_content .home_nav .img{width: 21px;height: 24px;}
.product_items{margin-top: 20px; display: flex;height: 287px;background-color: #d67014;}
.product_items .img{padding: 1% 0 1% 1%;}
.product_items .right{background-color: #f59036;height: 270px;margin-top: 9px;margin-right: 9px;padding-left: 24px;}
.product_items .right p{color: #ffffff; font-size: 15px;margin: 0;padding: 20px 0 0 45px;}
.product_items .right .p1{color: #000;font-weight: bold;font-size: 20px;}
.product_items .right .logo{display: flex;height:101px;justify-content: center;margin-top: 34px;}
.product_items .right .logo .title{margin: 0 30px;}
.product_items .right .logo .title p{ font-size: 10px;padding: 0; margin: 0; text-align: center;}
.product_items .right .t{padding-left: 20px;margin: 10px 0;}
.product_items .right .t .t_left{background-color: #699a62; padding: 8px 40px;font-size: 15px;color: #ffffff;border-radius: 5px;}
.product_items .right .t .t_right{background-color: #9a9b62;padding: 8px 40px;font-size: 15px;color: #ffffff;border-radius: 5px;margin-left: 5px;}
.product_contents .wz{margin-top: 50px;}
.product_contents .product_contents_top{color: #d67014;border-bottom: 3px solid #d67014;padding-bottom: 5px;font-weight: bold;}
.product_contents{margin-bottom: 300px;}

/* 详情导航 */
 .home_nav{display: flex;border-bottom: 1px solid #f2f2f2;margin-top: 30px;padding-bottom: 10px;}
 .home_nav a {font-size: 15px; margin: 0 10px;color:#969696}
 .home_nav p{margin: 0;}
 .home_nav .img{width: 21px;height: 24px;}







 /* 新闻栏目页样式 */
.news{margin: 30px auto;}
.news .news_content{display: flex; height: 170px;}
.news .news_content .news_content_left{height: 130px;width: 100%;}
.news .news_content .news_content_left .date{width: 100px;height: 100px;color: #666666;font-size: 30px;text-align: center;float: left;}
.news .news_content .news_content_right{margin-top: 5px;}
.news .news_content .news_content_right .num {margin-top: 10px;}
.news .news_content .news_content_right .num span{color:#9b9b9b;font-size: 10px;display: inline-flex;}











/* 手机端首页导航 */
@media (max-width:1940px) {
  .adv .adv_left h2{left: 729px;}
}
@media (max-width:1440px) {
  .adv .adv_left h2{left: 416px;}
}
@media (max-width:1200px) {
    .homeslide .swiper-slide img{height: 400px;}
  }

@media(max-width:1199px){
  .about .about_leftimg{width: 480px;top: -83px;height: auto;}
  .about .about_content{top: -80px;width: 460px;}
  .adv .adv_left h2{left: 345px;}
}  
@media (max-width:1024px) {
    body{margin-top: 37px;}
    header{display: none;}
    .m-head{display: block;}
    .m-head .m-head-logo img{height: 30px;margin-top: 10px;}
    .home-news-item .date{width: 70px;height: 70px;padding-top:.6rem ;}
    .home-news-item .title{width: 80%;}
    .home-news-item .desc{width: 80%;}
    .home-picnews-item{margin:20px 40px;}
    .copy{line-height: 180%;}
    .copy p{display: block;padding-bottom: 10px;}
    .product_items .right .logo .title{margin: 0 15px;}
    .sticktop .sticktop_content .content{padding: 0;}
    .sticktop .sticktop_code{margin: 10px;}
    .list-box{height: 230px;}
    .about .about_leftimg{width: 480px;top: -83px;height: auto;}
    .about .about_content{top: -80px;width: 460px;}
    .adv .adv_left h2{left: 345px;}
    .gys_top .bd .p1{font-size: 20px;}
    .gys_top .bd .c{width: 0;height: 0;margin: 0;}
    .about .content .p3{font-size: 30px;}
  }
  @media(max-width:994px){
    .news .news_content .news_content_left img{width: auto;}    
    .about .about_leftimg{width: 345px;}
    .about .about_title {width: auto;}
    .about .about_content{width: 333px;}
    .about .about_rightimg {width:345px;height: auto;}
    .adv{height: auto;}
    .adv .adv_right .logo .logo_word .p1{font-size: 10px;}
    .adv .adv_left h2{left: 262px;font-size: 20px;padding-top:80px ;}
    .products .products_img .content{height: auto;}
    .new .new_content .new_item .new_content_left .title p{font-size: 14px;}
    .copy{line-height: 1;}
  }  
@media (max-width:768px) {
    .homeslide .swiper-slide img{height: 300px;}
    .content-box{margin-left: unset;}
    header{display: none;}
    .m-head{display: block;}
    .list-box{height: 350px;}
    .list-box .list-box-item .word h5{font-size: 10px;}
    .list-box .list-box-item .word h3{font-size: 18px;}
    .news .news_content .news_content_left img{width: 100%;}    
    .about .about_leftimg{width: 345px;}
    .about .about_title {width: auto;}
    .about .about_content{width: 333px;}
    .about .about_rightimg {width:345px;height: auto;}
    .adv{height: auto;}
    .adv .adv_right .logo .logo_word .p1{font-size: 10px;}
    .adv .adv_left h2{left: 262px;font-size: 20px;padding-top:80px ;}
    .products .products_img .content{height: auto;}
    .new .new_content .new_item .new_content_left .title p{font-size: 14px;}
    footer .c1{margin: 20px auto;}
    .adv .content .adv_img{margin-top: 100px;}
    footer .phone{justify-content: center;}
    footer .num .p2{font-size: 15px;}
    .pic img{height: 140px;}
  }
  @media (max-width:767px) {
    .new .new_content .new_item .new_content_right {margin-left: 0px;}
    .product_contents{margin-top: 300px;}
    .product_items {margin-top: 20px;display: flex;background-color: #f59036;}
    .product_items .right{height: 290px;background-color: #f59036;margin: 0;padding-left: 20px;}
    .product_contents{margin: 300px 0;}
    .new .new_content .new_item .new_content_left{height: auto;}
    .news .news_content .news_content_right{margin: 0;}
    .news .news_content .news_content_right h4{font-size: 15px;font-weight: bold;}
    .news .news_content .news_content_right p{font-size: 10px;margin: 0;}
    .new .new_content .new_item .new_content_right .new_content_right_item{margin: 40px 0 40px 0 ;}
    .list-box{height: 191px;}
    .list-box .list-box-item .word h5{font-size: 10px;}
    .list-box .list-box-item .word h3{font-size: 13px;}
    .about .about_leftimg{position: static;height: auto;float: none;width: 100%;}
    .about .about_title {float: none;}
    .about .about_title h3{margin: 0 auto; padding-top: 30px;}
    .about .about_rightimg {width: 100%;height: auto;position: static;}
    .about .about_content{position: static;width: 100%;margin: 260px 0 70px 0;}
    .adv .adv_left h2{left: 280px;font-size: 20px;padding-top:20px ;}
    .adv .adv_right .logo .logo_word .p1{font-size: 10px;}
    .products .products_img .content{height: auto;}
    .products .products_img .content .img {height: auto;}
    footer .phone{justify-content: center;}
    footer .num .p2{font-size: 15px;}
    .pic img{height: 88px;}
  }

@media (max-width:425px) {
  .new .new_content .new_item .new_content_right {margin-left: 0;}
    .homeslide .swiper-slide img{height: 160px;}
    .content-box{margin-left: unset;}
    header{display: none;}
    .m-head{display: block;}
    .product_contents{margin: 300px 0 100px 0;}
    .product_items {margin-top: 20px;display: flex;background-color: #f59036;}
    .product_items .right{height: 290px;background-color: #f59036;margin: 0;padding-left: 0px;}
    .product_items .right .logo{margin-top: 10px;}
    .news .news_content .news_content_right{margin: 0;}
    .new .new_content .new_item .new_content_right .new_content_right_item{margin: 40px 0 40px 0 ;}
    .news .news_content .news_content_right h4{font-size: 15px;font-weight: bold;}
    .news .news_content .news_content_right p{font-size: 10px;margin: 0;}
    .list-box{height: 191px;}
    .list-box .list-box-item .word h5{font-size: 10px;}
    .list-box .list-box-item .word h3{font-size: 13px;}
    .about .about_leftimg{position: static;height: auto;float: none;width: 100%;}
    .about .about_title {float: none;}
    .about .about_title h3{margin: 0 auto; padding-top: 30px;}
    .about .about_rightimg {width: 100%;height: auto;position: static;}
    .about .about_content{position: static;width: 100%;margin: 260px 0 70px 0;}
    .adv .adv_left h2{left: 280px;font-size: 20px;padding-top:20px ;}
    .adv .adv_right .logo .logo_word .p1{font-size: 10px;}
    .products .products_img .content{height: auto;}
    .products .products_img .content .img {height: auto;}
    footer .c1{margin: 20px auto;}
    .new .new_content .new_item .new_content_right .new_content_right_item .img{margin: 0;}
    .ene{margin-top: 0;}
    .ene .pi .img{padding:10px 40px}
    footer .phone{justify-content: center;}
    footer .num .p2{font-size: 15px;}
    .pic img{height: 88px;}
  }











