@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; }
body{cursor: default;color: #333;background: #fff;margin-top: 150px;}
a{color: #333;}
.dropdown-menu{background-color: rgba(0, 0, 0, .8);}
.dropdown-menu a {color: #ffff;}
a:hover{color: #f30;text-decoration: none;}
.hover-shadow{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
header{box-shadow: 0 1px 5px rgba(0, 0, 0, .3);padding: 10px 0 0;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: 21px;line-height: 16px;outline: none;padding: 0 15px 0 20px; float: left;font-size: 13px;width: 160px;}
.search .tjiao{width: 21px;height: 21px; background:#eb891a url("../img/search.png") no-repeat; float: left; border: 0; outline: none; content: ""; position: absolute;right: -1%;}
header .logo1{margin-top: 10px;}
header #container{display: flex;justify-content: end;}
header .hotline{display: flex;align-items: center;}
header .hotline span{text-align: left;}
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;margin-top: 20px;}
header #caidan .nav{justify-content: space-around;}
header nav .nav-link{color: #fff;}
header nav .nav-item a{padding: 20px 15px;}
header nav .nav-item:hover{background: #eb891a;color: #fff;}
header nav .nav-item .active{background: #eb891a;}


.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%;}


/*网页*/
.product .title h3{font-size: 30px;color: #175eb8;margin: 30px 0;}
.product .title span{color:#000;}
.product .row .img1{background: url(../img/pro-bg1.png)no-repeat;}
.product .row .img2{background: url(../img/pro-bg2.png)no-repeat;}
.product .row .img3{background: url(../img/pro-bg3.png)no-repeat;}
.product .row .img4{background: url(../img/pro-bg4.png)no-repeat;}
.product .row .img5{background: url(../img/pro-bg5.png)no-repeat;}
.product .row .img1,.img2,.img3,.img4,.img5 img{padding: 20px;border: 20px rgb(0,0,0,0.5);}
.product .row .slide_box{padding: 10px 10px;}
.product .row #last{margin-left: 200px;}

.about{background: url(../img/about-bg.png) no-repeat;margin: 30px 0;padding: 50px 0;}
.about .title{padding-top: 20px;}
.about .title h3{font-size: 30px;color: #fff;}
.about .about_box{padding: 20px 10px;background-color: #fff;margin: 30px 0;}
.about .about_box .description p{text-indent: 2em;font-size: 15px;margin-bottom: 0;line-height: 2;}
.about .about_box .description .link{padding-top: 25px;}
.about .about_box .description .link a{border:1px #eb891a solid;border-radius: 20px;margin: 0 20px 0 0;padding: 2px 20px;font-size: 12px;color: #eb891a;}
.about .about_box .description .link a:hover{color: #fff;background-color: #eb891a;}

.honor .title h3{font-size: 30px;color: #000;margin: 30px 0;}
/* .honor{padding: 0 10px;} */
.honor .every_honor .title{display: block;padding: 10px 0;}
.honor .every_honor .title p{margin-bottom: 0px;text-align: center;}
.honor .honor_box .img{box-shadow: 5px 5px 5px #999;}
.honor .every_honor .title img{margin: 0 auto;display: block;}
.honor{margin: 40px 0;}
.honor .every_honor{margin: 0 18px;}


.news{background-color: #f3f3f3;}
.news .news_box .photo .up{background-color: #eb891a;height: 150px;}
.news .news_box .photo .down{background-color: #fff;}
.news .news_box .photo .down  img{padding: 20px;margin: -200px 0;}
.news .title{padding: 20px 0;}
.news .title h3{font-size: 30px;color:#175eb8;}
.news .title span{color: #000;}
.news .news_box{padding: 30px 0;}
.news .news_box .photo .down h2{font-size: 20px;}
.news .news_box .photo .down small{color: #999;display: block;}
.news .news_box .photo .down .description{margin: 130px 20px 5px 20px;padding-bottom: 20px;}
.news .news_box .every_new{display: flex;}
.news .news_box .every_new .date{color: #175eb8;margin: 0 20px;}
.news .news_box .every_new .date small{text-align: center;display: block;}
.news .news_box .every_new .date h2{font-size: 50px;text-align: center;}
.news .news_box .slide_box2{background-color: #fff;margin-bottom: 5px;}
.news .news_box .slide_box2 .every_new{margin-top: 20px;}
.news .news_box .slide_box2 .description h2{font-size: 20px;}
.news .news_box .slide_box2 .description p{font-size: 14px;}

.friendly_link{padding: 10px 0;}


footer{background-color: #175eb8;}
footer .link{text-align: center;border-bottom: #999 1px solid;padding: 20px 0;}
footer a{text-align: center;color: #fff;padding: 20px 20px;}
footer .footer_box{padding: 20px 0;}
footer .footer_box p{font-size: 13px;color: #fff;}
/* footer .footer_box .img{text-align: inherit!important;}
footer .footer_box .middle{text-align: center!important;}
footer .footer_box .last{text-align: end;} */
footer .footer_box .last-last{text-align: end;}


.copy{background-color: #175eb8;padding: 5px 0;}
.copy p{color: #fff;font-size: 10px;text-align: center;}

/* 产品中心 */
.pro_content{margin-bottom: 200px;}
.pro_content .content{margin-bottom: 100px;}
.container .slide .slide_kind{background-color: #f4f4f4;margin: 10px 0;padding: 10px 10px;}
.container .slide .slide_kind a{padding: 0px 10px;font-weight: bold;}
.container .slide .slide_title{background-color: #175eb8;margin: 10px 0;padding: 10px 10px;}
.container .slide .slide_title p{padding: 0px 10px;font-weight: bold;color: #fff;display: inline;}
.container .content .title{margin: 20px 0;padding: 10px 0;border-left: #175eb8 2px solid;display: flex;justify-content: space-between;}
.container .content .title h4{font-size: 15px;margin: 0 0 0 10px}
.container .content .title .phone{display: flex;}
.container .content .title .phone p{font-size: 15px;margin-bottom: 0;}
.container .content .title .phone h3{font-size: 18px;color: #eb891a;margin-bottom: 0;}
.container .content .title .phone img{width: 20px;height: 20px;}
.pro_content .container .pro_list .img:hover{background-color: #999;}
.pro_content .container .pro_list .img:hover img{opacity: 0.5;}
.pro_content .container .pro_list .img{padding: 0 15px;}
.pro_content .container .pro_list .img:hover p{display: block;} 
/* .pro_content .container .pro_list p{color: #fff;border: #fff 1px solid;padding: 5px 5px;text-align: center;margin:-120px 65px;position: absolute;display: none;width: 150px;}  */
.pro_content .container .pro_list p{text-align: center;}
/* 公司简介 */
.container .row .content .description p {line-height: 2;text-align: justify;}



/*新闻*/
.pro_content .new .every_new img{margin-right: 20px;padding: 10px;}
.pro_content .new .every_new .date small{color: #999;}
.pro_content .new a:hover{color: #175eb8;}
.pro_content .new .row{border-bottom: 1px #eaeaea solid;transform:all 0.5s;padding: 10px 0;}
.pro_content .new .row:hover{box-shadow:5px 5px 5px 5px rgb(0 0 0 / 20%);}
.pro_content .new .row:hover img{transform :scale(1.2)}


/* 工程案例 */
.pro_content .content .engine_list p{text-align: center;padding: 5px 0;}
.pro_content .content .engine_list a:hover p{background-color: #175eb8;color: #fff;}

/* 详情页 */
.pro_content .content .show .show_title{margin: 10px 0;border-bottom: 1px #999 dashed;}
.pro_content .content .show .show_title h2{text-align: center;}

/* 底部特殊 */
footer .footer_box .last-last p{font-size: 10px;width: 1em;float: left;}
footer .footer_box .last-first{text-align: center!important;}

/* 手机端首页导航 */
@media (max-width:1200px) {
  }
@media(max-width:1199px){

}  
@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;}
    .news .news_box .photo .down img{margin: -100px 0;}
    .news .title,.about .title,.product .title,.honor .title,.brand .title{padding: 0px 10px;}
    footer .slide_box{padding: 0px 250px;}
    .about .title h3{color: #000;}
    .product .row #last{margin: 0;}
  }

@media (max-width:425px) {
    .news .title,.about .title,.product .title,.honor .title{padding: 0px 10px;}
    .news .title h3,.about .title h3,.product .title h3,.honor .title h3{font-size: 20px;}
    .news .title span,.about .title span,.product .title span,.honor .title span,.brand .title span{font-size: 20px;}
    .about .title h3{color: #000;}
    .product .row #last{margin: 0;}
    .product .row .slide_box{padding: 0 20px;}
    .news .every_new .description h2{font-size: 16px;}
    footer .link a{padding: 10px 12px;}
    .container .content .title{flex-wrap: wrap;}
    .pro_content .new .every_new img{padding: 0px;}
    .pro_content .new .every_new h3,small,p{font-size: 15px;}
    .pro_content{margin: 30px 0;}
    footer .footer_box .img,.middle,.last,.last-first,.last-last{text-align: center!important;}
    .honor .every_honor{margin: 0px;}
}