.mian-color{
  height: 40px; 
}
.mian-color .main-w{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mian-color-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
}
.mian-color-wrap li{
  width: 20px;
  height: 20px;
  margin-right: 10px;
  cursor: pointer;
}
.mian-color-wrap li:nth-child(1){
  background-color: #78c940;
}
.mian-color-wrap li:nth-child(2){
  background-color: #2db1fd;
}
.mian-color-wrap li:nth-child(3){
  background-color: #fc9526;
}
.mian-color-wrap li:nth-child(4){
  background-color: #ffca14;
}
.mian-color-wrap li:nth-child(5){
  background-color: #43a6a1;
}
.mian-color-wrap li:nth-child(6){
  background-color: #88a5cb;
}
.mian-color-wrap li:nth-child(7){
  background-color: #fa7268;
}
/* .mian-color-wrap li:nth-child(4){
  background-color: yellow;
} */


.main-color1 .main-search,
.main-color1 .contact-list .icon{
  border: 1px solid #78c940;
}
.main-color1 .main-nav{
  background-color: #78c940;
}
.main-color1 .pro-center-list:hover .img{
  border: 1px solid #78c940;
  box-shadow: 0px 0px 10px 0px rgba(120, 201, 64, 0.4);
}
.main-color1 .main-search button,
.main-color1 .index-new-list:not(:first-child) .tag,
.main-color1 .index-banner .swiper-pagination-bullet-active,
.main-color1 .index-product .btn-look a,
.main-color1 .index-base-left .btn-look,
.main-color1 .index-about-left .btn-look,
.main-color1 .index-coop .btn-know,
.main-color1 .index-news .btn-look,
.main-color1 .pro-new-list .tag,
.main-color1 .pro-center-nav li.active a, 
.main-color1 .pro-center-nav li:hover a,
.main-color1 .case-list .btn-know,
.main-color1 .new-list:first-child .btn-look,
.main-color1 .new-list:not(:first-child):hover .title::before,
.main-color1 .guestbook-item button,
.main-color1 .nav-box{
  background: #78c940;
}
.main-color1 .main-phone p:last-child,
.main-color1 .nav-list.active a,
.main-color1 .nav-list a:hover,
.main-color1 .main-title-list.active a,
.main-color1 .main-title-list:hover a,
.main-color1 .index-product-list:hover .title,
.main-color1 .pro-center-list:hover .title,
.main-color1 .new-list:not(:first-child):hover .title,
.main-color1 .new-list:not(:first-child):hover .new-list-right i,
.main-color1 .contact-list .icon i,
.main-color1 .pro-detail-wrap a p:first-child,
.main-color1 .pro-detail-list:hover .title,
.main-color1 .pro-detail-right .pro-detail-title a:hover,
.main-color1 .main-phone i,
.main-color1 .location a:last-child, 
.main-color1 .location a:hover,
.main-color1 .index-coop-list:hover a,
.main-color1 .nav-box li:hover,
.main-color1 .icon-icon-test7{
  color: #78c940;
}
.main-color1 .main-title-list.active a::before,
.main-color1 .main-title-list:hover a::before{
  border-bottom: 1px solid #78c940;
}
.main-color1 .index-product-list .img:before{
  border-bottom: 1px solid #78c940;
  border-top: 1px solid #78c940;
}
.main-color1 .index-product-list .img:after{
  border-left: 1px solid #78c940;
  border-right: 1px solid #78c940;
}
.main-color1 .index-base-left .btn-look::after{
  border-bottom: 2px solid #78c940;
}
.main-color1 .main-foot i::before{
  color: rgba(120, 201, 64, 0.9);
}
.main-color1 .main-foot .icon-di1::before{
  color: rgba(120, 201, 64, 0.8);
}
.main-color1 .main-foot .icon-di2::before{
  color: rgba(120, 201, 64, 0.6);
}
.main-color1 .page a.active,.main-color1 .page a:hover{
  background: #78c940;
  border: 1px solid #78c940;
}
.main-color1 .new-list:not(:first-child):hover a{
  border-bottom: 2px solid #78c940;
}
/*第二种颜色*/

.main-color2 .main-search,
.main-color2 .contact-list .icon{
  border: 1px solid #2db1fd;
}
.main-color2 .main-nav{
  background-color: #2db1fd;
}
.main-color2 .pro-center-list:hover .img{
  border: 1px solid #2db1fd;
  box-shadow: 0px 0px 10px 0px rgba(45, 177, 253, 0.4);
}
.main-color2 .main-search button,
.main-color2 .index-new-list:not(:first-child) .tag,
.main-color2 .index-banner .swiper-pagination-bullet-active,
.main-color2 .index-product .btn-look a,
.main-color2 .index-base-left .btn-look,
.main-color2 .index-about-left .btn-look,
.main-color2 .index-coop .btn-know,
.main-color2 .index-news .btn-look,
.main-color2 .pro-new-list .tag,
.main-color2 .pro-center-nav li.active a, 
.main-color2 .pro-center-nav li:hover a,
.main-color2 .case-list .btn-know,
.main-color2 .new-list:first-child .btn-look,
.main-color2 .new-list:not(:first-child):hover .title::before,
.main-color2 .guestbook-item button,
.main-color2 .nav-box{
  background: #2db1fd;
}
.main-color2 .main-phone p:last-child,
.main-color2 .nav-list.active a,
.main-color2 .nav-list a:hover,
.main-color2 .main-title-list.active a,
.main-color2 .main-title-list:hover a,
.main-color2 .index-product-list:hover .title,
.main-color2 .pro-center-list:hover .title,
.main-color2 .new-list:not(:first-child):hover .title,
.main-color2 .new-list:not(:first-child):hover .new-list-right i,
.main-color2 .contact-list .icon i,
.main-color2 .pro-detail-wrap a p:first-child,
.main-color2 .pro-detail-list:hover .title,
.main-color2 .pro-detail-right .pro-detail-title a:hover,
.main-color2 .main-phone i,
.main-color2 .location a:last-child, 
.main-color2 .location a:hover,
.main-color2 .index-coop-list:hover a,
.main-color2 .nav-box li:hover,
.main-color2 .icon-icon-test7{
  color: #2db1fd;
}
.main-color2 .main-title-list.active a::before,
.main-color2 .main-title-list:hover a::before{
  border-bottom: 1px solid #2db1fd;
}
.main-color2 .index-product-list .img:before{
  border-bottom: 1px solid #2db1fd;
  border-top: 1px solid #2db1fd;
}
.main-color2 .index-product-list .img:after{
  border-left: 1px solid #2db1fd;
  border-right: 1px solid #2db1fd;
}
.main-color2 .index-base-left .btn-look::after{
  border-bottom: 2px solid #2db1fd;
}
.main-color2 .main-foot i::before{
  color: rgba(45, 177, 253, 0.9);
}
.main-color2 .main-foot .icon-di1::before{
  color: rgba(45, 177, 253, 0.8);
}
.main-color2 .main-foot .icon-di2::before{
  color: rgba(45, 177, 253, 0.6);
}
.main-color2 .page a.active,
.main-color2 .page a:hover{
  background: #2db1fd;
  border: 1px solid #2db1fd;
}
.main-color2 .new-list:not(:first-child):hover a{
  border-bottom: 2px solid #2db1fd;
}

/*第三种颜色*/

.main-color3 .main-search,
.main-color3 .contact-list .icon{
  border: 1px solid #fc9526;
}
.main-color3 .main-nav{
  background-color: #fc9526;
}
.main-color3 .pro-center-list:hover .img{
  border: 1px solid #fc9526;
  box-shadow: 0px 0px 10px 0px rgba(252, 149, 38, 0.4);
}
.main-color3 .main-search button,
.main-color3 .index-new-list:not(:first-child) .tag,
.main-color3 .index-banner .swiper-pagination-bullet-active,
.main-color3 .index-product .btn-look a,
.main-color3 .index-base-left .btn-look,
.main-color3 .index-about-left .btn-look,
.main-color3 .index-coop .btn-know,
.main-color3 .index-news .btn-look,
.main-color3 .pro-new-list .tag,
.main-color3 .pro-center-nav li.active a, 
.main-color3 .pro-center-nav li:hover a,
.main-color3 .case-list .btn-know,
.main-color3 .new-list:first-child .btn-look,
.main-color3 .new-list:not(:first-child):hover .title::before,
.main-color3 .guestbook-item button,
.main-color3 .nav-box{
  background: #fc9526;
}
.main-color3 .main-phone p:last-child,
.main-color3 .nav-list.active a,
.main-color3 .nav-list a:hover,
.main-color3 .main-title-list.active a,
.main-color3 .main-title-list:hover a,
.main-color3 .index-product-list:hover .title,
.main-color3 .pro-center-list:hover .title,
.main-color3 .new-list:not(:first-child):hover .title,
.main-color3 .new-list:not(:first-child):hover .new-list-right i,
.main-color3 .contact-list .icon i,
.main-color3 .pro-detail-wrap a p:first-child,
.main-color3 .pro-detail-list:hover .title,
.main-color3 .pro-detail-right .pro-detail-title a:hover,
.main-color3 .main-phone i,
.main-color3 .location a:last-child, 
.main-color3 .location a:hover,
.main-color3 .index-coop-list:hover a,
.main-color3 .nav-box li:hover,
.main-color3 .icon-icon-test7{
  color: #fc9526;
}
.main-color3 .main-title-list.active a::before,
.main-color3 .main-title-list:hover a::before{
  border-bottom: 1px solid #fc9526;
}
.main-color3 .index-product-list .img:before{
  border-bottom: 1px solid #fc9526;
  border-top: 1px solid #fc9526;
}
.main-color3 .index-product-list .img:after{
  border-left: 1px solid #fc9526;
  border-right: 1px solid #fc9526;
}
.main-color3 .index-base-left .btn-look::after{
  border-bottom: 2px solid #fc9526;
}
.main-color3 .main-foot i::before{
  color: rgba(252, 149, 38, 0.9);
}
.main-color3 .main-foot .icon-di1::before{
  color: rgba(252, 149, 38, 0.8);
}
.main-color3 .main-foot .icon-di2::before{
  color: rgba(252, 149, 38, 0.6);
}
.main-color3 .page a.active,
.main-color3 .page a:hover{
  background: #fc9526;
  border: 1px solid #fc9526;
}
.main-color3 .new-list:not(:first-child):hover a{
  border-bottom: 2px solid #fc9526;
}

/*第四种颜色*/

.main-color4 .main-search,
.main-color4 .contact-list .icon{
  border: 1px solid #ffca14;
}
.main-color4 .main-nav{
  background-color: #ffca14;
}
.main-color4 .pro-center-list:hover .img{
  border: 1px solid #ffca14;
  box-shadow: 0px 0px 10px 0px rgba(255, 203, 21, 0.4);
}
.main-color4 .main-search button,
.main-color4 .index-new-list:not(:first-child) .tag,
.main-color4 .index-banner .swiper-pagination-bullet-active,
.main-color4 .index-product .btn-look a,
.main-color4 .index-base-left .btn-look,
.main-color4 .index-about-left .btn-look,
.main-color4 .index-coop .btn-know,
.main-color4 .index-news .btn-look,
.main-color4 .pro-new-list .tag,
.main-color4 .pro-center-nav li.active a, 
.main-color4 .pro-center-nav li:hover a,
.main-color4 .case-list .btn-know,
.main-color4 .new-list:first-child .btn-look,
.main-color4 .new-list:not(:first-child):hover .title::before,
.main-color4 .guestbook-item button,
.main-color4 .nav-box{
  background: #ffca14;
}
.main-color4 .main-phone p:last-child,
.main-color4 .nav-list.active a,
.main-color4 .nav-list a:hover,
.main-color4 .main-title-list.active a,
.main-color4 .main-title-list:hover a,
.main-color4 .index-product-list:hover .title,
.main-color4 .pro-center-list:hover .title,
.main-color4 .new-list:not(:first-child):hover .title,
.main-color4 .new-list:not(:first-child):hover .new-list-right i,
.main-color4 .contact-list .icon i,
.main-color4 .pro-detail-wrap a p:first-child,
.main-color4 .pro-detail-list:hover .title,
.main-color4 .pro-detail-right .pro-detail-title a:hover,
.main-color4 .main-phone i,
.main-color4 .location a:last-child, 
.main-color4 .location a:hover,
.main-color4 .index-coop-list:hover a,
.main-color4 .nav-box li:hover,
.main-color4 .icon-icon-test7{
  color: #ffca14;
}
.main-color4 .main-title-list.active a::before,
.main-color4 .main-title-list:hover a::before{
  border-bottom: 1px solid #ffca14;
}
.main-color4 .index-product-list .img:before{
  border-bottom: 1px solid #ffca14;
  border-top: 1px solid #ffca14;
}
.main-color4 .index-product-list .img:after{
  border-left: 1px solid #ffca14;
  border-right: 1px solid #ffca14;
}
.main-color4 .index-base-left .btn-look::after{
  border-bottom: 2px solid #ffca14;
}
.main-color4 .main-foot i::before{
  color: rgba(255, 203, 21, 0.9);
}
.main-color4 .main-foot .icon-di1::before{
  color: rgba(255, 203, 21, 0.8);
}
.main-color4 .main-foot .icon-di2::before{
  color: rgba(255, 203, 21, 0.6);
}
.main-color4 .page a.active,
.main-color4 .page a:hover{
  background: #ffca14;
  border: 1px solid #ffca14;
}
.main-color4 .new-list:not(:first-child):hover a{
  border-bottom: 2px solid #ffca14;
}

/*第五种颜色*/

.main-color5 .main-search,
.main-color5 .contact-list .icon{
  border: 1px solid #43a6a1;
}
.main-color5 .main-nav{
  background-color: #43a6a1;
}
.main-color5 .pro-center-list:hover .img{
  border: 1px solid #43a6a1;
  box-shadow: 0px 0px 10px 0px rgba(67, 166, 161, 0.4);
}
.main-color5 .main-search button,
.main-color5 .index-new-list:not(:first-child) .tag,
.main-color5 .index-banner .swiper-pagination-bullet-active,
.main-color5 .index-product .btn-look a,
.main-color5 .index-base-left .btn-look,
.main-color5 .index-about-left .btn-look,
.main-color5 .index-coop .btn-know,
.main-color5 .index-news .btn-look,
.main-color5 .pro-new-list .tag,
.main-color5 .pro-center-nav li.active a, 
.main-color5 .pro-center-nav li:hover a,
.main-color5 .case-list .btn-know,
.main-color5 .new-list:first-child .btn-look,
.main-color5 .new-list:not(:first-child):hover .title::before,
.main-color5 .guestbook-item button,
.main-color5 .nav-box{
  background: #43a6a1;
}
.main-color5 .main-phone p:last-child,
.main-color5 .nav-list.active a,
.main-color5 .nav-list a:hover,
.main-color5 .main-title-list.active a,
.main-color5 .main-title-list:hover a,
.main-color5 .index-product-list:hover .title,
.main-color5 .pro-center-list:hover .title,
.main-color5 .new-list:not(:first-child):hover .title,
.main-color5 .new-list:not(:first-child):hover .new-list-right i,
.main-color5 .contact-list .icon i,
.main-color5 .pro-detail-wrap a p:first-child,
.main-color5 .pro-detail-list:hover .title,
.main-color5 .pro-detail-right .pro-detail-title a:hover,
.main-color5 .main-phone i,
.main-color5 .location a:last-child, 
.main-color5 .location a:hover,
.main-color5 .index-coop-list:hover a,
.main-color5 .nav-box li:hover,
.main-color5 .icon-icon-test7{
  color: #43a6a1;
}
.main-color5 .main-title-list.active a::before,
.main-color5 .main-title-list:hover a::before{
  border-bottom: 1px solid #43a6a1;
}
.main-color5 .index-product-list .img:before{
  border-bottom: 1px solid #43a6a1;
  border-top: 1px solid #43a6a1;
}
.main-color5 .index-product-list .img:after{
  border-left: 1px solid #43a6a1;
  border-right: 1px solid #43a6a1;
}
.main-color5 .index-base-left .btn-look::after{
  border-bottom: 2px solid #43a6a1;
}
.main-color5 .main-foot i::before{
  color: rgba(67, 166, 161, 0.9);
}
.main-color5 .main-foot .icon-di1::before{
  color: rgba(67, 166, 161, 0.8);
}
.main-color5 .main-foot .icon-di2::before{
  color: rgba(67, 166, 161, 0.6);
}
.main-color5 .page a.active,
.main-color5 .page a:hover{
  background: #43a6a1;
  border: 1px solid #43a6a1;
}
.main-color5 .new-list:not(:first-child):hover a{
  border-bottom: 2px solid #43a6a1;
}

/*第六种颜色*/

.main-color6 .main-search,
.main-color6 .contact-list .icon{
  border: 1px solid #88a5cb;
}
.main-color6 .main-nav{
  background-color: #88a5cb;
}
.main-color6 .pro-center-list:hover .img{
  border: 1px solid #88a5cb;
  box-shadow: 0px 0px 10px 0px rgba(136, 165, 203, 0.4);
}
.main-color6 .main-search button,
.main-color6 .index-new-list:not(:first-child) .tag,
.main-color6 .index-banner .swiper-pagination-bullet-active,
.main-color6 .index-product .btn-look a,
.main-color6 .index-base-left .btn-look,
.main-color6 .index-about-left .btn-look,
.main-color6 .index-coop .btn-know,
.main-color6 .index-news .btn-look,
.main-color6 .pro-new-list .tag,
.main-color6 .pro-center-nav li.active a, 
.main-color6 .pro-center-nav li:hover a,
.main-color6 .case-list .btn-know,
.main-color6 .new-list:first-child .btn-look,
.main-color6 .new-list:not(:first-child):hover .title::before,
.main-color6 .guestbook-item button,
.main-color6 .nav-box{
  background: #88a5cb;
}
.main-color6 .main-phone p:last-child,
.main-color6 .nav-list.active a,
.main-color6 .nav-list a:hover,
.main-color6 .main-title-list.active a,
.main-color6 .main-title-list:hover a,
.main-color6 .index-product-list:hover .title,
.main-color6 .pro-center-list:hover .title,
.main-color6 .new-list:not(:first-child):hover .title,
.main-color6 .new-list:not(:first-child):hover .new-list-right i,
.main-color6 .contact-list .icon i,
.main-color6 .pro-detail-wrap a p:first-child,
.main-color6 .pro-detail-list:hover .title,
.main-color6 .pro-detail-right .pro-detail-title a:hover,
.main-color6 .main-phone i,
.main-color6 .location a:last-child, 
.main-color6 .location a:hover,
.main-color6 .index-coop-list:hover a,
.main-color6 .nav-box li:hover,
.main-color6 .icon-icon-test7{
  color: #88a5cb;
}
.main-color6 .main-title-list.active a::before,
.main-color6 .main-title-list:hover a::before{
  border-bottom: 1px solid #88a5cb;
}
.main-color6 .index-product-list .img:before{
  border-bottom: 1px solid #88a5cb;
  border-top: 1px solid #88a5cb;
}
.main-color6 .index-product-list .img:after{
  border-left: 1px solid #88a5cb;
  border-right: 1px solid #88a5cb;
}
.main-color6 .index-base-left .btn-look::after{
  border-bottom: 2px solid #88a5cb;
}
.main-color6 .main-foot i::before{
  color: rgba(136, 165, 203, 0.9);
}
.main-color6 .main-foot .icon-di1::before{
  color: rgba(136, 165, 203, 0.8);
}
.main-color6 .main-foot .icon-di2::before{
  color: rgba(136, 165, 203, 0.6);
}
.main-color6 .page a.active,
.main-color6 .page a:hover{
  background: #88a5cb;
  border: 1px solid #88a5cb;
}
.main-color6 .new-list:not(:first-child):hover a{
  border-bottom: 2px solid #88a5cb;
}


.main-color7 .main-search,
.main-color7 .contact-list .icon{
  border: 1px solid #fa7268;
}
.main-color7 .main-nav{
  background-color: #fa7268;
}
.main-color7 .pro-center-list:hover .img{
  border: 1px solid #fa7268;
  box-shadow: 0px 0px 10px 0px rgba(250, 114, 104, 0.4);
}
.main-color7 .main-search button,
.main-color7 .index-new-list:not(:first-child) .tag,
.main-color7 .index-banner .swiper-pagination-bullet-active,
.main-color7 .index-product .btn-look a,
.main-color7 .index-base-left .btn-look,
.main-color7 .index-about-left .btn-look,
.main-color7 .index-coop .btn-know,
.main-color7 .index-news .btn-look,
.main-color7 .pro-new-list .tag,
.main-color7 .pro-center-nav li.active a, 
.main-color7 .pro-center-nav li:hover a,
.main-color7 .case-list .btn-know,
.main-color7 .new-list:first-child .btn-look,
.main-color7 .new-list:not(:first-child):hover .title::before,
.main-color7 .guestbook-item button,
.main-color7 .nav-box{
  background: #fa7268;
}
.main-color7 .main-phone p:last-child,
.main-color7 .nav-list.active a,
.main-color7 .nav-list a:hover,
.main-color7 .main-title-list.active a,
.main-color7 .main-title-list:hover a,
.main-color7 .index-product-list:hover .title,
.main-color7 .pro-center-list:hover .title,
.main-color7 .new-list:not(:first-child):hover .title,
.main-color7 .new-list:not(:first-child):hover .new-list-right i,
.main-color7 .contact-list .icon i,
.main-color7 .pro-detail-wrap a p:first-child,
.main-color7 .pro-detail-list:hover .title,
.main-color7 .pro-detail-right .pro-detail-title a:hover,
.main-color7 .main-phone i,
.main-color7 .location a:last-child, 
.main-color7 .location a:hover,
.main-color7 .index-coop-list:hover a,
.main-color7 .nav-box li:hover,
.main-color7 .icon-icon-test7{
  color: #fa7268;
}
.main-color7 .main-title-list.active a::before,
.main-color7 .main-title-list:hover a::before{
  border-bottom: 1px solid #fa7268;
}
.main-color7 .index-product-list .img:before{
  border-bottom: 1px solid #fa7268;
  border-top: 1px solid #fa7268;
}
.main-color7 .index-product-list .img:after{
  border-left: 1px solid #fa7268;
  border-right: 1px solid #fa7268;
}
.main-color7 .index-base-left .btn-look::after{
  border-bottom: 2px solid #fa7268;
}
.main-color7 .main-foot i::before{
  color: rgba(250, 114, 104, 0.9);
}
.main-color7 .main-foot .icon-di1::before{
  color: rgba(250, 114, 104, 0.8);
}
.main-color7 .main-foot .icon-di2::before{
  color: rgba(250, 114, 104, 0.6);
}
.main-color7 .page a.active,.main-color7 .page a:hover{
  background: #fa7268;
  border: 1px solid #fa7268;
}
.main-color7 .new-list:not(:first-child):hover a{
  border-bottom: 2px solid #fa7268;
}