.introduce{padding:58px 0; background:rgb(255,255,255);}
.introduce .title+.content{margin-top:38px;}
.introduce .title{text-align:center;}
.introduce .title b{font-size:38px; font-weight:normal; display:block;}
.introduce .title p{font-size:28px; font-weight:500; display:inline-block; color:rgb(157,81,184);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image:-webkit-linear-gradient(left, rgb(17,121,215), rgb(157,81,184));}
.introduce aside.content{font-size:16px;}
@media(max-width:1199px){
.introduce{padding:38px 0;}
.introduce .title+.content{margin-top:28px;}
.introduce .title b{font-size:28px;}
.introduce .title p{font-size:22px;}
}
@media(max-width:767px){
.introduce{padding:18px 0;}
.introduce .title+.content{margin-top:18px;}
.introduce .title b{font-size:22px;}
.introduce .title p{font-size:16px;}
.introduce aside.content{font-size:14px;}
}

.culture{padding:58px 0; background:rgb(248,248,248);}
.culture .title+.list{margin-top:18px;}
.culture .title{}
.culture .title b{font-size:38px; font-weight:normal; display:block;}
.culture .title p{font-size:20px; font-weight:500; display:inline-block; color:rgb(157,81,184);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image:-webkit-linear-gradient(left, rgb(17,121,215), rgb(157,81,184));}
.culture .list{text-align:center;}
.culture .list>ul{margin:0 -18px; font-size:0;}
.culture .list>ul>li{display:inline-block; width:20%; padding:18px;}
.culture .list>ul>li>span{display:block; border-radius:3px; padding:38px; background:rgb(255,255,255); transition:.3s;}
.culture .list>ul>li>span img{display:block; margin:0 auto; transition:.3s;}
.culture .list>ul>li>span i{display:block; width:68px; height:68px; line-height:68px; text-align:center; margin:0 auto; font-size:48px; transition:.3s;}
.culture .list>ul>li>span b{display:block; margin:18px 0 12px 0; font-weight:normal; font-size:24px;}
.culture .list>ul>li>span p{font-size:16px; color:rgb(132,132,132);}
.culture .list>ul>li:nth-child(1)>span i{color:rgb(81,181,128);}
.culture .list>ul>li:nth-child(2)>span i{color:rgb(240,240,43);}
.culture .list>ul>li:nth-child(3)>span i{color:rgb(250,180,95);}
.culture .list>ul>li:nth-child(4)>span i{color:rgb(255,82,82);}
.culture .list>ul>li:nth-child(5)>span i{color:rgb(191,105,205);}
.culture .list>ul>li>span:hover img{transform:rotate(360deg);}
.culture .list>ul>li>span:hover{box-shadow:0 0 8px rgba(0,0,0,.08); transform:translateY(-4px);}
.culture .list>ul>li>span:hover i{color:rgb(17,121,215);}
@media(max-width:1199px){
.culture{padding:38px 0;}
.culture .list>ul{margin:0 -8px;}
.culture .list>ul>li{width:20%; padding:8px;}
.culture .list>ul>li>span{padding:18px;}
.culture .list>ul>li>span b{margin:12px 0 8px 0; font-size:20px;}
.culture .list>ul>li>span p{font-size:15px;}
.culture .title b{font-size:28px;}
.culture .title p{font-size:16px;}
}
@media(max-width:992px){
.culture .list>ul>li{width:33.333%;}
}
@media(max-width:767px){
.culture{padding:18px 0;}
.culture .title+.list{margin-top:8px;}
.culture .title b{font-size:22px;}
.culture .title p{font-size:14px;}
.culture .list>ul{margin:0 -4px;}
.culture .list>ul>li{width:50%; padding:4px;}
.culture .list>ul>li:last-child{width:100%;}
.culture .list>ul>li>span{padding:8px;}
.culture .list>ul>li>span i{width:58px; height:58px; line-height:58px; font-size:42px;}
.culture .list>ul>li>span b{margin:8px 0 4px 0; font-size:18px;}
.culture .list>ul>li>span p{font-size:14px;}
}
