body,html{
scroll-behavior:smooth
}
.chipEcology{
min-width: 1280px;
}
h1{
font-size: 42px;
font-weight: bold;
line-height: 64px;
color: #333333;
/* text-align: center; */
}
h2{
font-size: 36px;
font-weight: bold;
line-height: 48px;
color: #333333;
text-align: center;
}
h2 + p{
font-size: 16px;
color: #666666;
margin: 30px 0 50px 0;
}
p{
font-size: 16px;
line-height: 21px;
color: #666666;
text-align: center;
}
/* banner */
.chip_banner{
height: 28.125vw;
width: 100%;
min-width: 1280px;
min-height: 360px;
background-position: center;
background-size: cover;
position: relative;
}
.chip_banner_con{
position: absolute;
top: 50%;
left: 21%;
transform: translateY(-50%);
/* padding-top: 80px; */
}
.chip_banner p{
text-align: center;
margin-top: 30px;
font-size: 20px;
color: #333333;
}
/* 涓氬姟鐢熸€佸睍绀 */
.service_chip{
width: 1080px;
margin: 0 auto;
margin-top: 50px;
}
.service_eco{
width: 1080px;
height: 702px;
position: relative;
margin: 30px 0;
}
.service_bg{
position: absolute;
top: 0;
left: 0;
}
.arrow_gif{
position: absolute;
top: 150px;
width: 200px;
transform: rotateZ(-90deg);
}
.arrow_gif1{
left: 180px;
}
.arrow_gif2{
left: 470px;
}
.arrow_gif3{
left: 760px;
}
.service_chip ul{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.service_chip a{
color: #333333;
}
.service_chip li{
width: 460px;
font-size: 16px;
}
.service_chip li:nth-child(2n){
margin-left: 80px;
}
.ser_circle{
display: inline-block;
width: 12px;
height: 12px;
background: #407BFF;
border-radius: 50%;
}
.service_new_title{
margin: 0 20px;
color: #666666;
}
.service_chip .iconfont{
color: #407BFF;
font-size: 14px;
}
/* 閿氱偣 */
.alink{
margin-top: 100px;
}
.alink p{
text-align: center;
}
.alink ul{
width: 1000px;
height: 80px;
margin: 30px auto 0 auto;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
display: flex;
}
.alink li{
flex: 1;
height: 80px;
line-height: 80px;
text-align: center;
display: inline-block;
border-right: 1px solid #EEEEEE;
}
.alink li:hover{
box-shadow: 0px 3px 10px #EEEEEE;
}
.alink li:hover a{
color: #407BFF;
}
/* .alink li:first-child{
box-shadow: 0px 3px 10px #EEEEEE;
}
.alink li:first-child a{
color: #407BFF;
} */
.alink li a{
display: block;
width: 100%;
height: 100%;
font-size: 20px;
line-height: 80px;
color: #333333;
}
.alink li:last-child{
border: none;
}
/* 鑺墖鍘傚晢 */
.chip_factory{
background: #F8F8F8;
padding: 40px 0;
margin-top: 100px;
}
.chip_factory ul{
width: 1280px;
margin: 50px auto 0 auto;
}
.chip_swiper a{
display: block;
width: 240px;
height: 226px;
/* overflow: hidden; */
}
.chip_factory img{
box-shadow: 0px 3px 10px #EEEEEE;
width: 240px;
height: 192px;
transition: all .2s;
/* width: 300px;
height: 240px; */
}
.chip_factory img:hover{
transform: scale(1.05);
}
.chip_factory li{
display: inline-block;
/* margin: 0 8px 20px 8px; */
margin: 0 5px 20px 5px;
font-size: 0;
}
.chip_factory p{
margin-top: 15px;
font-size: 16px;
color: #666666;
margin: 30px 0 50px 0;
}
.chip_factory a p{
margin: 10px 0 0 0;
}
.chip_firm_more{
text-align: center;
margin: 40px 0 0px 0;
}
/* .chip_firm_more a{
display: inline-block;
text-align: center;
line-height: 44px;
width: 220px;
height: 44px;
border: 1px solid #407BFF;
font-size: 20px;
color: #407BFF;
letter-spacing: 0.48px;
cursor: pointer;
} */
.chip_swiper{
width: 1100px;
margin: 0 auto;
position: relative;
}
.swiper-container{
width: 1000px;
margin: 0 auto;
}
.swiper-button-next, .swiper-button-prev{
color: #2168FB;
}
.swiper-button-next:after, .swiper-button-prev:after{
font-size: 36px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
/* opacity: 1; */
color: #999999;
}
.swiper-slide{
text-align: center;
}
/* 绯荤粺鍘傚晢 */
.system_factory{
margin-top: 100px;
}
.system_factory p{
margin: 30px 0 18px 0;
}
.system_factory ul{
width: 1206px;
margin: 0 auto;
}
.system_factory li{
display: inline-block;
margin: 20px 12px 0 12px;
}
.system_factory img{
width: 270px;
height: 288px;
}
/* 鐢熸€佷紮浼 */
.eco_partners{
background: #F8F8F8;
padding-top: 40px;
margin-top: 100px;
}
.eco_partners p{
margin-bottom: 12px;
}
.eco_partners img{
display: block;
width: 1254px;
height: 520px;
margin: 0 auto;
}
/* 鍚堜綔鑱旂郴 */
.chip_coo{
margin-top: 70px;
}
.chip_coo p{
color: #333333;
line-height: 24px;
}
.chip_contact{
/* background: #E9EDF2;
height: 100px; */
margin-top: 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;
}
@media only screen and (max-width: 1440px) {
.chip_banner_con{
left: 15%;
}
}