@charset "gb2312";
/* CSS Document */

.inner-wrap-guke { background-image: url(../../images/imgV2021/inner/guke/wrapper_bg.jpg); background-color: #e1f6ff; background-repeat: no-repeat;background-position: top center;}
.item-wrap {width: 1150px; margin: 0 auto 40px; background-color: #fff; position: relative;margin-top: 100px; border-radius: 40px; padding: 40px;}
.item-wrap .item-title {position: absolute; top:-40px; left: -45px; background-image: url(../../images/imgV2021/inner/guke/title-bg.png); width:300px; height:108px; text-align: center; font-size: 45px; color: #fff; line-height: 70px;}
.item-js {margin-top: 20px;}
.item-js p {font-size: 20px; text-indent: 2em;text-align: justify;}
.item-js img {float: right; padding-left: 40px;}

.item-ry {display: flex; flex-direction: row; flex-wrap:wrap;justify-content:space-between;}
.item-ry span { margin-top: 35px;}

.item-zl { position: relative; margin-top: 60px;}
.item-zl img {position: absolute; left: 0;top: -20px;}
.item-zl span { display: block; background-color: #41ade9; overflow: hidden;border-radius: 30px;}
.item-zl span p {font-size: 22px; color: #fff; width: 75%; float: right; padding: 30px;}


.item-ys-list { width: 490px; float: left; overflow: hidden; margin-top: 50px; position: relative;}
.item-ys-list:nth-child(2n) { float: right;}
.item-ys-list img {float: left;}
.item-ys-list .ys-info { width: 285px; float: right;}
.item-ys-list .ys-name { width: 100%; overflow: hidden; position: relative; margin-bottom: 10px; z-index: 2}
.item-ys-list .ys-name h5 { float: left;font-size: 32px; color: #fff; text-shadow: -2px 0px 2px #2d8ed7, 2px 0px 2px #2d8ed7, 0px -2px 2px #2d8ed7, 0px 2px 2px #2d8ed7;}
.item-ys-list .ys-name>div { float: left; padding-left: 15px;}
.item-ys-list .ys-name>div p {font-size: 16px;line-height: 24px;color: #333;}
.item-ys-list .ys-name>div p:last-child {color: #fff;}
.item-ys-list .ys-name span {position: absolute; display: block; width: 90%; height: 26px; bottom: 0; left: 0; background-color: #2d8ed7; z-index:-1;}
.item-ys-list .ys-name span::after { 
content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 100%;
  border-bottom: 26px solid transparent;
  border-left: 26px solid #2d8ed7;
  width: 0;
}
.item-ys-list .ys-name span::before{content: '';
  position: absolute;
  top: 0;
  right: 100%;
  left: 0;
  border-bottom: 26px solid transparent;
  border-left: 26px solid #fff;
  width: 0;}
.item-ys-list .ys-info { max-height: 273px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}
.item-ys-list .ys-info p {color: #333; line-height: 1.5em; }
.item-ys-list .ys-info p:first-of-type {font-weight: bold;}

.item-ys-list a:hover { background-color: #e7f5ff; overflow: hidden; display: block}
.item-ys-list a.askbut {position: absolute;right: 0; bottom: 0;background-color: transparent;}

.item-al-list li { margin-top: 35px;}
.item-al-list li img {float: left; margin-right: 30px;}
.item-al-list li h5 {font-size: 22px; color: #222; line-height: 2em;}
.item-al-list li p {font-size: 20px; color: #666; margin-bottom: 10px; text-align: justify}
.item-al-list li span {display:inline-block;font-size: 20px; width:146px; height: 40px; background-color: #42ace7; line-height: 40px; text-align: center; color: #fff; border-radius: 20px;}
.item-al-list li a:hover span { background-color: #2a86d1;}