/* home */
.header .search{border:1px solid #333;}
.header .search-btn {color: #fff;background: #333;}
.menu {background: #333;}
.menu .menu-item.active {background-color: #000;}
.menu .pmenu-item-text:hover {background: #222;}
.swiper-pagination-bullet-active { background: #007aff;}
.section .intro-list span.icon {background-color: #000;}
.box div.title {color: #333;}
.intro .detail-btn {border: 1px solid #333;color: #333;}
.box .wrap div.sub-title{border-top: 2px solid #333;}
.contact-wrapper .contact-box div.title {background-color: #333;}
.contact-content .extral .link a {color: #333;}
.contact-content .extral .collect a {color: #333;}
button.btn-self {background-color: #333;border-color: #333;}
.footer {background: #333;}
/* product */
.crumb .active {color: #333;}
.left-side-menu .side-menu-title {background-color: #333;}
.tree > li a:hover {color:#000;}
.content-middle div.contact-btn{border:1px solid #333;color:#333}
.main-content .right-content .title .text{border-left:6px solid #333;}
.main-content .left-side-form div.title{background-color:#333}
.pagination > li > a,.pagination > li > span{color:#333}
pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{background-color:#333;border-color:#333}
.box .wrap .video-box div.video-title{background:#333}
.swiper-pagination-bullet-active{background:#333}
/* company */
.company-profile .toggle-img .small-img-list .small-img-item.active {border: 2px solid #333;}
.company-profile .toggle-img .small-img-list .small-img-item.active::before { border-right: 5px solid #333; }
/* contact */
.contact-address .address-line .link{color:#333}
.fav-layer .fav-title{background:#333;}
.fav-layer .fav-title::before{background:#333;}
.my-layer .fav-title{background:#333;}
.my-layer .fav-title::before{background:#333;}
.requestdialog h1 {background:#333;}
.form-item02 .btn-submit { background: #333;}
.content2 .btn-close {background: #333;}