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;
}