.brand { width: 100%;}

.brand .wzjs { width: 100%; padding: 90px 0 20px 0; background: #fff;}
.brand .wzjs li { float: left; width: calc(100% / 5 - 24px); cursor: pointer; text-align: center; margin: 0 30px 40px 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brand .wzjs li:nth-child(5n) { margin-right: 0;}
.brand .wzjs li img { display: block; width: 55px; height: 55px; margin: 0 auto;}
.brand .wzjs li h3 { width: 100%; height: 45px; line-height: 45px; font-weight: 500; font-size: 20px; color: #091221;}
.brand .wzjs li p { height: 50px; line-height: 25px; font-size: 14px; color: #5b6c83; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.brand .wzjs li:hover { transform: translateY(-10px);}

.brand .caks { width: 100%; padding: 45px 0; background: #f4f8fd;}
.brand .caks li { float: left; width: calc(100% / 3 - 14px); margin: 0 20px 20px 0; border-radius: 10px; box-shadow: 0 5px 15px rgba(177,199,229,0.15); overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brand .caks li:nth-child(3n) { margin-right: 0;}
.brand .caks li .img { width: 100%; height: 230px; overflow: hidden;}
.brand .caks li .img img { display: block; width: 100%; min-height: 230px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brand .caks li .msg { padding: 10px 15px 15px 15px;}
.brand .caks li .msg h3 { width: 100%; height: 35px; line-height: 25px; font-weight: 500; font-size: 16px; color: #091221; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brand .caks li .msg p { width: 100%; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brand .caks li .msg p span { line-height: 25px; font-size: 12px; color: #5b6c83; margin-right: 5px; padding: 5px 10px; border-radius: 2px; overflow: hidden; background: #eff1f4;}
.brand .caks li:hover { box-shadow: 0 5px 15px rgba(177,199,229,0.45);}
.brand .caks li:hover .img img { transform: scale(1.1,1.1);}
.brand .caks li:hover .msg h3 { color: #1364ed;}
.brand .caks .more { display: block; width: 150px; height: 45px; line-height: 45px; font-size: 14px; color: #1364ed; text-align: center; margin: 20px auto 0 auto; border: 1px solid #003cff; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#0088ff,#0042ff,#0052ff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.brand .caks .more span { display: inline-block; color: #fff; padding-right: 25px; background: url(br17.png) no-repeat right center; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brand .caks .more:hover { border-radius: 25px;}
.brand .caks .more:hover span { padding-right: 50px;}

.brand .jzlc { width: 100%; padding: 45px 0 65px 0; background: #fff;}
.brand .jzlc .lst { border-top: 1px solid #dce9fc; border-left: 1px solid #dce9fc;}
.brand .jzlc .lst li { float: left; width: calc(100% / 5 - 31px); cursor: pointer; text-align: center; padding: 35px 15px; border-right: 1px solid #dce9fc; border-bottom: 1px solid #dce9fc; background-image: linear-gradient(#fff,#f4f9ff); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brand .jzlc .lst li::after { display: block; content: ""; width: 36px; height: 36px; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; border: 1px solid #dce9fc; border-radius: 50%; background: #fff url(br06.png) no-repeat center; position: absolute; top: 0; bottom: 0; right: -19px; z-index: 9;}
.brand .jzlc .lst li img { display: block; width: 65px; height: 65px; margin: 10px auto 0 auto;}
.brand .jzlc .lst li h3 { width: 100%; height: 35px; line-height: 35px; font-weight: 500; font-size: 18px; color: #091221; margin-top: 10px;}
.brand .jzlc .lst li p { width: 100%; height: 50px; line-height: 25px; font-size: 14px; color: #5b6c83; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.brand .jzlc .lst li:hover { box-shadow: 0 5px 15px rgba(177,199,229,0.25); position: relative; z-index: 2;}
.brand .jzlc .lst li:nth-child(5)::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: auto; left: 0; bottom: -19px;}
.brand .jzlc .lst li:nth-child(6)::after,
.brand .jzlc .lst li:nth-child(7)::after,
.brand .jzlc .lst li:nth-child(8)::after,
.brand .jzlc .lst li:nth-child(9)::after { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.brand .jzlc .lst li:last-child::after { display: none;}