
/*header*/
header .logo {
    display: block;
    padding: 30px 0;
}
header a.logo{ margin-top:-10px;}
header .search {
    width: 356px;
}

header .search>ul {
    padding: 16px 0px;
    display: flex;
    justify-content: end;
}

header .search .line {
    width: 1px;
    background: #333333;
    margin: 0 8px;
    opacity: .6;

}

.active_font {
    color: #ee1d23;
}

header .search button {
    border-left: unset;
}

header .search .fa-search {
    color: #fed025;
}



/*banner*/
.banner .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #feca0a;
}

.swiper-pagination-bullet-active{  background-color: #ff6900;}

.homesearch{width:100%; max-width:660px; margin:30px auto;}
.homesearch input.keyword{width:90%; max-width:430px; height:40px; border:1px solid #ced4da; margin-right:10px; padding-left:10px;}
.homesearch input.searchbtn{ border:none;width:30%;max-width:170px; height:40px; background:#474a4c;  box-sizing:border-box; color:#fff;position:relative; top:-1px; right:0px; transition:0.4s;}
.homesearch input.searchbtn:hover{background:#ff6900;}
.greybg{background:#eaeaea; height:70px;display: flex;justify-content: center;
align-items: center; transition:all .5s;}
.greybg:hover{background:#cdc7c7;}
.greybg img{margin:auto;vertical-align: middle;}
.homecate ul li p{text-align:center; line-height:40px;}
.homecate ul li{padding-left:5px; padding-right:5px;}

.homebrand{margin:15px auto;}
.homebrand ul li{ margin-bottom:15px;}
.homebrand img{transition:all .5s;}
.homebrand img:hover{ transform:rotate(360deg);}
/*new about us*/
.blue{color:#ff6900;}
.naboutbg{ height:auto;background:#474a4c; margin:65px auto; padding-top:20px; padding-bottom:20px;}
.naboutbg ul{max-width:1500px;margin:0px auto;}
.naboutbg ul li div{ height:140px;background:url(../images/nabico1.png) no-repeat center top;}
.naboutbg ul li div.abico2{background:url(../images/nabico2.png) no-repeat center top;}
.naboutbg ul li div.abico3{background:url(../images/nabico3.png) no-repeat center top;}
.naboutbg ul li div.abico4{background:url(../images/nabico4.png) no-repeat center top;}
.naboutbg ul li p{color:#fff; text-align:center; line-height:26px;}
.naboutbg ul li span{color:#fff; text-align:center; line-height:26px;}
.naboutbg ul li p{padding-top:85px;}
.naboutbg ul li span{display:block; width:160px; margin:0 auto; border-top:1px solid white;}
.naboutus{margin:0px auto;}
.nhomeaboutc{max-width:1500px;margin:0px auto;}
.nhomeaboutc .row a img{opacity:0.7; transition:all .5s;}
.nhomeaboutc .row a img:hover{opacity:1;}
.aboutico{background:url(../images/nabico_car.png) no-repeat left; line-height:30px; text-indent:38px; font-weight:bold;}
.nhomeaboutc h1{ font-size:46px;font-weight:bold; line-height:54px; margin:20px 0px;}
.nhomeaboutc h1 span{font-weight:bold;}
.nhomeaboutc p { line-height:30px; padding-bottom:10px;}
.nhomeaboutc ul{margin-bottom:15px;}
.nhomeaboutc ul li{background:url(../images/nabico_gou.png) no-repeat left; text-indent:30px; line-height:40px;}
.dicoverdiv a.calltoactionbtn{width:170px; height:50px;left:1%; line-height:36px; font-size:16px; font-weight:bold;}
.dicoverdiv a.calltoactionbtn:hover{ left:1%;width:180px}

/*About us*/
.hometitle{padding:30px 0px;}
.hometitle h2{font-size:36px; font-weight:600; text-align:center; line-height:50px;}
.hometitle p{font-size:16px; text-align:center; line-height:30px;}
.aboutus{margin:0px auto;}
.aboutus ul{margin-bottom:30px;}
.aboutus ul li{margin-bottom:20px;}
.aboutus ul li div{background:url(../images/abico1.png) no-repeat; padding-left:32px;}
.aboutus ul li div.abico2{background:url(../images/abico2.png) no-repeat;}
.aboutus ul li div.abico3{background:url(../images/abico3.png) no-repeat;}
.aboutus ul li div.abico4{background:url(../images/abico4.png) no-repeat;}
.aboutus ul li div p{font-size:20px; font-weight:bold;}
.aboutus ul li div span{color:#6f6f6f; line-height:20px;}
.haboutintro h1{font-size:18px; font-weight:bold; line-height:60px; border-bottom:1px solid #ccc; position:relative;}
.haboutintro h1 i{width:90px; height:3px; background:#ff6900; position:absolute; bottom:-2px; left:0;}
.haboutintro p{ font-size:16px;line-height:30px; padding-top:20px;}
/*recommend*/
.recommendbox{max-width:1500px;}
.recommend {
    padding: 40px 0; padding-bottom:60px;
}

.title {
    font-size: 20px;
    color: #000;
	padding-bottom:30px;
}


/*首页关于我们底部的图片滚动*/
.recommend .swiper-container{ padding-bottom:30px; padding-left:0px; padding-right:0px;}
.recommend .swiper-slide img{border:1px solid #f2f2f2; width:288px;}
.recommend .swiper-slide p {font-size: 13px; line-height:20px; padding-top:5px;}
.recommend .swiper-pagination{ bottom:0px;}
.recommend .swiper-pagination .swiper-pagination-bullet{ background:#feca0a;}
.recommend .swiper-button-prev{  background:url(../images/pre.png) no-repeat; background-size:contain; width:30px; height:68px; top:35%; left:0px;}
.recommend .swiper-button-next{  background:url(../images/next.png) no-repeat; background-size:contain;width:30px; height:68px;top:35%; right:0px;}


/*ad*/
.ad {
    padding: 50px 0 60px;clear:both;
}
.ad ul{padding-bottom:20px;clear:both; height:auto;}
.ad ul li{width:20%; float:left; padding:5px 5px; box-sizing:border-box; text-align:center;}
.ad ul li img{max-width:156px; margin-bottom:5px; margin:0px auto;}
.ad div.p{clear:both;}

/*工厂 服务*/
.mfactory .row div{text-align:center; line-height:30px;margin:10px auto;}
.mservice{background:#eaebef; padding-bottom:50px; padding-top:10px;}
.mservice .serviceintro h3{line-height:40px; font-size:18px; font-weight:bold;}
.mservice .serviceintro p{line-height:28px; padding-bottom:10px;}


/*首页新闻*/
.newsbg .container{max-width:1200px!important;}
.newsbg{/*background:url(../images/newsbg.webp) no-repeat center; background-size:cover;*/}
.newsbg ul{margin:34px auto;}
.newsbg ul li{margin:10px auto; background:white; overflow:hidden;}
.newsbg ul li .nleft h3{ margin-top:10px;}
.newsbg ul li .nleft h3 a{font-size:26px; line-height:40px; font-weight:600;}
.newsbg ul li .nleft p a{font-size:14px; line-height:30px; }
.newsbg ul li .pic{padding:0px!important; text-align:right; }
.newsbg ul li .pic img{width:100%; height:100%;position:relative; right:-1px;}
.rdate{background:#343434; height:100%; padding:0; text-align:center; font-weight:800; position:relative; right:-1px;}
.rdate .year{background:#474a4c;padding-top:20px; padding-bottom:20px;font-size:70px; color:white; }
.rdate .month{font-size:20px;padding-top:20px; padding-bottom:20px;font-size:70px; color:white; }
@media(max-width:768px){
.homesearch{max-width:768px; margin:30px auto;}
.homesearch input.keyword{width:65%; max-width:400px;  }
.homesearch input.searchbtn{width:30%;max-width:120px;}

.haboutvideo video{width:100%; height:auto;}
.haboutvideo img{width:100%; height:auto!important;}
.hprovideo video{width:100%; height:auto;}
.hprovideo img{width:100%; height:auto!important;}


/*new about us*/

.naboutbg{margin:30px auto;}
.aboutico{ margin-top:20px;}
.nhomeaboutc h1{ font-size:36px;font-weight:bold; line-height:54px; margin:20px 0px;}
.nhomeaboutc h1 span{font-weight:bold;}
.nhomeaboutc p { line-height:30px; padding-bottom:10px;}
.nhomeaboutc ul{margin-bottom:15px;}
.nhomeaboutc ul li{background:url(../images/nabico_gou.png) no-repeat left; text-indent:30px; line-height:40px;}

.dicoverdiv a.calltoactionbtn{ width:100%;}



.recommend { padding-bottom:0px;}
.recommend .swiper-slide img{width:70%;}
.recommend .swiper-slide p {font-size: 12px; line-height:20px; padding-top:10px;}
/*首页新闻*/
.newsbg ul li .nleft h3 a{font-size:16px; line-height:18px; font-weight:normal;}
.newsbg ul li .nleft h3{ margin-top:5px; margin-bottom:5px;}
.rdate .month{padding-top:15px; padding-bottom:15px;font-size:20px;}

	.aboutintro{padding:10px;}
	.ad ul li{width:50%; padding:5px 5%; margin-bottom:10px;}
	.ad ul li img{width:70%; max-width:156px; margin-bottom:5px; margin:0px auto;}
	.ad p{line-height:30px; text-align:center; font-size:13px; padding-top:40px;}
	.hotsale ul li{ width:50%; padding:5px 1px;}

	.about a.more {margin:20px auto;}
	.about .col-xs-12 img{margin:0px auto;}

}

