.compCent{ display: flex; }
.compCentLeft{ width: 300px; background: #fff; height: 660px;}
.compCentCent{ width: 840px; background: #fff; height: 660px;}
.compCentRight{ width: 300px; background: #fff; height: 660px;}

.compSch{ margin-left: 16px; margin-right: 16px; padding-top: 24px; }
.compSchTitle{ border-left: 6px solid #7140FE; height:30px; line-height: 30px; padding-left: 8px; font-size: 20px; color: #333; font-weight: bold; }

.compSchSelect{ background: #F4F8FF; border: 1px solid #00000011; font-size: 16px; padding: 12px; padding-top:5px; padding-bottom:5px; margin-top: 23px;}
.compSchSelect .search-input{ border:none; background:#00000000; height:30px; line-height:30px; width:226px; font-size:16px;outline:none}
.compSchButton{ height: 46px; font-size: 20px; color: #F4F8FF; border: none; background: linear-gradient( 90deg, #75C6EB 0%, #7140FE 100%); width: 100%; margin-top: 23px; border-radius: 23px;}
.compSchTabs{ display: flex; flex-wrap: wrap; }
.SchTabItem{ background: #F4F8FF; min-width: 78px; text-align: center; height: 31px; line-height: 31px; color: #3333337F; margin-top: 22px; margin-left: 5px; margin-right: 5px; }
.compCentSlide{ height: 400px; overflow: hidden; position: relative;}
.swiper-pagination{ }
.compCentSlide .swiper-pagination .swiper-pagination-bullet{ width: 50px; height: 4px; background: #fff; border-radius: 0; opacity: 1;}
.compCentSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #7140FE;  opacity: 1;}
.compCentSlide .swiper-slide img{ width:100%; height:100%; object-fit:cover }
.compCommS{ display: flex; margin-top: 12px;}
.compCommItem{ width: 210px;  }
.compCommItem .cimg{ height: 200px; border: 1px dashed #3333337F;}
.compCommItem .cimg img{ width: 100%; height: 100%; object-fit: contain; object-position: center;}
.cname{ font-size: 16px; text-align: center; height: 47px; line-height: 47px;overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;  -o-text-overflow:ellipsis;}
.compNotes{ border-top: 1px solid #00000011;}
.actxhx{ width: 46px; background: #fff; height: 3px; margin: 0 auto;}
.noteHeadItem{ text-align: center; width: 50%; cursor: pointer; font-size: 20px;}
.compNotesHeader{ display: flex; padding-top: 24px;}

.noteHeadItem.action{color: #7140FE;}
.noteHeadItem.action .actxhx{background: #7140FE;}

.compNoteInforUl{ margin-top: 12px;}
.compNoteInforUl li{ display: flex; padding-top: 12px; margin-left: 16px; margin-right: 16px; }
.compNoteInforUl li a{ display: block; width: 100%; color: #333333; font-size: 16px;overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;  -o-text-overflow:ellipsis; }

.comListHeader{text-align: center; margin-top: 31px;}
.comListContent{ display: flex; flex-wrap: wrap; }
.comListItem{ width: 464px; margin-right: 24px; background: #fff; height: 255px; margin-top: 24px; }
.comListItem .compName{font-weight: bold;font-size: 20px;color: #000000; margin-top: 18px; margin-left: 16px;}
.comListItem .compSx{ display: flex; margin-left: 16px; margin-top: 16px; }
.compAddress{ background: url(../img/addressInc.png) no-repeat 10px center; padding-left: 30px; color: #3333337F; margin-left:10px ; border-left: 1px solid #33333311; }
.compZy{ color: #333333; margin-left: 16px; margin-top: 16px; font-size: 16px; }
.compZy span{ color: #3333337F;}
.compListItemPro{ display: flex; margin-top: 16px;}
.cProItem{ width: 136px; height: 96px; margin-left: 16px; }
.cProItem img{ width: 100%; height: 100%; object-fit: contain; object-position: center; }

.compDetail{ display: flex;}
.compDetailLeft{ width: 297px;}
.compDetailRight{ width: 1119px; margin-left: auto;}
.compDetailInfo{ padding: 24px; background: #fff; }

.compDetailInfoContent{ }
.compInfoImg{ width: 60px; height: 60px; margin: 0 auto;}
.compInfoName{ font-size: 16px; margin-top: 16px; text-align: center; color: #000000; }
.compInfoLv{ margin-top: 16px; text-align: center;}

.compInfoMsg{ margin-top: 16px; border-top: 1px solid #00000011; padding-top: 16px; font-size: 16px; }
.compInfoMsg span{ color: #3333337F;}
.infoMsg{ padding-top: 5px; padding-bottom: 5px;}
.compProSchForm{ display: flex;}
.compProSchForm input{ border: 1px solid #00000011; width: 137px; height: 34px; line-height: 34px; outline: none; padding-left: 10px; padding-right: 10px; }
.compProSchForm button{ margin-left: auto; background: #7140FE; text-align: center; color: #fff; width: 76px; border: none; height: 34px; line-height: 34px; font-size: 14px; }
.compDetailProlist{ display: flex; flex-wrap: wrap;}


.compDetailproitem{ width: 245px; height: 343px; overflow: hidden; margin-bottom: 14px; margin-right:10px; margin-left:10px }
.compDetailproitem .proImg{ height: 200px;}
.compDetailproitem .proImg img{ height: 200px; width: 100%; object-fit:cover;}

.compDetailproitem .promess{  background: #fff; padding-top: 5px; padding-left: 5px; padding-right: 5px;  padding-bottom: 12px; border: 1px solid #00000011; border-radius: 0 0 5px 5px; }
.compDetailproitem .promess .pname{ font-size: 16px; color: #333; line-height: 22px; }
.compDetailproitem .promess .rq{font-size: 16px; color: #3333337F; padding-top: 8px;}
.compDetailproitem .price .red{ font-weight: normal;}


.compListItem{ background: #fff; margin-top: 24px; padding: 16px;}
.compListItemContent{ display: flex; height: 140px;}
.compListItemContent .compItemImg{ display: block; width: 240px; height: 140px;}
.compListItemContent .compItemImg img{ width: 100%; height: 100%; object-fit: cover;}
.compListItemContent .compItemInfo{ width: 1116px; margin-left: 20px; position: relative;}
.compListItemContent .compItemInfo .InfoTitle a{ color: #333333; font-size: 20px; font-weight: normal;}

.compListItemContent .compItemInfo .InfoGg{ color: #3333337F; padding-top: 12px;}
.compListItemContent .compItemInfo .InfoGg span{ color: #7140FE; padding-right: 40px;}
.compListItemContent .compItemInfo .infoMsg{ line-height: 22px; color: #333333; padding-top: 10px; }
.compListItemContent .compItemInfo .InfoMoreBut{ position: absolute; right: 20px; top: 0px; color: #7140FE; font-size: 16px; background: url(../img/moreRight.png) no-repeat right center; padding-right: 24px; }


.compInfoButs{ text-align: center; padding-top: 5px;}
.compInfoButs .cbutgotoshop{display: block;width: 128px;height: 45px;background: #EB6402;border-radius: 4px ; text-align: center; line-height: 45px; font-size: 20px; color: #FFFFFF; margin: 0 auto; margin-top: 40px; } 
.compInfoButs .cbutgotoprolist{display: block;width: 128px;height: 45px;background: rgba(51,51,51,0.05);border-radius: 4px ; text-align: center; line-height: 45px;font-size: 20px; color: #333; margin: 0 auto; margin-top: 40px; }