body,html{ min-width: 1280px; } .chip_banner_con{ color: #FFFFFF; } h1{ /* font-size: 42px; */ font-weight: bold; line-height: 55px; /* color: #FFFFFF; */ text-align: center; } h2{ font-size: 36px; font-weight: bold; line-height: 48px; color: #333333; text-align: center; } h3{ font-size: 20px; color: #333333; letter-spacing: 0.42px; line-height: 24px; } h4{ font-size: 16px; color: #666666; font-weight: normal; letter-spacing: 0.42px; } p{ font-size: 16px; line-height: 21px; color: #666666; text-justify:distribute; text-align: justify; } /* banner */ .chip_firm_banner{ height: 28.125vw; width: 100%; min-width: 1280px; min-height: 360px; background-position: center; background-size: cover; position: relative; } .chip_firm_banner_con{ position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); } .chip_firm_banner_con p{ margin-top: 16px; color: #333333; text-align: center; font-size: 20px; line-height: 26px; letter-spacing: 0.48px; } /* 鎴樼暐鍚堜綔 */ .strategy_coo{ width: 1100px; margin: 0 auto; padding: 100px 0 62px 0; } .strategy_coo_coo{ display: flex; align-items: center; margin-top: 14px; } .strategy_coo_coo img{ margin-right: 60px; width: 400px; height: 384px; } /* 鑺墖閫傞厤璇︽儏 */ .chip_fit{ background: #F8F8F8; padding: 40px 0 50px 0; } .chip_fit_con{ width: 1200px; margin: 36px auto 0 auto; } .chip_fit_page{ background: #EEEEEE; height: 60px; line-height: 56px; padding: 0 75px; } .chip_fit_page li{ float: left; width: 175px; text-align: center; font-size: 20px; transition: all .125s; border-top: 4px solid #EEEEEE; cursor: pointer; } .chip_fit_page .pageActive{ border-top: 4px solid #407bFF; background-color: #fff; color: #407BFF; } .chip_fit_container{ /* height: 848px; */ background-color: #fff; } .chip_fit_item{ height: 100%; padding: 32px 0 24px 40px; overflow: hidden; /* display: flex; */ box-sizing: border-box; } .chip_fir_firm{ width: 278px; margin-right: 50px; float: left; } .chip_fir_firm h4{ margin-bottom: 16px; margin-top: 32px; } .chip_fir_firm p{ font-size: 14px; line-height: 21px; } .fit_detail{ text-align: center; float: left; border-left: 1px solid #CCCCCC; } .fit_kind_page{ display: flex; justify-content: center; } .fit_kind_container{ position: relative; overflow: hidden; padding-left: 52px; height:724px; width: 776px; } .fit_kind_item{ opacity: 0; /* display: none; */ position:absolute; margin-left: -100px; } .fit_kind_container .fit_kind_item:first-child{ opacity: 1; z-index: 2; margin-left: 0px; /* display: block; */ } .fit_kind_page ul{ margin: 20px 0 32px 0; overflow: hidden; } .fit_kind_page li{ box-sizing: border-box; float: left; text-align: center; width: 120px; height: 32px; line-height: 32px; border: 1px solid #CCCCCC; margin-right: 12px; cursor: pointer; } .fit_kind_page .fit_kind_active{ border-color: #407BFF; background: #407BFF; color: #FFFFFF; } .fit_kind_page li:last-child{ margin: 0; } .fit_kind_intro{ display: flex; } .fit_kind_intro img{ width: 190px; /* float: left; */ /* height: 196px; */ } table{ /* float: left; */ margin-left: 10px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-collapse: collapse; /*璁剧疆鍗曞厓鏍肩殑杈规鍚堝苟涓?*/ } td{ text-align: center; height: 38px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-size: 14px; color: #666666; letter-spacing: 0.392px; } table tr:first-child td{ background: #F5F5F5; } /* 鐜版湁搴旂敤鏂规 */ .fit_kind_case{ margin: 40px 0; text-align: center; } /* .fit_kind_case_con{ display: flex; justify-content: center; flex-direction: column; } */ .fit_kind_case > p,.fit_kind_trade > p{ font-size: 16px; color: #333333; text-align: center; margin-bottom: 20px; } .fit_kind_case_con p{ text-align: center; margin-top: 8px; line-height: 19px; } /* 閫傜敤琛屼笟 */ .fit_kind_trade_con{ display: flex; justify-content: center; } .fit_trade_item{ display: inline-block; position: relative; width: 128px; height: 88px; margin: 0 5px; } .fit_trade_item img{ position: absolute; top: 0; left: 0; } .fit_trade_item p{ text-align: center; position: absolute; width: 128px; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #FFFFFF; font-size: 14px; line-height: 16px; letter-spacing: 0; } .swiper-container{ width: 614px; } .swiper-button-next::after,.swiper-button-prev::after{ content: ""; } .swiper-button-next,.swiper-button-prev{ width: 40px; height: 40px; background: #cccccc; border-radius: 50%; transition: all .3s; } .swiper-button-next:hover,.swiper-button-prev:hover{ background-color: #407bFF; } .swiper-button-prev{ transform: rotateZ(180deg); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0; } .swiper-button-next, .swiper-button-prev{ margin-top: -31px; } .fit_kind_case_con{ position: relative; } /* .swiper-button-next{ position: absolute; } */ .fit_kind_case_con .iconfont{ color: #FFFFFF; font-weight: bolder; font-size: 20px; margin-left: 2px; } /* 鍜ㄨ鍚堜綔 */ .chip_contact{ background: #E9EDF2; height: 100px; } .chip_contact_con{ height: 100%; width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .chip_contact_con span{ font-size: 20px; font-weight: bold; color: #333333; } .chip_contact_con span:last-child{ color: #407BFF; }