.webs { width: 100%;}

.webs .aptai { width: 100%; padding: 45px 0; background-image: linear-gradient(#eff6ff,#f5faff);}
.webs .aptai li { float: left; width: calc(100% / 5 - 16px); text-align: center; margin-right: 20px; box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .aptai li:nth-child(5n) { margin-right: 0;}
.webs .aptai li img { display: block; width: 70px; height: 70px; margin: 0 auto;}
.webs .aptai li h3 { height: 40px; line-height: 40px; font-size: 18px; color: #091221; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .aptai li p { line-height: 25px; font-size: 14px; color: #5b6c83; filter: alpha(opacity=65); opacity: 0.65;}
.webs .aptai li:hover { transform: translateY(-10px);}
.webs .aptai li:hover h3 { color: #1364ed;}
.webs .aptai a { display: block; width: 150px; height: 45px; line-height: 45px; font-size: 16px; color: #1364ed; text-align: center; margin: 40px auto 0 auto; border: 1px solid #003cff; box-sizing: border-box; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#0088ff,#0042ff,#0052ff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .aptai a span { display: inline-block; color: #fff; padding-right: 25px; background: url(../../images/zc02.png) no-repeat right center; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .aptai a:hover { border-radius: 25px;}
.webs .aptai a:hover span { padding-right: 50px;}

.webs .caks { width: 100%; padding: 45px 0; background: #fff;}
.webs .caks li { float: left; width: calc(100% / 4 - 21px); margin: 0 20px 20px 0; border: 3px solid #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(177,199,229,0.25); overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .caks li:nth-child(4n) { margin-right: 0;}
.webs .caks li .img { width: 100%; height: 170px; overflow: hidden;}
.webs .caks li .img img { display: block; width: 100%; min-height: 170px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .caks li .msg { padding: 10px;}
.webs .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;}
.webs .caks li .msg p { width: 100%; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.webs .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;}
.webs .caks li:hover { box-shadow: 0 5px 15px rgba(177,199,229,0.45);}
.webs .caks li:hover .img img { transform: scale(1.1,1.1);}
.webs .caks li:hover .msg h3 { color: #1364ed;}

.webs .news { width: 100%; padding: 45px 0; background: #e3f3ff;}
.webs .news .imgs { float: left; width: 650px;}
.webs .news .imgs li { float: left; width: calc(50% - 24px); margin: 10px; border: 2px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(177,199,229,0.25); background-image: linear-gradient(#f3f5f8,#fff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .news .imgs li a { display: block; padding: 10px;}
.webs .news .imgs li .img { width: 100%; height: 155px; margin-bottom: 5px; border-radius: 10px; overflow: hidden;}
.webs .news .imgs li .img img { display: block; width: 100%; min-height: 155px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .news .imgs li p { width: calc(100% - 10px); height: 50px; line-height: 25px; font-size: 16px; color: #091221; padding: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webs .news .imgs li:hover { box-shadow: 0 0 15px rgba(177,199,229,0.65);}
.webs .news .imgs li:hover .img img { transform: scale(1.1,1.1);}
.webs .news .imgs li:hover p { color: #1364ed;}
.webs .news .list { float: right; width: calc(100% - 670px);}
.webs .news .list li { margin-top: 15px; border: 2px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(177,199,229,0.25); background-image: linear-gradient(to right,#f9fcff,#f7fbff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .news .list li:first-child { margin-top: 10px;}
.webs .news .list li a { display: block; padding: 16px;}
.webs .news .list li .tim { float: left; width: 70px; height: 60px; line-height: 20px; font-size: 14px; color: #464c5d; text-align: center; margin-top: 10px;}
.webs .news .list li .tim b { display: block; height: 40px; line-height: 40px; font-weight: 500; font-size: 30px; color: #091221; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webs .news .list li .msg { float: right; width: calc(100% - 100px); padding-left: 20px; border-left: 1px solid #e9ecf0;}
.webs .news .list li .msg h3 { width: 100%; height: 30px; line-height: 30px; 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;}
.webs .news .list li .msg p { width: 100%; height: 45px; line-height: 22px; font-size: 12px; color: #5b6c83; margin-top: 5px; filter: alpha(opacity=85); opacity: 0.85;}
.webs .news .list li:hover { box-shadow: 0 0 15px rgba(177,199,229,0.65);}
.webs .news .list li:hover .tim b,
.webs .news .list li:hover .msg h3 { color: #1364ed;}